@primer/primitives 7.16.0-rc.3aeafa57 → 7.16.0-rc.46a6e333

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 (80) hide show
  1. package/dist/fallbacks/color-fallbacks.json +260 -0
  2. package/package.json +5 -3
  3. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  4. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  5. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  6. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  7. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  8. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  9. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  10. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  11. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  12. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  13. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  14. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  15. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  16. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  17. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  18. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  19. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  20. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  21. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  22. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  23. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  24. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  25. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  26. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  27. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  28. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  29. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  30. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  31. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  32. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  33. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  34. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  35. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  36. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  37. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  38. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  39. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  40. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  41. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  42. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  43. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  44. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  45. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  46. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  47. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  48. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  49. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  50. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  51. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  52. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  53. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  54. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  55. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  56. package/tokens-next-private/figma/dimension/dimension.json +0 -1068
  57. package/tokens-next-private/figma/figma.json +0 -116
  58. package/tokens-next-private/figma/scales/dark-dimmed.json +0 -1398
  59. package/tokens-next-private/figma/scales/dark-high-constrast.json +0 -1398
  60. package/tokens-next-private/figma/scales/dark.json +0 -1398
  61. package/tokens-next-private/figma/scales/light-high-constrast.json +0 -1398
  62. package/tokens-next-private/figma/scales/light.json +0 -1398
  63. package/tokens-next-private/figma/shadows/dark-colorblind.json +0 -1152
  64. package/tokens-next-private/figma/shadows/dark-dimmed.json +0 -1152
  65. package/tokens-next-private/figma/shadows/dark-high-contrast.json +0 -1152
  66. package/tokens-next-private/figma/shadows/dark-tritanopia.json +0 -1152
  67. package/tokens-next-private/figma/shadows/dark.json +0 -1152
  68. package/tokens-next-private/figma/shadows/light-colorblind.json +0 -1052
  69. package/tokens-next-private/figma/shadows/light-high-contrast.json +0 -1052
  70. package/tokens-next-private/figma/shadows/light-tritanopia.json +0 -1052
  71. package/tokens-next-private/figma/shadows/light.json +0 -1052
  72. package/tokens-next-private/figma/themes/dark-colorblind.json +0 -7872
  73. package/tokens-next-private/figma/themes/dark-dimmed.json +0 -7870
  74. package/tokens-next-private/figma/themes/dark-high-contrast.json +0 -7879
  75. package/tokens-next-private/figma/themes/dark-tritanopia.json +0 -7873
  76. package/tokens-next-private/figma/themes/dark.json +0 -7872
  77. package/tokens-next-private/figma/themes/light-colorblind.json +0 -7748
  78. package/tokens-next-private/figma/themes/light-high-contrast.json +0 -7746
  79. package/tokens-next-private/figma/themes/light-tritanopia.json +0 -7742
  80. package/tokens-next-private/figma/themes/light.json +0 -7741
@@ -0,0 +1,260 @@
1
+ {
2
+ "--topicTag-borderColor": "var(--color-topic-tag-border)",
3
+ "--highlight-neutral-bgColor": "var(--color-search-keyword-hl)",
4
+ "--page-header-bgColor": "var(--color-page-header-bg)",
5
+ "--diffBlob-addition-fgColor-text": "var(--color-diff-blob-addition-fg)",
6
+ "--diffBlob-addition-fgColor-num": "var(--color-diff-blob-addition-num-text)",
7
+ "--diffBlob-addition-bgColor-num": "var(--color-diff-blob-addition-num-bg)",
8
+ "--diffBlob-addition-bgColor-line": "var(--color-diff-blob-addition-line-bg)",
9
+ "--diffBlob-addition-bgColor-word": "var(--color-diff-blob-addition-word-bg)",
10
+ "--diffBlob-deletion-fgColor-text": "var(--color-diff-blob-deletion-fg)",
11
+ "--diffBlob-deletion-fgColor-num": "var(--color-diff-blob-deletion-num-text)",
12
+ "--diffBlob-deletion-bgColor-num": "var(--color-diff-blob-deletion-num-bg)",
13
+ "--diffBlob-deletion-bgColor-line": "var(--color-diff-blob-deletion-line-bg)",
14
+ "--diffBlob-deletion-bgColor-word": "var(--color-diff-blob-deletion-word-bg)",
15
+ "--diffBlob-hunk-bgColor-num": "var(--color-diff-blob-hunk-num-bg)",
16
+ "--diffBlob-expander-iconColor": "var(--color-diff-blob-expander-icon)",
17
+ "--diffStat-addition-bgColor": "var(--bgColor-success-emphasis)",
18
+ "--codeMirror-fgColor": "var(--color-codemirror-text)",
19
+ "--codeMirror-bgColor": "var(--color-codemirror-bg)",
20
+ "--codeMirror-gutters-bgColor": "var(--color-codemirror-gutters-bg)",
21
+ "--codeMirror-gutterMarker-fgColor-default": "var(--color-codemirror-guttermarker-text)",
22
+ "--codeMirror-gutterMarker-fgColor-muted": "var(--color-codemirror-guttermarker-subtle-text)",
23
+ "--codeMirror-lineNumber-fgColor": "var(--color-codemirror-linenumber-text)",
24
+ "--codeMirror-cursor-fgColor": "var(--color-codemirror-cursor)",
25
+ "--codeMirror-selection-bgColor": "var(--color-codemirror-selection-bg)",
26
+ "--codeMirror-activeline-bgColor": "var(--color-codemirror-activeline-bg)",
27
+ "--codeMirror-matchingBracket-fgColor": "var(--color-codemirror-matchingbracket-text)",
28
+ "--codeMirror-lines-bgColor": "var(--color-codemirror-lines-bg)",
29
+ "--codeMirror-syntax-fgColor-comment": "var(--color-codemirror-syntax-comment)",
30
+ "--codeMirror-syntax-fgColor-constant": "var(--color-codemirror-syntax-constant)",
31
+ "--codeMirror-syntax-fgColor-entity": "var(--color-codemirror-syntax-entity)",
32
+ "--codeMirror-syntax-fgColor-keyword": "var(--color-codemirror-syntax-keyword)",
33
+ "--codeMirror-syntax-fgColor-storage": "var(--color-codemirror-syntax-storage)",
34
+ "--codeMirror-syntax-fgColor-string": "var(--color-codemirror-syntax-string)",
35
+ "--codeMirror-syntax-fgColor-support": "var(--color-codemirror-syntax-support)",
36
+ "--codeMirror-syntax-fgColor-variable": "var(--color-codemirror-syntax-variable)",
37
+ "--header-fgColor-default": "var(--color-header-text)",
38
+ "--header-fgColor-logo": "var(--color-header-logo)",
39
+ "--header-bgColor": "var(--color-header-bg)",
40
+ "--header-borderColor-divider": "var(--color-header-divider)",
41
+ "--headerSearch-bgColor": "var(--color-header-search-bg)",
42
+ "--headerSearch-borderColor": "var(--color-header-search-border)",
43
+ "--avatar-bgColor": "var(--color-avatar-bg)",
44
+ "--avatar-borderColor": "var(--color-avatar-border)",
45
+ "--avatar-shadow": "var(--color-avatar-child-shadow)",
46
+ "--avatarStack-fade-bgColor-default": "var(--color-avatar-stack-fade)",
47
+ "--avatarStack-fade-bgColor-muted": "var(--color-avatar-stack-fade-more)",
48
+ "--control-bgColor-rest": "var(--color-btn-bg)",
49
+ "--control-bgColor-hover": "var(--color-btn-hover-bg)",
50
+ "--control-bgColor-active": "var(--color-btn-selected-bg)",
51
+ "--control-bgColor-disabled": "var(--color-input-disabled-bg)",
52
+ "--control-bgColor-selected": "var(--color-btn-selected-bg)",
53
+ "--control-fgColor-rest": "var(--color-fg-default)",
54
+ "--control-fgColor-placeholder": "var(--color-fg-subtle)",
55
+ "--control-fgColor-disabled": "var(--color-primer-fg-disabled)",
56
+ "--control-borderColor-rest": "var(--color-btn-border)",
57
+ "--control-borderColor-emphasis": "var(--color-switch-knob-border)",
58
+ "--control-borderColor-disabled": "var(--color-btn-border)",
59
+ "--control-borderColor-selected": "var(--color-btn-bg)",
60
+ "--control-borderColor-success": "var(--color-success-emphasis)",
61
+ "--control-borderColor-danger": "var(--color-danger-emphasis)",
62
+ "--control-borderColor-warning": "var(--color-attention-emphasis)",
63
+ "--control-iconColor-rest": "var(--color-fg-muted)",
64
+ "--control-transparent-bgColor-rest": "transparent",
65
+ "--control-transparent-bgColor-hover": "var(--color-action-list-item-default-hover-bg)",
66
+ "--control-transparent-bgColor-active": "var(--color-action-list-item-default-active-bg)",
67
+ "--control-transparent-bgColor-disabled": "var(--color-action-list-item-default-selected-bg)",
68
+ "--control-transparent-bgColor-selected": "var(--color-action-list-item-default-selected-bg)",
69
+ "--control-transparent-borderColor-rest": "transparent",
70
+ "--control-transparent-borderColor-hover": "var(--color-action-list-item-default-hover-border)",
71
+ "--control-transparent-borderColor-active": "var(--color-action-list-item-default-active-border)",
72
+ "--control-danger-fgColor-rest": "var(--color-danger-fg)",
73
+ "--control-danger-fgColor-hover": "var(--color-action-list-item-danger-hover-text)",
74
+ "--control-danger-bgColor-hover": "var(--color-action-list-item-danger-hover-bg)",
75
+ "--control-danger-bgColor-active": "var(--color-action-list-item-danger-active-bg)",
76
+ "--control-checked-bgColor-rest": "var(--color-switch-track-checked-bg)",
77
+ "--control-checked-bgColor-hover": "var(--color-switch-track-checked-hover-bg)",
78
+ "--control-checked-bgColor-active": "var(--color-switch-track-checked-active-bg)",
79
+ "--control-checked-bgColor-disabled": "var(--color-switch-track-disabled-bg)",
80
+ "--control-checked-fgColor-rest": "var(--color-switch-track-checked-fg)",
81
+ "--control-checked-fgColor-disabled": "var(--color-switch-track-checked-disabled-fg)",
82
+ "--control-checked-borderColor-rest": "var(--color-switch-track-checked-bg)",
83
+ "--control-checked-borderColor-hover": "var(--color-switch-track-checked-hover-bg)",
84
+ "--control-checked-borderColor-active": "var(--color-switch-track-checked-active-bg)",
85
+ "--control-checked-borderColor-disabled": "var(--color-switch-track-disabled-bg)",
86
+ "--controlTrack-bgColor-rest": "var(--color-switch-track-bg)",
87
+ "--controlTrack-bgColor-hover": "var(--color-switch-track-hover-bg)",
88
+ "--controlTrack-bgColor-active": "var(--color-switch-track-active-bg)",
89
+ "--controlTrack-bgColor-disabled": "var(--color-switch-track-disabled-bg)",
90
+ "--controlTrack-fgColor-rest": "var(--color-switch-track-fg)",
91
+ "--controlTrack-fgColor-disabled": "var(--color-switch-track-disabled-fg)",
92
+ "--controlTrack-borderColor-rest": "var(--color-switch-track-border)",
93
+ "--controlTrack-borderColor-disabled": "var(--color-primer-fg-disabled)",
94
+ "--controlKnob-bgColor-rest": "var(--color-switch-knob-bg)",
95
+ "--controlKnob-bgColor-disabled": "var(--color-btn-bg)",
96
+ "--controlKnob-bgColor-checked": "var(--color-switch-knob-checked-bg)",
97
+ "--controlKnob-borderColor-rest": "var(--color-switch-knob-border)",
98
+ "--controlKnob-borderColor-disabled": "var(--color-btn-bg)",
99
+ "--controlKnob-borderColor-checked": "var(--color-switch-knob-checked-border)",
100
+ "--counter-borderColor": "var(--color-counter-border)",
101
+ "--button-default-fgColor-rest": "var(--color-btn-text)",
102
+ "--button-default-bgColor-rest": "var(--color-btn-bg)",
103
+ "--button-default-bgColor-hover": "var(--color-btn-hover-bg)",
104
+ "--button-default-bgColor-active": "var(--color-btn-active-bg)",
105
+ "--button-default-bgColor-selected": "var(--color-btn-selected-bg)",
106
+ "--button-default-bgColor-disabled": "var(--color-btn-bg)",
107
+ "--button-default-borderColor-rest": "var(--color-btn-border)",
108
+ "--button-default-borderColor-hover": "var(--color-btn-hover-border)",
109
+ "--button-default-borderColor-active": "var(--color-btn-active-border)",
110
+ "--button-default-borderColor-disabled": "var(--color-btn-border)",
111
+ "--button-default-shadow-resting": "var(--color-btn-shadow)",
112
+ "--button-default-shadow-inset": "var(--color-btn-inset-shadow)",
113
+ "--button-primary-fgColor-rest": "var(--color-btn-primary-text)",
114
+ "--button-primary-fgColor-disabled": "var(--color-btn-primary-disabled-text)",
115
+ "--button-primary-iconColor-rest": "var(--color-btn-primary-icon)",
116
+ "--button-primary-bgColor-rest": "var(--color-btn-primary-bg)",
117
+ "--button-primary-bgColor-hover": "var(--color-btn-primary-hover-bg)",
118
+ "--button-primary-bgColor-active": "var(--color-btn-primary-selected-bg)",
119
+ "--button-primary-bgColor-disabled": "var(--color-btn-primary-disabled-bg)",
120
+ "--button-primary-borderColor-rest": "var(--color-btn-primary-border)",
121
+ "--button-primary-borderColor-hover": "var(--color-btn-primary-hover-border)",
122
+ "--button-primary-borderColor-disabled": "var(--color-btn-primary-disabled-border)",
123
+ "--button-primary-shadow-selected": "var(--color-btn-primary-selected-shadow)",
124
+ "--button-invisible-fgColor-rest": "var(--color-btn-outline-text)",
125
+ "--button-invisible-fgColor-hover": "var(--color-btn-outline-text)",
126
+ "--button-invisible-fgColor-disabled": "var(--color-primer-fg-disabled)",
127
+ "--button-invisible-bgColor-rest": "transparent",
128
+ "--button-invisible-bgColor-hover": "var(--color-action-list-item-default-hover-bg)",
129
+ "--button-invisible-bgColor-active": "var(--color-action-list-item-default-active-bg)",
130
+ "--button-invisible-bgColor-disabled": "var(--color-action-list-item-default-selected-bg)",
131
+ "--button-invisible-borderColor-rest": "transparent",
132
+ "--button-invisible-borderColor-hover": "transparent",
133
+ "--button-invisible-borderColor-disabled": "var(--color-action-list-item-default-selected-bg)",
134
+ "--button-outline-fgColor-rest": "var(--color-btn-outline-text)",
135
+ "--button-outline-fgColor-hover": "var(--color-btn-outline-hover-text)",
136
+ "--button-outline-fgColor-active": "var(--color-btn-outline-selected-text)",
137
+ "--button-outline-fgColor-disabled": "var(--color-btn-outline-disabled-text)",
138
+ "--button-outline-bgColor-rest": "var(--color-btn-bg)",
139
+ "--button-outline-bgColor-hover": "var(--color-btn-outline-hover-bg)",
140
+ "--button-outline-bgColor-active": "var(--color-btn-outline-selected-bg)",
141
+ "--button-outline-bgColor-disabled": "var(--color-btn-outline-disabled-bg)",
142
+ "--button-outline-borderColor-hover": "var(--color-btn-outline-hover-border)",
143
+ "--button-outline-borderColor-active": "var(--color-btn-outline-selected-border)",
144
+ "--button-outline-shadow-selected": "var(--color-btn-outline-selected-shadow)",
145
+ "--button-danger-fgColor-rest": "var(--color-btn-danger-text)",
146
+ "--button-danger-fgColor-hover": "var(--color-btn-danger-hover-text)",
147
+ "--button-danger-fgColor-active": "var(--color-btn-danger-selected-text)",
148
+ "--button-danger-fgColor-disabled": "var(--color-btn-danger-disabled-text)",
149
+ "--button-danger-iconColor-rest": "var(--color-btn-danger-icon)",
150
+ "--button-danger-iconColor-hover": "var(--color-btn-danger-hover-icon)",
151
+ "--button-danger-bgColor-rest": "var(--color-btn-bg)",
152
+ "--button-danger-bgColor-hover": "var(--color-btn-danger-hover-bg)",
153
+ "--button-danger-bgColor-active": "var(--color-btn-danger-selected-bg)",
154
+ "--button-danger-bgColor-disabled": "var(--color-btn-danger-disabled-bg)",
155
+ "--button-danger-borderColor-rest": "var(--color-btn-border)",
156
+ "--button-danger-borderColor-hover": "var(--color-btn-danger-hover-border)",
157
+ "--button-danger-borderColor-active": "var(--color-btn-danger-selected-border)",
158
+ "--button-danger-borderColor-disabled": "var(--color-action-list-item-default-selected-bg)",
159
+ "--button-danger-shadow-selected": "var(--color-btn-danger-selected-shadow)",
160
+ "--buttonCounter-default-bgColor-rest": "var(--color-btn-counter-bg)",
161
+ "--buttonCounter-primary-bgColor-rest": "var(--color-btn-primary-counter-bg)",
162
+ "--buttonCounter-outline-bgColor-rest": "var(--color-btn-outline-counter-bg)",
163
+ "--buttonCounter-outline-bgColor-hover": "var(--color-btn-outline-hover-counter-bg)",
164
+ "--buttonCounter-outline-bgColor-disabled": "var(--color-btn-outline-disabled-counter-bg)",
165
+ "--buttonCounter-outline-fgColor-rest": "var(--color-btn-outline-counter-fg)",
166
+ "--buttonCounter-outline-fgColor-hover": "var(--color-btn-outline-hover-counter-fg)",
167
+ "--buttonCounter-outline-fgColor-disabled": "var(--color-btn-outline-disabled-counter-fg)",
168
+ "--buttonCounter-danger-bgColor-hover": "var(--color-btn-danger-hover-counter-bg)",
169
+ "--buttonCounter-danger-bgColor-disabled": "var(--color-btn-danger-disabled-counter-bg)",
170
+ "--buttonCounter-danger-bgColor-rest": "var(--color-btn-danger-counter-bg)",
171
+ "--buttonCounter-danger-fgColor-rest": "var(--color-btn-danger-counter-fg)",
172
+ "--buttonCounter-danger-fgColor-hover": "var(--color-btn-danger-hover-counter-fg)",
173
+ "--buttonCounter-danger-fgColor-disabled": "var(--color-btn-danger-disabled-counter-fg)",
174
+ "--focus-outlineColor": "var(--color-accent-fg)",
175
+ "--focus-outline": "var(--color-accent-fg solid 2px)",
176
+ "--menu-bgColor-active": "var(--color-menu-bg-active)",
177
+ "--overlay-bgColor": "var(--color-canvas-overlay)",
178
+ "--overlay-backdrop-bgColor": "var(--color-overlay-backdrop)",
179
+ "--selectMenu-borderColor": "var(--color-select-menu-backdrop-border)",
180
+ "--selectMenu-bgColor-active": "var(--color-select-menu-tap-focus-bg)",
181
+ "--sideNav-bgColor-selected": "var(--color-sidenav-selected-bg)",
182
+ "--timelineBadge-bgColor": "var(--color-timeline-badge-bg)",
183
+ "--treeViewItem-leadingVisual-iconColor-rest": "var(--color-tree-view-item-directory-fill)",
184
+ "--underlineNav-borderColor-active": "var(--color-primer-border-active)",
185
+ "--underlineNav-borderColor-hover": "var(--color-underlinenav-border-hover)",
186
+ "--underlineNav-iconColor-rest": "var(--color-underlinenav-icon)",
187
+ "--fgColor-default": "var(--color-fg-default)",
188
+ "--fgColor-muted": "var(--color-fg-muted)",
189
+ "--fgColor-onEmphasis": "var(--color-fg-on-emphasis)",
190
+ "--fgColor-disabled": "var(--color-primer-fg-disabled)",
191
+ "--fgColor-link": "var(--color-accent-fg)",
192
+ "--fgColor-accent": "var(--color-accent-fg)",
193
+ "--fgColor-success": "var(--color-success-fg)",
194
+ "--fgColor-attention": "var(--color-attention-fg)",
195
+ "--fgColor-severe": "var(--color-severe-fg)",
196
+ "--fgColor-danger": "var(--color-danger-fg)",
197
+ "--fgColor-open": "var(--color-open-fg)",
198
+ "--fgColor-closed": "var(--color-closed-fg)",
199
+ "--fgColor-done": "var(--color-done-fg)",
200
+ "--fgColor-sponsors": "var(--color-sponsors-fg)",
201
+ "--bgColor-default": "var(--color-canvas-default)",
202
+ "--bgColor-muted": "var(--color-canvas-subtle)",
203
+ "--bgColor-inset": "var(--color-canvas-inset)",
204
+ "--bgColor-emphasis": "var(--color-neutral-emphasis-plus)",
205
+ "--bgColor-disabled": "var(--color-neutral-muted)",
206
+ "--bgColor-neutral-muted": "var(--color-neutral-subtle)",
207
+ "--bgColor-neutral-emphasis": "var(--color-fg-subtle)",
208
+ "--bgColor-accent-muted": "var(--color-accent-subtle)",
209
+ "--bgColor-accent-emphasis": "var(--color-accent-emphasis)",
210
+ "--bgColor-success-muted": "var(--color-success-subtle)",
211
+ "--bgColor-success-emphasis": "var(--color-success-emphasis)",
212
+ "--bgColor-attention-muted": "var(--color-attention-subtle)",
213
+ "--bgColor-attention-emphasis": "var(--color-attention-emphasis)",
214
+ "--bgColor-severe-muted": "var(--color-severe-subtle)",
215
+ "--bgColor-severe-emphasis": "var(--color-severe-emphasis)",
216
+ "--bgColor-danger-muted": "var(--color-danger-subtle)",
217
+ "--bgColor-danger-emphasis": "var(--color-danger-emphasis)",
218
+ "--bgColor-open-muted": "var(--color-open-subtle)",
219
+ "--bgColor-open-emphasis": "var(--color-open-emphasis)",
220
+ "--bgColor-closed-muted": "var(--color-closed-subtle)",
221
+ "--bgColor-closed-emphasis": "var(--color-closed-emphasis)",
222
+ "--bgColor-done-muted": "var(--color-done-subtle)",
223
+ "--bgColor-done-emphasis": "var(--color-done-emphasis)",
224
+ "--bgColor-sponsors-muted": "var(--color-sponsors-subtle)",
225
+ "--bgColor-sponsors-emphasis": "var(--color-sponsors-emphasis)",
226
+ "--borderColor-default": "var(--color-border-default)",
227
+ "--borderColor-muted": "var(--color-border-muted)",
228
+ "--borderColor-emphasis": "var(--color-fg-subtle)",
229
+ "--borderColor-disabled": "var(--color-border-default)",
230
+ "--borderColor-neutral-muted": "var(--color-neutral-muted)",
231
+ "--borderColor-neutral-emphasis": "var(--color-fg-subtle)",
232
+ "--borderColor-accent-muted": "var(--color-accent-muted)",
233
+ "--borderColor-accent-emphasis": "var(--color-accent-emphasis)",
234
+ "--borderColor-success-muted": "var(--color-success-muted)",
235
+ "--borderColor-success-emphasis": "var(--color-success-emphasis)",
236
+ "--borderColor-attention-muted": "var(--color-attention-muted)",
237
+ "--borderColor-attention-emphasis": "var(--color-attention-emphasis)",
238
+ "--borderColor-severe-muted": "var(--color-severe-muted)",
239
+ "--borderColor-severe-emphasis": "var(--color-severe-emphasis)",
240
+ "--borderColor-danger-muted": "var(--color-danger-muted)",
241
+ "--borderColor-danger-emphasis": "var(--color-danger-emphasis)",
242
+ "--borderColor-open-muted": "var(--color-open-muted)",
243
+ "--borderColor-open-emphasis": "var(--color-open-emphasis)",
244
+ "--borderColor-closed-muted": "var(--color-closed-muted)",
245
+ "--borderColor-closed-emphasis": "var(--color-closed-emphasis)",
246
+ "--borderColor-done-muted": "var(--color-done-muted)",
247
+ "--borderColor-done-emphasis": "var(--color-done-emphasis)",
248
+ "--borderColor-sponsors-muted": "var(--color-sponsors-muted)",
249
+ "--borderColor-sponsors-emphasis": "var(--color-sponsors-emphasis)",
250
+ "--shadow-resting-xsmall": "",
251
+ "--shadow-resting-small": "var(--color-shadow-small)",
252
+ "--shadow-resting-medium": "var(--color-shadow-medium)",
253
+ "--shadow-floating-small": "var(--color-overlay-shadow)",
254
+ "--shadow-floating-medium": "",
255
+ "--shadow-floating-large": "var(--color-shadow-large)",
256
+ "--shadow-floating-xlarge": "var(--color-shadow-extra-large)",
257
+ "--shadow-inset": "var(--color-primer-shadow-inset)",
258
+ "--borderColor-transparent": "transparent",
259
+ "--bgColor-transparent": "transparent"
260
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.16.0-rc.3aeafa57",
3
+ "version": "7.16.0-rc.46a6e333",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist",
@@ -28,9 +28,11 @@
28
28
  "homepage": "https://github.com/primer/primitives#readme",
29
29
  "scripts": {
30
30
  "build": "ts-node ./scripts/build.ts && tsc --project tsconfig.build.json",
31
- "build:next": "ts-node -r tsconfig-paths/register ./scripts/buildTokens.ts && ts-node ./scripts/buildFallbacks.ts",
31
+ "build:next": "npm run build:v8 && npm run build:fallbacks && npm run build:figma",
32
+ "build:v8": "ts-node ./scripts/buildTokens.ts",
33
+ "build:fallbacks": "ts-node ./scripts/buildFallbacks.ts",
34
+ "build:figma": "ts-node scripts/buildFigma.ts",
32
35
  "build:tokens": "node -e \"require('./build')._init()\"",
33
- "build:figma": "ts-node scripts/buildPlatforms/buildFigma.ts",
34
36
  "build:new-tokens": "npm run build:tokens && npm run build:next && npm run build:figma",
35
37
  "tokenJson:check": "ts-node scripts/diffThemes.ts && ts-node scripts/diffTokenProps.ts",
36
38
  "contrast:check": "ts-node scripts/color-contrast.ts",
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  export const BaseSize4 = "0.25rem";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  export const BaseTextWeightLight = "300";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  export const PrimerBorderInsetThin = "inset 0 0 0 max(1px, 0.0625rem)";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  export const PrimerBreakpointXsmall = "20rem";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  export const PrimerControlMinTargetAuto = "2.75rem";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  export const PrimerControlMinTargetAuto = "1rem";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  export const PrimerControlMinTargetFine = "1rem";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  export const PrimerViewportRangeNarrow = "(max-width: calc(48rem - 0.02px))";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
  export const PrimerFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ // Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
 
5
5
  $base-size-128: 8rem;
6
6
  $base-size-112: 7rem;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ // Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
 
5
5
  $base-text-weight-semibold: 600;
6
6
  $base-text-weight-medium: 500;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ // Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
 
5
5
  $primer-borderRadius-full: 100vh;
6
6
  $primer-borderRadius-large: 0.75rem;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ // Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
 
5
5
  $primer-breakpoint-xxlarge: 90rem;
6
6
  $primer-breakpoint-xlarge: 80rem;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ // Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
 
5
5
  $primer-controlStack-medium-gap-auto: $base-size-12;
6
6
  $primer-controlStack-small-gap-auto: $base-size-16;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ // Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
 
5
5
  $primer-controlStack-medium-gap-auto: $base-size-8;
6
6
  $primer-controlStack-small-gap-auto: $base-size-8;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ // Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
 
5
5
  $primer-controlStack-large-gap-spacious: $base-size-12;
6
6
  $primer-controlStack-large-gap-condensed: $base-size-8;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ // Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
 
5
5
  $primer-viewportRange-landscape: (orientation: landscape);
6
6
  $primer-viewportRange-portrait: (orientation: portrait);
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ // Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
 
5
5
  $primer-text-codeInline-size: 0.9285em;
6
6
  $primer-text-codeBlock-lineHeight: calc(20/13);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Apr 2024 16:06:03 GMT
3
+ * Generated on Mon, 08 Apr 2024 12:36:01 GMT
4
4
  */
5
5
 
6
6