Skip to content

Commit f9c28a3

Browse files
pfultoncastastrophe
pfulton
authored and
castastrophe
committed
chore(tokens): use spectrum-tokens@13.0.0-beta.27
1 parent ddab3dd commit f9c28a3

File tree

7 files changed

+124
-70
lines changed

7 files changed

+124
-70
lines changed

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

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -85,8 +85,8 @@
8585
--spectrum-color-slider-border-color: var(--spectrum-gray-1000);
8686
--spectrum-color-slider-border-opacity: 0.1;
8787
--spectrum-color-loupe-drop-shadow-color: var(--spectrum-transparent-black-300);
88-
--spectrum-color-loupe-drop-shadow-y: 2px;
89-
--spectrum-color-loupe-drop-shadow-blur: 8px;
88+
--spectrum-color-loupe-drop-shadow-y: var(--spectrum-drop-shadow-elevated-y);
89+
--spectrum-color-loupe-drop-shadow-blur: var(--spectrum-drop-shadow-elevated-blur);
9090
--spectrum-color-loupe-inner-border: var(--spectrum-transparent-black-200);
9191
--spectrum-color-loupe-outer-border: var(--spectrum-white);
9292
--spectrum-card-selection-background-color: var(--spectrum-gray-100);
@@ -231,9 +231,15 @@
231231
--spectrum-text-field-minimum-width-multiplier: 1.5;
232232
--spectrum-combo-box-minimum-width-multiplier: 2.5;
233233
--spectrum-combo-box-quiet-minimum-width-multiplier: 2;
234-
--spectrum-combo-box-visual-to-field-button-quiet: 0px;
234+
--spectrum-combo-box-visual-to-field-button-small: var(--spectrum-combo-box-visual-to-field-button);
235+
--spectrum-combo-box-visual-to-field-button-medium: var(--spectrum-combo-box-visual-to-field-button);
236+
--spectrum-combo-box-visual-to-field-button-large: var(--spectrum-combo-box-visual-to-field-button);
237+
--spectrum-combo-box-visual-to-field-button-extra-large: var(--spectrum-combo-box-visual-to-field-button);
238+
--spectrum-combo-box-visual-to-field-button-quiet: var(--spectrum-combo-box-visual-to-field-button);
235239
--spectrum-alert-dialog-minimum-width: 288px;
236240
--spectrum-alert-dialog-maximum-width: 480px;
241+
--spectrum-alert-dialog-title-size: var(--spectrum-alert-dialog-title-font-size);
242+
--spectrum-alert-dialog-description-size: var(--spectrum-alert-dialog-description-font-size);
237243
--spectrum-contextual-help-minimum-width: 268px;
238244
--spectrum-breadcrumbs-height: var(--spectrum-component-height-300);
239245
--spectrum-breadcrumbs-height-compact: var(--spectrum-component-height-200);
@@ -268,6 +274,9 @@
268274
--spectrum-drop-zone-title-size: var(--spectrum-illustrated-message-title-size);
269275
--spectrum-drop-zone-cjk-title-size: var(--spectrum-illustrated-message-cjk-title-size);
270276
--spectrum-drop-zone-body-size: var(--spectrum-illustrated-message-body-size);
277+
--spectrum-coach-mark-title-size: var(--spectrum-coach-mark-title-font-size);
278+
--spectrum-coach-mark-body-size: var(--spectrum-coach-mark-body-font-size);
279+
--spectrum-coach-mark-pagination-body-size: var(--spectrum-coach-mark-pagination-body-font-size);
271280
--spectrum-accordion-top-to-text-compact-small: 2px;
272281
--spectrum-accordion-top-to-text-compact-medium: 4px;
273282
--spectrum-accordion-disclosure-indicator-to-text: 0px;
@@ -373,6 +382,9 @@
373382
--spectrum-title-size-xs: var(--spectrum-font-size-75);
374383
--spectrum-title-size-xxl: var(--spectrum-font-size-500);
375384
--spectrum-title-size-xxxl: var(--spectrum-font-size-600);
385+
--spectrum-combo-box-visual-to-field-button: 0px;
386+
--spectrum-in-field-button-edge-to-fill-medium: 6px;
387+
--spectrum-in-field-button-edge-to-fill-large: 8px;
376388
--spectrum-corner-radius-0: 0px;
377389
--spectrum-corner-radius-75: 3px;
378390
--spectrum-corner-radius-100: 4px;

‎tokens/dist/css/index.css

Lines changed: 39 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -809,8 +809,8 @@
809809
--spectrum-color-slider-border-color: var(--spectrum-gray-1000);
810810
--spectrum-color-slider-border-opacity: 0.1;
811811
--spectrum-color-loupe-drop-shadow-color: var(--spectrum-transparent-black-300);
812-
--spectrum-color-loupe-drop-shadow-y: 2px;
813-
--spectrum-color-loupe-drop-shadow-blur: 8px;
812+
--spectrum-color-loupe-drop-shadow-y: var(--spectrum-drop-shadow-elevated-y);
813+
--spectrum-color-loupe-drop-shadow-blur: var(--spectrum-drop-shadow-elevated-blur);
814814
--spectrum-color-loupe-inner-border: var(--spectrum-transparent-black-200);
815815
--spectrum-color-loupe-outer-border: var(--spectrum-white);
816816
--spectrum-card-selection-background-color: var(--spectrum-gray-100);
@@ -955,9 +955,15 @@
955955
--spectrum-text-field-minimum-width-multiplier: 1.5;
956956
--spectrum-combo-box-minimum-width-multiplier: 2.5;
957957
--spectrum-combo-box-quiet-minimum-width-multiplier: 2;
958-
--spectrum-combo-box-visual-to-field-button-quiet: 0px;
958+
--spectrum-combo-box-visual-to-field-button-small: var(--spectrum-combo-box-visual-to-field-button);
959+
--spectrum-combo-box-visual-to-field-button-medium: var(--spectrum-combo-box-visual-to-field-button);
960+
--spectrum-combo-box-visual-to-field-button-large: var(--spectrum-combo-box-visual-to-field-button);
961+
--spectrum-combo-box-visual-to-field-button-extra-large: var(--spectrum-combo-box-visual-to-field-button);
962+
--spectrum-combo-box-visual-to-field-button-quiet: var(--spectrum-combo-box-visual-to-field-button);
959963
--spectrum-alert-dialog-minimum-width: 288px;
960964
--spectrum-alert-dialog-maximum-width: 480px;
965+
--spectrum-alert-dialog-title-size: var(--spectrum-alert-dialog-title-font-size);
966+
--spectrum-alert-dialog-description-size: var(--spectrum-alert-dialog-description-font-size);
961967
--spectrum-contextual-help-minimum-width: 268px;
962968
--spectrum-breadcrumbs-height: var(--spectrum-component-height-300);
963969
--spectrum-breadcrumbs-height-compact: var(--spectrum-component-height-200);
@@ -992,6 +998,9 @@
992998
--spectrum-drop-zone-title-size: var(--spectrum-illustrated-message-title-size);
993999
--spectrum-drop-zone-cjk-title-size: var(--spectrum-illustrated-message-cjk-title-size);
9941000
--spectrum-drop-zone-body-size: var(--spectrum-illustrated-message-body-size);
1001+
--spectrum-coach-mark-title-size: var(--spectrum-coach-mark-title-font-size);
1002+
--spectrum-coach-mark-body-size: var(--spectrum-coach-mark-body-font-size);
1003+
--spectrum-coach-mark-pagination-body-size: var(--spectrum-coach-mark-pagination-body-font-size);
9951004
--spectrum-accordion-top-to-text-compact-small: 2px;
9961005
--spectrum-accordion-top-to-text-compact-medium: 4px;
9971006
--spectrum-accordion-disclosure-indicator-to-text: 0px;
@@ -1097,6 +1106,9 @@
10971106
--spectrum-title-size-xs: var(--spectrum-font-size-75);
10981107
--spectrum-title-size-xxl: var(--spectrum-font-size-500);
10991108
--spectrum-title-size-xxxl: var(--spectrum-font-size-600);
1109+
--spectrum-combo-box-visual-to-field-button: 0px;
1110+
--spectrum-in-field-button-edge-to-fill-medium: 6px;
1111+
--spectrum-in-field-button-edge-to-fill-large: 8px;
11001112
--spectrum-corner-radius-0: 0px;
11011113
--spectrum-corner-radius-75: 3px;
11021114
--spectrum-corner-radius-100: 4px;
@@ -1668,10 +1680,6 @@
16681680
--spectrum-picker-visual-to-disclosure-icon-extra-large: 13px;
16691681
--spectrum-text-area-minimum-width: 140px;
16701682
--spectrum-text-area-minimum-height: 70px;
1671-
--spectrum-combo-box-visual-to-field-button-small: 9px;
1672-
--spectrum-combo-box-visual-to-field-button-medium: 10px;
1673-
--spectrum-combo-box-visual-to-field-button-large: 11px;
1674-
--spectrum-combo-box-visual-to-field-button-extra-large: 13px;
16751683
--spectrum-thumbnail-size-50: 20px;
16761684
--spectrum-thumbnail-size-75: 22px;
16771685
--spectrum-thumbnail-size-100: 26px;
@@ -1684,8 +1692,6 @@
16841692
--spectrum-thumbnail-size-800: 55px;
16851693
--spectrum-thumbnail-size-900: 62px;
16861694
--spectrum-thumbnail-size-1000: 70px;
1687-
--spectrum-alert-dialog-title-size: var(--spectrum-title-size-xl);
1688-
--spectrum-alert-dialog-description-size: var(--spectrum-body-size-s);
16891695
--spectrum-opacity-checkerboard-square-size: var(--spectrum-opacity-checkerboard-square-size-medium);
16901696
--spectrum-opacity-checkerboard-square-size-medium: 10px;
16911697
--spectrum-contextual-help-title-size: var(--spectrum-heading-size-xxs);
@@ -1739,9 +1745,6 @@
17391745
--spectrum-coach-mark-pagination-text-to-bottom-edge: 22px;
17401746
--spectrum-coach-mark-media-height: 162px;
17411747
--spectrum-coach-mark-media-minimum-height: 121px;
1742-
--spectrum-coach-mark-title-size: var(--spectrum-heading-size-xxs);
1743-
--spectrum-coach-mark-body-size: var(--spectrum-body-size-xs);
1744-
--spectrum-coach-mark-pagination-body-size: var(--spectrum-body-size-xs);
17451748
--spectrum-accordion-top-to-text-regular-small: 7px;
17461749
--spectrum-accordion-small-top-to-text-spacious: 12px;
17471750
--spectrum-accordion-top-to-text-regular-medium: 9px;
@@ -1951,6 +1954,18 @@
19511954
--spectrum-tag-minimum-width-small: 25px;
19521955
--spectrum-tag-minimum-width-medium: 34px;
19531956
--spectrum-tag-minimum-width-large: 42px;
1957+
--spectrum-in-field-button-edge-to-fill-small: 5px;
1958+
--spectrum-in-field-button-edge-to-fill-extra-large: 10px;
1959+
--spectrum-in-field-progress-circle-edge-to-fill: 2px;
1960+
--spectrum-in-field-progress-circle-size-75: 18px;
1961+
--spectrum-in-field-progress-circle-size-100: 24px;
1962+
--spectrum-in-field-progress-circle-size-200: 28px;
1963+
--spectrum-in-field-progress-circle-size-300: 30px;
1964+
--spectrum-alert-dialog-description-font-size: var(--spectrum-body-size-s);
1965+
--spectrum-alert-dialog-title-font-size: var(--spectrum-title-size-xl);
1966+
--spectrum-coach-mark-body-font-size: var(--spectrum-body-size-s);
1967+
--spectrum-coach-mark-pagination-body-font-size: var(--spectrum-body-size-xs);
1968+
--spectrum-coach-mark-title-font-size: var(--spectrum-title-size-s);
19541969
--spectrum-workflow-icon-size-50: 16px;
19551970
--spectrum-workflow-icon-size-75: 18px;
19561971
--spectrum-workflow-icon-size-100: 24px;
@@ -3031,10 +3046,6 @@
30313046
--spectrum-picker-visual-to-disclosure-icon-extra-large: 10px;
30323047
--spectrum-text-area-minimum-width: 112px;
30333048
--spectrum-text-area-minimum-height: 56px;
3034-
--spectrum-combo-box-visual-to-field-button-small: 7px;
3035-
--spectrum-combo-box-visual-to-field-button-medium: 8px;
3036-
--spectrum-combo-box-visual-to-field-button-large: 9px;
3037-
--spectrum-combo-box-visual-to-field-button-extra-large: 10px;
30383049
--spectrum-thumbnail-size-50: 16px;
30393050
--spectrum-thumbnail-size-75: 18px;
30403051
--spectrum-thumbnail-size-100: 20px;
@@ -3047,8 +3058,6 @@
30473058
--spectrum-thumbnail-size-800: 44px;
30483059
--spectrum-thumbnail-size-900: 50px;
30493060
--spectrum-thumbnail-size-1000: 56px;
3050-
--spectrum-alert-dialog-title-size: var(--spectrum-title-size-xxl);
3051-
--spectrum-alert-dialog-description-size: var(--spectrum-body-size-m);
30523061
--spectrum-opacity-checkerboard-square-size: var(--spectrum-opacity-checkerboard-square-size-medium);
30533062
--spectrum-opacity-checkerboard-square-size-medium: 8px;
30543063
--spectrum-contextual-help-title-size: var(--spectrum-heading-size-xs);
@@ -3102,9 +3111,6 @@
31023111
--spectrum-coach-mark-pagination-text-to-bottom-edge: 33px;
31033112
--spectrum-coach-mark-media-height: 222px;
31043113
--spectrum-coach-mark-media-minimum-height: 166px;
3105-
--spectrum-coach-mark-title-size: var(--spectrum-heading-size-xs);
3106-
--spectrum-coach-mark-body-size: var(--spectrum-body-size-s);
3107-
--spectrum-coach-mark-pagination-body-size: var(--spectrum-body-size-s);
31083114
--spectrum-accordion-top-to-text-regular-small: 5px;
31093115
--spectrum-accordion-small-top-to-text-spacious: 9px;
31103116
--spectrum-accordion-top-to-text-regular-medium: 8px;
@@ -3314,6 +3320,18 @@
33143320
--spectrum-tag-minimum-width-small: 21px;
33153321
--spectrum-tag-minimum-width-medium: 27px;
33163322
--spectrum-tag-minimum-width-large: 33px;
3323+
--spectrum-in-field-button-edge-to-fill-small: 4px;
3324+
--spectrum-in-field-button-edge-to-fill-extra-large: 8px;
3325+
--spectrum-in-field-progress-circle-edge-to-fill: 1px;
3326+
--spectrum-in-field-progress-circle-size-75: 16px;
3327+
--spectrum-in-field-progress-circle-size-100: 20px;
3328+
--spectrum-in-field-progress-circle-size-200: 22px;
3329+
--spectrum-in-field-progress-circle-size-300: 26px;
3330+
--spectrum-alert-dialog-description-font-size: var(--spectrum-body-size-m);
3331+
--spectrum-alert-dialog-title-font-size: var(--spectrum-title-size-xxl);
3332+
--spectrum-coach-mark-body-font-size: var(--spectrum-body-size-m);
3333+
--spectrum-coach-mark-pagination-body-font-size: var(--spectrum-body-size-s);
3334+
--spectrum-coach-mark-title-font-size: var(--spectrum-title-size-m);
33173335
--spectrum-workflow-icon-size-50: 14px;
33183336
--spectrum-workflow-icon-size-75: 16px;
33193337
--spectrum-workflow-icon-size-100: 20px;

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

Lines changed: 12 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -138,10 +138,6 @@
138138
--spectrum-picker-visual-to-disclosure-icon-extra-large: 13px;
139139
--spectrum-text-area-minimum-width: 140px;
140140
--spectrum-text-area-minimum-height: 70px;
141-
--spectrum-combo-box-visual-to-field-button-small: 9px;
142-
--spectrum-combo-box-visual-to-field-button-medium: 10px;
143-
--spectrum-combo-box-visual-to-field-button-large: 11px;
144-
--spectrum-combo-box-visual-to-field-button-extra-large: 13px;
145141
--spectrum-thumbnail-size-50: 20px;
146142
--spectrum-thumbnail-size-75: 22px;
147143
--spectrum-thumbnail-size-100: 26px;
@@ -154,8 +150,6 @@
154150
--spectrum-thumbnail-size-800: 55px;
155151
--spectrum-thumbnail-size-900: 62px;
156152
--spectrum-thumbnail-size-1000: 70px;
157-
--spectrum-alert-dialog-title-size: var(--spectrum-title-size-xl);
158-
--spectrum-alert-dialog-description-size: var(--spectrum-body-size-s);
159153
--spectrum-opacity-checkerboard-square-size: var(--spectrum-opacity-checkerboard-square-size-medium);
160154
--spectrum-opacity-checkerboard-square-size-medium: 10px;
161155
--spectrum-contextual-help-title-size: var(--spectrum-heading-size-xxs);
@@ -209,9 +203,6 @@
209203
--spectrum-coach-mark-pagination-text-to-bottom-edge: 22px;
210204
--spectrum-coach-mark-media-height: 162px;
211205
--spectrum-coach-mark-media-minimum-height: 121px;
212-
--spectrum-coach-mark-title-size: var(--spectrum-heading-size-xxs);
213-
--spectrum-coach-mark-body-size: var(--spectrum-body-size-xs);
214-
--spectrum-coach-mark-pagination-body-size: var(--spectrum-body-size-xs);
215206
--spectrum-accordion-top-to-text-regular-small: 7px;
216207
--spectrum-accordion-small-top-to-text-spacious: 12px;
217208
--spectrum-accordion-top-to-text-regular-medium: 9px;
@@ -421,6 +412,18 @@
421412
--spectrum-tag-minimum-width-small: 25px;
422413
--spectrum-tag-minimum-width-medium: 34px;
423414
--spectrum-tag-minimum-width-large: 42px;
415+
--spectrum-in-field-button-edge-to-fill-small: 5px;
416+
--spectrum-in-field-button-edge-to-fill-extra-large: 10px;
417+
--spectrum-in-field-progress-circle-edge-to-fill: 2px;
418+
--spectrum-in-field-progress-circle-size-75: 18px;
419+
--spectrum-in-field-progress-circle-size-100: 24px;
420+
--spectrum-in-field-progress-circle-size-200: 28px;
421+
--spectrum-in-field-progress-circle-size-300: 30px;
422+
--spectrum-alert-dialog-description-font-size: var(--spectrum-body-size-s);
423+
--spectrum-alert-dialog-title-font-size: var(--spectrum-title-size-xl);
424+
--spectrum-coach-mark-body-font-size: var(--spectrum-body-size-s);
425+
--spectrum-coach-mark-pagination-body-font-size: var(--spectrum-body-size-xs);
426+
--spectrum-coach-mark-title-font-size: var(--spectrum-title-size-s);
424427
--spectrum-workflow-icon-size-50: 16px;
425428
--spectrum-workflow-icon-size-75: 18px;
426429
--spectrum-workflow-icon-size-100: 24px;

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

Lines changed: 12 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -138,10 +138,6 @@
138138
--spectrum-picker-visual-to-disclosure-icon-extra-large: 10px;
139139
--spectrum-text-area-minimum-width: 112px;
140140
--spectrum-text-area-minimum-height: 56px;
141-
--spectrum-combo-box-visual-to-field-button-small: 7px;
142-
--spectrum-combo-box-visual-to-field-button-medium: 8px;
143-
--spectrum-combo-box-visual-to-field-button-large: 9px;
144-
--spectrum-combo-box-visual-to-field-button-extra-large: 10px;
145141
--spectrum-thumbnail-size-50: 16px;
146142
--spectrum-thumbnail-size-75: 18px;
147143
--spectrum-thumbnail-size-100: 20px;
@@ -154,8 +150,6 @@
154150
--spectrum-thumbnail-size-800: 44px;
155151
--spectrum-thumbnail-size-900: 50px;
156152
--spectrum-thumbnail-size-1000: 56px;
157-
--spectrum-alert-dialog-title-size: var(--spectrum-title-size-xxl);
158-
--spectrum-alert-dialog-description-size: var(--spectrum-body-size-m);
159153
--spectrum-opacity-checkerboard-square-size: var(--spectrum-opacity-checkerboard-square-size-medium);
160154
--spectrum-opacity-checkerboard-square-size-medium: 8px;
161155
--spectrum-contextual-help-title-size: var(--spectrum-heading-size-xs);
@@ -209,9 +203,6 @@
209203
--spectrum-coach-mark-pagination-text-to-bottom-edge: 33px;
210204
--spectrum-coach-mark-media-height: 222px;
211205
--spectrum-coach-mark-media-minimum-height: 166px;
212-
--spectrum-coach-mark-title-size: var(--spectrum-heading-size-xs);
213-
--spectrum-coach-mark-body-size: var(--spectrum-body-size-s);
214-
--spectrum-coach-mark-pagination-body-size: var(--spectrum-body-size-s);
215206
--spectrum-accordion-top-to-text-regular-small: 5px;
216207
--spectrum-accordion-small-top-to-text-spacious: 9px;
217208
--spectrum-accordion-top-to-text-regular-medium: 8px;
@@ -421,6 +412,18 @@
421412
--spectrum-tag-minimum-width-small: 21px;
422413
--spectrum-tag-minimum-width-medium: 27px;
423414
--spectrum-tag-minimum-width-large: 33px;
415+
--spectrum-in-field-button-edge-to-fill-small: 4px;
416+
--spectrum-in-field-button-edge-to-fill-extra-large: 8px;
417+
--spectrum-in-field-progress-circle-edge-to-fill: 1px;
418+
--spectrum-in-field-progress-circle-size-75: 16px;
419+
--spectrum-in-field-progress-circle-size-100: 20px;
420+
--spectrum-in-field-progress-circle-size-200: 22px;
421+
--spectrum-in-field-progress-circle-size-300: 26px;
422+
--spectrum-alert-dialog-description-font-size: var(--spectrum-body-size-m);
423+
--spectrum-alert-dialog-title-font-size: var(--spectrum-title-size-xxl);
424+
--spectrum-coach-mark-body-font-size: var(--spectrum-body-size-m);
425+
--spectrum-coach-mark-pagination-body-font-size: var(--spectrum-body-size-s);
426+
--spectrum-coach-mark-title-font-size: var(--spectrum-title-size-m);
424427
--spectrum-workflow-icon-size-50: 14px;
425428
--spectrum-workflow-icon-size-75: 16px;
426429
--spectrum-workflow-icon-size-100: 20px;

0 commit comments

Comments
 (0)