Skip to content

Commit 2aeca65

Browse files
pfultonpfulton
authored
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 091f62e commit 2aeca65

File tree

7 files changed

+85
-54
lines changed

7 files changed

+85
-54
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
@@ -71,7 +71,7 @@
7171
--spectrum-color-area-border-opacity:0.1;
7272
--spectrum-color-slider-border-color:var(--spectrum-gray-1000);
7373
--spectrum-color-slider-border-opacity:0.1;
74-
--spectrum-color-loupe-drop-shadow-color:var(--spectrum-transparent-black-300);
74+
--spectrum-color-loupe-drop-shadow-color:var(--spectrum-drop-shadow-elevated-color);
7575
--spectrum-color-loupe-drop-shadow-y:var(--spectrum-drop-shadow-elevated-y);
7676
--spectrum-color-loupe-drop-shadow-blur:var(--spectrum-drop-shadow-elevated-blur);
7777
--spectrum-color-loupe-inner-border:var(--spectrum-transparent-black-200);
@@ -187,7 +187,6 @@
187187
--spectrum-field-label-top-margin-extra-large:0px;
188188
--spectrum-field-label-to-component:0px;
189189
--spectrum-help-text-to-component:0px;
190-
--spectrum-status-light-dot-size-small:8px;
191190
--spectrum-action-button-edge-to-hold-icon-extra-small:3px;
192191
--spectrum-action-button-edge-to-hold-icon-small:3px;
193192
--spectrum-button-minimum-width-multiplier:2.25;
@@ -372,6 +371,14 @@
372371
--spectrum-combo-box-visual-to-field-button:0px;
373372
--spectrum-in-field-button-edge-to-fill-medium:6px;
374373
--spectrum-in-field-button-edge-to-fill-large:8px;
374+
--spectrum-standard-dialog-maximum-width-small:400px;
375+
--spectrum-standard-dialog-minimum-width:288px;
376+
--spectrum-standard-dialog-maximum-width-medium:480px;
377+
--spectrum-standard-dialog-maximum-width-large:640px;
378+
--spectrum-status-light-text-to-visual-75:var(--spectrum-text-to-visual-75);
379+
--spectrum-status-light-text-to-visual-100:var(--spectrum-text-to-visual-100);
380+
--spectrum-status-light-text-to-visual-200:var(--spectrum-text-to-visual-200);
381+
--spectrum-status-light-text-to-visual-300:var(--spectrum-text-to-visual-300);
375382
--spectrum-corner-radius-0:0px;
376383
--spectrum-corner-radius-75:3px;
377384
--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
@@ -43,13 +43,14 @@
4343
--spectrum-help-text-top-to-workflow-icon-medium:var(--spectrum-component-top-to-workflow-icon-100);
4444
--spectrum-help-text-top-to-workflow-icon-large:var(--spectrum-component-top-to-workflow-icon-200);
4545
--spectrum-help-text-top-to-workflow-icon-extra-large:var(--spectrum-component-top-to-workflow-icon-300);
46-
--spectrum-status-light-dot-size-medium:10px;
47-
--spectrum-status-light-dot-size-large:12px;
48-
--spectrum-status-light-dot-size-extra-large:12px;
49-
--spectrum-status-light-top-to-dot-small:11px;
50-
--spectrum-status-light-top-to-dot-medium:15px;
51-
--spectrum-status-light-top-to-dot-large:19px;
52-
--spectrum-status-light-top-to-dot-extra-large:24px;
46+
--spectrum-status-light-dot-size-small:10px;
47+
--spectrum-status-light-dot-size-medium:12px;
48+
--spectrum-status-light-dot-size-large:14px;
49+
--spectrum-status-light-dot-size-extra-large:16px;
50+
--spectrum-status-light-top-to-dot-small:10px;
51+
--spectrum-status-light-top-to-dot-medium:14px;
52+
--spectrum-status-light-top-to-dot-large:18px;
53+
--spectrum-status-light-top-to-dot-extra-large:22px;
5354
--spectrum-action-button-edge-to-hold-icon-medium:5px;
5455
--spectrum-action-button-edge-to-hold-icon-large:6px;
5556
--spectrum-action-button-edge-to-hold-icon-extra-large:7px;
@@ -167,7 +168,7 @@
167168
--spectrum-avatar-size-700:50px;
168169
--spectrum-alert-banner-minimum-height:64px;
169170
--spectrum-alert-banner-width:680px;
170-
--spectrum-alert-banner-top-to-workflow-icon:21px;
171+
--spectrum-alert-banner-top-to-workflow-icon:20px;
171172
--spectrum-alert-banner-top-to-text:21px;
172173
--spectrum-alert-banner-bottom-to-text:22px;
173174
--spectrum-rating-indicator-width:22px;
@@ -411,6 +412,8 @@
411412
--spectrum-coach-mark-body-font-size:var(--spectrum-body-size-s);
412413
--spectrum-coach-mark-pagination-body-font-size:var(--spectrum-body-size-xs);
413414
--spectrum-coach-mark-title-font-size:var(--spectrum-title-size-s);
415+
--spectrum-standard-dialog-title-font-size:var(--spectrum-title-size-xl);
416+
--spectrum-standard-dialog-body-font-size:var(--spectrum-body-size-s);
414417
--spectrum-workflow-icon-size-50:16px;
415418
--spectrum-workflow-icon-size-75:18px;
416419
--spectrum-workflow-icon-size-100:24px;
@@ -436,10 +439,10 @@
436439
--spectrum-component-pill-edge-to-visual-100:17px;
437440
--spectrum-component-pill-edge-to-visual-200:22px;
438441
--spectrum-component-pill-edge-to-visual-300:27px;
439-
--spectrum-component-pill-edge-to-visual-only-75:5px;
440-
--spectrum-component-pill-edge-to-visual-only-100:9px;
441-
--spectrum-component-pill-edge-to-visual-only-200:13px;
442-
--spectrum-component-pill-edge-to-visual-only-300:16px;
442+
--spectrum-component-pill-edge-to-visual-only-75:6px;
443+
--spectrum-component-pill-edge-to-visual-only-100:8px;
444+
--spectrum-component-pill-edge-to-visual-only-200:11px;
445+
--spectrum-component-pill-edge-to-visual-only-300:15px;
443446
--spectrum-component-pill-edge-to-text-75:15px;
444447
--spectrum-component-pill-edge-to-text-100:20px;
445448
--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
@@ -43,13 +43,14 @@
4343
--spectrum-help-text-top-to-workflow-icon-medium:var(--spectrum-component-top-to-workflow-icon-100);
4444
--spectrum-help-text-top-to-workflow-icon-large:var(--spectrum-component-top-to-workflow-icon-200);
4545
--spectrum-help-text-top-to-workflow-icon-extra-large:var(--spectrum-component-top-to-workflow-icon-300);
46-
--spectrum-status-light-dot-size-medium:8px;
47-
--spectrum-status-light-dot-size-large:10px;
48-
--spectrum-status-light-dot-size-extra-large:10px;
46+
--spectrum-status-light-dot-size-small:8px;
47+
--spectrum-status-light-dot-size-medium:10px;
48+
--spectrum-status-light-dot-size-large:12px;
49+
--spectrum-status-light-dot-size-extra-large:14px;
4950
--spectrum-status-light-top-to-dot-small:8px;
50-
--spectrum-status-light-top-to-dot-medium:12px;
51-
--spectrum-status-light-top-to-dot-large:15px;
52-
--spectrum-status-light-top-to-dot-extra-large:19px;
51+
--spectrum-status-light-top-to-dot-medium:11px;
52+
--spectrum-status-light-top-to-dot-large:14px;
53+
--spectrum-status-light-top-to-dot-extra-large:17px;
5354
--spectrum-action-button-edge-to-hold-icon-medium:4px;
5455
--spectrum-action-button-edge-to-hold-icon-large:5px;
5556
--spectrum-action-button-edge-to-hold-icon-extra-large:6px;
@@ -167,7 +168,7 @@
167168
--spectrum-avatar-size-700:40px;
168169
--spectrum-alert-banner-minimum-height:56px;
169170
--spectrum-alert-banner-width:832px;
170-
--spectrum-alert-banner-top-to-workflow-icon:19px;
171+
--spectrum-alert-banner-top-to-workflow-icon:18px;
171172
--spectrum-alert-banner-top-to-text:18px;
172173
--spectrum-alert-banner-bottom-to-text:20px;
173174
--spectrum-rating-indicator-width:18px;
@@ -411,6 +412,8 @@
411412
--spectrum-coach-mark-body-font-size:var(--spectrum-body-size-m);
412413
--spectrum-coach-mark-pagination-body-font-size:var(--spectrum-body-size-s);
413414
--spectrum-coach-mark-title-font-size:var(--spectrum-title-size-m);
415+
--spectrum-standard-dialog-title-font-size:var(--spectrum-title-size-xxl);
416+
--spectrum-standard-dialog-body-font-size:var(--spectrum-body-size-m);
414417
--spectrum-workflow-icon-size-50:14px;
415418
--spectrum-workflow-icon-size-75:16px;
416419
--spectrum-workflow-icon-size-100:20px;
@@ -437,9 +440,9 @@
437440
--spectrum-component-pill-edge-to-visual-200:18px;
438441
--spectrum-component-pill-edge-to-visual-300:21px;
439442
--spectrum-component-pill-edge-to-visual-only-75:4px;
440-
--spectrum-component-pill-edge-to-visual-only-100:7px;
441-
--spectrum-component-pill-edge-to-visual-only-200:10px;
442-
--spectrum-component-pill-edge-to-visual-only-300:13px;
443+
--spectrum-component-pill-edge-to-visual-only-100:6px;
444+
--spectrum-component-pill-edge-to-visual-only-200:9px;
445+
--spectrum-component-pill-edge-to-visual-only-300:11px;
443446
--spectrum-component-pill-edge-to-text-75:12px;
444447
--spectrum-component-pill-edge-to-text-100:16px;
445448
--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
@@ -809,7 +809,7 @@
809809
--spectrum-color-area-border-opacity:0.1;
810810
--spectrum-color-slider-border-color:var(--spectrum-gray-1000);
811811
--spectrum-color-slider-border-opacity:0.1;
812-
--spectrum-color-loupe-drop-shadow-color:var(--spectrum-transparent-black-300);
812+
--spectrum-color-loupe-drop-shadow-color:var(--spectrum-drop-shadow-elevated-color);
813813
--spectrum-color-loupe-drop-shadow-y:var(--spectrum-drop-shadow-elevated-y);
814814
--spectrum-color-loupe-drop-shadow-blur:var(--spectrum-drop-shadow-elevated-blur);
815815
--spectrum-color-loupe-inner-border:var(--spectrum-transparent-black-200);
@@ -925,7 +925,6 @@
925925
--spectrum-field-label-top-margin-extra-large:0px;
926926
--spectrum-field-label-to-component:0px;
927927
--spectrum-help-text-to-component:0px;
928-
--spectrum-status-light-dot-size-small:8px;
929928
--spectrum-action-button-edge-to-hold-icon-extra-small:3px;
930929
--spectrum-action-button-edge-to-hold-icon-small:3px;
931930
--spectrum-button-minimum-width-multiplier:2.25;
@@ -1110,6 +1109,14 @@
11101109
--spectrum-combo-box-visual-to-field-button:0px;
11111110
--spectrum-in-field-button-edge-to-fill-medium:6px;
11121111
--spectrum-in-field-button-edge-to-fill-large:8px;
1112+
--spectrum-standard-dialog-maximum-width-small:400px;
1113+
--spectrum-standard-dialog-minimum-width:288px;
1114+
--spectrum-standard-dialog-maximum-width-medium:480px;
1115+
--spectrum-standard-dialog-maximum-width-large:640px;
1116+
--spectrum-status-light-text-to-visual-75:var(--spectrum-text-to-visual-75);
1117+
--spectrum-status-light-text-to-visual-100:var(--spectrum-text-to-visual-100);
1118+
--spectrum-status-light-text-to-visual-200:var(--spectrum-text-to-visual-200);
1119+
--spectrum-status-light-text-to-visual-300:var(--spectrum-text-to-visual-300);
11131120
--spectrum-corner-radius-0:0px;
11141121
--spectrum-corner-radius-75:3px;
11151122
--spectrum-corner-radius-100:4px;
@@ -1601,13 +1608,14 @@
16011608
--spectrum-help-text-top-to-workflow-icon-medium:var(--spectrum-component-top-to-workflow-icon-100);
16021609
--spectrum-help-text-top-to-workflow-icon-large:var(--spectrum-component-top-to-workflow-icon-200);
16031610
--spectrum-help-text-top-to-workflow-icon-extra-large:var(--spectrum-component-top-to-workflow-icon-300);
1604-
--spectrum-status-light-dot-size-medium:10px;
1605-
--spectrum-status-light-dot-size-large:12px;
1606-
--spectrum-status-light-dot-size-extra-large:12px;
1607-
--spectrum-status-light-top-to-dot-small:11px;
1608-
--spectrum-status-light-top-to-dot-medium:15px;
1609-
--spectrum-status-light-top-to-dot-large:19px;
1610-
--spectrum-status-light-top-to-dot-extra-large:24px;
1611+
--spectrum-status-light-dot-size-small:10px;
1612+
--spectrum-status-light-dot-size-medium:12px;
1613+
--spectrum-status-light-dot-size-large:14px;
1614+
--spectrum-status-light-dot-size-extra-large:16px;
1615+
--spectrum-status-light-top-to-dot-small:10px;
1616+
--spectrum-status-light-top-to-dot-medium:14px;
1617+
--spectrum-status-light-top-to-dot-large:18px;
1618+
--spectrum-status-light-top-to-dot-extra-large:22px;
16111619
--spectrum-action-button-edge-to-hold-icon-medium:5px;
16121620
--spectrum-action-button-edge-to-hold-icon-large:6px;
16131621
--spectrum-action-button-edge-to-hold-icon-extra-large:7px;
@@ -1725,7 +1733,7 @@
17251733
--spectrum-avatar-size-700:50px;
17261734
--spectrum-alert-banner-minimum-height:64px;
17271735
--spectrum-alert-banner-width:680px;
1728-
--spectrum-alert-banner-top-to-workflow-icon:21px;
1736+
--spectrum-alert-banner-top-to-workflow-icon:20px;
17291737
--spectrum-alert-banner-top-to-text:21px;
17301738
--spectrum-alert-banner-bottom-to-text:22px;
17311739
--spectrum-rating-indicator-width:22px;
@@ -1969,6 +1977,8 @@
19691977
--spectrum-coach-mark-body-font-size:var(--spectrum-body-size-s);
19701978
--spectrum-coach-mark-pagination-body-font-size:var(--spectrum-body-size-xs);
19711979
--spectrum-coach-mark-title-font-size:var(--spectrum-title-size-s);
1980+
--spectrum-standard-dialog-title-font-size:var(--spectrum-title-size-xl);
1981+
--spectrum-standard-dialog-body-font-size:var(--spectrum-body-size-s);
19721982
--spectrum-workflow-icon-size-50:16px;
19731983
--spectrum-workflow-icon-size-75:18px;
19741984
--spectrum-workflow-icon-size-100:24px;
@@ -1994,10 +2004,10 @@
19942004
--spectrum-component-pill-edge-to-visual-100:17px;
19952005
--spectrum-component-pill-edge-to-visual-200:22px;
19962006
--spectrum-component-pill-edge-to-visual-300:27px;
1997-
--spectrum-component-pill-edge-to-visual-only-75:5px;
1998-
--spectrum-component-pill-edge-to-visual-only-100:9px;
1999-
--spectrum-component-pill-edge-to-visual-only-200:13px;
2000-
--spectrum-component-pill-edge-to-visual-only-300:16px;
2007+
--spectrum-component-pill-edge-to-visual-only-75:6px;
2008+
--spectrum-component-pill-edge-to-visual-only-100:8px;
2009+
--spectrum-component-pill-edge-to-visual-only-200:11px;
2010+
--spectrum-component-pill-edge-to-visual-only-300:15px;
20012011
--spectrum-component-pill-edge-to-text-75:15px;
20022012
--spectrum-component-pill-edge-to-text-100:20px;
20032013
--spectrum-component-pill-edge-to-text-200:25px;
@@ -3000,13 +3010,14 @@
30003010
--spectrum-help-text-top-to-workflow-icon-medium:var(--spectrum-component-top-to-workflow-icon-100);
30013011
--spectrum-help-text-top-to-workflow-icon-large:var(--spectrum-component-top-to-workflow-icon-200);
30023012
--spectrum-help-text-top-to-workflow-icon-extra-large:var(--spectrum-component-top-to-workflow-icon-300);
3003-
--spectrum-status-light-dot-size-medium:8px;
3004-
--spectrum-status-light-dot-size-large:10px;
3005-
--spectrum-status-light-dot-size-extra-large:10px;
3013+
--spectrum-status-light-dot-size-small:8px;
3014+
--spectrum-status-light-dot-size-medium:10px;
3015+
--spectrum-status-light-dot-size-large:12px;
3016+
--spectrum-status-light-dot-size-extra-large:14px;
30063017
--spectrum-status-light-top-to-dot-small:8px;
3007-
--spectrum-status-light-top-to-dot-medium:12px;
3008-
--spectrum-status-light-top-to-dot-large:15px;
3009-
--spectrum-status-light-top-to-dot-extra-large:19px;
3018+
--spectrum-status-light-top-to-dot-medium:11px;
3019+
--spectrum-status-light-top-to-dot-large:14px;
3020+
--spectrum-status-light-top-to-dot-extra-large:17px;
30103021
--spectrum-action-button-edge-to-hold-icon-medium:4px;
30113022
--spectrum-action-button-edge-to-hold-icon-large:5px;
30123023
--spectrum-action-button-edge-to-hold-icon-extra-large:6px;
@@ -3124,7 +3135,7 @@
31243135
--spectrum-avatar-size-700:40px;
31253136
--spectrum-alert-banner-minimum-height:56px;
31263137
--spectrum-alert-banner-width:832px;
3127-
--spectrum-alert-banner-top-to-workflow-icon:19px;
3138+
--spectrum-alert-banner-top-to-workflow-icon:18px;
31283139
--spectrum-alert-banner-top-to-text:18px;
31293140
--spectrum-alert-banner-bottom-to-text:20px;
31303141
--spectrum-rating-indicator-width:18px;
@@ -3368,6 +3379,8 @@
33683379
--spectrum-coach-mark-body-font-size:var(--spectrum-body-size-m);
33693380
--spectrum-coach-mark-pagination-body-font-size:var(--spectrum-body-size-s);
33703381
--spectrum-coach-mark-title-font-size:var(--spectrum-title-size-m);
3382+
--spectrum-standard-dialog-title-font-size:var(--spectrum-title-size-xxl);
3383+
--spectrum-standard-dialog-body-font-size:var(--spectrum-body-size-m);
33713384
--spectrum-workflow-icon-size-50:14px;
33723385
--spectrum-workflow-icon-size-75:16px;
33733386
--spectrum-workflow-icon-size-100:20px;
@@ -3394,9 +3407,9 @@
33943407
--spectrum-component-pill-edge-to-visual-200:18px;
33953408
--spectrum-component-pill-edge-to-visual-300:21px;
33963409
--spectrum-component-pill-edge-to-visual-only-75:4px;
3397-
--spectrum-component-pill-edge-to-visual-only-100:7px;
3398-
--spectrum-component-pill-edge-to-visual-only-200:10px;
3399-
--spectrum-component-pill-edge-to-visual-only-300:13px;
3410+
--spectrum-component-pill-edge-to-visual-only-100:6px;
3411+
--spectrum-component-pill-edge-to-visual-only-200:9px;
3412+
--spectrum-component-pill-edge-to-visual-only-300:11px;
34003413
--spectrum-component-pill-edge-to-text-75:12px;
34013414
--spectrum-component-pill-edge-to-text-100:16px;
34023415
--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
@@ -15,7 +15,7 @@
1515
},
1616
"main": "dist/index.css",
1717
"devDependencies": {
18-
"@adobe/spectrum-tokens": "13.0.0-beta.27",
18+
"@adobe/spectrum-tokens": "13.0.0-beta.30",
1919
"@nxkit/style-dictionary": "^5.0.0",
2020
"postcss": "^8.4.35",
2121
"postcss-cli": "^11.0.0",

‎yarn.lock‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -121,10 +121,10 @@ __metadata:
121121
languageName: node
122122
linkType: hard
123123

124-
"@adobe/spectrum-tokens@npm:13.0.0-beta.27":
125-
version: 13.0.0-beta.27
126-
resolution: "@adobe/spectrum-tokens@npm:13.0.0-beta.27"
127-
checksum: 10c0/4fda766707895bc0f4d92d393341735b0f8b3dabcbafcb93af930b2bbbba3a13631b663c17c1b8e9b34bc333257473ba57543d9716ebfa61316980aed4ac09fa
124+
"@adobe/spectrum-tokens@npm:13.0.0-beta.30":
125+
version: 13.0.0-beta.30
126+
resolution: "@adobe/spectrum-tokens@npm:13.0.0-beta.30"
127+
checksum: 10c0/78c0627a4f1ba4adff1adab5c3be4bf5a98a8f6ac0dd5e7806a3db12d3f67f2e3afa85828c7e34f843e29ad91c0d2bd009bfbc9fecec81ab7e4b05c1dd81bab8
128128
languageName: node
129129
linkType: hard
130130

@@ -5428,7 +5428,7 @@ __metadata:
54285428
version: 0.0.0-use.local
54295429
resolution: "@spectrum-css/tokens@workspace:tokens"
54305430
dependencies:
5431-
"@adobe/spectrum-tokens": "npm:13.0.0-beta.27"
5431+
"@adobe/spectrum-tokens": "npm:13.0.0-beta.30"
54325432
"@nxkit/style-dictionary": "npm:^5.0.0"
54335433
postcss: "npm:^8.4.35"
54345434
postcss-cli: "npm:^11.0.0"

0 commit comments

Comments
 (0)