@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
+ "$extensions": {
5
+ "org.primer.llm": {
6
+ "usage": ["decorative-background", "canvas-element", "background-pattern"],
7
+ "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."
8
+ }
9
+ },
10
+ "filePath": "src/tokens/functional/size/z-index.json5",
11
+ "isSource": true,
12
+ "original": {
13
+ "$value": -1,
14
+ "$type": "number",
15
+ "$description": "Place element behind base content. Use for decorative backgrounds or canvas elements.",
16
+ "$extensions": {
17
+ "org.primer.llm": {
18
+ "usage": ["decorative-background", "canvas-element", "background-pattern"],
19
+ "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."
20
+ }
21
+ },
22
+ "key": "{zIndex.behind}"
23
+ },
24
+ "name": "zIndex-behind",
25
+ "attributes": {},
26
+ "path": ["zIndex", "behind"],
27
+ "value": -1,
28
+ "type": "number",
29
+ "description": "Place element behind base content. Use for decorative backgrounds or canvas elements."
30
+ },
31
+ "zIndex-default": {
32
+ "key": "{zIndex.default}",
33
+ "$extensions": {
34
+ "org.primer.llm": {
35
+ "usage": ["default-content", "in-flow-element", "reset"],
36
+ "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."
37
+ }
38
+ },
39
+ "filePath": "src/tokens/functional/size/z-index.json5",
40
+ "isSource": true,
41
+ "original": {
42
+ "$value": "{base.zIndex.0}",
43
+ "$type": "number",
44
+ "$description": "Default stacking order. No elevation above surrounding content.",
45
+ "$extensions": {
46
+ "org.primer.llm": {
47
+ "usage": ["default-content", "in-flow-element", "reset"],
48
+ "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."
49
+ }
50
+ },
51
+ "key": "{zIndex.default}"
52
+ },
53
+ "name": "zIndex-default",
54
+ "attributes": {},
55
+ "path": ["zIndex", "default"],
56
+ "value": 0,
57
+ "type": "number",
58
+ "description": "Default stacking order. No elevation above surrounding content."
59
+ },
60
+ "zIndex-dropdown": {
61
+ "key": "{zIndex.dropdown}",
62
+ "$extensions": {
63
+ "org.primer.llm": {
64
+ "usage": ["dropdown-menu", "select-panel", "autocomplete-list", "action-menu", "context-menu"],
65
+ "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."
66
+ }
67
+ },
68
+ "filePath": "src/tokens/functional/size/z-index.json5",
69
+ "isSource": true,
70
+ "original": {
71
+ "$value": "{base.zIndex.200}",
72
+ "$type": "number",
73
+ "$description": "Dropdown menus and select panels that appear above page content.",
74
+ "$extensions": {
75
+ "org.primer.llm": {
76
+ "usage": ["dropdown-menu", "select-panel", "autocomplete-list", "action-menu", "context-menu"],
77
+ "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."
78
+ }
79
+ },
80
+ "key": "{zIndex.dropdown}"
81
+ },
82
+ "name": "zIndex-dropdown",
83
+ "attributes": {},
84
+ "path": ["zIndex", "dropdown"],
85
+ "value": 200,
86
+ "type": "number",
87
+ "description": "Dropdown menus and select panels that appear above page content."
88
+ },
89
+ "zIndex-modal": {
90
+ "key": "{zIndex.modal}",
91
+ "$extensions": {
92
+ "org.primer.llm": {
93
+ "usage": ["modal-dialog", "dialog", "full-screen-overlay", "lightbox", "confirm-dialog"],
94
+ "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."
95
+ }
96
+ },
97
+ "filePath": "src/tokens/functional/size/z-index.json5",
98
+ "isSource": true,
99
+ "original": {
100
+ "$value": "{base.zIndex.400}",
101
+ "$type": "number",
102
+ "$description": "Modal dialogs and full-screen overlays.",
103
+ "$extensions": {
104
+ "org.primer.llm": {
105
+ "usage": ["modal-dialog", "dialog", "full-screen-overlay", "lightbox", "confirm-dialog"],
106
+ "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."
107
+ }
108
+ },
109
+ "key": "{zIndex.modal}"
110
+ },
111
+ "name": "zIndex-modal",
112
+ "attributes": {},
113
+ "path": ["zIndex", "modal"],
114
+ "value": 400,
115
+ "type": "number",
116
+ "description": "Modal dialogs and full-screen overlays."
117
+ },
118
+ "zIndex-overlay": {
119
+ "key": "{zIndex.overlay}",
120
+ "$extensions": {
121
+ "org.primer.llm": {
122
+ "usage": ["overlay-backdrop", "side-panel", "drawer", "slide-over", "bottom-sheet"],
123
+ "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."
124
+ }
125
+ },
126
+ "filePath": "src/tokens/functional/size/z-index.json5",
127
+ "isSource": true,
128
+ "original": {
129
+ "$value": "{base.zIndex.300}",
130
+ "$type": "number",
131
+ "$description": "Overlay backdrops, side panels, and drawers.",
132
+ "$extensions": {
133
+ "org.primer.llm": {
134
+ "usage": ["overlay-backdrop", "side-panel", "drawer", "slide-over", "bottom-sheet"],
135
+ "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."
136
+ }
137
+ },
138
+ "key": "{zIndex.overlay}"
139
+ },
140
+ "name": "zIndex-overlay",
141
+ "attributes": {},
142
+ "path": ["zIndex", "overlay"],
143
+ "value": 300,
144
+ "type": "number",
145
+ "description": "Overlay backdrops, side panels, and drawers."
146
+ },
147
+ "zIndex-popover": {
148
+ "key": "{zIndex.popover}",
149
+ "$extensions": {
150
+ "org.primer.llm": {
151
+ "usage": ["tooltip", "popover", "hover-card", "floating-label"],
152
+ "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."
153
+ }
154
+ },
155
+ "filePath": "src/tokens/functional/size/z-index.json5",
156
+ "isSource": true,
157
+ "original": {
158
+ "$value": "{base.zIndex.500}",
159
+ "$type": "number",
160
+ "$description": "Tooltips and popovers that appear above all normal UI.",
161
+ "$extensions": {
162
+ "org.primer.llm": {
163
+ "usage": ["tooltip", "popover", "hover-card", "floating-label"],
164
+ "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."
165
+ }
166
+ },
167
+ "key": "{zIndex.popover}"
168
+ },
169
+ "name": "zIndex-popover",
170
+ "attributes": {},
171
+ "path": ["zIndex", "popover"],
172
+ "value": 500,
173
+ "type": "number",
174
+ "description": "Tooltips and popovers that appear above all normal UI."
175
+ },
176
+ "zIndex-skipLink": {
177
+ "key": "{zIndex.skipLink}",
178
+ "$extensions": {
179
+ "org.primer.llm": {
180
+ "usage": ["skip-link", "skip-navigation", "skip-to-content"],
181
+ "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."
182
+ }
183
+ },
184
+ "filePath": "src/tokens/functional/size/z-index.json5",
185
+ "isSource": true,
186
+ "original": {
187
+ "$value": "{base.zIndex.600}",
188
+ "$type": "number",
189
+ "$description": "Accessibility skip links. Must always be the topmost layer.",
190
+ "$extensions": {
191
+ "org.primer.llm": {
192
+ "usage": ["skip-link", "skip-navigation", "skip-to-content"],
193
+ "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."
194
+ }
195
+ },
196
+ "key": "{zIndex.skipLink}"
197
+ },
198
+ "name": "zIndex-skipLink",
199
+ "attributes": {},
200
+ "path": ["zIndex", "skipLink"],
201
+ "value": 600,
202
+ "type": "number",
203
+ "description": "Accessibility skip links. Must always be the topmost layer."
204
+ },
205
+ "zIndex-sticky": {
206
+ "key": "{zIndex.sticky}",
207
+ "$extensions": {
208
+ "org.primer.llm": {
209
+ "usage": ["sticky-header", "sticky-sidebar", "sticky-table-header", "sticky-footer", "sticky-nav"],
210
+ "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."
211
+ }
212
+ },
213
+ "filePath": "src/tokens/functional/size/z-index.json5",
214
+ "isSource": true,
215
+ "original": {
216
+ "$value": "{base.zIndex.100}",
217
+ "$type": "number",
218
+ "$description": "Sticky elements that remain visible while scrolling.",
219
+ "$extensions": {
220
+ "org.primer.llm": {
221
+ "usage": ["sticky-header", "sticky-sidebar", "sticky-table-header", "sticky-footer", "sticky-nav"],
222
+ "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."
223
+ }
224
+ },
225
+ "key": "{zIndex.sticky}"
226
+ },
227
+ "name": "zIndex-sticky",
228
+ "attributes": {},
229
+ "path": ["zIndex", "sticky"],
230
+ "value": 100,
231
+ "type": "number",
232
+ "description": "Sticky elements that remain visible while scrolling."
233
+ }
234
+ }
@@ -20308,9 +20308,33 @@
20308
20308
  "scopes": ["bgColor"]
20309
20309
  },
20310
20310
  "org.primer.overrides": {
20311
- "dark": "#010409",
20311
+ "dark": "#262c36",
20312
+ "dark-high-contrast": {
20313
+ "$value": "#2a313c",
20314
+ "filePath": "src/tokens/functional/color/control.json5",
20315
+ "isSource": true,
20316
+ "$type": "color"
20317
+ },
20318
+ "dark-tritanopia-high-contrast": {
20319
+ "$value": "#2a313c",
20320
+ "filePath": "src/tokens/functional/color/control.json5",
20321
+ "isSource": true,
20322
+ "$type": "color"
20323
+ },
20324
+ "dark-protanopia-deuteranopia-high-contrast": {
20325
+ "$value": "#2a313c",
20326
+ "filePath": "src/tokens/functional/color/control.json5",
20327
+ "isSource": true,
20328
+ "$type": "color"
20329
+ },
20312
20330
  "dark-dimmed": {
20313
- "$value": "#010409",
20331
+ "$value": "#2a313c",
20332
+ "filePath": "src/tokens/functional/color/control.json5",
20333
+ "isSource": true,
20334
+ "$type": "color"
20335
+ },
20336
+ "dark-dimmed-high-contrast": {
20337
+ "$value": "#2a313c",
20314
20338
  "filePath": "src/tokens/functional/color/control.json5",
20315
20339
  "isSource": true,
20316
20340
  "$type": "color"
@@ -20320,7 +20344,7 @@
20320
20344
  "filePath": "src/tokens/functional/color/control.json5",
20321
20345
  "isSource": true,
20322
20346
  "original": {
20323
- "$value": "{bgColor.inset}",
20347
+ "$value": "{base.color.neutral.5}",
20324
20348
  "$type": "color",
20325
20349
  "$extensions": {
20326
20350
  "org.primer.figma": {
@@ -20329,9 +20353,33 @@
20329
20353
  "scopes": ["bgColor"]
20330
20354
  },
20331
20355
  "org.primer.overrides": {
20332
- "dark": "{bgColor.inset}",
20356
+ "dark": "{base.color.neutral.4}",
20357
+ "dark-high-contrast": {
20358
+ "$value": "{base.color.neutral.5}",
20359
+ "filePath": "src/tokens/functional/color/control.json5",
20360
+ "isSource": true,
20361
+ "$type": "color"
20362
+ },
20363
+ "dark-tritanopia-high-contrast": {
20364
+ "$value": "{base.color.neutral.5}",
20365
+ "filePath": "src/tokens/functional/color/control.json5",
20366
+ "isSource": true,
20367
+ "$type": "color"
20368
+ },
20369
+ "dark-protanopia-deuteranopia-high-contrast": {
20370
+ "$value": "{base.color.neutral.5}",
20371
+ "filePath": "src/tokens/functional/color/control.json5",
20372
+ "isSource": true,
20373
+ "$type": "color"
20374
+ },
20333
20375
  "dark-dimmed": {
20334
- "$value": "{bgColor.inset}",
20376
+ "$value": "{base.color.neutral.5}",
20377
+ "filePath": "src/tokens/functional/color/control.json5",
20378
+ "isSource": true,
20379
+ "$type": "color"
20380
+ },
20381
+ "dark-dimmed-high-contrast": {
20382
+ "$value": "{base.color.neutral.5}",
20335
20383
  "filePath": "src/tokens/functional/color/control.json5",
20336
20384
  "isSource": true,
20337
20385
  "$type": "color"
@@ -20343,7 +20391,7 @@
20343
20391
  "name": "controlKnob-bgColor-rest",
20344
20392
  "attributes": {},
20345
20393
  "path": ["controlKnob", "bgColor", "rest"],
20346
- "value": "#010409",
20394
+ "value": "#2a313c",
20347
20395
  "type": "color"
20348
20396
  },
20349
20397
  "controlKnob-borderColor-checked": {
@@ -20771,33 +20819,33 @@
20771
20819
  "scopes": ["bgColor"]
20772
20820
  },
20773
20821
  "org.primer.overrides": {
20774
- "dark": "#262c36",
20822
+ "dark": "#010409",
20775
20823
  "dark-high-contrast": {
20776
- "$value": "#2a313c",
20824
+ "$value": "#010409",
20777
20825
  "filePath": "src/tokens/functional/color/control.json5",
20778
20826
  "isSource": true,
20779
20827
  "$type": "color"
20780
20828
  },
20781
20829
  "dark-tritanopia-high-contrast": {
20782
- "$value": "#2a313c",
20830
+ "$value": "#010409",
20783
20831
  "filePath": "src/tokens/functional/color/control.json5",
20784
20832
  "isSource": true,
20785
20833
  "$type": "color"
20786
20834
  },
20787
20835
  "dark-protanopia-deuteranopia-high-contrast": {
20788
- "$value": "#2a313c",
20836
+ "$value": "#010409",
20789
20837
  "filePath": "src/tokens/functional/color/control.json5",
20790
20838
  "isSource": true,
20791
20839
  "$type": "color"
20792
20840
  },
20793
20841
  "dark-dimmed": {
20794
- "$value": "#2a313c",
20842
+ "$value": "#151b23",
20795
20843
  "filePath": "src/tokens/functional/color/control.json5",
20796
20844
  "isSource": true,
20797
20845
  "$type": "color"
20798
20846
  },
20799
20847
  "dark-dimmed-high-contrast": {
20800
- "$value": "#2a313c",
20848
+ "$value": "#151b23",
20801
20849
  "filePath": "src/tokens/functional/color/control.json5",
20802
20850
  "isSource": true,
20803
20851
  "$type": "color"
@@ -20825,7 +20873,7 @@
20825
20873
  "filePath": "src/tokens/functional/color/control.json5",
20826
20874
  "isSource": true,
20827
20875
  "original": {
20828
- "$value": "{base.color.neutral.5}",
20876
+ "$value": "{base.color.neutral.0}",
20829
20877
  "$type": "color",
20830
20878
  "$extensions": {
20831
20879
  "org.primer.figma": {
@@ -20834,33 +20882,33 @@
20834
20882
  "scopes": ["bgColor"]
20835
20883
  },
20836
20884
  "org.primer.overrides": {
20837
- "dark": "{base.color.neutral.4}",
20885
+ "dark": "{base.color.neutral.0}",
20838
20886
  "dark-high-contrast": {
20839
- "$value": "{base.color.neutral.5}",
20887
+ "$value": "{base.color.neutral.0}",
20840
20888
  "filePath": "src/tokens/functional/color/control.json5",
20841
20889
  "isSource": true,
20842
20890
  "$type": "color"
20843
20891
  },
20844
20892
  "dark-tritanopia-high-contrast": {
20845
- "$value": "{base.color.neutral.5}",
20893
+ "$value": "{base.color.neutral.0}",
20846
20894
  "filePath": "src/tokens/functional/color/control.json5",
20847
20895
  "isSource": true,
20848
20896
  "$type": "color"
20849
20897
  },
20850
20898
  "dark-protanopia-deuteranopia-high-contrast": {
20851
- "$value": "{base.color.neutral.5}",
20899
+ "$value": "{base.color.neutral.0}",
20852
20900
  "filePath": "src/tokens/functional/color/control.json5",
20853
20901
  "isSource": true,
20854
20902
  "$type": "color"
20855
20903
  },
20856
20904
  "dark-dimmed": {
20857
- "$value": "{base.color.neutral.5}",
20905
+ "$value": "{base.color.neutral.2}",
20858
20906
  "filePath": "src/tokens/functional/color/control.json5",
20859
20907
  "isSource": true,
20860
20908
  "$type": "color"
20861
20909
  },
20862
20910
  "dark-dimmed-high-contrast": {
20863
- "$value": "{base.color.neutral.5}",
20911
+ "$value": "{base.color.neutral.2}",
20864
20912
  "filePath": "src/tokens/functional/color/control.json5",
20865
20913
  "isSource": true,
20866
20914
  "$type": "color"
@@ -20890,7 +20938,7 @@
20890
20938
  "name": "controlTrack-bgColor-rest",
20891
20939
  "attributes": {},
20892
20940
  "path": ["controlTrack", "bgColor", "rest"],
20893
- "value": "#2a313c",
20941
+ "value": "#010409",
20894
20942
  "type": "color"
20895
20943
  },
20896
20944
  "controlTrack-borderColor-disabled": {
@@ -38602,7 +38650,7 @@
38602
38650
  "dark-high-contrast": "#ffffff",
38603
38651
  "dark-tritanopia-high-contrast": "#ffffff",
38604
38652
  "dark-protanopia-deuteranopia-high-contrast": "#ffffff",
38605
- "dark-dimmed": "#f0f6fc",
38653
+ "dark-dimmed": "#d1d7e0",
38606
38654
  "dark-dimmed-high-contrast": "#f0f6fc"
38607
38655
  },
38608
38656
  "org.primer.llm": {
@@ -38630,7 +38678,7 @@
38630
38678
  "dark-high-contrast": "{base.color.neutral.13}",
38631
38679
  "dark-tritanopia-high-contrast": "{base.color.neutral.13}",
38632
38680
  "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.13}",
38633
- "dark-dimmed": "{base.color.neutral.12}",
38681
+ "dark-dimmed": "{base.color.neutral.11}",
38634
38682
  "dark-dimmed-high-contrast": "{base.color.neutral.12}"
38635
38683
  },
38636
38684
  "org.primer.llm": {
@@ -20298,9 +20298,33 @@
20298
20298
  "scopes": ["bgColor"]
20299
20299
  },
20300
20300
  "org.primer.overrides": {
20301
- "dark": "#010409",
20301
+ "dark": "#262c36",
20302
+ "dark-high-contrast": {
20303
+ "$value": "#2a313c",
20304
+ "filePath": "src/tokens/functional/color/control.json5",
20305
+ "isSource": true,
20306
+ "$type": "color"
20307
+ },
20308
+ "dark-tritanopia-high-contrast": {
20309
+ "$value": "#2a313c",
20310
+ "filePath": "src/tokens/functional/color/control.json5",
20311
+ "isSource": true,
20312
+ "$type": "color"
20313
+ },
20314
+ "dark-protanopia-deuteranopia-high-contrast": {
20315
+ "$value": "#2a313c",
20316
+ "filePath": "src/tokens/functional/color/control.json5",
20317
+ "isSource": true,
20318
+ "$type": "color"
20319
+ },
20302
20320
  "dark-dimmed": {
20303
- "$value": "#010409",
20321
+ "$value": "#2a313c",
20322
+ "filePath": "src/tokens/functional/color/control.json5",
20323
+ "isSource": true,
20324
+ "$type": "color"
20325
+ },
20326
+ "dark-dimmed-high-contrast": {
20327
+ "$value": "#2a313c",
20304
20328
  "filePath": "src/tokens/functional/color/control.json5",
20305
20329
  "isSource": true,
20306
20330
  "$type": "color"
@@ -20310,7 +20334,7 @@
20310
20334
  "filePath": "src/tokens/functional/color/control.json5",
20311
20335
  "isSource": true,
20312
20336
  "original": {
20313
- "$value": "{bgColor.inset}",
20337
+ "$value": "{base.color.neutral.4}",
20314
20338
  "$type": "color",
20315
20339
  "$extensions": {
20316
20340
  "org.primer.figma": {
@@ -20319,9 +20343,33 @@
20319
20343
  "scopes": ["bgColor"]
20320
20344
  },
20321
20345
  "org.primer.overrides": {
20322
- "dark": "{bgColor.inset}",
20346
+ "dark": "{base.color.neutral.4}",
20347
+ "dark-high-contrast": {
20348
+ "$value": "{base.color.neutral.5}",
20349
+ "filePath": "src/tokens/functional/color/control.json5",
20350
+ "isSource": true,
20351
+ "$type": "color"
20352
+ },
20353
+ "dark-tritanopia-high-contrast": {
20354
+ "$value": "{base.color.neutral.5}",
20355
+ "filePath": "src/tokens/functional/color/control.json5",
20356
+ "isSource": true,
20357
+ "$type": "color"
20358
+ },
20359
+ "dark-protanopia-deuteranopia-high-contrast": {
20360
+ "$value": "{base.color.neutral.5}",
20361
+ "filePath": "src/tokens/functional/color/control.json5",
20362
+ "isSource": true,
20363
+ "$type": "color"
20364
+ },
20323
20365
  "dark-dimmed": {
20324
- "$value": "{bgColor.inset}",
20366
+ "$value": "{base.color.neutral.5}",
20367
+ "filePath": "src/tokens/functional/color/control.json5",
20368
+ "isSource": true,
20369
+ "$type": "color"
20370
+ },
20371
+ "dark-dimmed-high-contrast": {
20372
+ "$value": "{base.color.neutral.5}",
20325
20373
  "filePath": "src/tokens/functional/color/control.json5",
20326
20374
  "isSource": true,
20327
20375
  "$type": "color"
@@ -20333,7 +20381,7 @@
20333
20381
  "name": "controlKnob-bgColor-rest",
20334
20382
  "attributes": {},
20335
20383
  "path": ["controlKnob", "bgColor", "rest"],
20336
- "value": "#010409",
20384
+ "value": "#262c36",
20337
20385
  "type": "color"
20338
20386
  },
20339
20387
  "controlKnob-borderColor-checked": {
@@ -20761,33 +20809,33 @@
20761
20809
  "scopes": ["bgColor"]
20762
20810
  },
20763
20811
  "org.primer.overrides": {
20764
- "dark": "#262c36",
20812
+ "dark": "#010409",
20765
20813
  "dark-high-contrast": {
20766
- "$value": "#2a313c",
20814
+ "$value": "#010409",
20767
20815
  "filePath": "src/tokens/functional/color/control.json5",
20768
20816
  "isSource": true,
20769
20817
  "$type": "color"
20770
20818
  },
20771
20819
  "dark-tritanopia-high-contrast": {
20772
- "$value": "#2a313c",
20820
+ "$value": "#010409",
20773
20821
  "filePath": "src/tokens/functional/color/control.json5",
20774
20822
  "isSource": true,
20775
20823
  "$type": "color"
20776
20824
  },
20777
20825
  "dark-protanopia-deuteranopia-high-contrast": {
20778
- "$value": "#2a313c",
20826
+ "$value": "#010409",
20779
20827
  "filePath": "src/tokens/functional/color/control.json5",
20780
20828
  "isSource": true,
20781
20829
  "$type": "color"
20782
20830
  },
20783
20831
  "dark-dimmed": {
20784
- "$value": "#2a313c",
20832
+ "$value": "#151b23",
20785
20833
  "filePath": "src/tokens/functional/color/control.json5",
20786
20834
  "isSource": true,
20787
20835
  "$type": "color"
20788
20836
  },
20789
20837
  "dark-dimmed-high-contrast": {
20790
- "$value": "#2a313c",
20838
+ "$value": "#151b23",
20791
20839
  "filePath": "src/tokens/functional/color/control.json5",
20792
20840
  "isSource": true,
20793
20841
  "$type": "color"
@@ -20815,7 +20863,7 @@
20815
20863
  "filePath": "src/tokens/functional/color/control.json5",
20816
20864
  "isSource": true,
20817
20865
  "original": {
20818
- "$value": "{base.color.neutral.4}",
20866
+ "$value": "{base.color.neutral.0}",
20819
20867
  "$type": "color",
20820
20868
  "$extensions": {
20821
20869
  "org.primer.figma": {
@@ -20824,33 +20872,33 @@
20824
20872
  "scopes": ["bgColor"]
20825
20873
  },
20826
20874
  "org.primer.overrides": {
20827
- "dark": "{base.color.neutral.4}",
20875
+ "dark": "{base.color.neutral.0}",
20828
20876
  "dark-high-contrast": {
20829
- "$value": "{base.color.neutral.5}",
20877
+ "$value": "{base.color.neutral.0}",
20830
20878
  "filePath": "src/tokens/functional/color/control.json5",
20831
20879
  "isSource": true,
20832
20880
  "$type": "color"
20833
20881
  },
20834
20882
  "dark-tritanopia-high-contrast": {
20835
- "$value": "{base.color.neutral.5}",
20883
+ "$value": "{base.color.neutral.0}",
20836
20884
  "filePath": "src/tokens/functional/color/control.json5",
20837
20885
  "isSource": true,
20838
20886
  "$type": "color"
20839
20887
  },
20840
20888
  "dark-protanopia-deuteranopia-high-contrast": {
20841
- "$value": "{base.color.neutral.5}",
20889
+ "$value": "{base.color.neutral.0}",
20842
20890
  "filePath": "src/tokens/functional/color/control.json5",
20843
20891
  "isSource": true,
20844
20892
  "$type": "color"
20845
20893
  },
20846
20894
  "dark-dimmed": {
20847
- "$value": "{base.color.neutral.5}",
20895
+ "$value": "{base.color.neutral.2}",
20848
20896
  "filePath": "src/tokens/functional/color/control.json5",
20849
20897
  "isSource": true,
20850
20898
  "$type": "color"
20851
20899
  },
20852
20900
  "dark-dimmed-high-contrast": {
20853
- "$value": "{base.color.neutral.5}",
20901
+ "$value": "{base.color.neutral.2}",
20854
20902
  "filePath": "src/tokens/functional/color/control.json5",
20855
20903
  "isSource": true,
20856
20904
  "$type": "color"
@@ -20880,7 +20928,7 @@
20880
20928
  "name": "controlTrack-bgColor-rest",
20881
20929
  "attributes": {},
20882
20930
  "path": ["controlTrack", "bgColor", "rest"],
20883
- "value": "#262c36",
20931
+ "value": "#010409",
20884
20932
  "type": "color"
20885
20933
  },
20886
20934
  "controlTrack-borderColor-disabled": {
@@ -38594,7 +38642,7 @@
38594
38642
  "dark-high-contrast": "#ffffff",
38595
38643
  "dark-tritanopia-high-contrast": "#ffffff",
38596
38644
  "dark-protanopia-deuteranopia-high-contrast": "#ffffff",
38597
- "dark-dimmed": "#f0f6fc",
38645
+ "dark-dimmed": "#d1d7e0",
38598
38646
  "dark-dimmed-high-contrast": "#f0f6fc"
38599
38647
  },
38600
38648
  "org.primer.llm": {
@@ -38622,7 +38670,7 @@
38622
38670
  "dark-high-contrast": "{base.color.neutral.13}",
38623
38671
  "dark-tritanopia-high-contrast": "{base.color.neutral.13}",
38624
38672
  "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.13}",
38625
- "dark-dimmed": "{base.color.neutral.12}",
38673
+ "dark-dimmed": "{base.color.neutral.11}",
38626
38674
  "dark-dimmed-high-contrast": "{base.color.neutral.12}"
38627
38675
  },
38628
38676
  "org.primer.llm": {