@servicetitan/hammer-token 2.5.2 → 3.0.1

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 (146) hide show
  1. package/CHANGELOG.md +52 -2
  2. package/README.md +332 -0
  3. package/build/web/core/component-variables.scss +1088 -131
  4. package/build/web/core/component.d.ts +558 -0
  5. package/build/web/core/component.js +6685 -249
  6. package/build/web/core/component.scss +557 -69
  7. package/build/web/core/css-utils/a2-border.css +23 -51
  8. package/build/web/core/css-utils/a2-color.css +221 -233
  9. package/build/web/core/css-utils/a2-font.css +1 -29
  10. package/build/web/core/css-utils/a2-spacing.css +238 -483
  11. package/build/web/core/css-utils/a2-utils.css +496 -781
  12. package/build/web/core/css-utils/border.css +23 -51
  13. package/build/web/core/css-utils/color.css +221 -233
  14. package/build/web/core/css-utils/font.css +1 -29
  15. package/build/web/core/css-utils/spacing.css +238 -483
  16. package/build/web/core/css-utils/utils.css +496 -781
  17. package/build/web/core/index.d.ts +6 -0
  18. package/build/web/core/index.js +1 -1
  19. package/build/web/core/primitive-variables.scss +148 -65
  20. package/build/web/core/primitive.d.ts +209 -0
  21. package/build/web/core/primitive.js +779 -61
  22. package/build/web/core/primitive.scss +207 -124
  23. package/build/web/core/semantic-variables.scss +363 -245
  24. package/build/web/core/semantic.d.ts +221 -0
  25. package/build/web/core/semantic.js +1592 -347
  26. package/build/web/core/semantic.scss +219 -140
  27. package/build/web/index.d.ts +3 -4
  28. package/build/web/types.d.ts +17 -0
  29. package/config.js +121 -496
  30. package/eslint.config.mjs +11 -1
  31. package/package.json +15 -5
  32. package/src/global/primitive/breakpoint.tokens.json +54 -0
  33. package/src/global/primitive/color.tokens.json +1092 -0
  34. package/src/global/primitive/duration.tokens.json +44 -0
  35. package/src/global/primitive/font.tokens.json +151 -0
  36. package/src/global/primitive/radius.tokens.json +94 -0
  37. package/src/global/primitive/size.tokens.json +174 -0
  38. package/src/global/primitive/transition.tokens.json +32 -0
  39. package/src/theme/core/background.tokens.json +1312 -0
  40. package/src/theme/core/border.tokens.json +192 -0
  41. package/src/theme/core/chart.tokens.json +982 -0
  42. package/src/theme/core/component/ai-mark.tokens.json +20 -0
  43. package/src/theme/core/component/alert.tokens.json +261 -0
  44. package/src/theme/core/component/announcement.tokens.json +460 -0
  45. package/src/theme/core/component/avatar.tokens.json +137 -0
  46. package/src/theme/core/component/badge.tokens.json +42 -0
  47. package/src/theme/core/component/breadcrumb.tokens.json +42 -0
  48. package/src/theme/core/component/button-toggle.tokens.json +428 -0
  49. package/src/theme/core/component/button.tokens.json +941 -0
  50. package/src/theme/core/component/calendar.tokens.json +391 -0
  51. package/src/theme/core/component/card.tokens.json +107 -0
  52. package/src/theme/core/component/checkbox.tokens.json +631 -0
  53. package/src/theme/core/component/chip.tokens.json +169 -0
  54. package/src/theme/core/component/combobox.tokens.json +269 -0
  55. package/src/theme/core/component/details.tokens.json +152 -0
  56. package/src/theme/core/component/dialog.tokens.json +87 -0
  57. package/src/theme/core/component/divider.tokens.json +23 -0
  58. package/src/theme/core/component/dnd.tokens.json +208 -0
  59. package/src/theme/core/component/drawer.tokens.json +61 -0
  60. package/src/theme/core/component/drilldown.tokens.json +61 -0
  61. package/src/theme/core/component/edit-card.tokens.json +381 -0
  62. package/src/theme/core/component/field-label.tokens.json +42 -0
  63. package/src/theme/core/component/field-message.tokens.json +65 -0
  64. package/src/theme/core/component/icon.tokens.json +42 -0
  65. package/src/theme/core/component/link.tokens.json +108 -0
  66. package/src/theme/core/component/list-view.tokens.json +82 -0
  67. package/src/theme/core/component/listbox.tokens.json +283 -0
  68. package/src/theme/core/component/menu.tokens.json +230 -0
  69. package/src/theme/core/component/overflow.tokens.json +84 -0
  70. package/src/theme/core/component/page.tokens.json +377 -0
  71. package/src/theme/core/component/pagination.tokens.json +63 -0
  72. package/src/theme/core/component/popover.tokens.json +122 -0
  73. package/src/theme/core/component/progress-bar.tokens.json +133 -0
  74. package/src/theme/core/component/radio.tokens.json +631 -0
  75. package/src/theme/core/component/segmented-control.tokens.json +175 -0
  76. package/src/theme/core/component/select-card.tokens.json +943 -0
  77. package/src/theme/core/component/side-nav.tokens.json +349 -0
  78. package/src/theme/core/component/skeleton.tokens.json +42 -0
  79. package/src/theme/core/component/spinner.tokens.json +96 -0
  80. package/src/theme/core/component/status-icon.tokens.json +164 -0
  81. package/src/theme/core/component/stepper.tokens.json +484 -0
  82. package/src/theme/core/component/switch.tokens.json +285 -0
  83. package/src/theme/core/component/tab.tokens.json +192 -0
  84. package/src/theme/core/component/text-field.tokens.json +160 -0
  85. package/src/theme/core/component/text.tokens.json +59 -0
  86. package/src/theme/core/component/toast.tokens.json +343 -0
  87. package/src/theme/core/component/toolbar.tokens.json +114 -0
  88. package/src/theme/core/component/tooltip.tokens.json +61 -0
  89. package/src/theme/core/focus.tokens.json +56 -0
  90. package/src/theme/core/foreground.tokens.json +416 -0
  91. package/src/theme/core/gradient.tokens.json +41 -0
  92. package/src/theme/core/opacity.tokens.json +25 -0
  93. package/src/theme/core/shadow.tokens.json +81 -0
  94. package/src/theme/core/status.tokens.json +74 -0
  95. package/src/theme/core/typography.tokens.json +163 -0
  96. package/src/utils/__tests__/css-utils-format-utils.test.js +312 -0
  97. package/src/utils/__tests__/sd-build-configs.test.js +306 -0
  98. package/src/utils/__tests__/sd-formats.test.js +942 -0
  99. package/src/utils/__tests__/sd-transforms.test.js +336 -0
  100. package/src/utils/__tests__/token-helpers.test.js +1160 -0
  101. package/src/utils/copy-css-utils-cli.js +13 -1
  102. package/src/utils/css-utils-format-utils.js +105 -176
  103. package/src/utils/figma/__tests__/sync-gradient.test.js +561 -0
  104. package/src/utils/figma/__tests__/token-conversion.test.js +117 -0
  105. package/src/utils/figma/__tests__/token-resolution.test.js +231 -0
  106. package/src/utils/figma/auth.js +355 -0
  107. package/src/utils/figma/constants.js +22 -0
  108. package/src/utils/figma/errors.js +80 -0
  109. package/src/utils/figma/figma-api.js +1069 -0
  110. package/src/utils/figma/get-token.js +348 -0
  111. package/src/utils/figma/sync-components.js +909 -0
  112. package/src/utils/figma/sync-main.js +692 -0
  113. package/src/utils/figma/sync-orchestration.js +683 -0
  114. package/src/utils/figma/sync-primitives.js +230 -0
  115. package/src/utils/figma/sync-semantic.js +1056 -0
  116. package/src/utils/figma/token-conversion.js +340 -0
  117. package/src/utils/figma/token-parsing.js +186 -0
  118. package/src/utils/figma/token-resolution.js +569 -0
  119. package/src/utils/figma/utils.js +199 -0
  120. package/src/utils/sd-build-configs.js +305 -0
  121. package/src/utils/sd-formats.js +948 -0
  122. package/src/utils/sd-transforms.js +165 -0
  123. package/src/utils/token-helpers.js +848 -0
  124. package/tsconfig.json +18 -0
  125. package/vitest.config.js +17 -0
  126. package/.turbo/turbo-build.log +0 -37
  127. package/build/web/core/raw.js +0 -234
  128. package/src/global/primitive/breakpoint.js +0 -19
  129. package/src/global/primitive/color.js +0 -231
  130. package/src/global/primitive/duration.js +0 -16
  131. package/src/global/primitive/font.js +0 -60
  132. package/src/global/primitive/radius.js +0 -31
  133. package/src/global/primitive/size.js +0 -55
  134. package/src/global/primitive/transition.js +0 -16
  135. package/src/theme/core/background.js +0 -170
  136. package/src/theme/core/border.js +0 -103
  137. package/src/theme/core/charts.js +0 -464
  138. package/src/theme/core/component/button.js +0 -708
  139. package/src/theme/core/component/checkbox.js +0 -405
  140. package/src/theme/core/focus.js +0 -35
  141. package/src/theme/core/foreground.js +0 -148
  142. package/src/theme/core/overlay.js +0 -137
  143. package/src/theme/core/shadow.js +0 -29
  144. package/src/theme/core/status.js +0 -49
  145. package/src/theme/core/typography.js +0 -82
  146. package/type/types.ts +0 -344
package/src/theme/core/component/toast.tokens.json ADDED
@@ -0,0 +1,343 @@
1
+ {
2
+ "toast": {
3
+ "stack": {
4
+ "gradient": {
5
+ "top": {
6
+ "background": {
7
+ "$type": "gradient",
8
+ "$value": {
9
+ "type": "linear",
10
+ "angle": 180,
11
+ "stops": [
12
+ {
13
+ "position": 0,
14
+ "color": {
15
+ "$type": "color",
16
+ "$value": "{background.color.default}",
17
+ "$extensions": {
18
+ "appearance": {
19
+ "light": {
20
+ "$type": "color",
21
+ "$value": "{background.color.default}"
22
+ },
23
+ "dark": {
24
+ "$type": "color",
25
+ "$value": "{background.color.default}"
26
+ }
27
+ },
28
+ "com.figma.scopes": [
29
+ "SHAPE_FILL",
30
+ "FRAME_FILL",
31
+ "STROKE_COLOR"
32
+ ]
33
+ }
34
+ }
35
+ },
36
+ {
37
+ "position": 1,
38
+ "color": {
39
+ "$type": "color",
40
+ "$value": "{background.color.transparent.default}",
41
+ "$extensions": {
42
+ "appearance": {
43
+ "light": {
44
+ "$type": "color",
45
+ "$value": "{background.color.transparent.default}"
46
+ },
47
+ "dark": {
48
+ "$type": "color",
49
+ "$value": "{background.color.transparent.default}"
50
+ }
51
+ },
52
+ "com.figma.scopes": [
53
+ "SHAPE_FILL",
54
+ "FRAME_FILL",
55
+ "STROKE_COLOR"
56
+ ]
57
+ }
58
+ }
59
+ }
60
+ ]
61
+ }
62
+ }
63
+ },
64
+ "bottom": {
65
+ "background": {
66
+ "$type": "gradient",
67
+ "$value": {
68
+ "type": "linear",
69
+ "angle": 180,
70
+ "stops": [
71
+ {
72
+ "position": 0,
73
+ "color": {
74
+ "$type": "color",
75
+ "$value": "{background.color.transparent.default}",
76
+ "$extensions": {
77
+ "appearance": {
78
+ "light": {
79
+ "$type": "color",
80
+ "$value": "{background.color.transparent.default}"
81
+ },
82
+ "dark": {
83
+ "$type": "color",
84
+ "$value": "{background.color.transparent.default}"
85
+ }
86
+ },
87
+ "com.figma.scopes": [
88
+ "SHAPE_FILL",
89
+ "FRAME_FILL",
90
+ "STROKE_COLOR"
91
+ ]
92
+ }
93
+ }
94
+ },
95
+ {
96
+ "position": 1,
97
+ "color": {
98
+ "$type": "color",
99
+ "$value": "{background.color.default}",
100
+ "$extensions": {
101
+ "appearance": {
102
+ "light": {
103
+ "$type": "color",
104
+ "$value": "{background.color.default}"
105
+ },
106
+ "dark": {
107
+ "$type": "color",
108
+ "$value": "{background.color.default}"
109
+ }
110
+ },
111
+ "com.figma.scopes": [
112
+ "SHAPE_FILL",
113
+ "FRAME_FILL",
114
+ "STROKE_COLOR"
115
+ ]
116
+ }
117
+ }
118
+ }
119
+ ]
120
+ }
121
+ },
122
+ "mask": {
123
+ "$type": "gradient",
124
+ "$value": {
125
+ "type": "linear",
126
+ "angle": 90,
127
+ "stops": [
128
+ {
129
+ "position": 0,
130
+ "color": {
131
+ "$type": "color",
132
+ "$value": "{background.color.transparent.default}",
133
+ "$extensions": {
134
+ "appearance": {
135
+ "light": {
136
+ "$type": "color",
137
+ "$value": "{background.color.transparent.default}"
138
+ },
139
+ "dark": {
140
+ "$type": "color",
141
+ "$value": "{background.color.transparent.default}"
142
+ }
143
+ },
144
+ "com.figma.scopes": [
145
+ "SHAPE_FILL",
146
+ "FRAME_FILL",
147
+ "STROKE_COLOR"
148
+ ]
149
+ }
150
+ }
151
+ },
152
+ {
153
+ "position": "{size.4}",
154
+ "color": {
155
+ "$type": "color",
156
+ "$value": "{background.color.inverted-strong}",
157
+ "$extensions": {
158
+ "appearance": {
159
+ "light": {
160
+ "$type": "color",
161
+ "$value": "{background.color.inverted-strong}"
162
+ },
163
+ "dark": {
164
+ "$type": "color",
165
+ "$value": "{background.color.inverted-strong}"
166
+ }
167
+ },
168
+ "com.figma.scopes": [
169
+ "SHAPE_FILL",
170
+ "FRAME_FILL",
171
+ "STROKE_COLOR"
172
+ ]
173
+ }
174
+ }
175
+ },
176
+ {
177
+ "position": "calc(100% - {size.4})",
178
+ "color": {
179
+ "$type": "color",
180
+ "$value": "{background.color.inverted-strong}",
181
+ "$extensions": {
182
+ "appearance": {
183
+ "light": {
184
+ "$type": "color",
185
+ "$value": "{background.color.inverted-strong}"
186
+ },
187
+ "dark": {
188
+ "$type": "color",
189
+ "$value": "{background.color.inverted-strong}"
190
+ }
191
+ },
192
+ "com.figma.scopes": [
193
+ "SHAPE_FILL",
194
+ "FRAME_FILL",
195
+ "STROKE_COLOR"
196
+ ]
197
+ }
198
+ }
199
+ },
200
+ {
201
+ "position": 1,
202
+ "color": {
203
+ "$type": "color",
204
+ "$value": "{background.color.transparent.default}",
205
+ "$extensions": {
206
+ "appearance": {
207
+ "light": {
208
+ "$type": "color",
209
+ "$value": "{background.color.transparent.default}"
210
+ },
211
+ "dark": {
212
+ "$type": "color",
213
+ "$value": "{background.color.transparent.default}"
214
+ }
215
+ },
216
+ "com.figma.scopes": [
217
+ "SHAPE_FILL",
218
+ "FRAME_FILL",
219
+ "STROKE_COLOR"
220
+ ]
221
+ }
222
+ }
223
+ }
224
+ ]
225
+ }
226
+ }
227
+ }
228
+ }
229
+ },
230
+ "collapse-button": {
231
+ "background": {
232
+ "color": {
233
+ "$type": "color",
234
+ "$value": "{background.color.inverted}",
235
+ "$extensions": {
236
+ "appearance": {
237
+ "light": {
238
+ "$type": "color",
239
+ "$value": "{background.color.inverted}"
240
+ },
241
+ "dark": {
242
+ "$type": "color",
243
+ "$value": "{background.color.inverted}"
244
+ }
245
+ },
246
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
247
+ }
248
+ },
249
+ "color-hover": {
250
+ "$type": "color",
251
+ "$value": "{background.color.inverted-strong}",
252
+ "$extensions": {
253
+ "appearance": {
254
+ "light": {
255
+ "$type": "color",
256
+ "$value": "{background.color.inverted-strong}"
257
+ },
258
+ "dark": {
259
+ "$type": "color",
260
+ "$value": "{background.color.inverted-strong}"
261
+ }
262
+ },
263
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
264
+ }
265
+ }
266
+ },
267
+ "foreground": {
268
+ "color": {
269
+ "$type": "color",
270
+ "$value": "{foreground.color.inverted}",
271
+ "$extensions": {
272
+ "appearance": {
273
+ "light": {
274
+ "$type": "color",
275
+ "$value": "{foreground.color.inverted}"
276
+ },
277
+ "dark": {
278
+ "$type": "color",
279
+ "$value": "{foreground.color.inverted}"
280
+ }
281
+ },
282
+ "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
283
+ }
284
+ },
285
+ "color-hover": {
286
+ "$type": "color",
287
+ "$value": "{foreground.color.inverted}",
288
+ "$extensions": {
289
+ "appearance": {
290
+ "light": {
291
+ "$type": "color",
292
+ "$value": "{foreground.color.inverted}"
293
+ },
294
+ "dark": {
295
+ "$type": "color",
296
+ "$value": "{foreground.color.inverted}"
297
+ }
298
+ },
299
+ "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
300
+ }
301
+ }
302
+ }
303
+ },
304
+ "shadow": {
305
+ "color": {
306
+ "$type": "color",
307
+ "$value": "{shadow.color.default}",
308
+ "$extensions": {
309
+ "appearance": {
310
+ "light": {
311
+ "$type": "color",
312
+ "$value": "{shadow.color.default}"
313
+ },
314
+ "dark": {
315
+ "$type": "color",
316
+ "$value": "{shadow.color.default}"
317
+ }
318
+ },
319
+ "com.figma.scopes": ["EFFECT_COLOR", "FRAME_FILL", "SHAPE_FILL"]
320
+ }
321
+ }
322
+ },
323
+ "focus-ring": {
324
+ "color": {
325
+ "$type": "color",
326
+ "$value": "{focus.ring.color.default}",
327
+ "$extensions": {
328
+ "appearance": {
329
+ "light": {
330
+ "$type": "color",
331
+ "$value": "{focus.ring.color.default}"
332
+ },
333
+ "dark": {
334
+ "$type": "color",
335
+ "$value": "{focus.ring.color.default}"
336
+ }
337
+ },
338
+ "com.figma.scopes": ["STROKE_COLOR"]
339
+ }
340
+ }
341
+ }
342
+ }
343
+ }
package/src/theme/core/component/toolbar.tokens.json ADDED
@@ -0,0 +1,114 @@
1
+ {
2
+ "toolbar": {
3
+ "background": {
4
+ "color": {
5
+ "$type": "color",
6
+ "$value": "{background.color.transparent.default}",
7
+ "$extensions": {
8
+ "appearance": {
9
+ "light": {
10
+ "$type": "color",
11
+ "$value": "{background.color.transparent.default}"
12
+ },
13
+ "dark": {
14
+ "$type": "color",
15
+ "$value": "{background.color.transparent.default}"
16
+ }
17
+ },
18
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
19
+ }
20
+ },
21
+ "color-hover": {
22
+ "$type": "color",
23
+ "$value": "{background.color.transparent.default-hover}",
24
+ "$extensions": {
25
+ "appearance": {
26
+ "light": {
27
+ "$type": "color",
28
+ "$value": "{background.color.transparent.default-hover}"
29
+ },
30
+ "dark": {
31
+ "$type": "color",
32
+ "$value": "{background.color.transparent.default-hover}"
33
+ }
34
+ },
35
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
36
+ }
37
+ }
38
+ },
39
+ "toggle": {
40
+ "border": {
41
+ "color": {
42
+ "primary": {
43
+ "$type": "color",
44
+ "$value": "{foreground.color.on.primary}",
45
+ "$extensions": {
46
+ "appearance": {
47
+ "light": {
48
+ "$type": "color",
49
+ "$value": "{foreground.color.on.primary}"
50
+ },
51
+ "dark": {
52
+ "$type": "color",
53
+ "$value": "{foreground.color.on.primary}"
54
+ }
55
+ },
56
+ "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
57
+ }
58
+ },
59
+ "subdued": {
60
+ "$type": "color",
61
+ "$value": "{background.color.primary-subdued}",
62
+ "$extensions": {
63
+ "appearance": {
64
+ "light": {
65
+ "$type": "color",
66
+ "$value": "{background.color.primary-subdued}"
67
+ },
68
+ "dark": {
69
+ "$type": "color",
70
+ "$value": "{background.color.primary-subdued}"
71
+ }
72
+ },
73
+ "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
74
+ }
75
+ },
76
+ "subdued-active": {
77
+ "$type": "color",
78
+ "$value": "{background.color.primary-subdued-active}",
79
+ "$extensions": {
80
+ "appearance": {
81
+ "light": {
82
+ "$type": "color",
83
+ "$value": "{background.color.primary-subdued-active}"
84
+ },
85
+ "dark": {
86
+ "$type": "color",
87
+ "$value": "{background.color.primary-subdued-active}"
88
+ }
89
+ },
90
+ "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
91
+ }
92
+ },
93
+ "subdued-hover": {
94
+ "$type": "color",
95
+ "$value": "{background.color.primary-subdued-hover}",
96
+ "$extensions": {
97
+ "appearance": {
98
+ "light": {
99
+ "$type": "color",
100
+ "$value": "{background.color.primary-subdued-hover}"
101
+ },
102
+ "dark": {
103
+ "$type": "color",
104
+ "$value": "{background.color.primary-subdued-hover}"
105
+ }
106
+ },
107
+ "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
108
+ }
109
+ }
110
+ }
111
+ }
112
+ }
113
+ }
114
+ }
package/src/theme/core/component/tooltip.tokens.json ADDED
@@ -0,0 +1,61 @@
1
+ {
2
+ "tooltip": {
3
+ "foreground": {
4
+ "color": {
5
+ "$type": "color",
6
+ "$value": "{foreground.color.inverted}",
7
+ "$extensions": {
8
+ "appearance": {
9
+ "light": {
10
+ "$type": "color",
11
+ "$value": "{foreground.color.inverted}"
12
+ },
13
+ "dark": {
14
+ "$type": "color",
15
+ "$value": "{foreground.color.inverted}"
16
+ }
17
+ },
18
+ "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
19
+ }
20
+ }
21
+ },
22
+ "background": {
23
+ "color": {
24
+ "$type": "color",
25
+ "$value": "{background.color.inverted-strong}",
26
+ "$extensions": {
27
+ "appearance": {
28
+ "light": {
29
+ "$type": "color",
30
+ "$value": "{background.color.inverted-strong}"
31
+ },
32
+ "dark": {
33
+ "$type": "color",
34
+ "$value": "{background.color.inverted-strong}"
35
+ }
36
+ },
37
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
38
+ }
39
+ }
40
+ },
41
+ "shadow": {
42
+ "color": {
43
+ "$type": "color",
44
+ "$value": "{shadow.color.default}",
45
+ "$extensions": {
46
+ "appearance": {
47
+ "light": {
48
+ "$type": "color",
49
+ "$value": "{shadow.color.default}"
50
+ },
51
+ "dark": {
52
+ "$type": "color",
53
+ "$value": "{shadow.color.default}"
54
+ }
55
+ },
56
+ "com.figma.scopes": ["EFFECT_COLOR", "FRAME_FILL", "SHAPE_FILL"]
57
+ }
58
+ }
59
+ }
60
+ }
61
+ }
package/src/theme/core/focus.tokens.json ADDED
@@ -0,0 +1,56 @@
1
+ {
2
+ "focus": {
3
+ "ring": {
4
+ "color": {
5
+ "default": {
6
+ "$type": "color",
7
+ "$value": "{status.color.info}",
8
+ "$extensions": {
9
+ "appearance": {
10
+ "light": {
11
+ "$type": "color",
12
+ "$value": "{status.color.info}"
13
+ },
14
+ "dark": {
15
+ "$type": "color",
16
+ "$value": "{status.color.info}"
17
+ }
18
+ },
19
+ "com.figma.scopes": ["STROKE_COLOR"]
20
+ }
21
+ },
22
+ "danger": {
23
+ "$type": "color",
24
+ "$value": "{status.color.danger}",
25
+ "$extensions": {
26
+ "appearance": {
27
+ "light": {
28
+ "$type": "color",
29
+ "$value": "{status.color.danger}"
30
+ },
31
+ "dark": {
32
+ "$type": "color",
33
+ "$value": "{status.color.danger}"
34
+ }
35
+ },
36
+ "com.figma.scopes": ["STROKE_COLOR"]
37
+ }
38
+ }
39
+ },
40
+ "width": {
41
+ "$type": "dimension",
42
+ "$value": "{size.1}",
43
+ "$extensions": {
44
+ "com.figma.scopes": ["STROKE_FLOAT"]
45
+ }
46
+ },
47
+ "style": {
48
+ "$type": "strokeStyle",
49
+ "$value": "solid",
50
+ "$extensions": {
51
+ "com.figma.scopes": []
52
+ }
53
+ }
54
+ }
55
+ }
56
+ }