Skip to content

Commit 2f5b22a

Browse files
pfultonpfulton
committed
feat(tokens)!: use 13.0.0-beta.13
BREAKING CHANGE: uses Spectrum 2 tokens
1 parent bbcb2a3 commit 2f5b22a

File tree

9 files changed

+583
-155
lines changed

9 files changed

+583
-155
lines changed

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

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@
2626
--spectrum-positive-background-color-hover:var(--spectrum-positive-color-500);
2727
--spectrum-positive-background-color-down:var(--spectrum-positive-color-500);
2828
--spectrum-positive-background-color-key-focus:var(--spectrum-positive-color-500);
29+
--spectrum-notice-background-color-default:var(--spectrum-notice-color-800);
2930
--spectrum-gray-background-color-default:var(--spectrum-gray-700);
3031
--spectrum-red-background-color-default:var(--spectrum-red-700);
3132
--spectrum-orange-background-color-default:var(--spectrum-orange-800);
@@ -60,6 +61,8 @@
6061
--spectrum-purple-visual-color:var(--spectrum-purple-900);
6162
--spectrum-fuchsia-visual-color:var(--spectrum-fuchsia-900);
6263
--spectrum-magenta-visual-color:var(--spectrum-magenta-900);
64+
--spectrum-background-elevated-color:var(--spectrum-gray-75);
65+
--spectrum-background-pasteboard-color:var(--spectrum-gray-25);
6366
--spectrum-opacity-checkerboard-square-dark:var(--spectrum-gray-800);
6467
--spectrum-gray-25-rgb:17, 17, 17;
6568
--spectrum-gray-25:rgba(var(--spectrum-gray-25-rgb));
@@ -631,6 +634,38 @@
631634
--spectrum-silver-1500:rgba(var(--spectrum-silver-1500-rgb));
632635
--spectrum-silver-1600-rgb:255, 255, 255;
633636
--spectrum-silver-1600:rgba(var(--spectrum-silver-1600-rgb));
637+
--spectrum-cinnamon-100-rgb:48, 17, 4;
638+
--spectrum-cinnamon-100:rgba(var(--spectrum-cinnamon-100-rgb));
639+
--spectrum-cinnamon-200-rgb:59, 21, 5;
640+
--spectrum-cinnamon-200:rgba(var(--spectrum-cinnamon-200-rgb));
641+
--spectrum-cinnamon-300-rgb:79, 28, 7;
642+
--spectrum-cinnamon-300:rgba(var(--spectrum-cinnamon-300-rgb));
643+
--spectrum-cinnamon-400-rgb:100, 41, 15;
644+
--spectrum-cinnamon-400:rgba(var(--spectrum-cinnamon-400-rgb));
645+
--spectrum-cinnamon-500-rgb:122, 57, 28;
646+
--spectrum-cinnamon-500:rgba(var(--spectrum-cinnamon-500-rgb));
647+
--spectrum-cinnamon-600-rgb:143, 74, 40;
648+
--spectrum-cinnamon-600:rgba(var(--spectrum-cinnamon-600-rgb));
649+
--spectrum-cinnamon-700-rgb:163, 88, 52;
650+
--spectrum-cinnamon-700:rgba(var(--spectrum-cinnamon-700-rgb));
651+
--spectrum-cinnamon-800-rgb:179, 103, 64;
652+
--spectrum-cinnamon-800:rgba(var(--spectrum-cinnamon-800-rgb));
653+
--spectrum-cinnamon-900-rgb:192, 119, 80;
654+
--spectrum-cinnamon-900:rgba(var(--spectrum-cinnamon-900-rgb));
655+
--spectrum-cinnamon-1000-rgb:206, 136, 99;
656+
--spectrum-cinnamon-1000:rgba(var(--spectrum-cinnamon-1000-rgb));
657+
--spectrum-cinnamon-1100-rgb:220, 154, 118;
658+
--spectrum-cinnamon-1100:rgba(var(--spectrum-cinnamon-1100-rgb));
659+
--spectrum-cinnamon-1200-rgb:232, 179, 149;
660+
--spectrum-cinnamon-1200:rgba(var(--spectrum-cinnamon-1200-rgb));
661+
--spectrum-cinnamon-1300-rgb:239, 203, 183;
662+
--spectrum-cinnamon-1300:rgba(var(--spectrum-cinnamon-1300-rgb));
663+
--spectrum-cinnamon-1400-rgb:246, 225, 214;
664+
--spectrum-cinnamon-1400:rgba(var(--spectrum-cinnamon-1400-rgb));
665+
--spectrum-cinnamon-1500-rgb:252, 244, 239;
666+
--spectrum-cinnamon-1500:rgba(var(--spectrum-cinnamon-1500-rgb));
667+
--spectrum-cinnamon-1600-rgb:255, 255, 255;
668+
--spectrum-cinnamon-1600:rgba(var(--spectrum-cinnamon-1600-rgb));
634669
--spectrum-icon-color-blue-primary-default:var(--spectrum-blue-800);
635670
--spectrum-icon-color-green-primary-default:var(--spectrum-green-800);
636671
--spectrum-icon-color-red-primary-default:var(--spectrum-red-700);

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

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,6 @@
1414
--spectrum-neutral-background-color-selected-key-focus:var(--spectrum-gray-900);
1515
--spectrum-neutral-subdued-content-color-selected:var(--spectrum-neutral-subdued-content-color-down);
1616
--spectrum-accent-content-color-selected:var(--spectrum-accent-content-color-down);
17-
--spectrum-notice-background-color-default:var(--spectrum-notice-color-800);
1817
--spectrum-disabled-background-color:var(--spectrum-gray-100);
1918
--spectrum-disabled-static-white-background-color:var(--spectrum-transparent-white-100);
2019
--spectrum-disabled-static-black-background-color:var(--spectrum-transparent-black-100);
@@ -78,6 +77,7 @@
7877
--spectrum-coach-mark-pagination-color:var(--spectrum-gray-600);
7978
--spectrum-color-handle-inner-border-color:var(--spectrum-black);
8079
--spectrum-color-handle-inner-border-opacity:0.42;
80+
--spectrum-color-handle-outer-border-color:var(--spectrum-black);
8181
--spectrum-color-handle-outer-border-opacity:var(--spectrum-color-handle-inner-border-opacity);
8282
--spectrum-color-handle-drop-shadow-color:var(--spectrum-drop-shadow-color);
8383
--spectrum-floating-action-button-drop-shadow-color:var(--spectrum-transparent-black-300);
@@ -198,6 +198,7 @@
198198
--spectrum-slider-track-thickness:2px;
199199
--spectrum-slider-handle-gap:4px;
200200
--spectrum-picker-minimum-width-multiplier:2;
201+
--spectrum-picker-border-width:var(--spectrum-border-width-100);
201202
--spectrum-picker-end-edge-to-disclousure-icon-quiet:var(--spectrum-picker-end-edge-to-disclosure-icon-quiet);
202203
--spectrum-picker-end-edge-to-disclosure-icon-quiet:0px;
203204
--spectrum-text-field-minimum-width-multiplier:1.5;
@@ -287,6 +288,9 @@
287288
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium);
288289
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large);
289290
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large);
291+
--spectrum-divider-vertical-minimum-height:200px;
292+
--spectrum-divider-horizontal-minimum-width:200px;
293+
--spectrum-tooltip-tip-corner-radius:1px;
290294
--spectrum-android-elevation:2dp;
291295
--spectrum-spacing-50:2px;
292296
--spectrum-spacing-75:4px;
@@ -312,6 +316,9 @@
312316
--spectrum-field-edge-to-validation-icon-quiet:0px;
313317
--spectrum-text-underline-thickness:1px;
314318
--spectrum-text-underline-gap:1px;
319+
--spectrum-component-size-width-ratio-down:0.3333;
320+
--spectrum-component-size-minimum-perspective-down:24px;
321+
--spectrum-component-size-difference-down:-2px;
315322
--spectrum-accent-color-100:var(--spectrum-blue-100);
316323
--spectrum-accent-color-200:var(--spectrum-blue-200);
317324
--spectrum-accent-color-300:var(--spectrum-blue-300);

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

Lines changed: 108 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -36,17 +36,17 @@
3636
--spectrum-field-label-top-to-asterisk-large:19px;
3737
--spectrum-field-label-top-to-asterisk-extra-large:24px;
3838
--spectrum-field-label-top-margin-small:0px;
39-
--spectrum-field-label-top-margin-medium:5px;
40-
--spectrum-field-label-top-margin-large:6px;
41-
--spectrum-field-label-top-margin-extra-large:6px;
39+
--spectrum-field-label-top-margin-medium:0px;
40+
--spectrum-field-label-top-margin-large:0px;
41+
--spectrum-field-label-top-margin-extra-large:0px;
4242
--spectrum-field-label-to-component-quiet-small:-10px;
4343
--spectrum-field-label-to-component-quiet-medium:-10px;
4444
--spectrum-field-label-to-component-quiet-large:-15px;
4545
--spectrum-field-label-to-component-quiet-extra-large:-19px;
46-
--spectrum-help-text-top-to-workflow-icon-small:5px;
47-
--spectrum-help-text-top-to-workflow-icon-medium:4px;
48-
--spectrum-help-text-top-to-workflow-icon-large:8px;
49-
--spectrum-help-text-top-to-workflow-icon-extra-large:11px;
46+
--spectrum-help-text-top-to-workflow-icon-small:var(--spectrum-component-top-to-workflow-icon-75);
47+
--spectrum-help-text-top-to-workflow-icon-medium:var(--spectrum-component-top-to-workflow-icon-100);
48+
--spectrum-help-text-top-to-workflow-icon-large:var(--spectrum-component-top-to-workflow-icon-200);
49+
--spectrum-help-text-top-to-workflow-icon-extra-large:var(--spectrum-component-top-to-workflow-icon-300);
5050
--spectrum-status-light-dot-size-small:8px;
5151
--spectrum-status-light-dot-size-medium:10px;
5252
--spectrum-status-light-dot-size-large:12px;
@@ -60,8 +60,8 @@
6060
--spectrum-action-button-edge-to-hold-icon-medium:5px;
6161
--spectrum-action-button-edge-to-hold-icon-large:6px;
6262
--spectrum-action-button-edge-to-hold-icon-extra-large:7px;
63-
--spectrum-tooltip-tip-width:10px;
64-
--spectrum-tooltip-tip-height:5px;
63+
--spectrum-tooltip-tip-width:12px;
64+
--spectrum-tooltip-tip-height:6px;
6565
--spectrum-tooltip-maximum-width:200px;
6666
--spectrum-progress-circle-size-small:20px;
6767
--spectrum-progress-circle-size-medium:40px;
@@ -152,7 +152,7 @@
152152
--spectrum-alert-dialog-description-size:var(--spectrum-body-size-xs);
153153
--spectrum-opacity-checkerboard-square-size:10px;
154154
--spectrum-contextual-help-title-size:var(--spectrum-heading-size-xxs);
155-
--spectrum-contextual-help-body-size:var(--spectrum-heading-size-xs);
155+
--spectrum-contextual-help-body-size:var(--spectrum-body-size-xs);
156156
--spectrum-breadcrumbs-height-multiline:84px;
157157
--spectrum-breadcrumbs-top-to-text:17px;
158158
--spectrum-breadcrumbs-top-to-text-compact:16px;
@@ -352,25 +352,76 @@
352352
--spectrum-side-navigation-with-icon-second-level-edge-to-text:62px;
353353
--spectrum-side-navigation-with-icon-third-level-edge-to-text:77px;
354354
--spectrum-side-navigation-item-to-item:5px;
355-
--spectrum-side-navigation-item-to-header:20px;
355+
--spectrum-side-navigation-item-to-header:30px;
356356
--spectrum-side-navigation-bottom-to-text:10px;
357357
--spectrum-tray-top-to-content-area:5px;
358-
--spectrum-corner-radius-75:2px;
359-
--spectrum-corner-radius-100:5px;
360-
--spectrum-corner-radius-200:10px;
358+
--spectrum-arrow-icon-size-75:12px;
359+
--spectrum-arrow-icon-size-100:14px;
360+
--spectrum-arrow-icon-size-200:16px;
361+
--spectrum-arrow-icon-size-300:16px;
362+
--spectrum-arrow-icon-size-400:18px;
363+
--spectrum-arrow-icon-size-500:22px;
364+
--spectrum-arrow-icon-size-600:24px;
365+
--spectrum-asterisk-icon-size-75:8px;
366+
--spectrum-asterisk-icon-size-100:10px;
367+
--spectrum-asterisk-icon-size-200:12px;
368+
--spectrum-asterisk-icon-size-300:12px;
369+
--spectrum-checkmark-icon-size-50:12px;
370+
--spectrum-checkmark-icon-size-75:12px;
371+
--spectrum-checkmark-icon-size-100:14px;
372+
--spectrum-checkmark-icon-size-200:14px;
373+
--spectrum-checkmark-icon-size-300:16px;
374+
--spectrum-checkmark-icon-size-400:18px;
375+
--spectrum-checkmark-icon-size-500:20px;
376+
--spectrum-checkmark-icon-size-600:24px;
377+
--spectrum-chevron-icon-size-50:8px;
378+
--spectrum-chevron-icon-size-75:12px;
379+
--spectrum-chevron-icon-size-100:14px;
380+
--spectrum-chevron-icon-size-200:14px;
381+
--spectrum-chevron-icon-size-300:16px;
382+
--spectrum-chevron-icon-size-400:18px;
383+
--spectrum-chevron-icon-size-500:20px;
384+
--spectrum-chevron-icon-size-600:24px;
385+
--spectrum-cross-icon-size-75:10px;
386+
--spectrum-cross-icon-size-100:10px;
387+
--spectrum-cross-icon-size-200:12px;
388+
--spectrum-cross-icon-size-300:14px;
389+
--spectrum-cross-icon-size-400:16px;
390+
--spectrum-cross-icon-size-500:16px;
391+
--spectrum-cross-icon-size-600:18px;
392+
--spectrum-dash-icon-size-50:10px;
393+
--spectrum-dash-icon-size-75:10px;
394+
--spectrum-dash-icon-size-100:12px;
395+
--spectrum-dash-icon-size-200:14px;
396+
--spectrum-dash-icon-size-300:16px;
397+
--spectrum-dash-icon-size-400:18px;
398+
--spectrum-dash-icon-size-500:20px;
399+
--spectrum-dash-icon-size-600:22px;
400+
--spectrum-side-navigation-header-to-item:10px;
401+
--spectrum-corner-radius-0:0px;
402+
--spectrum-corner-radius-75:3px;
403+
--spectrum-corner-radius-100:4px;
404+
--spectrum-corner-radius-200:5px;
405+
--spectrum-corner-radius-300:6px;
406+
--spectrum-corner-radius-400:7px;
407+
--spectrum-corner-radius-500:8px;
408+
--spectrum-corner-radius-600:9px;
409+
--spectrum-corner-radius-700:10px;
410+
--spectrum-corner-radius-800:16px;
411+
--spectrum-corner-radius-1000:0.5;
361412
--spectrum-drop-shadow-x:0px;
362413
--spectrum-drop-shadow-y:2px;
363414
--spectrum-drop-shadow-blur:6px;
364-
--spectrum-workflow-icon-size-50:18px;
365-
--spectrum-workflow-icon-size-75:20px;
366-
--spectrum-workflow-icon-size-100:22px;
367-
--spectrum-workflow-icon-size-200:24px;
368-
--spectrum-workflow-icon-size-300:28px;
369-
--spectrum-text-to-visual-50:8px;
370-
--spectrum-text-to-visual-75:9px;
371-
--spectrum-text-to-visual-100:10px;
372-
--spectrum-text-to-visual-200:11px;
373-
--spectrum-text-to-visual-300:13px;
415+
--spectrum-workflow-icon-size-50:16px;
416+
--spectrum-workflow-icon-size-75:18px;
417+
--spectrum-workflow-icon-size-100:24px;
418+
--spectrum-workflow-icon-size-200:28px;
419+
--spectrum-workflow-icon-size-300:30px;
420+
--spectrum-text-to-visual-50:7px;
421+
--spectrum-text-to-visual-75:7px;
422+
--spectrum-text-to-visual-100:8px;
423+
--spectrum-text-to-visual-200:9px;
424+
--spectrum-text-to-visual-300:10px;
374425
--spectrum-text-to-control-75:11px;
375426
--spectrum-text-to-control-100:13px;
376427
--spectrum-text-to-control-200:14px;
@@ -399,21 +450,21 @@
399450
--spectrum-component-edge-to-visual-100:12px;
400451
--spectrum-component-edge-to-visual-200:16px;
401452
--spectrum-component-edge-to-visual-300:19px;
402-
--spectrum-component-edge-to-visual-only-50:4px;
403-
--spectrum-component-edge-to-visual-only-75:5px;
404-
--spectrum-component-edge-to-visual-only-100:9px;
405-
--spectrum-component-edge-to-visual-only-200:13px;
406-
--spectrum-component-edge-to-visual-only-300:16px;
453+
--spectrum-component-edge-to-visual-only-50:5px;
454+
--spectrum-component-edge-to-visual-only-75:6px;
455+
--spectrum-component-edge-to-visual-only-100:8px;
456+
--spectrum-component-edge-to-visual-only-200:11px;
457+
--spectrum-component-edge-to-visual-only-300:15px;
407458
--spectrum-component-edge-to-text-50:10px;
408459
--spectrum-component-edge-to-text-75:11px;
409460
--spectrum-component-edge-to-text-100:15px;
410461
--spectrum-component-edge-to-text-200:19px;
411462
--spectrum-component-edge-to-text-300:22px;
412-
--spectrum-component-top-to-workflow-icon-50:4px;
413-
--spectrum-component-top-to-workflow-icon-75:5px;
414-
--spectrum-component-top-to-workflow-icon-100:9px;
415-
--spectrum-component-top-to-workflow-icon-200:13px;
416-
--spectrum-component-top-to-workflow-icon-300:16px;
463+
--spectrum-component-top-to-workflow-icon-50:5px;
464+
--spectrum-component-top-to-workflow-icon-75:6px;
465+
--spectrum-component-top-to-workflow-icon-100:8px;
466+
--spectrum-component-top-to-workflow-icon-200:11px;
467+
--spectrum-component-top-to-workflow-icon-300:15px;
417468
--spectrum-component-top-to-text-50:4px;
418469
--spectrum-component-top-to-text-75:5px;
419470
--spectrum-component-top-to-text-100:8px;
@@ -482,11 +533,30 @@
482533
--spectrum-disclosure-indicator-top-to-disclosure-icon-medium:13px;
483534
--spectrum-disclosure-indicator-top-to-disclosure-icon-large:17px;
484535
--spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large:22px;
485-
--spectrum-navigational-indicator-top-to-back-icon-small:9px;
486-
--spectrum-navigational-indicator-top-to-back-icon-medium:13px;
487-
--spectrum-navigational-indicator-top-to-back-icon-large:17px;
488-
--spectrum-navigational-indicator-top-to-back-icon-extra-large:22px;
536+
--spectrum-navigational-indicator-top-to-back-icon-small:7px;
537+
--spectrum-navigational-indicator-top-to-back-icon-medium:12px;
538+
--spectrum-navigational-indicator-top-to-back-icon-large:16px;
539+
--spectrum-navigational-indicator-top-to-back-icon-extra-large:19px;
489540
--spectrum-color-control-track-width:30px;
541+
--spectrum-corner-triangle-icon-size-75:6px;
542+
--spectrum-corner-triangle-icon-size-100:7px;
543+
--spectrum-corner-triangle-icon-size-200:8px;
544+
--spectrum-corner-triangle-icon-size-300:8px;
545+
--spectrum-corner-radius-none:var(--spectrum-corner-radius-0);
546+
--spectrum-corner-radius-small-default:var(--spectrum-corner-radius-100);
547+
--spectrum-corner-radius-medium-default:var(--spectrum-corner-radius-500);
548+
--spectrum-corner-radius-large-default:var(--spectrum-corner-radius-700);
549+
--spectrum-corner-radius-extra-large-default:var(--spectrum-corner-radius-800);
550+
--spectrum-corner-radius-full:var(--spectrum-corner-radius-1000);
551+
--spectrum-corner-radius-small-size-small:var(--spectrum-corner-radius-75);
552+
--spectrum-corner-radius-small-size-medium:var(--spectrum-corner-radius-100);
553+
--spectrum-corner-radius-small-size-large:var(--spectrum-corner-radius-200);
554+
--spectrum-corner-radius-small-size-extra-large:var(--spectrum-corner-radius-300);
555+
--spectrum-corner-radius-medium-size-extra-small:var(--spectrum-corner-radius-300);
556+
--spectrum-corner-radius-medium-size-small:var(--spectrum-corner-radius-400);
557+
--spectrum-corner-radius-medium-size-medium:var(--spectrum-corner-radius-500);
558+
--spectrum-corner-radius-medium-size-large:var(--spectrum-corner-radius-600);
559+
--spectrum-corner-radius-medium-size-extra-large:var(--spectrum-corner-radius-700);
490560
--spectrum-font-size-50:13px;
491561
--spectrum-font-size-75:15px;
492562
--spectrum-font-size-100:17px;

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

Lines changed: 36 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
--spectrum-drop-shadow-color-rgb:0, 0, 0;
44
--spectrum-drop-shadow-color-opacity:0.15;
55
--spectrum-drop-shadow-color:rgba(var(--spectrum-drop-shadow-color-rgb), var(--spectrum-drop-shadow-color-opacity));
6-
--spectrum-background-base-color:var(--spectrum-gray-100);
6+
--spectrum-background-base-color:var(--spectrum-gray-25);
77
--spectrum-background-layer-1-color:var(--spectrum-gray-50);
88
--spectrum-background-layer-2-color:var(--spectrum-gray-25);
99
--spectrum-neutral-subdued-background-color-default:var(--spectrum-gray-700);
@@ -26,6 +26,7 @@
2626
--spectrum-positive-background-color-hover:var(--spectrum-positive-color-1000);
2727
--spectrum-positive-background-color-down:var(--spectrum-positive-color-1000);
2828
--spectrum-positive-background-color-key-focus:var(--spectrum-positive-color-1000);
29+
--spectrum-notice-background-color-default:var(--spectrum-notice-color-600);
2930
--spectrum-gray-background-color-default:var(--spectrum-gray-700);
3031
--spectrum-red-background-color-default:var(--spectrum-red-900);
3132
--spectrum-orange-background-color-default:var(--spectrum-orange-600);
@@ -60,6 +61,8 @@
6061
--spectrum-purple-visual-color:var(--spectrum-purple-800);
6162
--spectrum-fuchsia-visual-color:var(--spectrum-fuchsia-800);
6263
--spectrum-magenta-visual-color:var(--spectrum-magenta-800);
64+
--spectrum-background-elevated-color:var(--spectrum-gray-25);
65+
--spectrum-background-pasteboard-color:var(--spectrum-gray-100);
6366
--spectrum-opacity-checkerboard-square-dark:var(--spectrum-gray-200);
6467
--spectrum-gray-25-rgb:255, 255, 255;
6568
--spectrum-gray-25:rgba(var(--spectrum-gray-25-rgb));
@@ -631,6 +634,38 @@
631634
--spectrum-silver-1500:rgba(var(--spectrum-silver-1500-rgb));
632635
--spectrum-silver-1600-rgb:12, 12, 12;
633636
--spectrum-silver-1600:rgba(var(--spectrum-silver-1600-rgb));
637+
--spectrum-cinnamon-100-rgb:253, 247, 243;
638+
--spectrum-cinnamon-100:rgba(var(--spectrum-cinnamon-100-rgb));
639+
--spectrum-cinnamon-200-rgb:249, 236, 229;
640+
--spectrum-cinnamon-200:rgba(var(--spectrum-cinnamon-200-rgb));
641+
--spectrum-cinnamon-300-rgb:244, 218, 203;
642+
--spectrum-cinnamon-300:rgba(var(--spectrum-cinnamon-300-rgb));
643+
--spectrum-cinnamon-400-rgb:237, 196, 172;
644+
--spectrum-cinnamon-400:rgba(var(--spectrum-cinnamon-400-rgb));
645+
--spectrum-cinnamon-500-rgb:229, 170, 136;
646+
--spectrum-cinnamon-500:rgba(var(--spectrum-cinnamon-500-rgb));
647+
--spectrum-cinnamon-600-rgb:212, 145, 108;
648+
--spectrum-cinnamon-600:rgba(var(--spectrum-cinnamon-600-rgb));
649+
--spectrum-cinnamon-700-rgb:198, 126, 88;
650+
--spectrum-cinnamon-700:rgba(var(--spectrum-cinnamon-700-rgb));
651+
--spectrum-cinnamon-800-rgb:184, 109, 70;
652+
--spectrum-cinnamon-800:rgba(var(--spectrum-cinnamon-800-rgb));
653+
--spectrum-cinnamon-900-rgb:170, 94, 56;
654+
--spectrum-cinnamon-900:rgba(var(--spectrum-cinnamon-900-rgb));
655+
--spectrum-cinnamon-1000-rgb:147, 77, 43;
656+
--spectrum-cinnamon-1000:rgba(var(--spectrum-cinnamon-1000-rgb));
657+
--spectrum-cinnamon-1100-rgb:128, 62, 32;
658+
--spectrum-cinnamon-1100:rgba(var(--spectrum-cinnamon-1100-rgb));
659+
--spectrum-cinnamon-1200-rgb:110, 48, 21;
660+
--spectrum-cinnamon-1200:rgba(var(--spectrum-cinnamon-1200-rgb));
661+
--spectrum-cinnamon-1300-rgb:92, 35, 11;
662+
--spectrum-cinnamon-1300:rgba(var(--spectrum-cinnamon-1300-rgb));
663+
--spectrum-cinnamon-1400-rgb:72, 25, 6;
664+
--spectrum-cinnamon-1400:rgba(var(--spectrum-cinnamon-1400-rgb));
665+
--spectrum-cinnamon-1500-rgb:52, 18, 4;
666+
--spectrum-cinnamon-1500:rgba(var(--spectrum-cinnamon-1500-rgb));
667+
--spectrum-cinnamon-1600-rgb:24, 8, 2;
668+
--spectrum-cinnamon-1600:rgba(var(--spectrum-cinnamon-1600-rgb));
634669
--spectrum-icon-color-blue-primary-default:var(--spectrum-blue-900);
635670
--spectrum-icon-color-green-primary-default:var(--spectrum-green-900);
636671
--spectrum-icon-color-red-primary-default:var(--spectrum-red-900);

0 commit comments

Comments
 (0)