From 4c233396f845eb5e282d7b96bda9328e93bb5950 Mon Sep 17 00:00:00 2001 From: Josh Winn <965114+jawinn@users.noreply.github.com> Date: Thu, 21 Mar 2024 10:05:27 -0400 Subject: [PATCH] feat(button): use new border radius token Use --spectrum-corner-radius-full in the CSS. Sets the tokens version to the latest tokens release that includes our custom-vars override for --spectrum-corner-radius-full, that allows us to use it with the 9999px value. --- components/button/index.css | 4 +--- components/button/package.json | 2 +- 2 files changed, 2 insertions(+), 4 deletions(-) diff --git a/components/button/index.css b/components/button/index.css index 145fa6ecc4e..227eb1f407a 100644 --- a/components/button/index.css +++ b/components/button/index.css @@ -14,9 +14,7 @@ governing permissions and limitations under the License. .spectrum-Button { --spectrum-button-animation-duration: var(--spectrum-animation-duration-100); - /* @todo once corner rounding value override is in a tokens release: */ - /* --spectrum-button-border-radius: var(--spectrum-corner-radius-full); */ - --spectrum-button-border-radius: 9999px; + --spectrum-button-border-radius: var(--spectrum-corner-radius-full); --spectrum-button-border-width: var(--spectrum-border-width-200); --spectrum-button-focus-ring-gap: var(--spectrum-focus-indicator-gap); diff --git a/components/button/package.json b/components/button/package.json index deda69496f2..2af4d6a1d75 100644 --- a/components/button/package.json +++ b/components/button/package.json @@ -17,7 +17,7 @@ "peerDependencies": { "@spectrum-css/icon": ">=6", "@spectrum-css/progresscircle": ">=2", - "@spectrum-css/tokens": "^14.0.0-next.2" + "@spectrum-css/tokens": "^14.0.0-next.3" }, "peerDependenciesMeta": { "@spectrum-css/icon": {