@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.
Files changed (65) hide show
  1. package/DESIGN_TOKENS_GUIDE.md +24 -0
  2. package/DESIGN_TOKENS_SPEC.md +42 -0
  3. package/dist/css/base/size/z-index.css +9 -0
  4. package/dist/css/functional/size/z-index.css +10 -0
  5. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +4 -4
  6. package/dist/css/functional/themes/dark-colorblind.css +4 -4
  7. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +4 -4
  8. package/dist/css/functional/themes/dark-dimmed.css +6 -6
  9. package/dist/css/functional/themes/dark-high-contrast.css +4 -4
  10. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +4 -4
  11. package/dist/css/functional/themes/dark-tritanopia.css +4 -4
  12. package/dist/css/functional/themes/dark.css +4 -4
  13. package/dist/css/primitives.css +2 -0
  14. package/dist/docs/base/size/z-index.json +107 -0
  15. package/dist/docs/functional/size/z-index.json +234 -0
  16. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +70 -22
  17. package/dist/docs/functional/themes/dark-colorblind.json +70 -22
  18. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +70 -22
  19. package/dist/docs/functional/themes/dark-dimmed.json +108 -60
  20. package/dist/docs/functional/themes/dark-high-contrast.json +70 -22
  21. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +70 -22
  22. package/dist/docs/functional/themes/dark-tritanopia.json +70 -22
  23. package/dist/docs/functional/themes/dark.json +70 -22
  24. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +66 -18
  25. package/dist/docs/functional/themes/light-colorblind.json +66 -18
  26. package/dist/docs/functional/themes/light-high-contrast.json +66 -18
  27. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +66 -18
  28. package/dist/docs/functional/themes/light-tritanopia.json +66 -18
  29. package/dist/docs/functional/themes/light.json +66 -18
  30. package/dist/fallbacks/base/size/z-index.json +9 -0
  31. package/dist/fallbacks/functional/size/z-index.json +10 -0
  32. package/dist/figma/themes/dark-colorblind.json +8 -8
  33. package/dist/figma/themes/dark-dimmed.json +57 -57
  34. package/dist/figma/themes/dark-high-contrast.json +8 -8
  35. package/dist/figma/themes/dark-tritanopia.json +8 -8
  36. package/dist/figma/themes/dark.json +8 -8
  37. package/dist/internalCss/dark-colorblind-high-contrast.css +4 -4
  38. package/dist/internalCss/dark-colorblind.css +4 -4
  39. package/dist/internalCss/dark-dimmed-high-contrast.css +4 -4
  40. package/dist/internalCss/dark-dimmed.css +6 -6
  41. package/dist/internalCss/dark-high-contrast.css +4 -4
  42. package/dist/internalCss/dark-tritanopia-high-contrast.css +4 -4
  43. package/dist/internalCss/dark-tritanopia.css +4 -4
  44. package/dist/internalCss/dark.css +4 -4
  45. package/dist/styleLint/base/size/z-index.json +107 -0
  46. package/dist/styleLint/functional/size/z-index.json +234 -0
  47. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +70 -22
  48. package/dist/styleLint/functional/themes/dark-colorblind.json +70 -22
  49. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +70 -22
  50. package/dist/styleLint/functional/themes/dark-dimmed.json +108 -60
  51. package/dist/styleLint/functional/themes/dark-high-contrast.json +70 -22
  52. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +70 -22
  53. package/dist/styleLint/functional/themes/dark-tritanopia.json +70 -22
  54. package/dist/styleLint/functional/themes/dark.json +70 -22
  55. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +66 -18
  56. package/dist/styleLint/functional/themes/light-colorblind.json +66 -18
  57. package/dist/styleLint/functional/themes/light-high-contrast.json +66 -18
  58. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +66 -18
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +66 -18
  60. package/dist/styleLint/functional/themes/light.json +66 -18
  61. package/package.json +1 -1
  62. package/src/tokens/base/size/z-index.json5 +34 -0
  63. package/src/tokens/functional/color/control.json5 +20 -8
  64. package/src/tokens/functional/color/fgColor.json5 +1 -1
  65. package/src/tokens/functional/size/z-index.json5 +92 -0
@@ -0,0 +1,234 @@
1
+ {
2
+ "zIndex-behind": {
3
+ "key": "{zIndex.behind}",
4
+ "$value": -1,
5
+ "$type": "number",
6
+ "$description": "Place element behind base content. Use for decorative backgrounds or canvas elements.",
7
+ "$extensions": {
8
+ "org.primer.llm": {
9
+ "usage": ["decorative-background", "canvas-element", "background-pattern"],
10
+ "rules": "Use to push an element behind its siblings. WARNING: Negative z-index can behave unpredictably if any ancestor creates a new stacking context (via transform, opacity < 1, filter, will-change, etc.). Only use when you control the full stacking context chain. Do NOT use as a general \"hide\" mechanism."
11
+ }
12
+ },
13
+ "filePath": "src/tokens/functional/size/z-index.json5",
14
+ "isSource": true,
15
+ "original": {
16
+ "$value": -1,
17
+ "$type": "number",
18
+ "$description": "Place element behind base content. Use for decorative backgrounds or canvas elements.",
19
+ "$extensions": {
20
+ "org.primer.llm": {
21
+ "usage": ["decorative-background", "canvas-element", "background-pattern"],
22
+ "rules": "Use to push an element behind its siblings. WARNING: Negative z-index can behave unpredictably if any ancestor creates a new stacking context (via transform, opacity < 1, filter, will-change, etc.). Only use when you control the full stacking context chain. Do NOT use as a general \"hide\" mechanism."
23
+ }
24
+ },
25
+ "key": "{zIndex.behind}"
26
+ },
27
+ "name": "zIndex-behind",
28
+ "attributes": {},
29
+ "path": ["zIndex", "behind"]
30
+ },
31
+ "zIndex-default": {
32
+ "key": "{zIndex.default}",
33
+ "$value": 0,
34
+ "$type": "number",
35
+ "$description": "Default stacking order. No elevation above surrounding content.",
36
+ "$extensions": {
37
+ "org.primer.llm": {
38
+ "usage": ["default-content", "in-flow-element", "reset"],
39
+ "rules": "Use to explicitly reset z-index to the default layer. Suitable for elements that should participate in normal document flow stacking. Do NOT use for any element that needs to appear above other content."
40
+ }
41
+ },
42
+ "filePath": "src/tokens/functional/size/z-index.json5",
43
+ "isSource": true,
44
+ "original": {
45
+ "$value": "{base.zIndex.0}",
46
+ "$type": "number",
47
+ "$description": "Default stacking order. No elevation above surrounding content.",
48
+ "$extensions": {
49
+ "org.primer.llm": {
50
+ "usage": ["default-content", "in-flow-element", "reset"],
51
+ "rules": "Use to explicitly reset z-index to the default layer. Suitable for elements that should participate in normal document flow stacking. Do NOT use for any element that needs to appear above other content."
52
+ }
53
+ },
54
+ "key": "{zIndex.default}"
55
+ },
56
+ "name": "zIndex-default",
57
+ "attributes": {},
58
+ "path": ["zIndex", "default"]
59
+ },
60
+ "zIndex-dropdown": {
61
+ "key": "{zIndex.dropdown}",
62
+ "$value": 200,
63
+ "$type": "number",
64
+ "$description": "Dropdown menus and select panels that appear above page content.",
65
+ "$extensions": {
66
+ "org.primer.llm": {
67
+ "usage": ["dropdown-menu", "select-panel", "autocomplete-list", "action-menu", "context-menu"],
68
+ "rules": "Use for menus, select panels, and autocomplete lists that overlay page content. These should appear above sticky elements but below overlays and modals. Pair with `shadow.floating.small` or `shadow.floating.medium` for visual elevation."
69
+ }
70
+ },
71
+ "filePath": "src/tokens/functional/size/z-index.json5",
72
+ "isSource": true,
73
+ "original": {
74
+ "$value": "{base.zIndex.200}",
75
+ "$type": "number",
76
+ "$description": "Dropdown menus and select panels that appear above page content.",
77
+ "$extensions": {
78
+ "org.primer.llm": {
79
+ "usage": ["dropdown-menu", "select-panel", "autocomplete-list", "action-menu", "context-menu"],
80
+ "rules": "Use for menus, select panels, and autocomplete lists that overlay page content. These should appear above sticky elements but below overlays and modals. Pair with `shadow.floating.small` or `shadow.floating.medium` for visual elevation."
81
+ }
82
+ },
83
+ "key": "{zIndex.dropdown}"
84
+ },
85
+ "name": "zIndex-dropdown",
86
+ "attributes": {},
87
+ "path": ["zIndex", "dropdown"]
88
+ },
89
+ "zIndex-modal": {
90
+ "key": "{zIndex.modal}",
91
+ "$value": 400,
92
+ "$type": "number",
93
+ "$description": "Modal dialogs and full-screen overlays.",
94
+ "$extensions": {
95
+ "org.primer.llm": {
96
+ "usage": ["modal-dialog", "dialog", "full-screen-overlay", "lightbox", "confirm-dialog"],
97
+ "rules": "Use for modal dialogs that require user interaction before returning to the page. MUST trap focus within the modal. MUST appear above all other page content except popovers and skip links. Pair with `shadow.floating.large` or `shadow.floating.xlarge` for visual elevation."
98
+ }
99
+ },
100
+ "filePath": "src/tokens/functional/size/z-index.json5",
101
+ "isSource": true,
102
+ "original": {
103
+ "$value": "{base.zIndex.400}",
104
+ "$type": "number",
105
+ "$description": "Modal dialogs and full-screen overlays.",
106
+ "$extensions": {
107
+ "org.primer.llm": {
108
+ "usage": ["modal-dialog", "dialog", "full-screen-overlay", "lightbox", "confirm-dialog"],
109
+ "rules": "Use for modal dialogs that require user interaction before returning to the page. MUST trap focus within the modal. MUST appear above all other page content except popovers and skip links. Pair with `shadow.floating.large` or `shadow.floating.xlarge` for visual elevation."
110
+ }
111
+ },
112
+ "key": "{zIndex.modal}"
113
+ },
114
+ "name": "zIndex-modal",
115
+ "attributes": {},
116
+ "path": ["zIndex", "modal"]
117
+ },
118
+ "zIndex-overlay": {
119
+ "key": "{zIndex.overlay}",
120
+ "$value": 300,
121
+ "$type": "number",
122
+ "$description": "Overlay backdrops, side panels, and drawers.",
123
+ "$extensions": {
124
+ "org.primer.llm": {
125
+ "usage": ["overlay-backdrop", "side-panel", "drawer", "slide-over", "bottom-sheet"],
126
+ "rules": "Use for overlay surfaces that partially cover the page — drawers, side panels, and backdrop layers. These appear above dropdowns but below modal dialogs. SHOULD be paired with a backdrop/scrim element to indicate the overlay is blocking interaction with content beneath."
127
+ }
128
+ },
129
+ "filePath": "src/tokens/functional/size/z-index.json5",
130
+ "isSource": true,
131
+ "original": {
132
+ "$value": "{base.zIndex.300}",
133
+ "$type": "number",
134
+ "$description": "Overlay backdrops, side panels, and drawers.",
135
+ "$extensions": {
136
+ "org.primer.llm": {
137
+ "usage": ["overlay-backdrop", "side-panel", "drawer", "slide-over", "bottom-sheet"],
138
+ "rules": "Use for overlay surfaces that partially cover the page — drawers, side panels, and backdrop layers. These appear above dropdowns but below modal dialogs. SHOULD be paired with a backdrop/scrim element to indicate the overlay is blocking interaction with content beneath."
139
+ }
140
+ },
141
+ "key": "{zIndex.overlay}"
142
+ },
143
+ "name": "zIndex-overlay",
144
+ "attributes": {},
145
+ "path": ["zIndex", "overlay"]
146
+ },
147
+ "zIndex-popover": {
148
+ "key": "{zIndex.popover}",
149
+ "$value": 500,
150
+ "$type": "number",
151
+ "$description": "Tooltips and popovers that appear above all normal UI.",
152
+ "$extensions": {
153
+ "org.primer.llm": {
154
+ "usage": ["tooltip", "popover", "hover-card", "floating-label"],
155
+ "rules": "Use for tooltips, popovers, and hover cards that must appear above all other UI elements including modals. These are the highest layer in normal UI. Do NOT use for persistent navigation — use `sticky` instead."
156
+ }
157
+ },
158
+ "filePath": "src/tokens/functional/size/z-index.json5",
159
+ "isSource": true,
160
+ "original": {
161
+ "$value": "{base.zIndex.500}",
162
+ "$type": "number",
163
+ "$description": "Tooltips and popovers that appear above all normal UI.",
164
+ "$extensions": {
165
+ "org.primer.llm": {
166
+ "usage": ["tooltip", "popover", "hover-card", "floating-label"],
167
+ "rules": "Use for tooltips, popovers, and hover cards that must appear above all other UI elements including modals. These are the highest layer in normal UI. Do NOT use for persistent navigation — use `sticky` instead."
168
+ }
169
+ },
170
+ "key": "{zIndex.popover}"
171
+ },
172
+ "name": "zIndex-popover",
173
+ "attributes": {},
174
+ "path": ["zIndex", "popover"]
175
+ },
176
+ "zIndex-skipLink": {
177
+ "key": "{zIndex.skipLink}",
178
+ "$value": 600,
179
+ "$type": "number",
180
+ "$description": "Accessibility skip links. Must always be the topmost layer.",
181
+ "$extensions": {
182
+ "org.primer.llm": {
183
+ "usage": ["skip-link", "skip-navigation", "skip-to-content"],
184
+ "rules": "MUST use for accessibility skip links that allow keyboard users to bypass navigation. This is the highest z-index level and MUST always appear above everything else including modals and tooltips. NEVER use for non-accessibility purposes."
185
+ }
186
+ },
187
+ "filePath": "src/tokens/functional/size/z-index.json5",
188
+ "isSource": true,
189
+ "original": {
190
+ "$value": "{base.zIndex.600}",
191
+ "$type": "number",
192
+ "$description": "Accessibility skip links. Must always be the topmost layer.",
193
+ "$extensions": {
194
+ "org.primer.llm": {
195
+ "usage": ["skip-link", "skip-navigation", "skip-to-content"],
196
+ "rules": "MUST use for accessibility skip links that allow keyboard users to bypass navigation. This is the highest z-index level and MUST always appear above everything else including modals and tooltips. NEVER use for non-accessibility purposes."
197
+ }
198
+ },
199
+ "key": "{zIndex.skipLink}"
200
+ },
201
+ "name": "zIndex-skipLink",
202
+ "attributes": {},
203
+ "path": ["zIndex", "skipLink"]
204
+ },
205
+ "zIndex-sticky": {
206
+ "key": "{zIndex.sticky}",
207
+ "$value": 100,
208
+ "$type": "number",
209
+ "$description": "Sticky elements that remain visible while scrolling.",
210
+ "$extensions": {
211
+ "org.primer.llm": {
212
+ "usage": ["sticky-header", "sticky-sidebar", "sticky-table-header", "sticky-footer", "sticky-nav"],
213
+ "rules": "MUST use with `position: sticky` or `position: fixed` for headers, sidebars, and navigation bars that persist during scroll. Do NOT use for floating overlays or dropdowns — use higher z-index levels instead."
214
+ }
215
+ },
216
+ "filePath": "src/tokens/functional/size/z-index.json5",
217
+ "isSource": true,
218
+ "original": {
219
+ "$value": "{base.zIndex.100}",
220
+ "$type": "number",
221
+ "$description": "Sticky elements that remain visible while scrolling.",
222
+ "$extensions": {
223
+ "org.primer.llm": {
224
+ "usage": ["sticky-header", "sticky-sidebar", "sticky-table-header", "sticky-footer", "sticky-nav"],
225
+ "rules": "MUST use with `position: sticky` or `position: fixed` for headers, sidebars, and navigation bars that persist during scroll. Do NOT use for floating overlays or dropdowns — use higher z-index levels instead."
226
+ }
227
+ },
228
+ "key": "{zIndex.sticky}"
229
+ },
230
+ "name": "zIndex-sticky",
231
+ "attributes": {},
232
+ "path": ["zIndex", "sticky"]
233
+ }
234
+ }
@@ -20421,7 +20421,7 @@
20421
20421
  },
20422
20422
  "controlKnob-bgColor-rest": {
20423
20423
  "key": "{controlKnob.bgColor.rest}",
20424
- "$value": "#010409",
20424
+ "$value": "#2a313c",
20425
20425
  "$type": "color",
20426
20426
  "$extensions": {
20427
20427
  "org.primer.figma": {
@@ -20430,9 +20430,33 @@
20430
20430
  "scopes": ["bgColor"]
20431
20431
  },
20432
20432
  "org.primer.overrides": {
20433
- "dark": "#010409",
20433
+ "dark": "#262c36",
20434
+ "dark-high-contrast": {
20435
+ "$value": "#2a313c",
20436
+ "filePath": "src/tokens/functional/color/control.json5",
20437
+ "isSource": true,
20438
+ "$type": "color"
20439
+ },
20440
+ "dark-tritanopia-high-contrast": {
20441
+ "$value": "#2a313c",
20442
+ "filePath": "src/tokens/functional/color/control.json5",
20443
+ "isSource": true,
20444
+ "$type": "color"
20445
+ },
20446
+ "dark-protanopia-deuteranopia-high-contrast": {
20447
+ "$value": "#2a313c",
20448
+ "filePath": "src/tokens/functional/color/control.json5",
20449
+ "isSource": true,
20450
+ "$type": "color"
20451
+ },
20434
20452
  "dark-dimmed": {
20435
- "$value": "#010409",
20453
+ "$value": "#2a313c",
20454
+ "filePath": "src/tokens/functional/color/control.json5",
20455
+ "isSource": true,
20456
+ "$type": "color"
20457
+ },
20458
+ "dark-dimmed-high-contrast": {
20459
+ "$value": "#2a313c",
20436
20460
  "filePath": "src/tokens/functional/color/control.json5",
20437
20461
  "isSource": true,
20438
20462
  "$type": "color"
@@ -20442,7 +20466,7 @@
20442
20466
  "filePath": "src/tokens/functional/color/control.json5",
20443
20467
  "isSource": true,
20444
20468
  "original": {
20445
- "$value": "{bgColor.inset}",
20469
+ "$value": "{base.color.neutral.5}",
20446
20470
  "$type": "color",
20447
20471
  "$extensions": {
20448
20472
  "org.primer.figma": {
@@ -20451,9 +20475,33 @@
20451
20475
  "scopes": ["bgColor"]
20452
20476
  },
20453
20477
  "org.primer.overrides": {
20454
- "dark": "{bgColor.inset}",
20478
+ "dark": "{base.color.neutral.4}",
20479
+ "dark-high-contrast": {
20480
+ "$value": "{base.color.neutral.5}",
20481
+ "filePath": "src/tokens/functional/color/control.json5",
20482
+ "isSource": true,
20483
+ "$type": "color"
20484
+ },
20485
+ "dark-tritanopia-high-contrast": {
20486
+ "$value": "{base.color.neutral.5}",
20487
+ "filePath": "src/tokens/functional/color/control.json5",
20488
+ "isSource": true,
20489
+ "$type": "color"
20490
+ },
20491
+ "dark-protanopia-deuteranopia-high-contrast": {
20492
+ "$value": "{base.color.neutral.5}",
20493
+ "filePath": "src/tokens/functional/color/control.json5",
20494
+ "isSource": true,
20495
+ "$type": "color"
20496
+ },
20455
20497
  "dark-dimmed": {
20456
- "$value": "{bgColor.inset}",
20498
+ "$value": "{base.color.neutral.5}",
20499
+ "filePath": "src/tokens/functional/color/control.json5",
20500
+ "isSource": true,
20501
+ "$type": "color"
20502
+ },
20503
+ "dark-dimmed-high-contrast": {
20504
+ "$value": "{base.color.neutral.5}",
20457
20505
  "filePath": "src/tokens/functional/color/control.json5",
20458
20506
  "isSource": true,
20459
20507
  "$type": "color"
@@ -20884,7 +20932,7 @@
20884
20932
  },
20885
20933
  "controlTrack-bgColor-rest": {
20886
20934
  "key": "{controlTrack.bgColor.rest}",
20887
- "$value": "#2a313c",
20935
+ "$value": "#010409",
20888
20936
  "$type": "color",
20889
20937
  "$extensions": {
20890
20938
  "org.primer.figma": {
@@ -20893,33 +20941,33 @@
20893
20941
  "scopes": ["bgColor"]
20894
20942
  },
20895
20943
  "org.primer.overrides": {
20896
- "dark": "#262c36",
20944
+ "dark": "#010409",
20897
20945
  "dark-high-contrast": {
20898
- "$value": "#2a313c",
20946
+ "$value": "#010409",
20899
20947
  "filePath": "src/tokens/functional/color/control.json5",
20900
20948
  "isSource": true,
20901
20949
  "$type": "color"
20902
20950
  },
20903
20951
  "dark-tritanopia-high-contrast": {
20904
- "$value": "#2a313c",
20952
+ "$value": "#010409",
20905
20953
  "filePath": "src/tokens/functional/color/control.json5",
20906
20954
  "isSource": true,
20907
20955
  "$type": "color"
20908
20956
  },
20909
20957
  "dark-protanopia-deuteranopia-high-contrast": {
20910
- "$value": "#2a313c",
20958
+ "$value": "#010409",
20911
20959
  "filePath": "src/tokens/functional/color/control.json5",
20912
20960
  "isSource": true,
20913
20961
  "$type": "color"
20914
20962
  },
20915
20963
  "dark-dimmed": {
20916
- "$value": "#2a313c",
20964
+ "$value": "#151b23",
20917
20965
  "filePath": "src/tokens/functional/color/control.json5",
20918
20966
  "isSource": true,
20919
20967
  "$type": "color"
20920
20968
  },
20921
20969
  "dark-dimmed-high-contrast": {
20922
- "$value": "#2a313c",
20970
+ "$value": "#151b23",
20923
20971
  "filePath": "src/tokens/functional/color/control.json5",
20924
20972
  "isSource": true,
20925
20973
  "$type": "color"
@@ -20947,7 +20995,7 @@
20947
20995
  "filePath": "src/tokens/functional/color/control.json5",
20948
20996
  "isSource": true,
20949
20997
  "original": {
20950
- "$value": "{base.color.neutral.5}",
20998
+ "$value": "{base.color.neutral.0}",
20951
20999
  "$type": "color",
20952
21000
  "$extensions": {
20953
21001
  "org.primer.figma": {
@@ -20956,33 +21004,33 @@
20956
21004
  "scopes": ["bgColor"]
20957
21005
  },
20958
21006
  "org.primer.overrides": {
20959
- "dark": "{base.color.neutral.4}",
21007
+ "dark": "{base.color.neutral.0}",
20960
21008
  "dark-high-contrast": {
20961
- "$value": "{base.color.neutral.5}",
21009
+ "$value": "{base.color.neutral.0}",
20962
21010
  "filePath": "src/tokens/functional/color/control.json5",
20963
21011
  "isSource": true,
20964
21012
  "$type": "color"
20965
21013
  },
20966
21014
  "dark-tritanopia-high-contrast": {
20967
- "$value": "{base.color.neutral.5}",
21015
+ "$value": "{base.color.neutral.0}",
20968
21016
  "filePath": "src/tokens/functional/color/control.json5",
20969
21017
  "isSource": true,
20970
21018
  "$type": "color"
20971
21019
  },
20972
21020
  "dark-protanopia-deuteranopia-high-contrast": {
20973
- "$value": "{base.color.neutral.5}",
21021
+ "$value": "{base.color.neutral.0}",
20974
21022
  "filePath": "src/tokens/functional/color/control.json5",
20975
21023
  "isSource": true,
20976
21024
  "$type": "color"
20977
21025
  },
20978
21026
  "dark-dimmed": {
20979
- "$value": "{base.color.neutral.5}",
21027
+ "$value": "{base.color.neutral.2}",
20980
21028
  "filePath": "src/tokens/functional/color/control.json5",
20981
21029
  "isSource": true,
20982
21030
  "$type": "color"
20983
21031
  },
20984
21032
  "dark-dimmed-high-contrast": {
20985
- "$value": "{base.color.neutral.5}",
21033
+ "$value": "{base.color.neutral.2}",
20986
21034
  "filePath": "src/tokens/functional/color/control.json5",
20987
21035
  "isSource": true,
20988
21036
  "$type": "color"
@@ -38725,7 +38773,7 @@
38725
38773
  "dark-high-contrast": "#ffffff",
38726
38774
  "dark-tritanopia-high-contrast": "#ffffff",
38727
38775
  "dark-protanopia-deuteranopia-high-contrast": "#ffffff",
38728
- "dark-dimmed": "#f0f6fc",
38776
+ "dark-dimmed": "#d1d7e0",
38729
38777
  "dark-dimmed-high-contrast": "#f0f6fc"
38730
38778
  },
38731
38779
  "org.primer.llm": {
@@ -38753,7 +38801,7 @@
38753
38801
  "dark-high-contrast": "{base.color.neutral.13}",
38754
38802
  "dark-tritanopia-high-contrast": "{base.color.neutral.13}",
38755
38803
  "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.13}",
38756
- "dark-dimmed": "{base.color.neutral.12}",
38804
+ "dark-dimmed": "{base.color.neutral.11}",
38757
38805
  "dark-dimmed-high-contrast": "{base.color.neutral.12}"
38758
38806
  },
38759
38807
  "org.primer.llm": {
@@ -20411,7 +20411,7 @@
20411
20411
  },
20412
20412
  "controlKnob-bgColor-rest": {
20413
20413
  "key": "{controlKnob.bgColor.rest}",
20414
- "$value": "#010409",
20414
+ "$value": "#262c36",
20415
20415
  "$type": "color",
20416
20416
  "$extensions": {
20417
20417
  "org.primer.figma": {
@@ -20420,9 +20420,33 @@
20420
20420
  "scopes": ["bgColor"]
20421
20421
  },
20422
20422
  "org.primer.overrides": {
20423
- "dark": "#010409",
20423
+ "dark": "#262c36",
20424
+ "dark-high-contrast": {
20425
+ "$value": "#2a313c",
20426
+ "filePath": "src/tokens/functional/color/control.json5",
20427
+ "isSource": true,
20428
+ "$type": "color"
20429
+ },
20430
+ "dark-tritanopia-high-contrast": {
20431
+ "$value": "#2a313c",
20432
+ "filePath": "src/tokens/functional/color/control.json5",
20433
+ "isSource": true,
20434
+ "$type": "color"
20435
+ },
20436
+ "dark-protanopia-deuteranopia-high-contrast": {
20437
+ "$value": "#2a313c",
20438
+ "filePath": "src/tokens/functional/color/control.json5",
20439
+ "isSource": true,
20440
+ "$type": "color"
20441
+ },
20424
20442
  "dark-dimmed": {
20425
- "$value": "#010409",
20443
+ "$value": "#2a313c",
20444
+ "filePath": "src/tokens/functional/color/control.json5",
20445
+ "isSource": true,
20446
+ "$type": "color"
20447
+ },
20448
+ "dark-dimmed-high-contrast": {
20449
+ "$value": "#2a313c",
20426
20450
  "filePath": "src/tokens/functional/color/control.json5",
20427
20451
  "isSource": true,
20428
20452
  "$type": "color"
@@ -20432,7 +20456,7 @@
20432
20456
  "filePath": "src/tokens/functional/color/control.json5",
20433
20457
  "isSource": true,
20434
20458
  "original": {
20435
- "$value": "{bgColor.inset}",
20459
+ "$value": "{base.color.neutral.4}",
20436
20460
  "$type": "color",
20437
20461
  "$extensions": {
20438
20462
  "org.primer.figma": {
@@ -20441,9 +20465,33 @@
20441
20465
  "scopes": ["bgColor"]
20442
20466
  },
20443
20467
  "org.primer.overrides": {
20444
- "dark": "{bgColor.inset}",
20468
+ "dark": "{base.color.neutral.4}",
20469
+ "dark-high-contrast": {
20470
+ "$value": "{base.color.neutral.5}",
20471
+ "filePath": "src/tokens/functional/color/control.json5",
20472
+ "isSource": true,
20473
+ "$type": "color"
20474
+ },
20475
+ "dark-tritanopia-high-contrast": {
20476
+ "$value": "{base.color.neutral.5}",
20477
+ "filePath": "src/tokens/functional/color/control.json5",
20478
+ "isSource": true,
20479
+ "$type": "color"
20480
+ },
20481
+ "dark-protanopia-deuteranopia-high-contrast": {
20482
+ "$value": "{base.color.neutral.5}",
20483
+ "filePath": "src/tokens/functional/color/control.json5",
20484
+ "isSource": true,
20485
+ "$type": "color"
20486
+ },
20445
20487
  "dark-dimmed": {
20446
- "$value": "{bgColor.inset}",
20488
+ "$value": "{base.color.neutral.5}",
20489
+ "filePath": "src/tokens/functional/color/control.json5",
20490
+ "isSource": true,
20491
+ "$type": "color"
20492
+ },
20493
+ "dark-dimmed-high-contrast": {
20494
+ "$value": "{base.color.neutral.5}",
20447
20495
  "filePath": "src/tokens/functional/color/control.json5",
20448
20496
  "isSource": true,
20449
20497
  "$type": "color"
@@ -20874,7 +20922,7 @@
20874
20922
  },
20875
20923
  "controlTrack-bgColor-rest": {
20876
20924
  "key": "{controlTrack.bgColor.rest}",
20877
- "$value": "#262c36",
20925
+ "$value": "#010409",
20878
20926
  "$type": "color",
20879
20927
  "$extensions": {
20880
20928
  "org.primer.figma": {
@@ -20883,33 +20931,33 @@
20883
20931
  "scopes": ["bgColor"]
20884
20932
  },
20885
20933
  "org.primer.overrides": {
20886
- "dark": "#262c36",
20934
+ "dark": "#010409",
20887
20935
  "dark-high-contrast": {
20888
- "$value": "#2a313c",
20936
+ "$value": "#010409",
20889
20937
  "filePath": "src/tokens/functional/color/control.json5",
20890
20938
  "isSource": true,
20891
20939
  "$type": "color"
20892
20940
  },
20893
20941
  "dark-tritanopia-high-contrast": {
20894
- "$value": "#2a313c",
20942
+ "$value": "#010409",
20895
20943
  "filePath": "src/tokens/functional/color/control.json5",
20896
20944
  "isSource": true,
20897
20945
  "$type": "color"
20898
20946
  },
20899
20947
  "dark-protanopia-deuteranopia-high-contrast": {
20900
- "$value": "#2a313c",
20948
+ "$value": "#010409",
20901
20949
  "filePath": "src/tokens/functional/color/control.json5",
20902
20950
  "isSource": true,
20903
20951
  "$type": "color"
20904
20952
  },
20905
20953
  "dark-dimmed": {
20906
- "$value": "#2a313c",
20954
+ "$value": "#151b23",
20907
20955
  "filePath": "src/tokens/functional/color/control.json5",
20908
20956
  "isSource": true,
20909
20957
  "$type": "color"
20910
20958
  },
20911
20959
  "dark-dimmed-high-contrast": {
20912
- "$value": "#2a313c",
20960
+ "$value": "#151b23",
20913
20961
  "filePath": "src/tokens/functional/color/control.json5",
20914
20962
  "isSource": true,
20915
20963
  "$type": "color"
@@ -20937,7 +20985,7 @@
20937
20985
  "filePath": "src/tokens/functional/color/control.json5",
20938
20986
  "isSource": true,
20939
20987
  "original": {
20940
- "$value": "{base.color.neutral.4}",
20988
+ "$value": "{base.color.neutral.0}",
20941
20989
  "$type": "color",
20942
20990
  "$extensions": {
20943
20991
  "org.primer.figma": {
@@ -20946,33 +20994,33 @@
20946
20994
  "scopes": ["bgColor"]
20947
20995
  },
20948
20996
  "org.primer.overrides": {
20949
- "dark": "{base.color.neutral.4}",
20997
+ "dark": "{base.color.neutral.0}",
20950
20998
  "dark-high-contrast": {
20951
- "$value": "{base.color.neutral.5}",
20999
+ "$value": "{base.color.neutral.0}",
20952
21000
  "filePath": "src/tokens/functional/color/control.json5",
20953
21001
  "isSource": true,
20954
21002
  "$type": "color"
20955
21003
  },
20956
21004
  "dark-tritanopia-high-contrast": {
20957
- "$value": "{base.color.neutral.5}",
21005
+ "$value": "{base.color.neutral.0}",
20958
21006
  "filePath": "src/tokens/functional/color/control.json5",
20959
21007
  "isSource": true,
20960
21008
  "$type": "color"
20961
21009
  },
20962
21010
  "dark-protanopia-deuteranopia-high-contrast": {
20963
- "$value": "{base.color.neutral.5}",
21011
+ "$value": "{base.color.neutral.0}",
20964
21012
  "filePath": "src/tokens/functional/color/control.json5",
20965
21013
  "isSource": true,
20966
21014
  "$type": "color"
20967
21015
  },
20968
21016
  "dark-dimmed": {
20969
- "$value": "{base.color.neutral.5}",
21017
+ "$value": "{base.color.neutral.2}",
20970
21018
  "filePath": "src/tokens/functional/color/control.json5",
20971
21019
  "isSource": true,
20972
21020
  "$type": "color"
20973
21021
  },
20974
21022
  "dark-dimmed-high-contrast": {
20975
- "$value": "{base.color.neutral.5}",
21023
+ "$value": "{base.color.neutral.2}",
20976
21024
  "filePath": "src/tokens/functional/color/control.json5",
20977
21025
  "isSource": true,
20978
21026
  "$type": "color"
@@ -38717,7 +38765,7 @@
38717
38765
  "dark-high-contrast": "#ffffff",
38718
38766
  "dark-tritanopia-high-contrast": "#ffffff",
38719
38767
  "dark-protanopia-deuteranopia-high-contrast": "#ffffff",
38720
- "dark-dimmed": "#f0f6fc",
38768
+ "dark-dimmed": "#d1d7e0",
38721
38769
  "dark-dimmed-high-contrast": "#f0f6fc"
38722
38770
  },
38723
38771
  "org.primer.llm": {
@@ -38745,7 +38793,7 @@
38745
38793
  "dark-high-contrast": "{base.color.neutral.13}",
38746
38794
  "dark-tritanopia-high-contrast": "{base.color.neutral.13}",
38747
38795
  "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.13}",
38748
- "dark-dimmed": "{base.color.neutral.12}",
38796
+ "dark-dimmed": "{base.color.neutral.11}",
38749
38797
  "dark-dimmed-high-contrast": "{base.color.neutral.12}"
38750
38798
  },
38751
38799
  "org.primer.llm": {