Skip to content

Commit e62d1ca

Browse files
pfultonpfulton
authored
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 051071f commit e62d1ca

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
@@ -75,6 +75,12 @@
7575
--spectrum-drop-shadow-color-200-opacity:0.48;
7676
--spectrum-drop-shadow-color-200:rgba(var(--spectrum-drop-shadow-color-200-rgb), var(--spectrum-drop-shadow-color-200-opacity));
7777
--spectrum-opacity-checkerboard-square-dark:var(--spectrum-gray-800);
78+
--spectrum-menu-item-background-color-default:var(--spectrum-gray-200);
79+
--spectrum-menu-item-background-color-hover:var(--spectrum-gray-200);
80+
--spectrum-menu-item-background-color-down:var(--spectrum-gray-200);
81+
--spectrum-menu-item-background-color-keyboard-focus:var(--spectrum-gray-200);
82+
--spectrum-menu-item-background-color-disabled:var(--spectrum-gray-200);
83+
--spectrum-popover-border-opacity:1.0;
7884
--spectrum-gray-25-rgb:17, 17, 17;
7985
--spectrum-gray-25:rgba(var(--spectrum-gray-25-rgb));
8086
--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
@@ -58,6 +58,7 @@
5858
--spectrum-drop-shadow-emphasized-default-color:var(--spectrum-drop-shadow-color-100);
5959
--spectrum-drop-shadow-emphasized-hover-color:var(--spectrum-drop-shadow-color-200);
6060
--spectrum-drop-shadow-elevated-color:var(--spectrum-drop-shadow-color-200);
61+
--spectrum-neutral-subtle-background-color-default:var(--spectrum-gray-100);
6162
--spectrum-swatch-border-color:var(--spectrum-gray-900);
6263
--spectrum-swatch-border-opacity:0.51;
6364
--spectrum-swatch-disabled-icon-border-color:var(--spectrum-black);
@@ -98,6 +99,7 @@
9899
--spectrum-table-row-down-opacity:0.1;
99100
--spectrum-table-selected-row-background-opacity-hover:0.15;
100101
--spectrum-table-selected-row-background-opacity-non-emphasized-hover:0.15;
102+
--spectrum-popover-border-color:var(--spectrum-gray-200);
101103
--spectrum-white-rgb:255, 255, 255;
102104
--spectrum-white:rgba(var(--spectrum-white-rgb));
103105
--spectrum-transparent-white-25-rgb:255, 255, 255;
@@ -206,8 +208,10 @@
206208
--spectrum-in-line-alert-minimum-width:240px;
207209
--spectrum-popover-tip-width:16px;
208210
--spectrum-popover-tip-height:8px;
209-
--spectrum-menu-item-label-to-description:1px;
210-
--spectrum-menu-item-section-divider-height:8px;
211+
--spectrum-popover-top-to-content-area:var(--spectrum-popover-edge-to-content-area);
212+
--spectrum-popover-edge-to-content-area:var(--spectrum-spacing-100);
213+
--spectrum-menu-item-label-to-description:var(--spectrum-menu-item-label-to-description-medium);
214+
--spectrum-menu-item-section-divider-height:12px;
211215
--spectrum-slider-track-thickness:2px;
212216
--spectrum-slider-handle-gap:4px;
213217
--spectrum-picker-minimum-width-multiplier:2;
@@ -244,6 +248,9 @@
244248
--spectrum-floating-action-button-drop-shadow-blur:12px;
245249
--spectrum-floating-action-button-drop-shadow-y:4px;
246250
--spectrum-illustrated-message-maximum-width:380px;
251+
--spectrum-illustrated-message-title-size:var(--spectrum-illustrated-message-large-title-font-size);
252+
--spectrum-illustrated-message-cjk-title-size:var(--spectrum-illustrated-message-large-cjk-title-font-size);
253+
--spectrum-illustrated-message-body-size:var(--spectrum-illustrated-message-large-body-font-size);
247254
--spectrum-search-field-minimum-width-multiplier:4;
248255
--spectrum-color-loupe-height:64px;
249256
--spectrum-color-loupe-width:48px;
@@ -256,10 +263,10 @@
256263
--spectrum-drop-zone-width:428px;
257264
--spectrum-drop-zone-content-maximum-width:var(--spectrum-illustrated-message-maximum-width);
258265
--spectrum-drop-zone-border-dash-length:8px;
259-
--spectrum-drop-zone-border-dash-gap:4px;
260-
--spectrum-drop-zone-title-size:var(--spectrum-illustrated-message-title-size);
261-
--spectrum-drop-zone-cjk-title-size:var(--spectrum-illustrated-message-cjk-title-size);
262-
--spectrum-drop-zone-body-size:var(--spectrum-illustrated-message-body-size);
266+
--spectrum-drop-zone-border-dash-gap:6px;
267+
--spectrum-drop-zone-title-size:var(--spectrum-drop-zone-title-font-size);
268+
--spectrum-drop-zone-cjk-title-size:var(--spectrum-drop-zone-cjk-title-font-size);
269+
--spectrum-drop-zone-body-size:var(--spectrum-drop-zone-body-font-size);
263270
--spectrum-coach-mark-title-size:var(--spectrum-coach-mark-title-font-size);
264271
--spectrum-coach-mark-body-size:var(--spectrum-coach-mark-body-font-size);
265272
--spectrum-coach-mark-pagination-body-size:var(--spectrum-coach-mark-pagination-body-font-size);
@@ -379,6 +386,19 @@
379386
--spectrum-status-light-text-to-visual-100:var(--spectrum-text-to-visual-100);
380387
--spectrum-status-light-text-to-visual-200:var(--spectrum-text-to-visual-200);
381388
--spectrum-status-light-text-to-visual-300:var(--spectrum-text-to-visual-300);
389+
--spectrum-menu-item-label-to-description-small:1px;
390+
--spectrum-menu-item-label-to-description-medium:1px;
391+
--spectrum-menu-item-label-to-description-large:2px;
392+
--spectrum-menu-item-label-to-description-extra-large:2px;
393+
--spectrum-menu-section-header-to-description-small:1px;
394+
--spectrum-menu-section-header-to-description-medium:1px;
395+
--spectrum-menu-section-header-to-description-large:2px;
396+
--spectrum-menu-section-header-to-description-extra-large:2px;
397+
--spectrum-menu-item-background-opacity:0;
398+
--spectrum-illustrated-message-small-body-font-size:var(--spectrum-body-size-xs);
399+
--spectrum-drop-zone-title-font-size:var(--spectrum-illustrated-message-medium-title-font-size);
400+
--spectrum-drop-zone-cjk-title-font-size:var(--spectrum-illustrated-message-medium-cjk-title-font-size);
401+
--spectrum-drop-zone-body-font-size:var(--spectrum-illustrated-message-medium-body-font-size);
382402
--spectrum-corner-radius-0:0px;
383403
--spectrum-corner-radius-75:3px;
384404
--spectrum-corner-radius-100:4px;
@@ -543,6 +563,10 @@
543563
--spectrum-negative-subdued-background-color-hover:var(--spectrum-negative-color-300);
544564
--spectrum-negative-subdued-background-color-down:var(--spectrum-negative-color-300);
545565
--spectrum-negative-subdued-background-color-key-focus:var(--spectrum-negative-color-300);
566+
--spectrum-informative-subtle-background-color-default:var(--spectrum-blue-200);
567+
--spectrum-positive-subtle-background-color-default:var(--spectrum-green-200);
568+
--spectrum-notice-subtle-background-color-default:var(--spectrum-orange-200);
569+
--spectrum-negative-subtle-background-color-default:var(--spectrum-red-200);
546570
--spectrum-default-font-family:var(--spectrum-sans-serif-font-family);
547571
--spectrum-sans-serif-font-family:Adobe Clean;
548572
--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
@@ -87,7 +87,6 @@
8787
--spectrum-tag-top-to-cross-icon-small:10px;
8888
--spectrum-tag-top-to-cross-icon-medium:15px;
8989
--spectrum-tag-top-to-cross-icon-large:19px;
90-
--spectrum-popover-top-to-content-area:5px;
9190
--spectrum-menu-item-edge-to-content-not-selected-small:24px;
9291
--spectrum-menu-item-edge-to-content-not-selected-medium:42px;
9392
--spectrum-menu-item-edge-to-content-not-selected-large:47px;
@@ -181,9 +180,6 @@
181180
--spectrum-color-wheel-minimum-width:219px;
182181
--spectrum-color-slider-length:240px;
183182
--spectrum-color-slider-minimum-length:100px;
184-
--spectrum-illustrated-message-title-size:var(--spectrum-heading-size-s);
185-
--spectrum-illustrated-message-cjk-title-size:var(--spectrum-heading-cjk-size-s);
186-
--spectrum-illustrated-message-body-size:var(--spectrum-body-size-xs);
187183
--spectrum-coach-mark-width:216px;
188184
--spectrum-coach-mark-minimum-width:216px;
189185
--spectrum-coach-mark-maximum-width:248px;
@@ -414,6 +410,21 @@
414410
--spectrum-coach-mark-title-font-size:var(--spectrum-title-size-s);
415411
--spectrum-standard-dialog-title-font-size:var(--spectrum-title-size-xl);
416412
--spectrum-standard-dialog-body-font-size:var(--spectrum-body-size-s);
413+
--spectrum-link-out-icon-size-75:12px;
414+
--spectrum-link-out-icon-size-100:14px;
415+
--spectrum-link-out-icon-size-200:16px;
416+
--spectrum-menu-item-top-to-thumbnail-small:10px;
417+
--spectrum-menu-item-top-to-thumbnail-medium:11px;
418+
--spectrum-menu-item-top-to-thumbnail-large:12px;
419+
--spectrum-menu-item-top-to-thumbnail-extra-large:13px;
420+
--spectrum-illustrated-message-small-title-font-size:var(--spectrum-title-size-s);
421+
--spectrum-illustrated-message-small-cjk-title-font-size:var(--spectrum-title-cjk-size-s);
422+
--spectrum-illustrated-message-medium-title-font-size:var(--spectrum-title-size-l);
423+
--spectrum-illustrated-message-medium-cjk-title-font-size:var(--spectrum-title-cjk-size-l);
424+
--spectrum-illustrated-message-large-title-font-size:var(--spectrum-title-size-xl);
425+
--spectrum-illustrated-message-large-cjk-title-font-size:var(--spectrum-title-cjk-size-xl);
426+
--spectrum-illustrated-message-medium-body-font-size:var(--spectrum-body-size-xs);
427+
--spectrum-illustrated-message-large-body-font-size:var(--spectrum-body-size-xs);
417428
--spectrum-workflow-icon-size-50:16px;
418429
--spectrum-workflow-icon-size-75:18px;
419430
--spectrum-workflow-icon-size-100:24px;
@@ -424,6 +435,7 @@
424435
--spectrum-text-to-visual-100:8px;
425436
--spectrum-text-to-visual-200:9px;
426437
--spectrum-text-to-visual-300:10px;
438+
--spectrum-text-to-visual-400:11px;
427439
--spectrum-text-to-control-75:11px;
428440
--spectrum-text-to-control-100:13px;
429441
--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
@@ -75,6 +75,12 @@
7575
--spectrum-drop-shadow-color-200-opacity:0.16;
7676
--spectrum-drop-shadow-color-200:rgba(var(--spectrum-drop-shadow-color-200-rgb), var(--spectrum-drop-shadow-color-200-opacity));
7777
--spectrum-opacity-checkerboard-square-dark:var(--spectrum-gray-200);
78+
--spectrum-menu-item-background-color-default:var(--spectrum-gray-100);
79+
--spectrum-menu-item-background-color-hover:var(--spectrum-gray-100);
80+
--spectrum-menu-item-background-color-down:var(--spectrum-gray-100);
81+
--spectrum-menu-item-background-color-keyboard-focus:var(--spectrum-gray-100);
82+
--spectrum-menu-item-background-color-disabled:var(--spectrum-gray-100);
83+
--spectrum-popover-border-opacity:0;
7884
--spectrum-gray-25-rgb:255, 255, 255;
7985
--spectrum-gray-25:rgba(var(--spectrum-gray-25-rgb));
8086
--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
@@ -87,7 +87,6 @@
8787
--spectrum-tag-top-to-cross-icon-small:8px;
8888
--spectrum-tag-top-to-cross-icon-medium:12px;
8989
--spectrum-tag-top-to-cross-icon-large:15px;
90-
--spectrum-popover-top-to-content-area:4px;
9190
--spectrum-menu-item-edge-to-content-not-selected-small:28px;
9291
--spectrum-menu-item-edge-to-content-not-selected-medium:32px;
9392
--spectrum-menu-item-edge-to-content-not-selected-large:38px;
@@ -181,9 +180,6 @@
181180
--spectrum-color-wheel-minimum-width:175px;
182181
--spectrum-color-slider-length:192px;
183182
--spectrum-color-slider-minimum-length:80px;
184-
--spectrum-illustrated-message-title-size:var(--spectrum-heading-size-m);
185-
--spectrum-illustrated-message-cjk-title-size:var(--spectrum-heading-cjk-size-m);
186-
--spectrum-illustrated-message-body-size:var(--spectrum-body-size-s);
187183
--spectrum-coach-mark-width:296px;
188184
--spectrum-coach-mark-minimum-width:296px;
189185
--spectrum-coach-mark-maximum-width:380px;
@@ -414,6 +410,21 @@
414410
--spectrum-coach-mark-title-font-size:var(--spectrum-title-size-m);
415411
--spectrum-standard-dialog-title-font-size:var(--spectrum-title-size-xxl);
416412
--spectrum-standard-dialog-body-font-size:var(--spectrum-body-size-m);
413+
--spectrum-link-out-icon-size-75:10px;
414+
--spectrum-link-out-icon-size-100:12px;
415+
--spectrum-link-out-icon-size-200:14px;
416+
--spectrum-menu-item-top-to-thumbnail-small:8px;
417+
--spectrum-menu-item-top-to-thumbnail-medium:9px;
418+
--spectrum-menu-item-top-to-thumbnail-large:10px;
419+
--spectrum-menu-item-top-to-thumbnail-extra-large:11px;
420+
--spectrum-illustrated-message-small-title-font-size:var(--spectrum-title-size-m);
421+
--spectrum-illustrated-message-small-cjk-title-font-size:var(--spectrum-title-cjk-size-m);
422+
--spectrum-illustrated-message-medium-title-font-size:var(--spectrum-title-size-xl);
423+
--spectrum-illustrated-message-medium-cjk-title-font-size:var(--spectrum-title-cjk-size-xl);
424+
--spectrum-illustrated-message-large-title-font-size:var(--spectrum-title-size-xxl);
425+
--spectrum-illustrated-message-large-cjk-title-font-size:var(--spectrum-title-cjk-size-xxl);
426+
--spectrum-illustrated-message-medium-body-font-size:var(--spectrum-body-size-s);
427+
--spectrum-illustrated-message-large-body-font-size:var(--spectrum-body-size-s);
417428
--spectrum-workflow-icon-size-50:14px;
418429
--spectrum-workflow-icon-size-75:16px;
419430
--spectrum-workflow-icon-size-100:20px;
@@ -424,6 +435,7 @@
424435
--spectrum-text-to-visual-100:6px;
425436
--spectrum-text-to-visual-200:7px;
426437
--spectrum-text-to-visual-300:8px;
438+
--spectrum-text-to-visual-400:9px;
427439
--spectrum-text-to-control-75:9px;
428440
--spectrum-text-to-control-100:10px;
429441
--spectrum-text-to-control-200:11px;

0 commit comments

Comments
 (0)