Skip to content

Commit a275a90

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 ec210fe commit a275a90

File tree

8 files changed

+125
-74
lines changed

8 files changed

+125
-74
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/index.css

Lines changed: 37 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -808,7 +808,7 @@
808808
--spectrum-color-area-border-opacity: 0.1;
809809
--spectrum-color-slider-border-color: var(--spectrum-gray-1000);
810810
--spectrum-color-slider-border-opacity: 0.1;
811-
--spectrum-color-loupe-drop-shadow-color: var(--spectrum-transparent-black-300);
811+
--spectrum-color-loupe-drop-shadow-color: var(--spectrum-drop-shadow-elevated-color);
812812
--spectrum-color-loupe-drop-shadow-y: var(--spectrum-drop-shadow-elevated-y);
813813
--spectrum-color-loupe-drop-shadow-blur: var(--spectrum-drop-shadow-elevated-blur);
814814
--spectrum-color-loupe-inner-border: var(--spectrum-transparent-black-200);
@@ -924,7 +924,6 @@
924924
--spectrum-field-label-top-margin-extra-large: 0px;
925925
--spectrum-field-label-to-component: 0px;
926926
--spectrum-help-text-to-component: 0px;
927-
--spectrum-status-light-dot-size-small: 8px;
928927
--spectrum-action-button-edge-to-hold-icon-extra-small: 3px;
929928
--spectrum-action-button-edge-to-hold-icon-small: 3px;
930929
--spectrum-button-minimum-width-multiplier: 2.25;
@@ -1109,6 +1108,14 @@
11091108
--spectrum-combo-box-visual-to-field-button: 0px;
11101109
--spectrum-in-field-button-edge-to-fill-medium: 6px;
11111110
--spectrum-in-field-button-edge-to-fill-large: 8px;
1111+
--spectrum-standard-dialog-maximum-width-small: 400px;
1112+
--spectrum-standard-dialog-minimum-width: 288px;
1113+
--spectrum-standard-dialog-maximum-width-medium: 480px;
1114+
--spectrum-standard-dialog-maximum-width-large: 640px;
1115+
--spectrum-status-light-text-to-visual-75: var(--spectrum-text-to-visual-75);
1116+
--spectrum-status-light-text-to-visual-100: var(--spectrum-text-to-visual-100);
1117+
--spectrum-status-light-text-to-visual-200: var(--spectrum-text-to-visual-200);
1118+
--spectrum-status-light-text-to-visual-300: var(--spectrum-text-to-visual-300);
11121119
--spectrum-corner-radius-0: 0px;
11131120
--spectrum-corner-radius-75: 3px;
11141121
--spectrum-corner-radius-100: 4px;
@@ -1598,13 +1605,14 @@
15981605
--spectrum-help-text-top-to-workflow-icon-medium: var(--spectrum-component-top-to-workflow-icon-100);
15991606
--spectrum-help-text-top-to-workflow-icon-large: var(--spectrum-component-top-to-workflow-icon-200);
16001607
--spectrum-help-text-top-to-workflow-icon-extra-large: var(--spectrum-component-top-to-workflow-icon-300);
1601-
--spectrum-status-light-dot-size-medium: 10px;
1602-
--spectrum-status-light-dot-size-large: 12px;
1603-
--spectrum-status-light-dot-size-extra-large: 12px;
1604-
--spectrum-status-light-top-to-dot-small: 11px;
1605-
--spectrum-status-light-top-to-dot-medium: 15px;
1606-
--spectrum-status-light-top-to-dot-large: 19px;
1607-
--spectrum-status-light-top-to-dot-extra-large: 24px;
1608+
--spectrum-status-light-dot-size-small: 10px;
1609+
--spectrum-status-light-dot-size-medium: 12px;
1610+
--spectrum-status-light-dot-size-large: 14px;
1611+
--spectrum-status-light-dot-size-extra-large: 16px;
1612+
--spectrum-status-light-top-to-dot-small: 10px;
1613+
--spectrum-status-light-top-to-dot-medium: 14px;
1614+
--spectrum-status-light-top-to-dot-large: 18px;
1615+
--spectrum-status-light-top-to-dot-extra-large: 22px;
16081616
--spectrum-action-button-edge-to-hold-icon-medium: 5px;
16091617
--spectrum-action-button-edge-to-hold-icon-large: 6px;
16101618
--spectrum-action-button-edge-to-hold-icon-extra-large: 7px;
@@ -1722,7 +1730,7 @@
17221730
--spectrum-avatar-size-700: 50px;
17231731
--spectrum-alert-banner-minimum-height: 64px;
17241732
--spectrum-alert-banner-width: 680px;
1725-
--spectrum-alert-banner-top-to-workflow-icon: 21px;
1733+
--spectrum-alert-banner-top-to-workflow-icon: 20px;
17261734
--spectrum-alert-banner-top-to-text: 21px;
17271735
--spectrum-alert-banner-bottom-to-text: 22px;
17281736
--spectrum-rating-indicator-width: 22px;
@@ -1966,6 +1974,8 @@
19661974
--spectrum-coach-mark-body-font-size: var(--spectrum-body-size-s);
19671975
--spectrum-coach-mark-pagination-body-font-size: var(--spectrum-body-size-xs);
19681976
--spectrum-coach-mark-title-font-size: var(--spectrum-title-size-s);
1977+
--spectrum-standard-dialog-title-font-size: var(--spectrum-title-size-xl);
1978+
--spectrum-standard-dialog-body-font-size: var(--spectrum-body-size-s);
19691979
--spectrum-workflow-icon-size-50: 16px;
19701980
--spectrum-workflow-icon-size-75: 18px;
19711981
--spectrum-workflow-icon-size-100: 24px;
@@ -1991,10 +2001,10 @@
19912001
--spectrum-component-pill-edge-to-visual-100: 17px;
19922002
--spectrum-component-pill-edge-to-visual-200: 22px;
19932003
--spectrum-component-pill-edge-to-visual-300: 27px;
1994-
--spectrum-component-pill-edge-to-visual-only-75: 5px;
1995-
--spectrum-component-pill-edge-to-visual-only-100: 9px;
1996-
--spectrum-component-pill-edge-to-visual-only-200: 13px;
1997-
--spectrum-component-pill-edge-to-visual-only-300: 16px;
2004+
--spectrum-component-pill-edge-to-visual-only-75: 6px;
2005+
--spectrum-component-pill-edge-to-visual-only-100: 8px;
2006+
--spectrum-component-pill-edge-to-visual-only-200: 11px;
2007+
--spectrum-component-pill-edge-to-visual-only-300: 15px;
19982008
--spectrum-component-pill-edge-to-text-75: 15px;
19992009
--spectrum-component-pill-edge-to-text-100: 20px;
20002010
--spectrum-component-pill-edge-to-text-200: 25px;
@@ -2964,13 +2974,14 @@
29642974
--spectrum-help-text-top-to-workflow-icon-medium: var(--spectrum-component-top-to-workflow-icon-100);
29652975
--spectrum-help-text-top-to-workflow-icon-large: var(--spectrum-component-top-to-workflow-icon-200);
29662976
--spectrum-help-text-top-to-workflow-icon-extra-large: var(--spectrum-component-top-to-workflow-icon-300);
2967-
--spectrum-status-light-dot-size-medium: 8px;
2968-
--spectrum-status-light-dot-size-large: 10px;
2969-
--spectrum-status-light-dot-size-extra-large: 10px;
2977+
--spectrum-status-light-dot-size-small: 8px;
2978+
--spectrum-status-light-dot-size-medium: 10px;
2979+
--spectrum-status-light-dot-size-large: 12px;
2980+
--spectrum-status-light-dot-size-extra-large: 14px;
29702981
--spectrum-status-light-top-to-dot-small: 8px;
2971-
--spectrum-status-light-top-to-dot-medium: 12px;
2972-
--spectrum-status-light-top-to-dot-large: 15px;
2973-
--spectrum-status-light-top-to-dot-extra-large: 19px;
2982+
--spectrum-status-light-top-to-dot-medium: 11px;
2983+
--spectrum-status-light-top-to-dot-large: 14px;
2984+
--spectrum-status-light-top-to-dot-extra-large: 17px;
29742985
--spectrum-action-button-edge-to-hold-icon-medium: 4px;
29752986
--spectrum-action-button-edge-to-hold-icon-large: 5px;
29762987
--spectrum-action-button-edge-to-hold-icon-extra-large: 6px;
@@ -3088,7 +3099,7 @@
30883099
--spectrum-avatar-size-700: 40px;
30893100
--spectrum-alert-banner-minimum-height: 56px;
30903101
--spectrum-alert-banner-width: 832px;
3091-
--spectrum-alert-banner-top-to-workflow-icon: 19px;
3102+
--spectrum-alert-banner-top-to-workflow-icon: 18px;
30923103
--spectrum-alert-banner-top-to-text: 18px;
30933104
--spectrum-alert-banner-bottom-to-text: 20px;
30943105
--spectrum-rating-indicator-width: 18px;
@@ -3332,6 +3343,8 @@
33323343
--spectrum-coach-mark-body-font-size: var(--spectrum-body-size-m);
33333344
--spectrum-coach-mark-pagination-body-font-size: var(--spectrum-body-size-s);
33343345
--spectrum-coach-mark-title-font-size: var(--spectrum-title-size-m);
3346+
--spectrum-standard-dialog-title-font-size: var(--spectrum-title-size-xxl);
3347+
--spectrum-standard-dialog-body-font-size: var(--spectrum-body-size-m);
33353348
--spectrum-workflow-icon-size-50: 14px;
33363349
--spectrum-workflow-icon-size-75: 16px;
33373350
--spectrum-workflow-icon-size-100: 20px;
@@ -3358,9 +3371,9 @@
33583371
--spectrum-component-pill-edge-to-visual-200: 18px;
33593372
--spectrum-component-pill-edge-to-visual-300: 21px;
33603373
--spectrum-component-pill-edge-to-visual-only-75: 4px;
3361-
--spectrum-component-pill-edge-to-visual-only-100: 7px;
3362-
--spectrum-component-pill-edge-to-visual-only-200: 10px;
3363-
--spectrum-component-pill-edge-to-visual-only-300: 13px;
3374+
--spectrum-component-pill-edge-to-visual-only-100: 6px;
3375+
--spectrum-component-pill-edge-to-visual-only-200: 9px;
3376+
--spectrum-component-pill-edge-to-visual-only-300: 11px;
33643377
--spectrum-component-pill-edge-to-text-75: 12px;
33653378
--spectrum-component-pill-edge-to-text-100: 16px;
33663379
--spectrum-component-pill-edge-to-text-200: 20px;

‎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;

0 commit comments

Comments
 (0)