Skip to content

Commit

Permalink
feat(button): use new border radius token
Browse files Browse the repository at this point in the history
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.
  • Loading branch information
jawinn committed Mar 21, 2024
1 parent 852b377 commit 4c23339
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 4 deletions.
4 changes: 1 addition & 3 deletions components/button/index.css
Expand Up @@ -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);
Expand Down
2 changes: 1 addition & 1 deletion components/button/package.json
Expand Up @@ -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": {
Expand Down

0 comments on commit 4c23339

Please sign in to comment.