Skip to content

Commit 16169a3

Browse files
pfultoncastastrophe
pfulton
authored and
castastrophe
committed
chore(tokens): use @adobe/spectrum-tokens@13.0.0-beta.30 (#2678)
* chore(tokens): use spectrum-tokens@13.0.0-beta.30 * chore: add changeset
1 parent a5b8329 commit 16169a3

File tree

7 files changed

+88
-50
lines changed

7 files changed

+88
-50
lines changed

‎.changeset/pretty-parents-drum.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@spectrum-css/tokens": patch
3+
---
4+
5+
use spectrum-tokens@13.0.0-beta.30

‎tokens/dist/css/global-vars.css

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@
8484
--spectrum-color-area-border-opacity:0.1;
8585
--spectrum-color-slider-border-color:var(--spectrum-gray-1000);
8686
--spectrum-color-slider-border-opacity:0.1;
87-
--spectrum-color-loupe-drop-shadow-color:var(--spectrum-transparent-black-300);
87+
--spectrum-color-loupe-drop-shadow-color:var(--spectrum-drop-shadow-elevated-color);
8888
--spectrum-color-loupe-drop-shadow-y:var(--spectrum-drop-shadow-elevated-y);
8989
--spectrum-color-loupe-drop-shadow-blur:var(--spectrum-drop-shadow-elevated-blur);
9090
--spectrum-color-loupe-inner-border:var(--spectrum-transparent-black-200);
@@ -200,7 +200,6 @@
200200
--spectrum-field-label-top-margin-extra-large:0px;
201201
--spectrum-field-label-to-component:0px;
202202
--spectrum-help-text-to-component:0px;
203-
--spectrum-status-light-dot-size-small:8px;
204203
--spectrum-action-button-edge-to-hold-icon-extra-small:3px;
205204
--spectrum-action-button-edge-to-hold-icon-small:3px;
206205
--spectrum-button-minimum-width-multiplier:2.25;
@@ -385,6 +384,14 @@
385384
--spectrum-combo-box-visual-to-field-button:0px;
386385
--spectrum-in-field-button-edge-to-fill-medium:6px;
387386
--spectrum-in-field-button-edge-to-fill-large:8px;
387+
--spectrum-standard-dialog-maximum-width-small:400px;
388+
--spectrum-standard-dialog-minimum-width:288px;
389+
--spectrum-standard-dialog-maximum-width-medium:480px;
390+
--spectrum-standard-dialog-maximum-width-large:640px;
391+
--spectrum-status-light-text-to-visual-75:var(--spectrum-text-to-visual-75);
392+
--spectrum-status-light-text-to-visual-100:var(--spectrum-text-to-visual-100);
393+
--spectrum-status-light-text-to-visual-200:var(--spectrum-text-to-visual-200);
394+
--spectrum-status-light-text-to-visual-300:var(--spectrum-text-to-visual-300);
388395
--spectrum-corner-radius-0:0px;
389396
--spectrum-corner-radius-75:3px;
390397
--spectrum-corner-radius-100:4px;

‎tokens/dist/css/large-vars.css

Lines changed: 15 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -56,13 +56,14 @@
5656
--spectrum-help-text-top-to-workflow-icon-medium:var(--spectrum-component-top-to-workflow-icon-100);
5757
--spectrum-help-text-top-to-workflow-icon-large:var(--spectrum-component-top-to-workflow-icon-200);
5858
--spectrum-help-text-top-to-workflow-icon-extra-large:var(--spectrum-component-top-to-workflow-icon-300);
59-
--spectrum-status-light-dot-size-medium:10px;
60-
--spectrum-status-light-dot-size-large:12px;
61-
--spectrum-status-light-dot-size-extra-large:12px;
62-
--spectrum-status-light-top-to-dot-small:11px;
63-
--spectrum-status-light-top-to-dot-medium:15px;
64-
--spectrum-status-light-top-to-dot-large:19px;
65-
--spectrum-status-light-top-to-dot-extra-large:24px;
59+
--spectrum-status-light-dot-size-small:10px;
60+
--spectrum-status-light-dot-size-medium:12px;
61+
--spectrum-status-light-dot-size-large:14px;
62+
--spectrum-status-light-dot-size-extra-large:16px;
63+
--spectrum-status-light-top-to-dot-small:10px;
64+
--spectrum-status-light-top-to-dot-medium:14px;
65+
--spectrum-status-light-top-to-dot-large:18px;
66+
--spectrum-status-light-top-to-dot-extra-large:22px;
6667
--spectrum-action-button-edge-to-hold-icon-medium:5px;
6768
--spectrum-action-button-edge-to-hold-icon-large:6px;
6869
--spectrum-action-button-edge-to-hold-icon-extra-large:7px;
@@ -180,7 +181,7 @@
180181
--spectrum-avatar-size-700:50px;
181182
--spectrum-alert-banner-minimum-height:64px;
182183
--spectrum-alert-banner-width:680px;
183-
--spectrum-alert-banner-top-to-workflow-icon:21px;
184+
--spectrum-alert-banner-top-to-workflow-icon:20px;
184185
--spectrum-alert-banner-top-to-text:21px;
185186
--spectrum-alert-banner-bottom-to-text:22px;
186187
--spectrum-rating-indicator-width:22px;
@@ -424,6 +425,8 @@
424425
--spectrum-coach-mark-body-font-size:var(--spectrum-body-size-s);
425426
--spectrum-coach-mark-pagination-body-font-size:var(--spectrum-body-size-xs);
426427
--spectrum-coach-mark-title-font-size:var(--spectrum-title-size-s);
428+
--spectrum-standard-dialog-title-font-size:var(--spectrum-title-size-xl);
429+
--spectrum-standard-dialog-body-font-size:var(--spectrum-body-size-s);
427430
--spectrum-workflow-icon-size-50:16px;
428431
--spectrum-workflow-icon-size-75:18px;
429432
--spectrum-workflow-icon-size-100:24px;
@@ -449,10 +452,10 @@
449452
--spectrum-component-pill-edge-to-visual-100:17px;
450453
--spectrum-component-pill-edge-to-visual-200:22px;
451454
--spectrum-component-pill-edge-to-visual-300:27px;
452-
--spectrum-component-pill-edge-to-visual-only-75:5px;
453-
--spectrum-component-pill-edge-to-visual-only-100:9px;
454-
--spectrum-component-pill-edge-to-visual-only-200:13px;
455-
--spectrum-component-pill-edge-to-visual-only-300:16px;
455+
--spectrum-component-pill-edge-to-visual-only-75:6px;
456+
--spectrum-component-pill-edge-to-visual-only-100:8px;
457+
--spectrum-component-pill-edge-to-visual-only-200:11px;
458+
--spectrum-component-pill-edge-to-visual-only-300:15px;
456459
--spectrum-component-pill-edge-to-text-75:15px;
457460
--spectrum-component-pill-edge-to-text-100:20px;
458461
--spectrum-component-pill-edge-to-text-200:25px;

‎tokens/dist/css/medium-vars.css

Lines changed: 13 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -56,13 +56,14 @@
5656
--spectrum-help-text-top-to-workflow-icon-medium:var(--spectrum-component-top-to-workflow-icon-100);
5757
--spectrum-help-text-top-to-workflow-icon-large:var(--spectrum-component-top-to-workflow-icon-200);
5858
--spectrum-help-text-top-to-workflow-icon-extra-large:var(--spectrum-component-top-to-workflow-icon-300);
59-
--spectrum-status-light-dot-size-medium:8px;
60-
--spectrum-status-light-dot-size-large:10px;
61-
--spectrum-status-light-dot-size-extra-large:10px;
59+
--spectrum-status-light-dot-size-small:8px;
60+
--spectrum-status-light-dot-size-medium:10px;
61+
--spectrum-status-light-dot-size-large:12px;
62+
--spectrum-status-light-dot-size-extra-large:14px;
6263
--spectrum-status-light-top-to-dot-small:8px;
63-
--spectrum-status-light-top-to-dot-medium:12px;
64-
--spectrum-status-light-top-to-dot-large:15px;
65-
--spectrum-status-light-top-to-dot-extra-large:19px;
64+
--spectrum-status-light-top-to-dot-medium:11px;
65+
--spectrum-status-light-top-to-dot-large:14px;
66+
--spectrum-status-light-top-to-dot-extra-large:17px;
6667
--spectrum-action-button-edge-to-hold-icon-medium:4px;
6768
--spectrum-action-button-edge-to-hold-icon-large:5px;
6869
--spectrum-action-button-edge-to-hold-icon-extra-large:6px;
@@ -180,7 +181,7 @@
180181
--spectrum-avatar-size-700:40px;
181182
--spectrum-alert-banner-minimum-height:56px;
182183
--spectrum-alert-banner-width:832px;
183-
--spectrum-alert-banner-top-to-workflow-icon:19px;
184+
--spectrum-alert-banner-top-to-workflow-icon:18px;
184185
--spectrum-alert-banner-top-to-text:18px;
185186
--spectrum-alert-banner-bottom-to-text:20px;
186187
--spectrum-rating-indicator-width:18px;
@@ -424,6 +425,8 @@
424425
--spectrum-coach-mark-body-font-size:var(--spectrum-body-size-m);
425426
--spectrum-coach-mark-pagination-body-font-size:var(--spectrum-body-size-s);
426427
--spectrum-coach-mark-title-font-size:var(--spectrum-title-size-m);
428+
--spectrum-standard-dialog-title-font-size:var(--spectrum-title-size-xxl);
429+
--spectrum-standard-dialog-body-font-size:var(--spectrum-body-size-m);
427430
--spectrum-workflow-icon-size-50:14px;
428431
--spectrum-workflow-icon-size-75:16px;
429432
--spectrum-workflow-icon-size-100:20px;
@@ -450,9 +453,9 @@
450453
--spectrum-component-pill-edge-to-visual-200:18px;
451454
--spectrum-component-pill-edge-to-visual-300:21px;
452455
--spectrum-component-pill-edge-to-visual-only-75:4px;
453-
--spectrum-component-pill-edge-to-visual-only-100:7px;
454-
--spectrum-component-pill-edge-to-visual-only-200:10px;
455-
--spectrum-component-pill-edge-to-visual-only-300:13px;
456+
--spectrum-component-pill-edge-to-visual-only-100:6px;
457+
--spectrum-component-pill-edge-to-visual-only-200:9px;
458+
--spectrum-component-pill-edge-to-visual-only-300:11px;
456459
--spectrum-component-pill-edge-to-text-75:12px;
457460
--spectrum-component-pill-edge-to-text-100:16px;
458461
--spectrum-component-pill-edge-to-text-200:20px;

‎tokens/dist/index.css

Lines changed: 37 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -821,7 +821,7 @@
821821
--spectrum-color-area-border-opacity: 0.1;
822822
--spectrum-color-slider-border-color: var(--spectrum-gray-1000);
823823
--spectrum-color-slider-border-opacity: 0.1;
824-
--spectrum-color-loupe-drop-shadow-color: var(--spectrum-transparent-black-300);
824+
--spectrum-color-loupe-drop-shadow-color: var(--spectrum-drop-shadow-elevated-color);
825825
--spectrum-color-loupe-drop-shadow-y: var(--spectrum-drop-shadow-elevated-y);
826826
--spectrum-color-loupe-drop-shadow-blur: var(--spectrum-drop-shadow-elevated-blur);
827827
--spectrum-color-loupe-inner-border: var(--spectrum-transparent-black-200);
@@ -937,7 +937,6 @@
937937
--spectrum-field-label-top-margin-extra-large: 0px;
938938
--spectrum-field-label-to-component: 0px;
939939
--spectrum-help-text-to-component: 0px;
940-
--spectrum-status-light-dot-size-small: 8px;
941940
--spectrum-action-button-edge-to-hold-icon-extra-small: 3px;
942941
--spectrum-action-button-edge-to-hold-icon-small: 3px;
943942
--spectrum-button-minimum-width-multiplier: 2.25;
@@ -1122,6 +1121,14 @@
11221121
--spectrum-combo-box-visual-to-field-button: 0px;
11231122
--spectrum-in-field-button-edge-to-fill-medium: 6px;
11241123
--spectrum-in-field-button-edge-to-fill-large: 8px;
1124+
--spectrum-standard-dialog-maximum-width-small: 400px;
1125+
--spectrum-standard-dialog-minimum-width: 288px;
1126+
--spectrum-standard-dialog-maximum-width-medium: 480px;
1127+
--spectrum-standard-dialog-maximum-width-large: 640px;
1128+
--spectrum-status-light-text-to-visual-75: var(--spectrum-text-to-visual-75);
1129+
--spectrum-status-light-text-to-visual-100: var(--spectrum-text-to-visual-100);
1130+
--spectrum-status-light-text-to-visual-200: var(--spectrum-text-to-visual-200);
1131+
--spectrum-status-light-text-to-visual-300: var(--spectrum-text-to-visual-300);
11251132
--spectrum-corner-radius-0: 0px;
11261133
--spectrum-corner-radius-75: 3px;
11271134
--spectrum-corner-radius-100: 4px;
@@ -1616,13 +1623,14 @@
16161623
--spectrum-help-text-top-to-workflow-icon-medium: var(--spectrum-component-top-to-workflow-icon-100);
16171624
--spectrum-help-text-top-to-workflow-icon-large: var(--spectrum-component-top-to-workflow-icon-200);
16181625
--spectrum-help-text-top-to-workflow-icon-extra-large: var(--spectrum-component-top-to-workflow-icon-300);
1619-
--spectrum-status-light-dot-size-medium: 10px;
1620-
--spectrum-status-light-dot-size-large: 12px;
1621-
--spectrum-status-light-dot-size-extra-large: 12px;
1622-
--spectrum-status-light-top-to-dot-small: 11px;
1623-
--spectrum-status-light-top-to-dot-medium: 15px;
1624-
--spectrum-status-light-top-to-dot-large: 19px;
1625-
--spectrum-status-light-top-to-dot-extra-large: 24px;
1626+
--spectrum-status-light-dot-size-small: 10px;
1627+
--spectrum-status-light-dot-size-medium: 12px;
1628+
--spectrum-status-light-dot-size-large: 14px;
1629+
--spectrum-status-light-dot-size-extra-large: 16px;
1630+
--spectrum-status-light-top-to-dot-small: 10px;
1631+
--spectrum-status-light-top-to-dot-medium: 14px;
1632+
--spectrum-status-light-top-to-dot-large: 18px;
1633+
--spectrum-status-light-top-to-dot-extra-large: 22px;
16261634
--spectrum-action-button-edge-to-hold-icon-medium: 5px;
16271635
--spectrum-action-button-edge-to-hold-icon-large: 6px;
16281636
--spectrum-action-button-edge-to-hold-icon-extra-large: 7px;
@@ -1740,7 +1748,7 @@
17401748
--spectrum-avatar-size-700: 50px;
17411749
--spectrum-alert-banner-minimum-height: 64px;
17421750
--spectrum-alert-banner-width: 680px;
1743-
--spectrum-alert-banner-top-to-workflow-icon: 21px;
1751+
--spectrum-alert-banner-top-to-workflow-icon: 20px;
17441752
--spectrum-alert-banner-top-to-text: 21px;
17451753
--spectrum-alert-banner-bottom-to-text: 22px;
17461754
--spectrum-rating-indicator-width: 22px;
@@ -1984,6 +1992,8 @@
19841992
--spectrum-coach-mark-body-font-size: var(--spectrum-body-size-s);
19851993
--spectrum-coach-mark-pagination-body-font-size: var(--spectrum-body-size-xs);
19861994
--spectrum-coach-mark-title-font-size: var(--spectrum-title-size-s);
1995+
--spectrum-standard-dialog-title-font-size: var(--spectrum-title-size-xl);
1996+
--spectrum-standard-dialog-body-font-size: var(--spectrum-body-size-s);
19871997
--spectrum-workflow-icon-size-50: 16px;
19881998
--spectrum-workflow-icon-size-75: 18px;
19891999
--spectrum-workflow-icon-size-100: 24px;
@@ -2009,10 +2019,10 @@
20092019
--spectrum-component-pill-edge-to-visual-100: 17px;
20102020
--spectrum-component-pill-edge-to-visual-200: 22px;
20112021
--spectrum-component-pill-edge-to-visual-300: 27px;
2012-
--spectrum-component-pill-edge-to-visual-only-75: 5px;
2013-
--spectrum-component-pill-edge-to-visual-only-100: 9px;
2014-
--spectrum-component-pill-edge-to-visual-only-200: 13px;
2015-
--spectrum-component-pill-edge-to-visual-only-300: 16px;
2022+
--spectrum-component-pill-edge-to-visual-only-75: 6px;
2023+
--spectrum-component-pill-edge-to-visual-only-100: 8px;
2024+
--spectrum-component-pill-edge-to-visual-only-200: 11px;
2025+
--spectrum-component-pill-edge-to-visual-only-300: 15px;
20162026
--spectrum-component-pill-edge-to-text-75: 15px;
20172027
--spectrum-component-pill-edge-to-text-100: 20px;
20182028
--spectrum-component-pill-edge-to-text-200: 25px;
@@ -3017,13 +3027,14 @@
30173027
--spectrum-help-text-top-to-workflow-icon-medium: var(--spectrum-component-top-to-workflow-icon-100);
30183028
--spectrum-help-text-top-to-workflow-icon-large: var(--spectrum-component-top-to-workflow-icon-200);
30193029
--spectrum-help-text-top-to-workflow-icon-extra-large: var(--spectrum-component-top-to-workflow-icon-300);
3020-
--spectrum-status-light-dot-size-medium: 8px;
3021-
--spectrum-status-light-dot-size-large: 10px;
3022-
--spectrum-status-light-dot-size-extra-large: 10px;
3030+
--spectrum-status-light-dot-size-small: 8px;
3031+
--spectrum-status-light-dot-size-medium: 10px;
3032+
--spectrum-status-light-dot-size-large: 12px;
3033+
--spectrum-status-light-dot-size-extra-large: 14px;
30233034
--spectrum-status-light-top-to-dot-small: 8px;
3024-
--spectrum-status-light-top-to-dot-medium: 12px;
3025-
--spectrum-status-light-top-to-dot-large: 15px;
3026-
--spectrum-status-light-top-to-dot-extra-large: 19px;
3035+
--spectrum-status-light-top-to-dot-medium: 11px;
3036+
--spectrum-status-light-top-to-dot-large: 14px;
3037+
--spectrum-status-light-top-to-dot-extra-large: 17px;
30273038
--spectrum-action-button-edge-to-hold-icon-medium: 4px;
30283039
--spectrum-action-button-edge-to-hold-icon-large: 5px;
30293040
--spectrum-action-button-edge-to-hold-icon-extra-large: 6px;
@@ -3141,7 +3152,7 @@
31413152
--spectrum-avatar-size-700: 40px;
31423153
--spectrum-alert-banner-minimum-height: 56px;
31433154
--spectrum-alert-banner-width: 832px;
3144-
--spectrum-alert-banner-top-to-workflow-icon: 19px;
3155+
--spectrum-alert-banner-top-to-workflow-icon: 18px;
31453156
--spectrum-alert-banner-top-to-text: 18px;
31463157
--spectrum-alert-banner-bottom-to-text: 20px;
31473158
--spectrum-rating-indicator-width: 18px;
@@ -3385,6 +3396,8 @@
33853396
--spectrum-coach-mark-body-font-size: var(--spectrum-body-size-m);
33863397
--spectrum-coach-mark-pagination-body-font-size: var(--spectrum-body-size-s);
33873398
--spectrum-coach-mark-title-font-size: var(--spectrum-title-size-m);
3399+
--spectrum-standard-dialog-title-font-size: var(--spectrum-title-size-xxl);
3400+
--spectrum-standard-dialog-body-font-size: var(--spectrum-body-size-m);
33883401
--spectrum-workflow-icon-size-50: 14px;
33893402
--spectrum-workflow-icon-size-75: 16px;
33903403
--spectrum-workflow-icon-size-100: 20px;
@@ -3411,9 +3424,9 @@
34113424
--spectrum-component-pill-edge-to-visual-200: 18px;
34123425
--spectrum-component-pill-edge-to-visual-300: 21px;
34133426
--spectrum-component-pill-edge-to-visual-only-75: 4px;
3414-
--spectrum-component-pill-edge-to-visual-only-100: 7px;
3415-
--spectrum-component-pill-edge-to-visual-only-200: 10px;
3416-
--spectrum-component-pill-edge-to-visual-only-300: 13px;
3427+
--spectrum-component-pill-edge-to-visual-only-100: 6px;
3428+
--spectrum-component-pill-edge-to-visual-only-200: 9px;
3429+
--spectrum-component-pill-edge-to-visual-only-300: 11px;
34173430
--spectrum-component-pill-edge-to-text-75: 12px;
34183431
--spectrum-component-pill-edge-to-text-100: 16px;
34193432
--spectrum-component-pill-edge-to-text-200: 20px;

‎tokens/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@
4242
"adobe"
4343
],
4444
"devDependencies": {
45-
"@adobe/spectrum-tokens": "13.0.0-beta.27",
45+
"@adobe/spectrum-tokens": "13.0.0-beta.30",
4646
"@nxkit/style-dictionary": "^6.0.0",
4747
"postcss": "^8.4.49",
4848
"postcss-cli": "^11.0.0",

‎yarn.lock

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -139,6 +139,13 @@ __metadata:
139139
languageName: node
140140
linkType: hard
141141

142+
"@adobe/spectrum-tokens@npm:13.0.0-beta.30":
143+
version: 13.0.0-beta.30
144+
resolution: "@adobe/spectrum-tokens@npm:13.0.0-beta.30"
145+
checksum: 10c0/78c0627a4f1ba4adff1adab5c3be4bf5a98a8f6ac0dd5e7806a3db12d3f67f2e3afa85828c7e34f843e29ad91c0d2bd009bfbc9fecec81ab7e4b05c1dd81bab8
146+
languageName: node
147+
linkType: hard
148+
142149
"@ampproject/remapping@npm:^2.2.0":
143150
version: 2.3.0
144151
resolution: "@ampproject/remapping@npm:2.3.0"
@@ -4206,7 +4213,7 @@ __metadata:
42064213
version: 0.0.0-use.local
42074214
resolution: "@spectrum-css/tokens@workspace:tokens"
42084215
dependencies:
4209-
"@adobe/spectrum-tokens": "npm:13.0.0-beta.27"
4216+
"@adobe/spectrum-tokens": "npm:13.0.0-beta.30"
42104217
"@nxkit/style-dictionary": "npm:^6.0.0"
42114218
postcss: "npm:^8.4.49"
42124219
postcss-cli: "npm:^11.0.0"

0 commit comments

Comments
 (0)