@seed-design/vars 0.0.1-alpha-20250210081704

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 (138) hide show
  1. package/README.md +2 -0
  2. package/lib/color/bg.d.ts +39 -0
  3. package/lib/color/bg.mjs +39 -0
  4. package/lib/color/fg.d.ts +17 -0
  5. package/lib/color/fg.mjs +17 -0
  6. package/lib/color/index.d.ts +5 -0
  7. package/lib/color/index.mjs +5 -0
  8. package/lib/color/manner-temp/index.d.ts +6 -0
  9. package/lib/color/manner-temp/index.mjs +6 -0
  10. package/lib/color/manner-temp/l1.d.ts +2 -0
  11. package/lib/color/manner-temp/l1.mjs +2 -0
  12. package/lib/color/manner-temp/l2.d.ts +2 -0
  13. package/lib/color/manner-temp/l2.mjs +2 -0
  14. package/lib/color/manner-temp/l3.d.ts +2 -0
  15. package/lib/color/manner-temp/l3.mjs +2 -0
  16. package/lib/color/manner-temp/l4.d.ts +2 -0
  17. package/lib/color/manner-temp/l4.mjs +2 -0
  18. package/lib/color/manner-temp/l5.d.ts +2 -0
  19. package/lib/color/manner-temp/l5.mjs +2 -0
  20. package/lib/color/manner-temp/l6.d.ts +2 -0
  21. package/lib/color/manner-temp/l6.mjs +2 -0
  22. package/lib/color/palette.d.ts +78 -0
  23. package/lib/color/palette.mjs +78 -0
  24. package/lib/color/stroke.d.ts +10 -0
  25. package/lib/color/stroke.mjs +10 -0
  26. package/lib/component/action-button.d.ts +491 -0
  27. package/lib/component/action-button.mjs +491 -0
  28. package/lib/component/action-chip.d.ts +128 -0
  29. package/lib/component/action-chip.mjs +128 -0
  30. package/lib/component/action-sheet-close-button.d.ts +23 -0
  31. package/lib/component/action-sheet-close-button.mjs +23 -0
  32. package/lib/component/action-sheet-item.d.ts +36 -0
  33. package/lib/component/action-sheet-item.mjs +36 -0
  34. package/lib/component/action-sheet.d.ts +45 -0
  35. package/lib/component/action-sheet.mjs +45 -0
  36. package/lib/component/avatar-stack.d.ts +60 -0
  37. package/lib/component/avatar-stack.mjs +60 -0
  38. package/lib/component/avatar.d.ts +83 -0
  39. package/lib/component/avatar.mjs +83 -0
  40. package/lib/component/badge.d.ts +223 -0
  41. package/lib/component/badge.mjs +223 -0
  42. package/lib/component/bottom-sheet.d.ts +61 -0
  43. package/lib/component/bottom-sheet.mjs +61 -0
  44. package/lib/component/callout.d.ts +185 -0
  45. package/lib/component/callout.mjs +185 -0
  46. package/lib/component/checkbox.d.ts +171 -0
  47. package/lib/component/checkbox.mjs +171 -0
  48. package/lib/component/chip-tab.d.ts +98 -0
  49. package/lib/component/chip-tab.mjs +98 -0
  50. package/lib/component/chip-tablist.d.ts +23 -0
  51. package/lib/component/chip-tablist.mjs +23 -0
  52. package/lib/component/control-chip.d.ts +156 -0
  53. package/lib/component/control-chip.mjs +156 -0
  54. package/lib/component/dialog.d.ts +49 -0
  55. package/lib/component/dialog.mjs +49 -0
  56. package/lib/component/expand-button.d.ts +41 -0
  57. package/lib/component/expand-button.mjs +41 -0
  58. package/lib/component/extended-action-sheet-close-button.d.ts +25 -0
  59. package/lib/component/extended-action-sheet-close-button.mjs +25 -0
  60. package/lib/component/extended-action-sheet-item.d.ts +46 -0
  61. package/lib/component/extended-action-sheet-item.mjs +46 -0
  62. package/lib/component/extended-action-sheet.d.ts +48 -0
  63. package/lib/component/extended-action-sheet.mjs +48 -0
  64. package/lib/component/extended-fab.d.ts +82 -0
  65. package/lib/component/extended-fab.mjs +82 -0
  66. package/lib/component/fab.d.ts +21 -0
  67. package/lib/component/fab.mjs +21 -0
  68. package/lib/component/help-bubble.d.ts +36 -0
  69. package/lib/component/help-bubble.mjs +36 -0
  70. package/lib/component/identity-placeholder.d.ts +12 -0
  71. package/lib/component/identity-placeholder.mjs +12 -0
  72. package/lib/component/index.d.ts +40 -0
  73. package/lib/component/index.mjs +40 -0
  74. package/lib/component/inline-banner.d.ts +211 -0
  75. package/lib/component/inline-banner.mjs +211 -0
  76. package/lib/component/manner-temp-badge.d.ts +77 -0
  77. package/lib/component/manner-temp-badge.mjs +77 -0
  78. package/lib/component/progress-circle.d.ts +67 -0
  79. package/lib/component/progress-circle.mjs +67 -0
  80. package/lib/component/radio.d.ts +77 -0
  81. package/lib/component/radio.mjs +77 -0
  82. package/lib/component/reaction-button.d.ts +134 -0
  83. package/lib/component/reaction-button.mjs +134 -0
  84. package/lib/component/segment.d.ts +34 -0
  85. package/lib/component/segment.mjs +34 -0
  86. package/lib/component/segmented-control-item.d.ts +34 -0
  87. package/lib/component/segmented-control-item.mjs +34 -0
  88. package/lib/component/segmented-control.d.ts +18 -0
  89. package/lib/component/segmented-control.mjs +18 -0
  90. package/lib/component/select-box-group.d.ts +9 -0
  91. package/lib/component/select-box-group.mjs +9 -0
  92. package/lib/component/select-box.d.ts +92 -0
  93. package/lib/component/select-box.mjs +92 -0
  94. package/lib/component/skeleton.d.ts +42 -0
  95. package/lib/component/skeleton.mjs +42 -0
  96. package/lib/component/snackbar.d.ts +58 -0
  97. package/lib/component/snackbar.mjs +58 -0
  98. package/lib/component/switch.d.ts +65 -0
  99. package/lib/component/switch.mjs +65 -0
  100. package/lib/component/tab.d.ts +53 -0
  101. package/lib/component/tab.mjs +53 -0
  102. package/lib/component/tablist.d.ts +51 -0
  103. package/lib/component/tablist.mjs +51 -0
  104. package/lib/component/text-button.d.ts +107 -0
  105. package/lib/component/text-button.mjs +107 -0
  106. package/lib/component/text-field.d.ts +295 -0
  107. package/lib/component/text-field.mjs +295 -0
  108. package/lib/component/toggle-button.d.ts +205 -0
  109. package/lib/component/toggle-button.mjs +205 -0
  110. package/lib/component/top-navigation.d.ts +86 -0
  111. package/lib/component/top-navigation.mjs +86 -0
  112. package/lib/component/typography.d.ts +209 -0
  113. package/lib/component/typography.mjs +209 -0
  114. package/lib/dimension/index.d.ts +22 -0
  115. package/lib/dimension/index.mjs +22 -0
  116. package/lib/dimension/spacing-x.d.ts +2 -0
  117. package/lib/dimension/spacing-x.mjs +2 -0
  118. package/lib/dimension/spacing-y.d.ts +2 -0
  119. package/lib/dimension/spacing-y.mjs +2 -0
  120. package/lib/duration.d.ts +6 -0
  121. package/lib/duration.mjs +6 -0
  122. package/lib/font-size.d.ts +13 -0
  123. package/lib/font-size.mjs +13 -0
  124. package/lib/font-weight.d.ts +3 -0
  125. package/lib/font-weight.mjs +3 -0
  126. package/lib/gradient.d.ts +1 -0
  127. package/lib/gradient.mjs +1 -0
  128. package/lib/index.d.ts +32 -0
  129. package/lib/index.mjs +1 -0
  130. package/lib/line-height.d.ts +10 -0
  131. package/lib/line-height.mjs +10 -0
  132. package/lib/radius.d.ts +11 -0
  133. package/lib/radius.mjs +11 -0
  134. package/lib/timing-function.d.ts +6 -0
  135. package/lib/timing-function.mjs +6 -0
  136. package/lib/vars.d.ts +9 -0
  137. package/lib/vars.mjs +9 -0
  138. package/package.json +43 -0
package/lib/component/action-button.mjs ADDED
@@ -0,0 +1,491 @@
1
+ export const vars = {
2
+ "base": {
3
+ "enabled": {
4
+ "root": {
5
+ "colorDuration": "var(--seed-v3-duration-s4)",
6
+ "colorTimingFunction": "var(--seed-v3-timing-function-easing)"
7
+ },
8
+ "label": {
9
+ "fontWeight": "var(--seed-v3-font-weight-bold)"
10
+ }
11
+ }
12
+ },
13
+ "variantBrandSolid": {
14
+ "enabled": {
15
+ "root": {
16
+ "color": "var(--seed-v3-color-bg-brand-solid)"
17
+ },
18
+ "label": {
19
+ "color": "var(--seed-v3-color-palette-static-white)"
20
+ },
21
+ "icon": {
22
+ "color": "var(--seed-v3-color-palette-static-white)"
23
+ },
24
+ "prefixIcon": {
25
+ "color": "var(--seed-v3-color-palette-static-white)"
26
+ },
27
+ "suffixIcon": {
28
+ "color": "var(--seed-v3-color-palette-static-white)"
29
+ },
30
+ "progressCircle": {
31
+ "trackColor": "var(--seed-v3-color-palette-static-white-alpha-200)",
32
+ "rangeColor": "var(--seed-v3-color-palette-static-white)"
33
+ }
34
+ },
35
+ "pressed": {
36
+ "root": {
37
+ "color": "var(--seed-v3-color-bg-brand-solid-pressed)"
38
+ }
39
+ },
40
+ "disabled": {
41
+ "root": {
42
+ "color": "var(--seed-v3-color-bg-disabled)"
43
+ },
44
+ "label": {
45
+ "color": "var(--seed-v3-color-fg-disabled)"
46
+ },
47
+ "icon": {
48
+ "color": "var(--seed-v3-color-fg-disabled)"
49
+ },
50
+ "prefixIcon": {
51
+ "color": "var(--seed-v3-color-fg-disabled)"
52
+ },
53
+ "suffixIcon": {
54
+ "color": "var(--seed-v3-color-fg-disabled)"
55
+ }
56
+ },
57
+ "loading": {
58
+ "root": {
59
+ "color": "var(--seed-v3-color-bg-brand-solid-pressed)"
60
+ }
61
+ }
62
+ },
63
+ "variantNeutralSolid": {
64
+ "enabled": {
65
+ "root": {
66
+ "color": "var(--seed-v3-color-bg-neutral-inverted)"
67
+ },
68
+ "label": {
69
+ "color": "var(--seed-v3-color-fg-neutral-inverted)"
70
+ },
71
+ "icon": {
72
+ "color": "var(--seed-v3-color-fg-neutral-inverted)"
73
+ },
74
+ "prefixIcon": {
75
+ "color": "var(--seed-v3-color-fg-neutral-inverted)"
76
+ },
77
+ "suffixIcon": {
78
+ "color": "var(--seed-v3-color-fg-neutral-inverted)"
79
+ },
80
+ "progressCircle": {
81
+ "trackColor": "var(--seed-v3-color-palette-static-white-alpha-200)",
82
+ "rangeColor": "var(--seed-v3-color-palette-static-white)"
83
+ }
84
+ },
85
+ "pressed": {
86
+ "root": {
87
+ "color": "var(--seed-v3-color-bg-neutral-inverted-pressed)"
88
+ }
89
+ },
90
+ "disabled": {
91
+ "root": {
92
+ "color": "var(--seed-v3-color-bg-disabled)"
93
+ },
94
+ "label": {
95
+ "color": "var(--seed-v3-color-fg-disabled)"
96
+ },
97
+ "icon": {
98
+ "color": "var(--seed-v3-color-fg-disabled)"
99
+ },
100
+ "prefixIcon": {
101
+ "color": "var(--seed-v3-color-fg-disabled)"
102
+ },
103
+ "suffixIcon": {
104
+ "color": "var(--seed-v3-color-fg-disabled)"
105
+ }
106
+ },
107
+ "loading": {
108
+ "root": {
109
+ "color": "var(--seed-v3-color-bg-neutral-inverted-pressed)"
110
+ }
111
+ }
112
+ },
113
+ "variantNeutralWeak": {
114
+ "enabled": {
115
+ "root": {
116
+ "color": "var(--seed-v3-color-bg-neutral-weak)"
117
+ },
118
+ "label": {
119
+ "color": "var(--seed-v3-color-fg-neutral)"
120
+ },
121
+ "icon": {
122
+ "color": "var(--seed-v3-color-fg-neutral)"
123
+ },
124
+ "prefixIcon": {
125
+ "color": "var(--seed-v3-color-fg-neutral)"
126
+ },
127
+ "suffixIcon": {
128
+ "color": "var(--seed-v3-color-fg-neutral)"
129
+ },
130
+ "progressCircle": {
131
+ "trackColor": "var(--seed-v3-color-palette-gray-500)",
132
+ "rangeColor": "var(--seed-v3-color-fg-neutral)"
133
+ }
134
+ },
135
+ "pressed": {
136
+ "root": {
137
+ "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
138
+ }
139
+ },
140
+ "disabled": {
141
+ "root": {
142
+ "color": "var(--seed-v3-color-bg-disabled)"
143
+ },
144
+ "label": {
145
+ "color": "var(--seed-v3-color-fg-disabled)"
146
+ },
147
+ "icon": {
148
+ "color": "var(--seed-v3-color-fg-disabled)"
149
+ },
150
+ "prefixIcon": {
151
+ "color": "var(--seed-v3-color-fg-disabled)"
152
+ },
153
+ "suffixIcon": {
154
+ "color": "var(--seed-v3-color-fg-disabled)"
155
+ }
156
+ },
157
+ "loading": {
158
+ "root": {
159
+ "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
160
+ }
161
+ }
162
+ },
163
+ "variantCriticalSolid": {
164
+ "enabled": {
165
+ "root": {
166
+ "color": "var(--seed-v3-color-bg-critical-solid)"
167
+ },
168
+ "label": {
169
+ "color": "var(--seed-v3-color-palette-static-white)"
170
+ },
171
+ "icon": {
172
+ "color": "var(--seed-v3-color-palette-static-white)"
173
+ },
174
+ "prefixIcon": {
175
+ "color": "var(--seed-v3-color-palette-static-white)"
176
+ },
177
+ "suffixIcon": {
178
+ "color": "var(--seed-v3-color-palette-static-white)"
179
+ },
180
+ "progressCircle": {
181
+ "trackColor": "var(--seed-v3-color-palette-static-white-alpha-200)",
182
+ "rangeColor": "var(--seed-v3-color-palette-static-white)"
183
+ }
184
+ },
185
+ "pressed": {
186
+ "root": {
187
+ "color": "var(--seed-v3-color-bg-critical-solid-pressed)"
188
+ }
189
+ },
190
+ "disabled": {
191
+ "root": {
192
+ "color": "var(--seed-v3-color-bg-disabled)"
193
+ },
194
+ "label": {
195
+ "color": "var(--seed-v3-color-fg-disabled)"
196
+ },
197
+ "icon": {
198
+ "color": "var(--seed-v3-color-fg-disabled)"
199
+ },
200
+ "prefixIcon": {
201
+ "color": "var(--seed-v3-color-fg-disabled)"
202
+ },
203
+ "suffixIcon": {
204
+ "color": "var(--seed-v3-color-fg-disabled)"
205
+ }
206
+ },
207
+ "loading": {
208
+ "root": {
209
+ "color": "var(--seed-v3-color-bg-critical-solid-pressed)"
210
+ }
211
+ }
212
+ },
213
+ "variantNeutralOutline": {
214
+ "enabled": {
215
+ "root": {
216
+ "color": "var(--seed-v3-color-bg-layer-default)",
217
+ "strokeColor": "var(--seed-v3-color-stroke-neutral)",
218
+ "strokeWidth": "1px"
219
+ },
220
+ "label": {
221
+ "color": "var(--seed-v3-color-fg-neutral)"
222
+ },
223
+ "icon": {
224
+ "color": "var(--seed-v3-color-fg-neutral)"
225
+ },
226
+ "prefixIcon": {
227
+ "color": "var(--seed-v3-color-fg-neutral)"
228
+ },
229
+ "suffixIcon": {
230
+ "color": "var(--seed-v3-color-fg-neutral)"
231
+ },
232
+ "progressCircle": {
233
+ "trackColor": "var(--seed-v3-color-palette-gray-500)",
234
+ "rangeColor": "var(--seed-v3-color-fg-neutral)"
235
+ }
236
+ },
237
+ "pressed": {
238
+ "root": {
239
+ "color": "var(--seed-v3-color-bg-layer-default-pressed)"
240
+ }
241
+ },
242
+ "disabled": {
243
+ "root": {
244
+ "color": "var(--seed-v3-color-bg-layer-default)",
245
+ "strokeColor": "var(--seed-v3-color-stroke-neutral)"
246
+ },
247
+ "label": {
248
+ "color": "var(--seed-v3-color-fg-disabled)"
249
+ },
250
+ "icon": {
251
+ "color": "var(--seed-v3-color-fg-disabled)"
252
+ },
253
+ "prefixIcon": {
254
+ "color": "var(--seed-v3-color-fg-disabled)"
255
+ },
256
+ "suffixIcon": {
257
+ "color": "var(--seed-v3-color-fg-disabled)"
258
+ }
259
+ },
260
+ "loading": {
261
+ "root": {
262
+ "color": "var(--seed-v3-color-bg-layer-default)"
263
+ }
264
+ }
265
+ },
266
+ "variantBrandOutline": {
267
+ "enabled": {
268
+ "root": {
269
+ "color": "var(--seed-v3-color-bg-layer-default)",
270
+ "strokeColor": "var(--seed-v3-color-stroke-neutral)",
271
+ "strokeWidth": "1px"
272
+ },
273
+ "label": {
274
+ "color": "var(--seed-v3-color-fg-brand)"
275
+ },
276
+ "icon": {
277
+ "color": "var(--seed-v3-color-fg-brand)"
278
+ },
279
+ "prefixIcon": {
280
+ "color": "var(--seed-v3-color-fg-brand)"
281
+ },
282
+ "suffixIcon": {
283
+ "color": "var(--seed-v3-color-fg-brand)"
284
+ },
285
+ "progressCircle": {
286
+ "trackColor": "var(--seed-v3-color-palette-carrot-200)",
287
+ "rangeColor": "var(--seed-v3-color-bg-brand-solid)"
288
+ }
289
+ },
290
+ "pressed": {
291
+ "root": {
292
+ "color": "var(--seed-v3-color-bg-layer-default-pressed)"
293
+ }
294
+ },
295
+ "disabled": {
296
+ "root": {
297
+ "color": "var(--seed-v3-color-bg-layer-default)",
298
+ "strokeColor": "var(--seed-v3-color-stroke-neutral)"
299
+ },
300
+ "label": {
301
+ "color": "var(--seed-v3-color-fg-disabled)"
302
+ },
303
+ "icon": {
304
+ "color": "var(--seed-v3-color-fg-disabled)"
305
+ },
306
+ "prefixIcon": {
307
+ "color": "var(--seed-v3-color-fg-disabled)"
308
+ },
309
+ "suffixIcon": {
310
+ "color": "var(--seed-v3-color-fg-disabled)"
311
+ }
312
+ },
313
+ "loading": {
314
+ "root": {
315
+ "color": "var(--seed-v3-color-bg-layer-default)"
316
+ }
317
+ }
318
+ },
319
+ "sizeXsmall": {
320
+ "enabled": {
321
+ "root": {
322
+ "minHeight": "var(--seed-v3-dimension-s8)",
323
+ "cornerRadius": "var(--seed-v3-radius-full)"
324
+ },
325
+ "progressCircle": {
326
+ "size": "14px",
327
+ "thickness": "2px"
328
+ }
329
+ }
330
+ },
331
+ "sizeXsmallLayoutWithText": {
332
+ "enabled": {
333
+ "root": {
334
+ "gap": "var(--seed-v3-dimension-s1)",
335
+ "paddingX": "var(--seed-v3-dimension-s3_5)",
336
+ "paddingY": "var(--seed-v3-dimension-s1_5)"
337
+ },
338
+ "prefixIcon": {
339
+ "size": "var(--seed-v3-dimension-s3_5)"
340
+ },
341
+ "suffixIcon": {
342
+ "size": "var(--seed-v3-dimension-s3_5)"
343
+ },
344
+ "label": {
345
+ "fontSize": "var(--seed-v3-font-size-s4)",
346
+ "lineHeight": "var(--seed-v3-line-height-s4)"
347
+ }
348
+ }
349
+ },
350
+ "sizeXsmallLayoutIconOnly": {
351
+ "enabled": {
352
+ "root": {
353
+ "minWidth": "var(--seed-v3-dimension-s8)",
354
+ "paddingX": "var(--seed-v3-dimension-s1_5)",
355
+ "paddingY": "var(--seed-v3-dimension-s1_5)"
356
+ },
357
+ "icon": {
358
+ "size": "var(--seed-v3-dimension-s3_5)"
359
+ }
360
+ }
361
+ },
362
+ "sizeSmall": {
363
+ "enabled": {
364
+ "root": {
365
+ "minHeight": "var(--seed-v3-dimension-s9)",
366
+ "cornerRadius": "var(--seed-v3-radius-s2)"
367
+ },
368
+ "progressCircle": {
369
+ "size": "14px",
370
+ "thickness": "2px"
371
+ }
372
+ }
373
+ },
374
+ "sizeSmallLayoutWithText": {
375
+ "enabled": {
376
+ "root": {
377
+ "gap": "var(--seed-v3-dimension-s1)",
378
+ "paddingX": "var(--seed-v3-dimension-s3_5)",
379
+ "paddingY": "var(--seed-v3-dimension-s2)"
380
+ },
381
+ "prefixIcon": {
382
+ "size": "var(--seed-v3-dimension-s3_5)"
383
+ },
384
+ "suffixIcon": {
385
+ "size": "var(--seed-v3-dimension-s3_5)"
386
+ },
387
+ "label": {
388
+ "fontSize": "var(--seed-v3-font-size-s4)",
389
+ "lineHeight": "var(--seed-v3-line-height-s4)"
390
+ }
391
+ }
392
+ },
393
+ "sizeSmallLayoutIconOnly": {
394
+ "enabled": {
395
+ "root": {
396
+ "minWidth": "var(--seed-v3-dimension-s9)",
397
+ "paddingX": "var(--seed-v3-dimension-s2)",
398
+ "paddingY": "var(--seed-v3-dimension-s2)"
399
+ },
400
+ "icon": {
401
+ "size": "var(--seed-v3-dimension-s4)"
402
+ }
403
+ }
404
+ },
405
+ "sizeMedium": {
406
+ "enabled": {
407
+ "root": {
408
+ "minHeight": "var(--seed-v3-dimension-s10)",
409
+ "cornerRadius": "var(--seed-v3-radius-s2)"
410
+ },
411
+ "progressCircle": {
412
+ "size": "16px",
413
+ "thickness": "2px"
414
+ }
415
+ }
416
+ },
417
+ "sizeMediumLayoutWithText": {
418
+ "enabled": {
419
+ "root": {
420
+ "gap": "var(--seed-v3-dimension-s1)",
421
+ "paddingX": "var(--seed-v3-dimension-s4)",
422
+ "paddingY": "var(--seed-v3-dimension-s2_5)"
423
+ },
424
+ "prefixIcon": {
425
+ "size": "var(--seed-v3-dimension-s4)"
426
+ },
427
+ "suffixIcon": {
428
+ "size": "var(--seed-v3-dimension-s4)"
429
+ },
430
+ "label": {
431
+ "fontSize": "var(--seed-v3-font-size-s4)",
432
+ "lineHeight": "var(--seed-v3-line-height-s4)"
433
+ }
434
+ }
435
+ },
436
+ "sizeMediumLayoutIconOnly": {
437
+ "enabled": {
438
+ "root": {
439
+ "minWidth": "var(--seed-v3-dimension-s10)",
440
+ "paddingX": "var(--seed-v3-dimension-s2_5)",
441
+ "paddingY": "var(--seed-v3-dimension-s2_5)"
442
+ },
443
+ "icon": {
444
+ "size": "18px"
445
+ }
446
+ }
447
+ },
448
+ "sizeLarge": {
449
+ "enabled": {
450
+ "root": {
451
+ "minHeight": "var(--seed-v3-dimension-s13)",
452
+ "cornerRadius": "var(--seed-v3-radius-s3)"
453
+ },
454
+ "progressCircle": {
455
+ "size": "18px",
456
+ "thickness": "2px"
457
+ }
458
+ }
459
+ },
460
+ "sizeLargeLayoutWithText": {
461
+ "enabled": {
462
+ "root": {
463
+ "gap": "var(--seed-v3-dimension-s2)",
464
+ "paddingX": "var(--seed-v3-dimension-s5)",
465
+ "paddingY": "var(--seed-v3-dimension-s3_5)"
466
+ },
467
+ "prefixIcon": {
468
+ "size": "22px"
469
+ },
470
+ "suffixIcon": {
471
+ "size": "22px"
472
+ },
473
+ "label": {
474
+ "fontSize": "var(--seed-v3-font-size-s6)",
475
+ "lineHeight": "var(--seed-v3-line-height-s6)"
476
+ }
477
+ }
478
+ },
479
+ "sizeLargeLayoutIconOnly": {
480
+ "enabled": {
481
+ "root": {
482
+ "minWidth": "var(--seed-v3-dimension-s13)",
483
+ "paddingX": "var(--seed-v3-dimension-s3_5)",
484
+ "paddingY": "var(--seed-v3-dimension-s3_5)"
485
+ },
486
+ "icon": {
487
+ "size": "22px"
488
+ }
489
+ }
490
+ }
491
+ }
package/lib/component/action-chip.d.ts ADDED
@@ -0,0 +1,128 @@
1
+ export declare const vars: {
2
+ "base": {
3
+ "enabled": {
4
+ "root": {
5
+ "color": "var(--seed-v3-color-bg-neutral-weak)",
6
+ "cornerRadius": "var(--seed-v3-radius-full)"
7
+ },
8
+ "label": {
9
+ "color": "var(--seed-v3-color-fg-neutral)",
10
+ "fontWeight": "var(--seed-v3-font-weight-medium)"
11
+ },
12
+ "prefixIcon": {
13
+ "color": "var(--seed-v3-color-fg-neutral)"
14
+ },
15
+ "suffixIcon": {
16
+ "color": "var(--seed-v3-color-fg-neutral-subtle)"
17
+ },
18
+ "icon": {
19
+ "color": "var(--seed-v3-color-fg-neutral)"
20
+ },
21
+ "count": {
22
+ "color": "var(--seed-v3-color-fg-neutral-muted)",
23
+ "fontWeight": "var(--seed-v3-font-weight-medium)"
24
+ }
25
+ },
26
+ "pressed": {
27
+ "root": {
28
+ "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
29
+ }
30
+ },
31
+ "disabled": {
32
+ "root": {
33
+ "color": "var(--seed-v3-color-bg-disabled)"
34
+ },
35
+ "label": {
36
+ "color": "var(--seed-v3-color-fg-disabled)"
37
+ },
38
+ "prefixIcon": {
39
+ "color": "var(--seed-v3-color-fg-disabled)"
40
+ },
41
+ "suffixIcon": {
42
+ "color": "var(--seed-v3-color-fg-disabled)"
43
+ },
44
+ "icon": {
45
+ "color": "var(--seed-v3-color-fg-disabled)"
46
+ },
47
+ "count": {
48
+ "color": "var(--seed-v3-color-fg-disabled)"
49
+ }
50
+ }
51
+ },
52
+ "sizeSmall": {
53
+ "enabled": {
54
+ "root": {
55
+ "minHeight": "var(--seed-v3-dimension-s8)",
56
+ "paddingY": "var(--seed-v3-dimension-s1_5)",
57
+ "gap": "var(--seed-v3-dimension-s1)"
58
+ },
59
+ "label": {
60
+ "fontSize": "var(--seed-v3-font-size-s4)"
61
+ },
62
+ "prefixIcon": {
63
+ "size": "var(--seed-v3-dimension-s4)"
64
+ },
65
+ "suffixIcon": {
66
+ "size": "var(--seed-v3-dimension-s3_5)"
67
+ },
68
+ "count": {
69
+ "fontSize": "var(--seed-v3-font-size-s4)"
70
+ }
71
+ }
72
+ },
73
+ "sizeMedium": {
74
+ "enabled": {
75
+ "root": {
76
+ "minHeight": "var(--seed-v3-dimension-s9)",
77
+ "paddingY": "var(--seed-v3-dimension-s2)",
78
+ "gap": "var(--seed-v3-dimension-s1)"
79
+ },
80
+ "label": {
81
+ "fontSize": "var(--seed-v3-font-size-s4)"
82
+ },
83
+ "prefixIcon": {
84
+ "size": "var(--seed-v3-dimension-s4)"
85
+ },
86
+ "suffixIcon": {
87
+ "size": "var(--seed-v3-dimension-s3_5)"
88
+ },
89
+ "count": {
90
+ "fontSize": "var(--seed-v3-font-size-s4)"
91
+ }
92
+ }
93
+ },
94
+ "sizeSmallLayoutWithText": {
95
+ "enabled": {
96
+ "root": {
97
+ "paddingX": "var(--seed-v3-dimension-s3)"
98
+ }
99
+ }
100
+ },
101
+ "sizeSmallLayoutIconOnly": {
102
+ "enabled": {
103
+ "root": {
104
+ "minWidth": "var(--seed-v3-dimension-s8)"
105
+ },
106
+ "icon": {
107
+ "size": "var(--seed-v3-dimension-s4)"
108
+ }
109
+ }
110
+ },
111
+ "sizeMediumLayoutWithText": {
112
+ "enabled": {
113
+ "root": {
114
+ "paddingX": "var(--seed-v3-dimension-s3_5)"
115
+ }
116
+ }
117
+ },
118
+ "sizeMediumLayoutIconOnly": {
119
+ "enabled": {
120
+ "root": {
121
+ "minWidth": "var(--seed-v3-dimension-s9)"
122
+ },
123
+ "icon": {
124
+ "size": "var(--seed-v3-dimension-s4)"
125
+ }
126
+ }
127
+ }
128
+ }