@primer/primitives 9.1.0-rc.e0e1c4b6 → 9.1.0

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 (53) hide show
  1. package/dist/build/PrimerStyleDictionary.js +1 -0
  2. package/dist/build/formats/cssAdvanced.js +9 -10
  3. package/dist/build/transformers/index.d.ts +1 -0
  4. package/dist/build/transformers/index.js +3 -1
  5. package/dist/css/functional/motion/motion.css +3 -3
  6. package/dist/css/functional/size/border.css +2 -2
  7. package/dist/css/functional/typography/typography.css +11 -11
  8. package/dist/css/primitives.css +16 -16
  9. package/package.json +5 -3
  10. package/src/tokens/base/color/dark/dark.dimmed.json5 +1164 -0
  11. package/src/tokens/base/color/dark/dark.high-contrast.json5 +764 -0
  12. package/src/tokens/base/color/dark/dark.json5 +911 -0
  13. package/src/tokens/base/color/dark/display-dark.json5 +1774 -0
  14. package/src/tokens/base/color/light/display-light.json5 +1774 -0
  15. package/src/tokens/base/color/light/light.high-contrast.json5 +755 -0
  16. package/src/tokens/base/color/light/light.json5 +911 -0
  17. package/src/tokens/base/size/size.json +196 -0
  18. package/src/tokens/base/typography/typography.json +48 -0
  19. package/src/tokens/fallback/color-fallbacks.json +270 -0
  20. package/src/tokens/functional/border/dark.json5 +12 -0
  21. package/src/tokens/functional/border/light.json5 +12 -0
  22. package/src/tokens/functional/color/dark/app-dark.json5 +554 -0
  23. package/src/tokens/functional/color/dark/data-vis-dark.json5 +284 -0
  24. package/src/tokens/functional/color/dark/display-dark.json5 +1258 -0
  25. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +194 -0
  26. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +935 -0
  27. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +310 -0
  28. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +224 -0
  29. package/src/tokens/functional/color/dark/patterns-dark.json5 +3097 -0
  30. package/src/tokens/functional/color/dark/primitives-dark.json5 +1200 -0
  31. package/src/tokens/functional/color/dark/syntax-dark.json5 +559 -0
  32. package/src/tokens/functional/color/light/app-light.json5 +551 -0
  33. package/src/tokens/functional/color/light/data-vis-light.json5 +284 -0
  34. package/src/tokens/functional/color/light/display-light.json5 +1258 -0
  35. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +819 -0
  36. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +327 -0
  37. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +237 -0
  38. package/src/tokens/functional/color/light/patterns-light.json5 +3091 -0
  39. package/src/tokens/functional/color/light/primitives-light.json5 +1193 -0
  40. package/src/tokens/functional/color/light/syntax-light.json5 +559 -0
  41. package/src/tokens/functional/motion/loading.json5 +17 -0
  42. package/src/tokens/functional/motion/patterns.json5 +28 -0
  43. package/src/tokens/functional/shadow/dark.json5 +383 -0
  44. package/src/tokens/functional/shadow/light.json5 +376 -0
  45. package/src/tokens/functional/size/border.json +111 -0
  46. package/src/tokens/functional/size/breakpoints.json +64 -0
  47. package/src/tokens/functional/size/size-coarse.json +28 -0
  48. package/src/tokens/functional/size/size-fine.json +28 -0
  49. package/src/tokens/functional/size/size.json +740 -0
  50. package/src/tokens/functional/size/viewport.json +28 -0
  51. package/src/tokens/functional/typography/typography.json +527 -0
  52. package/src/tokens/removed/color.json +421 -0
  53. package/src/tokens/removed/testing.json5 +4 -0
package/src/tokens/base/size/size.json ADDED
@@ -0,0 +1,196 @@
1
+ {
2
+ "base": {
3
+ "size": {
4
+ "2": {
5
+ "$value": "2px",
6
+ "$type": "dimension",
7
+ "$extensions": {
8
+ "org.primer.figma": {
9
+ "collection": "base/size",
10
+ "scopes": ["size"]
11
+ }
12
+ }
13
+ },
14
+ "4": {
15
+ "$value": "4px",
16
+ "$type": "dimension",
17
+ "$extensions": {
18
+ "org.primer.figma": {
19
+ "collection": "base/size",
20
+ "scopes": ["size"]
21
+ }
22
+ }
23
+ },
24
+ "6": {
25
+ "$value": "6px",
26
+ "$type": "dimension",
27
+ "$extensions": {
28
+ "org.primer.figma": {
29
+ "collection": "base/size",
30
+ "scopes": ["size"]
31
+ }
32
+ }
33
+ },
34
+ "8": {
35
+ "$value": "8px",
36
+ "$type": "dimension",
37
+ "$extensions": {
38
+ "org.primer.figma": {
39
+ "collection": "base/size",
40
+ "scopes": ["size"]
41
+ }
42
+ }
43
+ },
44
+ "12": {
45
+ "$value": "12px",
46
+ "$type": "dimension",
47
+ "$extensions": {
48
+ "org.primer.figma": {
49
+ "collection": "base/size",
50
+ "scopes": ["size"]
51
+ }
52
+ }
53
+ },
54
+ "16": {
55
+ "$value": "16px",
56
+ "$type": "dimension",
57
+ "$extensions": {
58
+ "org.primer.figma": {
59
+ "collection": "base/size",
60
+ "scopes": ["size"]
61
+ }
62
+ }
63
+ },
64
+ "20": {
65
+ "$value": "20px",
66
+ "$type": "dimension",
67
+ "$extensions": {
68
+ "org.primer.figma": {
69
+ "collection": "base/size",
70
+ "scopes": ["size"]
71
+ }
72
+ }
73
+ },
74
+ "24": {
75
+ "$value": "24px",
76
+ "$type": "dimension",
77
+ "$extensions": {
78
+ "org.primer.figma": {
79
+ "collection": "base/size",
80
+ "scopes": ["size"]
81
+ }
82
+ }
83
+ },
84
+ "28": {
85
+ "$value": "28px",
86
+ "$type": "dimension",
87
+ "$extensions": {
88
+ "org.primer.figma": {
89
+ "collection": "base/size",
90
+ "scopes": ["size"]
91
+ }
92
+ }
93
+ },
94
+ "32": {
95
+ "$value": "32px",
96
+ "$type": "dimension",
97
+ "$extensions": {
98
+ "org.primer.figma": {
99
+ "collection": "base/size",
100
+ "scopes": ["size"]
101
+ }
102
+ }
103
+ },
104
+ "36": {
105
+ "$value": "36px",
106
+ "$type": "dimension",
107
+ "$extensions": {
108
+ "org.primer.figma": {
109
+ "collection": "base/size",
110
+ "scopes": ["size"]
111
+ }
112
+ }
113
+ },
114
+ "40": {
115
+ "$value": "40px",
116
+ "$type": "dimension",
117
+ "$extensions": {
118
+ "org.primer.figma": {
119
+ "collection": "base/size",
120
+ "scopes": ["size"]
121
+ }
122
+ }
123
+ },
124
+ "44": {
125
+ "$value": "44px",
126
+ "$type": "dimension",
127
+ "$extensions": {
128
+ "org.primer.figma": {
129
+ "collection": "base/size",
130
+ "scopes": ["size"]
131
+ }
132
+ }
133
+ },
134
+ "48": {
135
+ "$value": "48px",
136
+ "$type": "dimension",
137
+ "$extensions": {
138
+ "org.primer.figma": {
139
+ "collection": "base/size",
140
+ "scopes": ["size"]
141
+ }
142
+ }
143
+ },
144
+ "64": {
145
+ "$value": "64px",
146
+ "$type": "dimension",
147
+ "$extensions": {
148
+ "org.primer.figma": {
149
+ "collection": "base/size",
150
+ "scopes": ["size"]
151
+ }
152
+ }
153
+ },
154
+ "80": {
155
+ "$value": "80px",
156
+ "$type": "dimension",
157
+ "$extensions": {
158
+ "org.primer.figma": {
159
+ "collection": "base/size",
160
+ "scopes": ["size"]
161
+ }
162
+ }
163
+ },
164
+ "96": {
165
+ "$value": "96px",
166
+ "$type": "dimension",
167
+ "$extensions": {
168
+ "org.primer.figma": {
169
+ "collection": "base/size",
170
+ "scopes": ["size"]
171
+ }
172
+ }
173
+ },
174
+ "112": {
175
+ "$value": "112px",
176
+ "$type": "dimension",
177
+ "$extensions": {
178
+ "org.primer.figma": {
179
+ "collection": "base/size",
180
+ "scopes": ["size"]
181
+ }
182
+ }
183
+ },
184
+ "128": {
185
+ "$value": "128px",
186
+ "$type": "dimension",
187
+ "$extensions": {
188
+ "org.primer.figma": {
189
+ "collection": "base/size",
190
+ "scopes": ["size"]
191
+ }
192
+ }
193
+ }
194
+ }
195
+ }
196
+ }
package/src/tokens/base/typography/typography.json ADDED
@@ -0,0 +1,48 @@
1
+ {
2
+ "base": {
3
+ "text": {
4
+ "weight": {
5
+ "light": {
6
+ "$type": "fontWeight",
7
+ "$value": 300,
8
+ "$extensions": {
9
+ "org.primer.figma": {
10
+ "collection": "base/typography",
11
+ "scopes": ["fontWeight"]
12
+ }
13
+ }
14
+ },
15
+ "normal": {
16
+ "$value": 400,
17
+ "$type": "fontWeight",
18
+ "$extensions": {
19
+ "org.primer.figma": {
20
+ "collection": "base/typography",
21
+ "scopes": ["fontWeight"]
22
+ }
23
+ }
24
+ },
25
+ "medium": {
26
+ "$value": 500,
27
+ "$type": "fontWeight",
28
+ "$extensions": {
29
+ "org.primer.figma": {
30
+ "collection": "base/typography",
31
+ "scopes": ["fontWeight"]
32
+ }
33
+ }
34
+ },
35
+ "semibold": {
36
+ "$value": 600,
37
+ "$type": "fontWeight",
38
+ "$extensions": {
39
+ "org.primer.figma": {
40
+ "collection": "base/typography",
41
+ "scopes": ["fontWeight"]
42
+ }
43
+ }
44
+ }
45
+ }
46
+ }
47
+ }
48
+ }
package/src/tokens/fallback/color-fallbacks.json ADDED
@@ -0,0 +1,270 @@
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
+ "--data-blue-color": "var(--data-blue-color-emphasis)",
261
+ "--data-auburn-color": "var(--data-auburn-color-emphasis)",
262
+ "--data-orange-color": "var(--data-orange-color-emphasis)",
263
+ "--data-yellow-color": "var(--data-yellow-color-emphasis)",
264
+ "--data-green-color": "var(--data-green-color-emphasis)",
265
+ "--data-teal-color": "var(--data-teal-color-emphasis)",
266
+ "--data-purple-color": "var(--data-purple-color-emphasis)",
267
+ "--data-pink-color": "var(--data-pink-color-emphasis)",
268
+ "--data-red-color": "var(--data-red-color-emphasis)",
269
+ "--data-gray-color": "var(--data-gray-color-emphasis)"
270
+ }
package/src/tokens/functional/border/dark.json5 ADDED
@@ -0,0 +1,12 @@
1
+ {
2
+ outline: {
3
+ focus: {
4
+ $value: {
5
+ color: '{focus.outlineColor}',
6
+ style: 'solid',
7
+ width: '2px',
8
+ },
9
+ $type: 'border',
10
+ },
11
+ },
12
+ }
package/src/tokens/functional/border/light.json5 ADDED
@@ -0,0 +1,12 @@
1
+ {
2
+ focus: {
3
+ outline: {
4
+ $value: {
5
+ color: '{focus.outlineColor}',
6
+ style: 'solid',
7
+ width: '2px',
8
+ },
9
+ $type: 'border',
10
+ },
11
+ },
12
+ }