@primer/primitives 11.5.0-rc.eeffc81e → 11.5.1-rc.6029befd
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/DESIGN_TOKENS_GUIDE.md +24 -0
- package/DESIGN_TOKENS_SPEC.md +42 -0
- package/dist/css/base/size/z-index.css +9 -0
- package/dist/css/functional/size/z-index.css +10 -0
- package/dist/css/functional/themes/dark-colorblind-high-contrast.css +4 -4
- package/dist/css/functional/themes/dark-colorblind.css +4 -4
- package/dist/css/functional/themes/dark-dimmed-high-contrast.css +4 -4
- package/dist/css/functional/themes/dark-dimmed.css +6 -6
- package/dist/css/functional/themes/dark-high-contrast.css +4 -4
- package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +4 -4
- package/dist/css/functional/themes/dark-tritanopia.css +4 -4
- package/dist/css/functional/themes/dark.css +4 -4
- package/dist/css/primitives.css +2 -0
- package/dist/docs/base/size/z-index.json +107 -0
- package/dist/docs/functional/size/z-index.json +234 -0
- package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +70 -22
- package/dist/docs/functional/themes/dark-colorblind.json +70 -22
- package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +70 -22
- package/dist/docs/functional/themes/dark-dimmed.json +108 -60
- package/dist/docs/functional/themes/dark-high-contrast.json +70 -22
- package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +70 -22
- package/dist/docs/functional/themes/dark-tritanopia.json +70 -22
- package/dist/docs/functional/themes/dark.json +70 -22
- package/dist/docs/functional/themes/light-colorblind-high-contrast.json +66 -18
- package/dist/docs/functional/themes/light-colorblind.json +66 -18
- package/dist/docs/functional/themes/light-high-contrast.json +66 -18
- package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +66 -18
- package/dist/docs/functional/themes/light-tritanopia.json +66 -18
- package/dist/docs/functional/themes/light.json +66 -18
- package/dist/fallbacks/base/size/z-index.json +9 -0
- package/dist/fallbacks/functional/size/z-index.json +10 -0
- package/dist/figma/themes/dark-colorblind.json +8 -8
- package/dist/figma/themes/dark-dimmed.json +57 -57
- package/dist/figma/themes/dark-high-contrast.json +8 -8
- package/dist/figma/themes/dark-tritanopia.json +8 -8
- package/dist/figma/themes/dark.json +8 -8
- package/dist/internalCss/dark-colorblind-high-contrast.css +4 -4
- package/dist/internalCss/dark-colorblind.css +4 -4
- package/dist/internalCss/dark-dimmed-high-contrast.css +4 -4
- package/dist/internalCss/dark-dimmed.css +6 -6
- package/dist/internalCss/dark-high-contrast.css +4 -4
- package/dist/internalCss/dark-tritanopia-high-contrast.css +4 -4
- package/dist/internalCss/dark-tritanopia.css +4 -4
- package/dist/internalCss/dark.css +4 -4
- package/dist/styleLint/base/size/z-index.json +107 -0
- package/dist/styleLint/functional/size/z-index.json +234 -0
- package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +70 -22
- package/dist/styleLint/functional/themes/dark-colorblind.json +70 -22
- package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +70 -22
- package/dist/styleLint/functional/themes/dark-dimmed.json +108 -60
- package/dist/styleLint/functional/themes/dark-high-contrast.json +70 -22
- package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +70 -22
- package/dist/styleLint/functional/themes/dark-tritanopia.json +70 -22
- package/dist/styleLint/functional/themes/dark.json +70 -22
- package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +66 -18
- package/dist/styleLint/functional/themes/light-colorblind.json +66 -18
- package/dist/styleLint/functional/themes/light-high-contrast.json +66 -18
- package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +66 -18
- package/dist/styleLint/functional/themes/light-tritanopia.json +66 -18
- package/dist/styleLint/functional/themes/light.json +66 -18
- package/package.json +1 -1
- package/src/tokens/base/size/z-index.json5 +34 -0
- package/src/tokens/functional/color/control.json5 +20 -8
- package/src/tokens/functional/color/fgColor.json5 +1 -1
- package/src/tokens/functional/size/z-index.json5 +92 -0
|
@@ -462,9 +462,9 @@
|
|
|
462
462
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
463
463
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
464
464
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
465
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-4);
|
|
465
466
|
--controlTrack-bgColor-active: var(--base-color-neutral-6);
|
|
466
467
|
--controlTrack-bgColor-hover: var(--base-color-neutral-5);
|
|
467
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-4);
|
|
468
468
|
--counter-borderColor: var(--base-color-transparent);
|
|
469
469
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
470
470
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
@@ -1074,6 +1074,7 @@
|
|
|
1074
1074
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
1075
1075
|
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
1076
1076
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
1077
|
+
--controlTrack-bgColor-rest: var(--base-color-neutral-0);
|
|
1077
1078
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
1078
1079
|
--controlTrack-borderColor-rest: var(--borderColor-default);
|
|
1079
1080
|
--controlTrack-fgColor-rest: var(--fgColor-muted);
|
|
@@ -1171,7 +1172,6 @@
|
|
|
1171
1172
|
--control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
|
|
1172
1173
|
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1173
1174
|
--controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1174
|
-
--controlKnob-bgColor-rest: var(--bgColor-inset);
|
|
1175
1175
|
--controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
|
|
1176
1176
|
--controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
|
|
1177
1177
|
--controlKnob-borderColor-rest: var(--control-borderColor-rest);
|
|
@@ -1664,9 +1664,9 @@
|
|
|
1664
1664
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
1665
1665
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
1666
1666
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
1667
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-4);
|
|
1667
1668
|
--controlTrack-bgColor-active: var(--base-color-neutral-6);
|
|
1668
1669
|
--controlTrack-bgColor-hover: var(--base-color-neutral-5);
|
|
1669
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-4);
|
|
1670
1670
|
--counter-borderColor: var(--base-color-transparent);
|
|
1671
1671
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
1672
1672
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
@@ -2276,6 +2276,7 @@
|
|
|
2276
2276
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
2277
2277
|
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
2278
2278
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
2279
|
+
--controlTrack-bgColor-rest: var(--base-color-neutral-0);
|
|
2279
2280
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
2280
2281
|
--controlTrack-borderColor-rest: var(--borderColor-default);
|
|
2281
2282
|
--controlTrack-fgColor-rest: var(--fgColor-muted);
|
|
@@ -2373,7 +2374,6 @@
|
|
|
2373
2374
|
--control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
|
|
2374
2375
|
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
2375
2376
|
--controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
|
|
2376
|
-
--controlKnob-bgColor-rest: var(--bgColor-inset);
|
|
2377
2377
|
--controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
|
|
2378
2378
|
--controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
|
|
2379
2379
|
--controlKnob-borderColor-rest: var(--control-borderColor-rest);
|
|
@@ -474,9 +474,10 @@
|
|
|
474
474
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
475
475
|
--control-transparent-bgColor-selected: var(--base-color-neutral-6);
|
|
476
476
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
477
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-5);
|
|
477
478
|
--controlTrack-bgColor-active: var(--base-color-neutral-7);
|
|
478
479
|
--controlTrack-bgColor-hover: var(--base-color-neutral-6);
|
|
479
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-
|
|
480
|
+
--controlTrack-bgColor-rest: var(--base-color-neutral-2);
|
|
480
481
|
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
481
482
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
482
483
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
@@ -1060,7 +1061,6 @@
|
|
|
1060
1061
|
--control-transparent-borderColor-active: var(--borderColor-default);
|
|
1061
1062
|
--control-transparent-borderColor-hover: var(--borderColor-default);
|
|
1062
1063
|
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
1063
|
-
--controlKnob-bgColor-rest: var(--bgColor-inset);
|
|
1064
1064
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
1065
1065
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
1066
1066
|
--controlTrack-fgColor-rest: var(--fgColor-muted);
|
|
@@ -1676,9 +1676,10 @@
|
|
|
1676
1676
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
1677
1677
|
--control-transparent-bgColor-selected: var(--base-color-neutral-6);
|
|
1678
1678
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
1679
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-5);
|
|
1679
1680
|
--controlTrack-bgColor-active: var(--base-color-neutral-7);
|
|
1680
1681
|
--controlTrack-bgColor-hover: var(--base-color-neutral-6);
|
|
1681
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-
|
|
1682
|
+
--controlTrack-bgColor-rest: var(--base-color-neutral-2);
|
|
1682
1683
|
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
1683
1684
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
1684
1685
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
@@ -2262,7 +2263,6 @@
|
|
|
2262
2263
|
--control-transparent-borderColor-active: var(--borderColor-default);
|
|
2263
2264
|
--control-transparent-borderColor-hover: var(--borderColor-default);
|
|
2264
2265
|
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
2265
|
-
--controlKnob-bgColor-rest: var(--bgColor-inset);
|
|
2266
2266
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
2267
2267
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
2268
2268
|
--controlTrack-fgColor-rest: var(--fgColor-muted);
|
|
@@ -473,10 +473,11 @@
|
|
|
473
473
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
474
474
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
475
475
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
476
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-5);
|
|
476
477
|
--controlKnob-borderColor-rest: var(--control-borderColor-rest);
|
|
477
478
|
--controlTrack-bgColor-active: var(--base-color-neutral-7);
|
|
478
479
|
--controlTrack-bgColor-hover: var(--base-color-neutral-6);
|
|
479
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-
|
|
480
|
+
--controlTrack-bgColor-rest: var(--base-color-neutral-2);
|
|
480
481
|
--controlTrack-borderColor-rest: var(--base-color-neutral-7);
|
|
481
482
|
--counter-borderColor: var(--base-color-transparent);
|
|
482
483
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
@@ -805,7 +806,7 @@
|
|
|
805
806
|
--display-yellow-scale-9: var(--base-display-color-yellow-9);
|
|
806
807
|
--fgColor-attention: var(--base-color-yellow-3); /** Attention text for warnings and caution states */
|
|
807
808
|
--fgColor-danger: var(--base-color-red-4); /** Danger text for errors and destructive actions */
|
|
808
|
-
--fgColor-default: var(--base-color-neutral-
|
|
809
|
+
--fgColor-default: var(--base-color-neutral-11); /** Default text color for primary content and headings */
|
|
809
810
|
--fgColor-disabled: var(--base-color-neutral-8); /** Text color for disabled interactive elements */
|
|
810
811
|
--fgColor-done: var(--base-color-purple-4); /** Text color for completed/done state indicators */
|
|
811
812
|
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
|
|
@@ -1094,7 +1095,6 @@
|
|
|
1094
1095
|
--control-iconColor-rest: var(--fgColor-muted);
|
|
1095
1096
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
1096
1097
|
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
1097
|
-
--controlKnob-bgColor-rest: var(--bgColor-inset);
|
|
1098
1098
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
1099
1099
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
1100
1100
|
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
@@ -1675,10 +1675,11 @@
|
|
|
1675
1675
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
1676
1676
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
1677
1677
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
1678
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-5);
|
|
1678
1679
|
--controlKnob-borderColor-rest: var(--control-borderColor-rest);
|
|
1679
1680
|
--controlTrack-bgColor-active: var(--base-color-neutral-7);
|
|
1680
1681
|
--controlTrack-bgColor-hover: var(--base-color-neutral-6);
|
|
1681
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-
|
|
1682
|
+
--controlTrack-bgColor-rest: var(--base-color-neutral-2);
|
|
1682
1683
|
--controlTrack-borderColor-rest: var(--base-color-neutral-7);
|
|
1683
1684
|
--counter-borderColor: var(--base-color-transparent);
|
|
1684
1685
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
@@ -2007,7 +2008,7 @@
|
|
|
2007
2008
|
--display-yellow-scale-9: var(--base-display-color-yellow-9);
|
|
2008
2009
|
--fgColor-attention: var(--base-color-yellow-3); /** Attention text for warnings and caution states */
|
|
2009
2010
|
--fgColor-danger: var(--base-color-red-4); /** Danger text for errors and destructive actions */
|
|
2010
|
-
--fgColor-default: var(--base-color-neutral-
|
|
2011
|
+
--fgColor-default: var(--base-color-neutral-11); /** Default text color for primary content and headings */
|
|
2011
2012
|
--fgColor-disabled: var(--base-color-neutral-8); /** Text color for disabled interactive elements */
|
|
2012
2013
|
--fgColor-done: var(--base-color-purple-4); /** Text color for completed/done state indicators */
|
|
2013
2014
|
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
|
|
@@ -2296,7 +2297,6 @@
|
|
|
2296
2297
|
--control-iconColor-rest: var(--fgColor-muted);
|
|
2297
2298
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
2298
2299
|
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
2299
|
-
--controlKnob-bgColor-rest: var(--bgColor-inset);
|
|
2300
2300
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
2301
2301
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
2302
2302
|
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
@@ -465,9 +465,9 @@
|
|
|
465
465
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
466
466
|
--control-transparent-bgColor-selected: var(--base-color-neutral-6);
|
|
467
467
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
468
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-5);
|
|
468
469
|
--controlTrack-bgColor-active: var(--base-color-neutral-7);
|
|
469
470
|
--controlTrack-bgColor-hover: var(--base-color-neutral-6);
|
|
470
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-5);
|
|
471
471
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
472
472
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
473
473
|
--data-blue-color-emphasis: var(--base-display-color-blue-5);
|
|
@@ -1039,6 +1039,7 @@
|
|
|
1039
1039
|
--control-transparent-borderColor-hover: var(--borderColor-default);
|
|
1040
1040
|
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
1041
1041
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
1042
|
+
--controlTrack-bgColor-rest: var(--base-color-neutral-0);
|
|
1042
1043
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
1043
1044
|
--counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
|
|
1044
1045
|
--counter-bgColor-muted: var(--bgColor-neutral-muted);
|
|
@@ -1154,7 +1155,6 @@
|
|
|
1154
1155
|
--control-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1155
1156
|
--control-fgColor-rest: var(--fgColor-default);
|
|
1156
1157
|
--controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1157
|
-
--controlKnob-bgColor-rest: var(--bgColor-inset);
|
|
1158
1158
|
--controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
|
|
1159
1159
|
--controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
|
|
1160
1160
|
--controlTrack-borderColor-rest: var(--borderColor-emphasis);
|
|
@@ -1667,9 +1667,9 @@
|
|
|
1667
1667
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
1668
1668
|
--control-transparent-bgColor-selected: var(--base-color-neutral-6);
|
|
1669
1669
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
1670
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-5);
|
|
1670
1671
|
--controlTrack-bgColor-active: var(--base-color-neutral-7);
|
|
1671
1672
|
--controlTrack-bgColor-hover: var(--base-color-neutral-6);
|
|
1672
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-5);
|
|
1673
1673
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
1674
1674
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
1675
1675
|
--data-blue-color-emphasis: var(--base-display-color-blue-5);
|
|
@@ -2241,6 +2241,7 @@
|
|
|
2241
2241
|
--control-transparent-borderColor-hover: var(--borderColor-default);
|
|
2242
2242
|
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
2243
2243
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
2244
|
+
--controlTrack-bgColor-rest: var(--base-color-neutral-0);
|
|
2244
2245
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
2245
2246
|
--counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
|
|
2246
2247
|
--counter-bgColor-muted: var(--bgColor-neutral-muted);
|
|
@@ -2356,7 +2357,6 @@
|
|
|
2356
2357
|
--control-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
2357
2358
|
--control-fgColor-rest: var(--fgColor-default);
|
|
2358
2359
|
--controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
|
|
2359
|
-
--controlKnob-bgColor-rest: var(--bgColor-inset);
|
|
2360
2360
|
--controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
|
|
2361
2361
|
--controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
|
|
2362
2362
|
--controlTrack-borderColor-rest: var(--borderColor-emphasis);
|
|
@@ -468,9 +468,9 @@
|
|
|
468
468
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
469
469
|
--control-transparent-bgColor-selected: var(--base-color-neutral-6);
|
|
470
470
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
471
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-5);
|
|
471
472
|
--controlTrack-bgColor-active: var(--base-color-neutral-7);
|
|
472
473
|
--controlTrack-bgColor-hover: var(--base-color-neutral-6);
|
|
473
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-5);
|
|
474
474
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
475
475
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
476
476
|
--data-blue-color-emphasis: var(--base-display-color-blue-5);
|
|
@@ -1041,6 +1041,7 @@
|
|
|
1041
1041
|
--control-transparent-borderColor-hover: var(--borderColor-default);
|
|
1042
1042
|
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
1043
1043
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
1044
|
+
--controlTrack-bgColor-rest: var(--base-color-neutral-0);
|
|
1044
1045
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
1045
1046
|
--counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
|
|
1046
1047
|
--counter-bgColor-muted: var(--bgColor-neutral-muted);
|
|
@@ -1156,7 +1157,6 @@
|
|
|
1156
1157
|
--control-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1157
1158
|
--control-fgColor-rest: var(--fgColor-default);
|
|
1158
1159
|
--controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1159
|
-
--controlKnob-bgColor-rest: var(--bgColor-inset);
|
|
1160
1160
|
--controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
|
|
1161
1161
|
--controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
|
|
1162
1162
|
--controlTrack-borderColor-rest: var(--borderColor-emphasis);
|
|
@@ -1670,9 +1670,9 @@
|
|
|
1670
1670
|
--control-transparent-bgColor-rest: var(--base-color-transparent);
|
|
1671
1671
|
--control-transparent-bgColor-selected: var(--base-color-neutral-6);
|
|
1672
1672
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
1673
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-5);
|
|
1673
1674
|
--controlTrack-bgColor-active: var(--base-color-neutral-7);
|
|
1674
1675
|
--controlTrack-bgColor-hover: var(--base-color-neutral-6);
|
|
1675
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-5);
|
|
1676
1676
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
1677
1677
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
1678
1678
|
--data-blue-color-emphasis: var(--base-display-color-blue-5);
|
|
@@ -2243,6 +2243,7 @@
|
|
|
2243
2243
|
--control-transparent-borderColor-hover: var(--borderColor-default);
|
|
2244
2244
|
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
2245
2245
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
2246
|
+
--controlTrack-bgColor-rest: var(--base-color-neutral-0);
|
|
2246
2247
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
2247
2248
|
--counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
|
|
2248
2249
|
--counter-bgColor-muted: var(--bgColor-neutral-muted);
|
|
@@ -2358,7 +2359,6 @@
|
|
|
2358
2359
|
--control-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
2359
2360
|
--control-fgColor-rest: var(--fgColor-default);
|
|
2360
2361
|
--controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
|
|
2361
|
-
--controlKnob-bgColor-rest: var(--bgColor-inset);
|
|
2362
2362
|
--controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
|
|
2363
2363
|
--controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
|
|
2364
2364
|
--controlTrack-borderColor-rest: var(--borderColor-emphasis);
|
|
@@ -466,9 +466,9 @@
|
|
|
466
466
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
467
467
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
468
468
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
469
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-4);
|
|
469
470
|
--controlTrack-bgColor-active: var(--base-color-neutral-6);
|
|
470
471
|
--controlTrack-bgColor-hover: var(--base-color-neutral-5);
|
|
471
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-4);
|
|
472
472
|
--counter-borderColor: var(--base-color-transparent);
|
|
473
473
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
474
474
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
@@ -1075,6 +1075,7 @@
|
|
|
1075
1075
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
1076
1076
|
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
1077
1077
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
1078
|
+
--controlTrack-bgColor-rest: var(--base-color-neutral-0);
|
|
1078
1079
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
1079
1080
|
--controlTrack-borderColor-rest: var(--borderColor-default);
|
|
1080
1081
|
--controlTrack-fgColor-rest: var(--fgColor-muted);
|
|
@@ -1171,7 +1172,6 @@
|
|
|
1171
1172
|
--control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
|
|
1172
1173
|
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1173
1174
|
--controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1174
|
-
--controlKnob-bgColor-rest: var(--bgColor-inset);
|
|
1175
1175
|
--controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
|
|
1176
1176
|
--controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
|
|
1177
1177
|
--controlKnob-borderColor-rest: var(--control-borderColor-rest);
|
|
@@ -1668,9 +1668,9 @@
|
|
|
1668
1668
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
1669
1669
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
1670
1670
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
1671
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-4);
|
|
1671
1672
|
--controlTrack-bgColor-active: var(--base-color-neutral-6);
|
|
1672
1673
|
--controlTrack-bgColor-hover: var(--base-color-neutral-5);
|
|
1673
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-4);
|
|
1674
1674
|
--counter-borderColor: var(--base-color-transparent);
|
|
1675
1675
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
1676
1676
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
@@ -2277,6 +2277,7 @@
|
|
|
2277
2277
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
2278
2278
|
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
2279
2279
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
2280
|
+
--controlTrack-bgColor-rest: var(--base-color-neutral-0);
|
|
2280
2281
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
2281
2282
|
--controlTrack-borderColor-rest: var(--borderColor-default);
|
|
2282
2283
|
--controlTrack-fgColor-rest: var(--fgColor-muted);
|
|
@@ -2373,7 +2374,6 @@
|
|
|
2373
2374
|
--control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
|
|
2374
2375
|
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
2375
2376
|
--controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
|
|
2376
|
-
--controlKnob-bgColor-rest: var(--bgColor-inset);
|
|
2377
2377
|
--controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
|
|
2378
2378
|
--controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
|
|
2379
2379
|
--controlKnob-borderColor-rest: var(--control-borderColor-rest);
|
|
@@ -460,9 +460,9 @@
|
|
|
460
460
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
461
461
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
462
462
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
463
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-4);
|
|
463
464
|
--controlTrack-bgColor-active: var(--base-color-neutral-6);
|
|
464
465
|
--controlTrack-bgColor-hover: var(--base-color-neutral-5);
|
|
465
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-4);
|
|
466
466
|
--counter-borderColor: var(--base-color-transparent);
|
|
467
467
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
468
468
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
@@ -1070,6 +1070,7 @@
|
|
|
1070
1070
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
1071
1071
|
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
1072
1072
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
1073
|
+
--controlTrack-bgColor-rest: var(--base-color-neutral-0);
|
|
1073
1074
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
1074
1075
|
--controlTrack-borderColor-rest: var(--borderColor-default);
|
|
1075
1076
|
--controlTrack-fgColor-rest: var(--fgColor-muted);
|
|
@@ -1169,7 +1170,6 @@
|
|
|
1169
1170
|
--control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
|
|
1170
1171
|
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1171
1172
|
--controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1172
|
-
--controlKnob-bgColor-rest: var(--bgColor-inset);
|
|
1173
1173
|
--controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
|
|
1174
1174
|
--controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
|
|
1175
1175
|
--controlKnob-borderColor-rest: var(--control-borderColor-rest);
|
|
@@ -1662,9 +1662,9 @@
|
|
|
1662
1662
|
--control-transparent-borderColor-active: var(--base-color-transparent);
|
|
1663
1663
|
--control-transparent-borderColor-hover: var(--base-color-transparent);
|
|
1664
1664
|
--control-transparent-borderColor-rest: var(--base-color-transparent);
|
|
1665
|
+
--controlKnob-bgColor-rest: var(--base-color-neutral-4);
|
|
1665
1666
|
--controlTrack-bgColor-active: var(--base-color-neutral-6);
|
|
1666
1667
|
--controlTrack-bgColor-hover: var(--base-color-neutral-5);
|
|
1667
|
-
--controlTrack-bgColor-rest: var(--base-color-neutral-4);
|
|
1668
1668
|
--counter-borderColor: var(--base-color-transparent);
|
|
1669
1669
|
--data-auburn-color-emphasis: var(--base-display-color-auburn-5);
|
|
1670
1670
|
--data-auburn-color-muted: var(--base-display-color-auburn-0);
|
|
@@ -2272,6 +2272,7 @@
|
|
|
2272
2272
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
2273
2273
|
--controlKnob-bgColor-checked: var(--base-color-neutral-13);
|
|
2274
2274
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
2275
|
+
--controlTrack-bgColor-rest: var(--base-color-neutral-0);
|
|
2275
2276
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
2276
2277
|
--controlTrack-borderColor-rest: var(--borderColor-default);
|
|
2277
2278
|
--controlTrack-fgColor-rest: var(--fgColor-muted);
|
|
@@ -2371,7 +2372,6 @@
|
|
|
2371
2372
|
--control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
|
|
2372
2373
|
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
2373
2374
|
--controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
|
|
2374
|
-
--controlKnob-bgColor-rest: var(--bgColor-inset);
|
|
2375
2375
|
--controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
|
|
2376
2376
|
--controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
|
|
2377
2377
|
--controlKnob-borderColor-rest: var(--control-borderColor-rest);
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
{
|
|
2
|
+
"base-zIndex-0": {
|
|
3
|
+
"key": "{base.zIndex.0}",
|
|
4
|
+
"$value": 0,
|
|
5
|
+
"$type": "number",
|
|
6
|
+
"filePath": "src/tokens/base/size/z-index.json5",
|
|
7
|
+
"isSource": true,
|
|
8
|
+
"original": {
|
|
9
|
+
"$value": 0,
|
|
10
|
+
"$type": "number",
|
|
11
|
+
"key": "{base.zIndex.0}"
|
|
12
|
+
},
|
|
13
|
+
"name": "base-zIndex-0",
|
|
14
|
+
"attributes": {},
|
|
15
|
+
"path": ["base", "zIndex", "0"]
|
|
16
|
+
},
|
|
17
|
+
"base-zIndex-100": {
|
|
18
|
+
"key": "{base.zIndex.100}",
|
|
19
|
+
"$value": 100,
|
|
20
|
+
"$type": "number",
|
|
21
|
+
"filePath": "src/tokens/base/size/z-index.json5",
|
|
22
|
+
"isSource": true,
|
|
23
|
+
"original": {
|
|
24
|
+
"$value": 100,
|
|
25
|
+
"$type": "number",
|
|
26
|
+
"key": "{base.zIndex.100}"
|
|
27
|
+
},
|
|
28
|
+
"name": "base-zIndex-100",
|
|
29
|
+
"attributes": {},
|
|
30
|
+
"path": ["base", "zIndex", "100"]
|
|
31
|
+
},
|
|
32
|
+
"base-zIndex-200": {
|
|
33
|
+
"key": "{base.zIndex.200}",
|
|
34
|
+
"$value": 200,
|
|
35
|
+
"$type": "number",
|
|
36
|
+
"filePath": "src/tokens/base/size/z-index.json5",
|
|
37
|
+
"isSource": true,
|
|
38
|
+
"original": {
|
|
39
|
+
"$value": 200,
|
|
40
|
+
"$type": "number",
|
|
41
|
+
"key": "{base.zIndex.200}"
|
|
42
|
+
},
|
|
43
|
+
"name": "base-zIndex-200",
|
|
44
|
+
"attributes": {},
|
|
45
|
+
"path": ["base", "zIndex", "200"]
|
|
46
|
+
},
|
|
47
|
+
"base-zIndex-300": {
|
|
48
|
+
"key": "{base.zIndex.300}",
|
|
49
|
+
"$value": 300,
|
|
50
|
+
"$type": "number",
|
|
51
|
+
"filePath": "src/tokens/base/size/z-index.json5",
|
|
52
|
+
"isSource": true,
|
|
53
|
+
"original": {
|
|
54
|
+
"$value": 300,
|
|
55
|
+
"$type": "number",
|
|
56
|
+
"key": "{base.zIndex.300}"
|
|
57
|
+
},
|
|
58
|
+
"name": "base-zIndex-300",
|
|
59
|
+
"attributes": {},
|
|
60
|
+
"path": ["base", "zIndex", "300"]
|
|
61
|
+
},
|
|
62
|
+
"base-zIndex-400": {
|
|
63
|
+
"key": "{base.zIndex.400}",
|
|
64
|
+
"$value": 400,
|
|
65
|
+
"$type": "number",
|
|
66
|
+
"filePath": "src/tokens/base/size/z-index.json5",
|
|
67
|
+
"isSource": true,
|
|
68
|
+
"original": {
|
|
69
|
+
"$value": 400,
|
|
70
|
+
"$type": "number",
|
|
71
|
+
"key": "{base.zIndex.400}"
|
|
72
|
+
},
|
|
73
|
+
"name": "base-zIndex-400",
|
|
74
|
+
"attributes": {},
|
|
75
|
+
"path": ["base", "zIndex", "400"]
|
|
76
|
+
},
|
|
77
|
+
"base-zIndex-500": {
|
|
78
|
+
"key": "{base.zIndex.500}",
|
|
79
|
+
"$value": 500,
|
|
80
|
+
"$type": "number",
|
|
81
|
+
"filePath": "src/tokens/base/size/z-index.json5",
|
|
82
|
+
"isSource": true,
|
|
83
|
+
"original": {
|
|
84
|
+
"$value": 500,
|
|
85
|
+
"$type": "number",
|
|
86
|
+
"key": "{base.zIndex.500}"
|
|
87
|
+
},
|
|
88
|
+
"name": "base-zIndex-500",
|
|
89
|
+
"attributes": {},
|
|
90
|
+
"path": ["base", "zIndex", "500"]
|
|
91
|
+
},
|
|
92
|
+
"base-zIndex-600": {
|
|
93
|
+
"key": "{base.zIndex.600}",
|
|
94
|
+
"$value": 600,
|
|
95
|
+
"$type": "number",
|
|
96
|
+
"filePath": "src/tokens/base/size/z-index.json5",
|
|
97
|
+
"isSource": true,
|
|
98
|
+
"original": {
|
|
99
|
+
"$value": 600,
|
|
100
|
+
"$type": "number",
|
|
101
|
+
"key": "{base.zIndex.600}"
|
|
102
|
+
},
|
|
103
|
+
"name": "base-zIndex-600",
|
|
104
|
+
"attributes": {},
|
|
105
|
+
"path": ["base", "zIndex", "600"]
|
|
106
|
+
}
|
|
107
|
+
}
|