Skip to content

Commit 8575a53

Browse files
pfultoncastastrophe
pfulton
authored and
castastrophe
committed
chore(tokens): use spectrum-tokens@13.0.0-beta.35 (#2797)
* chore(tokens): use spectrum-tokens@13.0.0-beta.35 Uses the latest tokens release. * chore: add changeset
1 parent fed3f29 commit 8575a53

File tree

9 files changed

+159
-34
lines changed

9 files changed

+159
-34
lines changed

‎.changeset/eleven-cooks-destroy.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+
Uses the latest release from Spectrum Tokens (13.0.0-beta.35)

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

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,12 @@
8888
--spectrum-drop-shadow-color-200-opacity:0.48;
8989
--spectrum-drop-shadow-color-200:rgba(var(--spectrum-drop-shadow-color-200-rgb), var(--spectrum-drop-shadow-color-200-opacity));
9090
--spectrum-opacity-checkerboard-square-dark:var(--spectrum-gray-800);
91+
--spectrum-menu-item-background-color-default:var(--spectrum-gray-200);
92+
--spectrum-menu-item-background-color-hover:var(--spectrum-gray-200);
93+
--spectrum-menu-item-background-color-down:var(--spectrum-gray-200);
94+
--spectrum-menu-item-background-color-keyboard-focus:var(--spectrum-gray-200);
95+
--spectrum-menu-item-background-color-disabled:var(--spectrum-gray-200);
96+
--spectrum-popover-border-opacity:1.0;
9197
--spectrum-gray-25-rgb:17, 17, 17;
9298
--spectrum-gray-25:rgba(var(--spectrum-gray-25-rgb));
9399
--spectrum-gray-50-rgb:27, 27, 27;

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

Lines changed: 30 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -71,6 +71,7 @@
7171
--spectrum-drop-shadow-emphasized-default-color:var(--spectrum-drop-shadow-color-100);
7272
--spectrum-drop-shadow-emphasized-hover-color:var(--spectrum-drop-shadow-color-200);
7373
--spectrum-drop-shadow-elevated-color:var(--spectrum-drop-shadow-color-200);
74+
--spectrum-neutral-subtle-background-color-default:var(--spectrum-gray-100);
7475
--spectrum-swatch-border-color:var(--spectrum-gray-900);
7576
--spectrum-swatch-border-opacity:0.51;
7677
--spectrum-swatch-disabled-icon-border-color:var(--spectrum-black);
@@ -111,6 +112,7 @@
111112
--spectrum-table-row-down-opacity:0.1;
112113
--spectrum-table-selected-row-background-opacity-hover:0.15;
113114
--spectrum-table-selected-row-background-opacity-non-emphasized-hover:0.15;
115+
--spectrum-popover-border-color:var(--spectrum-gray-200);
114116
--spectrum-white-rgb:255, 255, 255;
115117
--spectrum-white:rgba(var(--spectrum-white-rgb));
116118
--spectrum-transparent-white-25-rgb:255, 255, 255;
@@ -219,8 +221,10 @@
219221
--spectrum-in-line-alert-minimum-width:240px;
220222
--spectrum-popover-tip-width:16px;
221223
--spectrum-popover-tip-height:8px;
222-
--spectrum-menu-item-label-to-description:1px;
223-
--spectrum-menu-item-section-divider-height:8px;
224+
--spectrum-popover-top-to-content-area:var(--spectrum-popover-edge-to-content-area);
225+
--spectrum-popover-edge-to-content-area:var(--spectrum-spacing-100);
226+
--spectrum-menu-item-label-to-description:var(--spectrum-menu-item-label-to-description-medium);
227+
--spectrum-menu-item-section-divider-height:12px;
224228
--spectrum-slider-track-thickness:2px;
225229
--spectrum-slider-handle-gap:4px;
226230
--spectrum-picker-minimum-width-multiplier:2;
@@ -257,6 +261,9 @@
257261
--spectrum-floating-action-button-drop-shadow-blur:12px;
258262
--spectrum-floating-action-button-drop-shadow-y:4px;
259263
--spectrum-illustrated-message-maximum-width:380px;
264+
--spectrum-illustrated-message-title-size:var(--spectrum-illustrated-message-large-title-font-size);
265+
--spectrum-illustrated-message-cjk-title-size:var(--spectrum-illustrated-message-large-cjk-title-font-size);
266+
--spectrum-illustrated-message-body-size:var(--spectrum-illustrated-message-large-body-font-size);
260267
--spectrum-search-field-minimum-width-multiplier:4;
261268
--spectrum-color-loupe-height:64px;
262269
--spectrum-color-loupe-width:48px;
@@ -269,10 +276,10 @@
269276
--spectrum-drop-zone-width:428px;
270277
--spectrum-drop-zone-content-maximum-width:var(--spectrum-illustrated-message-maximum-width);
271278
--spectrum-drop-zone-border-dash-length:8px;
272-
--spectrum-drop-zone-border-dash-gap:4px;
273-
--spectrum-drop-zone-title-size:var(--spectrum-illustrated-message-title-size);
274-
--spectrum-drop-zone-cjk-title-size:var(--spectrum-illustrated-message-cjk-title-size);
275-
--spectrum-drop-zone-body-size:var(--spectrum-illustrated-message-body-size);
279+
--spectrum-drop-zone-border-dash-gap:6px;
280+
--spectrum-drop-zone-title-size:var(--spectrum-drop-zone-title-font-size);
281+
--spectrum-drop-zone-cjk-title-size:var(--spectrum-drop-zone-cjk-title-font-size);
282+
--spectrum-drop-zone-body-size:var(--spectrum-drop-zone-body-font-size);
276283
--spectrum-coach-mark-title-size:var(--spectrum-coach-mark-title-font-size);
277284
--spectrum-coach-mark-body-size:var(--spectrum-coach-mark-body-font-size);
278285
--spectrum-coach-mark-pagination-body-size:var(--spectrum-coach-mark-pagination-body-font-size);
@@ -392,6 +399,19 @@
392399
--spectrum-status-light-text-to-visual-100:var(--spectrum-text-to-visual-100);
393400
--spectrum-status-light-text-to-visual-200:var(--spectrum-text-to-visual-200);
394401
--spectrum-status-light-text-to-visual-300:var(--spectrum-text-to-visual-300);
402+
--spectrum-menu-item-label-to-description-small:1px;
403+
--spectrum-menu-item-label-to-description-medium:1px;
404+
--spectrum-menu-item-label-to-description-large:2px;
405+
--spectrum-menu-item-label-to-description-extra-large:2px;
406+
--spectrum-menu-section-header-to-description-small:1px;
407+
--spectrum-menu-section-header-to-description-medium:1px;
408+
--spectrum-menu-section-header-to-description-large:2px;
409+
--spectrum-menu-section-header-to-description-extra-large:2px;
410+
--spectrum-menu-item-background-opacity:0;
411+
--spectrum-illustrated-message-small-body-font-size:var(--spectrum-body-size-xs);
412+
--spectrum-drop-zone-title-font-size:var(--spectrum-illustrated-message-medium-title-font-size);
413+
--spectrum-drop-zone-cjk-title-font-size:var(--spectrum-illustrated-message-medium-cjk-title-font-size);
414+
--spectrum-drop-zone-body-font-size:var(--spectrum-illustrated-message-medium-body-font-size);
395415
--spectrum-corner-radius-0:0px;
396416
--spectrum-corner-radius-75:3px;
397417
--spectrum-corner-radius-100:4px;
@@ -556,6 +576,10 @@
556576
--spectrum-negative-subdued-background-color-hover:var(--spectrum-negative-color-300);
557577
--spectrum-negative-subdued-background-color-down:var(--spectrum-negative-color-300);
558578
--spectrum-negative-subdued-background-color-key-focus:var(--spectrum-negative-color-300);
579+
--spectrum-informative-subtle-background-color-default:var(--spectrum-blue-200);
580+
--spectrum-positive-subtle-background-color-default:var(--spectrum-green-200);
581+
--spectrum-notice-subtle-background-color-default:var(--spectrum-orange-200);
582+
--spectrum-negative-subtle-background-color-default:var(--spectrum-red-200);
559583
--spectrum-default-font-family:var(--spectrum-sans-serif-font-family);
560584
--spectrum-sans-serif-font-family:Adobe Clean;
561585
--spectrum-serif-font-family:Adobe Clean Serif;

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

Lines changed: 16 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,6 @@
100100
--spectrum-tag-top-to-cross-icon-small:10px;
101101
--spectrum-tag-top-to-cross-icon-medium:15px;
102102
--spectrum-tag-top-to-cross-icon-large:19px;
103-
--spectrum-popover-top-to-content-area:5px;
104103
--spectrum-menu-item-edge-to-content-not-selected-small:24px;
105104
--spectrum-menu-item-edge-to-content-not-selected-medium:42px;
106105
--spectrum-menu-item-edge-to-content-not-selected-large:47px;
@@ -194,9 +193,6 @@
194193
--spectrum-color-wheel-minimum-width:219px;
195194
--spectrum-color-slider-length:240px;
196195
--spectrum-color-slider-minimum-length:100px;
197-
--spectrum-illustrated-message-title-size:var(--spectrum-heading-size-s);
198-
--spectrum-illustrated-message-cjk-title-size:var(--spectrum-heading-cjk-size-s);
199-
--spectrum-illustrated-message-body-size:var(--spectrum-body-size-xs);
200196
--spectrum-coach-mark-width:216px;
201197
--spectrum-coach-mark-minimum-width:216px;
202198
--spectrum-coach-mark-maximum-width:248px;
@@ -427,6 +423,21 @@
427423
--spectrum-coach-mark-title-font-size:var(--spectrum-title-size-s);
428424
--spectrum-standard-dialog-title-font-size:var(--spectrum-title-size-xl);
429425
--spectrum-standard-dialog-body-font-size:var(--spectrum-body-size-s);
426+
--spectrum-link-out-icon-size-75:12px;
427+
--spectrum-link-out-icon-size-100:14px;
428+
--spectrum-link-out-icon-size-200:16px;
429+
--spectrum-menu-item-top-to-thumbnail-small:10px;
430+
--spectrum-menu-item-top-to-thumbnail-medium:11px;
431+
--spectrum-menu-item-top-to-thumbnail-large:12px;
432+
--spectrum-menu-item-top-to-thumbnail-extra-large:13px;
433+
--spectrum-illustrated-message-small-title-font-size:var(--spectrum-title-size-s);
434+
--spectrum-illustrated-message-small-cjk-title-font-size:var(--spectrum-title-cjk-size-s);
435+
--spectrum-illustrated-message-medium-title-font-size:var(--spectrum-title-size-l);
436+
--spectrum-illustrated-message-medium-cjk-title-font-size:var(--spectrum-title-cjk-size-l);
437+
--spectrum-illustrated-message-large-title-font-size:var(--spectrum-title-size-xl);
438+
--spectrum-illustrated-message-large-cjk-title-font-size:var(--spectrum-title-cjk-size-xl);
439+
--spectrum-illustrated-message-medium-body-font-size:var(--spectrum-body-size-xs);
440+
--spectrum-illustrated-message-large-body-font-size:var(--spectrum-body-size-xs);
430441
--spectrum-workflow-icon-size-50:16px;
431442
--spectrum-workflow-icon-size-75:18px;
432443
--spectrum-workflow-icon-size-100:24px;
@@ -437,6 +448,7 @@
437448
--spectrum-text-to-visual-100:8px;
438449
--spectrum-text-to-visual-200:9px;
439450
--spectrum-text-to-visual-300:10px;
451+
--spectrum-text-to-visual-400:11px;
440452
--spectrum-text-to-control-75:11px;
441453
--spectrum-text-to-control-100:13px;
442454
--spectrum-text-to-control-200:14px;

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

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,12 @@
8888
--spectrum-drop-shadow-color-200-opacity:0.16;
8989
--spectrum-drop-shadow-color-200:rgba(var(--spectrum-drop-shadow-color-200-rgb), var(--spectrum-drop-shadow-color-200-opacity));
9090
--spectrum-opacity-checkerboard-square-dark:var(--spectrum-gray-200);
91+
--spectrum-menu-item-background-color-default:var(--spectrum-gray-100);
92+
--spectrum-menu-item-background-color-hover:var(--spectrum-gray-100);
93+
--spectrum-menu-item-background-color-down:var(--spectrum-gray-100);
94+
--spectrum-menu-item-background-color-keyboard-focus:var(--spectrum-gray-100);
95+
--spectrum-menu-item-background-color-disabled:var(--spectrum-gray-100);
96+
--spectrum-popover-border-opacity:0;
9197
--spectrum-gray-25-rgb:255, 255, 255;
9298
--spectrum-gray-25:rgba(var(--spectrum-gray-25-rgb));
9399
--spectrum-gray-50-rgb:248, 248, 248;

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

Lines changed: 16 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,6 @@
100100
--spectrum-tag-top-to-cross-icon-small:8px;
101101
--spectrum-tag-top-to-cross-icon-medium:12px;
102102
--spectrum-tag-top-to-cross-icon-large:15px;
103-
--spectrum-popover-top-to-content-area:4px;
104103
--spectrum-menu-item-edge-to-content-not-selected-small:28px;
105104
--spectrum-menu-item-edge-to-content-not-selected-medium:32px;
106105
--spectrum-menu-item-edge-to-content-not-selected-large:38px;
@@ -194,9 +193,6 @@
194193
--spectrum-color-wheel-minimum-width:175px;
195194
--spectrum-color-slider-length:192px;
196195
--spectrum-color-slider-minimum-length:80px;
197-
--spectrum-illustrated-message-title-size:var(--spectrum-heading-size-m);
198-
--spectrum-illustrated-message-cjk-title-size:var(--spectrum-heading-cjk-size-m);
199-
--spectrum-illustrated-message-body-size:var(--spectrum-body-size-s);
200196
--spectrum-coach-mark-width:296px;
201197
--spectrum-coach-mark-minimum-width:296px;
202198
--spectrum-coach-mark-maximum-width:380px;
@@ -427,6 +423,21 @@
427423
--spectrum-coach-mark-title-font-size:var(--spectrum-title-size-m);
428424
--spectrum-standard-dialog-title-font-size:var(--spectrum-title-size-xxl);
429425
--spectrum-standard-dialog-body-font-size:var(--spectrum-body-size-m);
426+
--spectrum-link-out-icon-size-75:10px;
427+
--spectrum-link-out-icon-size-100:12px;
428+
--spectrum-link-out-icon-size-200:14px;
429+
--spectrum-menu-item-top-to-thumbnail-small:8px;
430+
--spectrum-menu-item-top-to-thumbnail-medium:9px;
431+
--spectrum-menu-item-top-to-thumbnail-large:10px;
432+
--spectrum-menu-item-top-to-thumbnail-extra-large:11px;
433+
--spectrum-illustrated-message-small-title-font-size:var(--spectrum-title-size-m);
434+
--spectrum-illustrated-message-small-cjk-title-font-size:var(--spectrum-title-cjk-size-m);
435+
--spectrum-illustrated-message-medium-title-font-size:var(--spectrum-title-size-xl);
436+
--spectrum-illustrated-message-medium-cjk-title-font-size:var(--spectrum-title-cjk-size-xl);
437+
--spectrum-illustrated-message-large-title-font-size:var(--spectrum-title-size-xxl);
438+
--spectrum-illustrated-message-large-cjk-title-font-size:var(--spectrum-title-cjk-size-xxl);
439+
--spectrum-illustrated-message-medium-body-font-size:var(--spectrum-body-size-s);
440+
--spectrum-illustrated-message-large-body-font-size:var(--spectrum-body-size-s);
430441
--spectrum-workflow-icon-size-50:14px;
431442
--spectrum-workflow-icon-size-75:16px;
432443
--spectrum-workflow-icon-size-100:20px;
@@ -437,6 +448,7 @@
437448
--spectrum-text-to-visual-100:6px;
438449
--spectrum-text-to-visual-200:7px;
439450
--spectrum-text-to-visual-300:8px;
451+
--spectrum-text-to-visual-400:9px;
440452
--spectrum-text-to-control-75:9px;
441453
--spectrum-text-to-control-100:10px;
442454
--spectrum-text-to-control-200:11px;

0 commit comments

Comments
 (0)