@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/text-field.mjs ADDED
@@ -0,0 +1,295 @@
1
+ export const vars = {
2
+ "base": {
3
+ "enabled": {
4
+ "label": {
5
+ "color": "var(--seed-v3-color-fg-neutral)",
6
+ "fontWeight": "var(--seed-v3-font-weight-bold)"
7
+ },
8
+ "indicator": {
9
+ "color": "var(--seed-v3-color-fg-neutral)",
10
+ "fontWeight": "var(--seed-v3-font-weight-regular)"
11
+ },
12
+ "field": {
13
+ "color": "var(--seed-v3-color-bg-layer-default)",
14
+ "strokeWidth": "1px",
15
+ "strokeColor": "var(--seed-v3-color-stroke-field)"
16
+ },
17
+ "value": {
18
+ "color": "var(--seed-v3-color-fg-neutral)"
19
+ },
20
+ "placeholder": {
21
+ "color": "var(--seed-v3-color-fg-placeholder)"
22
+ },
23
+ "prefixText": {
24
+ "color": "var(--seed-v3-color-fg-neutral)"
25
+ },
26
+ "prefixIcon": {
27
+ "color": "var(--seed-v3-color-fg-neutral)"
28
+ },
29
+ "suffixText": {
30
+ "color": "var(--seed-v3-color-fg-neutral)"
31
+ },
32
+ "suffixIcon": {
33
+ "color": "var(--seed-v3-color-fg-neutral)"
34
+ },
35
+ "description": {
36
+ "color": "var(--seed-v3-color-fg-neutral-subtle)",
37
+ "fontWeight": "var(--seed-v3-font-weight-regular)"
38
+ },
39
+ "errorMessage": {
40
+ "color": "var(--seed-v3-color-fg-critical)",
41
+ "fontWeight": "var(--seed-v3-font-weight-regular)"
42
+ },
43
+ "characterCount": {
44
+ "color": "var(--seed-v3-color-fg-neutral)",
45
+ "fontWeight": "var(--seed-v3-font-weight-regular)"
46
+ },
47
+ "maxCharacterCount": {
48
+ "color": "var(--seed-v3-color-fg-neutral-subtle)",
49
+ "fontWeight": "var(--seed-v3-font-weight-regular)"
50
+ }
51
+ },
52
+ "focused": {
53
+ "field": {
54
+ "strokeColor": "var(--seed-v3-color-stroke-field-focused)"
55
+ }
56
+ },
57
+ "invalid": {
58
+ "field": {
59
+ "color": "var(--seed-v3-color-bg-critical-weak)",
60
+ "strokeColor": "var(--seed-v3-color-stroke-critical)"
61
+ }
62
+ },
63
+ "invalidFocused": {
64
+ "field": {
65
+ "color": "var(--seed-v3-color-bg-layer-default)",
66
+ "strokeColor": "var(--seed-v3-color-stroke-field)"
67
+ }
68
+ },
69
+ "readonly": {
70
+ "field": {
71
+ "color": "var(--seed-v3-color-bg-disabled)"
72
+ }
73
+ },
74
+ "disabled": {
75
+ "field": {
76
+ "color": "var(--seed-v3-color-bg-disabled)"
77
+ },
78
+ "value": {
79
+ "color": "var(--seed-v3-color-fg-disabled)"
80
+ },
81
+ "placeholder": {
82
+ "color": "var(--seed-v3-color-fg-disabled)"
83
+ },
84
+ "prefixText": {
85
+ "color": "var(--seed-v3-color-fg-disabled)"
86
+ },
87
+ "prefixIcon": {
88
+ "color": "var(--seed-v3-color-fg-disabled)"
89
+ },
90
+ "suffixText": {
91
+ "color": "var(--seed-v3-color-fg-disabled)"
92
+ },
93
+ "suffixIcon": {
94
+ "color": "var(--seed-v3-color-fg-disabled)"
95
+ }
96
+ }
97
+ },
98
+ "sizeXlarge": {
99
+ "enabled": {
100
+ "header": {
101
+ "paddingBottom": "var(--seed-v3-dimension-s3)",
102
+ "gap": "var(--seed-v3-dimension-s1_5)"
103
+ },
104
+ "label": {
105
+ "fontSize": "var(--seed-v3-font-size-s5)",
106
+ "lineHeight": "var(--seed-v3-line-height-s5)"
107
+ },
108
+ "indicator": {
109
+ "fontSize": "var(--seed-v3-font-size-s5)",
110
+ "lineHeight": "var(--seed-v3-line-height-s5)"
111
+ },
112
+ "field": {
113
+ "minHeight": "56px",
114
+ "cornerRadius": "var(--seed-v3-radius-s2_5)",
115
+ "gap": "var(--seed-v3-dimension-s2)",
116
+ "paddingX": "var(--seed-v3-dimension-s4)",
117
+ "paddingY": "var(--seed-v3-dimension-s3)"
118
+ },
119
+ "value": {
120
+ "fontSize": "var(--seed-v3-font-size-s6)",
121
+ "lineHeight": "var(--seed-v3-line-height-s6)"
122
+ },
123
+ "prefixText": {
124
+ "fontSize": "var(--seed-v3-font-size-s6)",
125
+ "lineHeight": "var(--seed-v3-line-height-s6)"
126
+ },
127
+ "prefixIcon": {
128
+ "size": "var(--seed-v3-dimension-s5)"
129
+ },
130
+ "suffixText": {
131
+ "fontSize": "var(--seed-v3-font-size-s6)",
132
+ "lineHeight": "var(--seed-v3-line-height-s6)"
133
+ },
134
+ "suffixIcon": {
135
+ "size": "var(--seed-v3-dimension-s5)"
136
+ },
137
+ "footer": {
138
+ "gap": "var(--seed-v3-dimension-s3_5)",
139
+ "paddingTop": "var(--seed-v3-dimension-s2)",
140
+ "minHeight": "20px"
141
+ },
142
+ "description": {
143
+ "fontSize": "var(--seed-v3-font-size-s4)",
144
+ "lineHeight": "var(--seed-v3-line-height-s4)"
145
+ },
146
+ "errorMessage": {
147
+ "fontSize": "var(--seed-v3-font-size-s4)",
148
+ "lineHeight": "var(--seed-v3-line-height-s4)"
149
+ },
150
+ "errorIcon": {
151
+ "size": "var(--seed-v3-dimension-s4)",
152
+ "marginRight": "var(--seed-v3-dimension-s1)"
153
+ },
154
+ "characterCount": {
155
+ "fontSize": "var(--seed-v3-font-size-s2)",
156
+ "lineHeight": "var(--seed-v3-line-height-s2)"
157
+ },
158
+ "maxCharacterCount": {
159
+ "fontSize": "var(--seed-v3-font-size-s2)",
160
+ "lineHeight": "var(--seed-v3-line-height-s2)"
161
+ }
162
+ }
163
+ },
164
+ "sizeLarge": {
165
+ "enabled": {
166
+ "header": {
167
+ "paddingBottom": "var(--seed-v3-dimension-s3)",
168
+ "gap": "var(--seed-v3-dimension-s1_5)"
169
+ },
170
+ "label": {
171
+ "fontSize": "var(--seed-v3-font-size-s5)",
172
+ "lineHeight": "var(--seed-v3-line-height-s5)"
173
+ },
174
+ "indicator": {
175
+ "fontSize": "var(--seed-v3-font-size-s5)",
176
+ "lineHeight": "var(--seed-v3-line-height-s5)"
177
+ },
178
+ "field": {
179
+ "minHeight": "52px",
180
+ "cornerRadius": "var(--seed-v3-radius-s2_5)",
181
+ "gap": "var(--seed-v3-dimension-s2)",
182
+ "paddingX": "var(--seed-v3-dimension-s4)",
183
+ "paddingY": "var(--seed-v3-dimension-s3)"
184
+ },
185
+ "value": {
186
+ "fontSize": "var(--seed-v3-font-size-s5)",
187
+ "lineHeight": "var(--seed-v3-line-height-s5)"
188
+ },
189
+ "prefixText": {
190
+ "fontSize": "var(--seed-v3-font-size-s5)",
191
+ "lineHeight": "var(--seed-v3-line-height-s5)"
192
+ },
193
+ "prefixIcon": {
194
+ "size": "var(--seed-v3-dimension-s5)"
195
+ },
196
+ "suffixText": {
197
+ "fontSize": "var(--seed-v3-font-size-s5)",
198
+ "lineHeight": "var(--seed-v3-line-height-s5)"
199
+ },
200
+ "suffixIcon": {
201
+ "size": "var(--seed-v3-dimension-s5)"
202
+ },
203
+ "footer": {
204
+ "gap": "var(--seed-v3-dimension-s3_5)",
205
+ "paddingTop": "var(--seed-v3-dimension-s2)",
206
+ "minHeight": "20px"
207
+ },
208
+ "description": {
209
+ "fontSize": "var(--seed-v3-font-size-s4)",
210
+ "lineHeight": "var(--seed-v3-line-height-s4)"
211
+ },
212
+ "errorMessage": {
213
+ "fontSize": "var(--seed-v3-font-size-s4)",
214
+ "lineHeight": "var(--seed-v3-line-height-s4)"
215
+ },
216
+ "errorIcon": {
217
+ "size": "var(--seed-v3-dimension-s4)",
218
+ "marginRight": "var(--seed-v3-dimension-s1)"
219
+ },
220
+ "characterCount": {
221
+ "fontSize": "var(--seed-v3-font-size-s2)",
222
+ "lineHeight": "var(--seed-v3-line-height-s2)"
223
+ },
224
+ "maxCharacterCount": {
225
+ "fontSize": "var(--seed-v3-font-size-s2)",
226
+ "lineHeight": "var(--seed-v3-line-height-s2)"
227
+ }
228
+ }
229
+ },
230
+ "sizeMedium": {
231
+ "enabled": {
232
+ "header": {
233
+ "paddingBottom": "var(--seed-v3-dimension-s3)"
234
+ },
235
+ "label": {
236
+ "fontSize": "var(--seed-v3-font-size-s4)",
237
+ "lineHeight": "var(--seed-v3-line-height-s4)"
238
+ },
239
+ "indicator": {
240
+ "fontSize": "var(--seed-v3-font-size-s4)",
241
+ "lineHeight": "var(--seed-v3-line-height-s4)"
242
+ },
243
+ "field": {
244
+ "minHeight": "40px",
245
+ "cornerRadius": "var(--seed-v3-radius-s2)",
246
+ "gap": "var(--seed-v3-dimension-s1_5)",
247
+ "paddingX": "var(--seed-v3-dimension-s3_5)",
248
+ "paddingY": "var(--seed-v3-dimension-s2_5)"
249
+ },
250
+ "value": {
251
+ "fontSize": "var(--seed-v3-font-size-s4)",
252
+ "lineHeight": "var(--seed-v3-line-height-s4)"
253
+ },
254
+ "prefixText": {
255
+ "fontSize": "var(--seed-v3-font-size-s4)",
256
+ "lineHeight": "var(--seed-v3-line-height-s4)"
257
+ },
258
+ "prefixIcon": {
259
+ "size": "var(--seed-v3-dimension-s4)"
260
+ },
261
+ "suffixText": {
262
+ "fontSize": "var(--seed-v3-font-size-s4)",
263
+ "lineHeight": "var(--seed-v3-line-height-s4)"
264
+ },
265
+ "suffixIcon": {
266
+ "size": "var(--seed-v3-dimension-s4)"
267
+ },
268
+ "footer": {
269
+ "gap": "var(--seed-v3-dimension-s3_5)",
270
+ "paddingTop": "var(--seed-v3-dimension-s2)",
271
+ "minHeight": "var(--seed-v3-dimension-s4)"
272
+ },
273
+ "description": {
274
+ "fontSize": "var(--seed-v3-font-size-s2)",
275
+ "lineHeight": "var(--seed-v3-line-height-s2)"
276
+ },
277
+ "errorMessage": {
278
+ "fontSize": "var(--seed-v3-font-size-s2)",
279
+ "lineHeight": "var(--seed-v3-line-height-s2)"
280
+ },
281
+ "errorIcon": {
282
+ "size": "var(--seed-v3-dimension-s3_5)",
283
+ "marginRight": "var(--seed-v3-dimension-s1)"
284
+ },
285
+ "characterCount": {
286
+ "fontSize": "var(--seed-v3-font-size-s2)",
287
+ "lineHeight": "var(--seed-v3-line-height-s2)"
288
+ },
289
+ "maxCharacterCount": {
290
+ "fontSize": "var(--seed-v3-font-size-s2)",
291
+ "lineHeight": "var(--seed-v3-line-height-s2)"
292
+ }
293
+ }
294
+ }
295
+ }
package/lib/component/toggle-button.d.ts ADDED
@@ -0,0 +1,205 @@
1
+ export declare 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
+ "prefixIcon": {
22
+ "color": "var(--seed-v3-color-palette-static-white)"
23
+ },
24
+ "suffixIcon": {
25
+ "color": "var(--seed-v3-color-palette-static-white)"
26
+ },
27
+ "progressCircle": {
28
+ "trackColor": "var(--seed-v3-color-palette-static-white-alpha-200)",
29
+ "rangeColor": "var(--seed-v3-color-palette-static-white)"
30
+ }
31
+ },
32
+ "pressed": {
33
+ "root": {
34
+ "color": "var(--seed-v3-color-bg-brand-solid-pressed)"
35
+ }
36
+ },
37
+ "selected": {
38
+ "root": {
39
+ "color": "var(--seed-v3-color-bg-neutral-weak)"
40
+ },
41
+ "label": {
42
+ "color": "var(--seed-v3-color-fg-neutral)"
43
+ },
44
+ "prefixIcon": {
45
+ "color": "var(--seed-v3-color-fg-neutral)"
46
+ },
47
+ "suffixIcon": {
48
+ "color": "var(--seed-v3-color-fg-neutral)"
49
+ },
50
+ "progressCircle": {
51
+ "trackColor": "var(--seed-v3-color-palette-gray-500)",
52
+ "rangeColor": "var(--seed-v3-color-fg-neutral)"
53
+ }
54
+ },
55
+ "selectedPressed": {
56
+ "root": {
57
+ "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
58
+ }
59
+ },
60
+ "disabled": {
61
+ "root": {
62
+ "color": "var(--seed-v3-color-bg-disabled)"
63
+ },
64
+ "label": {
65
+ "color": "var(--seed-v3-color-fg-disabled)"
66
+ },
67
+ "prefixIcon": {
68
+ "color": "var(--seed-v3-color-fg-disabled)"
69
+ },
70
+ "suffixIcon": {
71
+ "color": "var(--seed-v3-color-fg-disabled)"
72
+ }
73
+ },
74
+ "loading": {
75
+ "root": {
76
+ "color": "var(--seed-v3-color-bg-brand-solid-pressed)"
77
+ }
78
+ },
79
+ "selectedLoading": {
80
+ "root": {
81
+ "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
82
+ }
83
+ }
84
+ },
85
+ "variantNeutralWeak": {
86
+ "enabled": {
87
+ "root": {
88
+ "color": "var(--seed-v3-color-bg-neutral-weak)"
89
+ },
90
+ "label": {
91
+ "color": "var(--seed-v3-color-fg-neutral)"
92
+ },
93
+ "prefixIcon": {
94
+ "color": "var(--seed-v3-color-fg-neutral)"
95
+ },
96
+ "suffixIcon": {
97
+ "color": "var(--seed-v3-color-fg-neutral)"
98
+ },
99
+ "progressCircle": {
100
+ "trackColor": "var(--seed-v3-color-palette-gray-500)",
101
+ "rangeColor": "var(--seed-v3-color-fg-neutral)"
102
+ }
103
+ },
104
+ "pressed": {
105
+ "root": {
106
+ "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
107
+ }
108
+ },
109
+ "selected": {
110
+ "root": {
111
+ "color": "var(--seed-v3-color-bg-neutral-weak)"
112
+ },
113
+ "label": {
114
+ "color": "var(--seed-v3-color-fg-neutral)"
115
+ },
116
+ "prefixIcon": {
117
+ "color": "var(--seed-v3-color-fg-neutral)"
118
+ },
119
+ "suffixIcon": {
120
+ "color": "var(--seed-v3-color-fg-neutral)"
121
+ },
122
+ "progressCircle": {
123
+ "trackColor": "var(--seed-v3-color-palette-gray-500)",
124
+ "rangeColor": "var(--seed-v3-color-fg-neutral)"
125
+ }
126
+ },
127
+ "selectedPressed": {
128
+ "root": {
129
+ "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
130
+ }
131
+ },
132
+ "disabled": {
133
+ "root": {
134
+ "color": "var(--seed-v3-color-bg-disabled)"
135
+ },
136
+ "label": {
137
+ "color": "var(--seed-v3-color-fg-disabled)"
138
+ },
139
+ "prefixIcon": {
140
+ "color": "var(--seed-v3-color-fg-disabled)"
141
+ },
142
+ "suffixIcon": {
143
+ "color": "var(--seed-v3-color-fg-disabled)"
144
+ }
145
+ },
146
+ "loading": {
147
+ "root": {
148
+ "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
149
+ }
150
+ },
151
+ "selectedLoading": {
152
+ "root": {
153
+ "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
154
+ }
155
+ }
156
+ },
157
+ "sizeXsmall": {
158
+ "enabled": {
159
+ "root": {
160
+ "minHeight": "var(--seed-v3-dimension-s8)",
161
+ "cornerRadius": "var(--seed-v3-radius-full)",
162
+ "gap": "var(--seed-v3-dimension-s1)",
163
+ "paddingX": "var(--seed-v3-dimension-s3_5)",
164
+ "paddingY": "var(--seed-v3-dimension-s1_5)"
165
+ },
166
+ "prefixIcon": {
167
+ "size": "var(--seed-v3-dimension-s3_5)"
168
+ },
169
+ "suffixIcon": {
170
+ "size": "var(--seed-v3-dimension-s3_5)"
171
+ },
172
+ "label": {
173
+ "fontSize": "var(--seed-v3-font-size-s4)"
174
+ },
175
+ "progressCircle": {
176
+ "size": "14px",
177
+ "thickness": "2px"
178
+ }
179
+ }
180
+ },
181
+ "sizeSmall": {
182
+ "enabled": {
183
+ "root": {
184
+ "minHeight": "var(--seed-v3-dimension-s9)",
185
+ "cornerRadius": "var(--seed-v3-radius-full)",
186
+ "gap": "var(--seed-v3-dimension-s1)",
187
+ "paddingX": "var(--seed-v3-dimension-s4)",
188
+ "paddingY": "var(--seed-v3-dimension-s2)"
189
+ },
190
+ "prefixIcon": {
191
+ "size": "var(--seed-v3-dimension-s3_5)"
192
+ },
193
+ "suffixIcon": {
194
+ "size": "var(--seed-v3-dimension-s3_5)"
195
+ },
196
+ "label": {
197
+ "fontSize": "var(--seed-v3-font-size-s4)"
198
+ },
199
+ "progressCircle": {
200
+ "size": "14px",
201
+ "thickness": "2px"
202
+ }
203
+ }
204
+ }
205
+ }
package/lib/component/toggle-button.mjs ADDED
@@ -0,0 +1,205 @@
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
+ "prefixIcon": {
22
+ "color": "var(--seed-v3-color-palette-static-white)"
23
+ },
24
+ "suffixIcon": {
25
+ "color": "var(--seed-v3-color-palette-static-white)"
26
+ },
27
+ "progressCircle": {
28
+ "trackColor": "var(--seed-v3-color-palette-static-white-alpha-200)",
29
+ "rangeColor": "var(--seed-v3-color-palette-static-white)"
30
+ }
31
+ },
32
+ "pressed": {
33
+ "root": {
34
+ "color": "var(--seed-v3-color-bg-brand-solid-pressed)"
35
+ }
36
+ },
37
+ "selected": {
38
+ "root": {
39
+ "color": "var(--seed-v3-color-bg-neutral-weak)"
40
+ },
41
+ "label": {
42
+ "color": "var(--seed-v3-color-fg-neutral)"
43
+ },
44
+ "prefixIcon": {
45
+ "color": "var(--seed-v3-color-fg-neutral)"
46
+ },
47
+ "suffixIcon": {
48
+ "color": "var(--seed-v3-color-fg-neutral)"
49
+ },
50
+ "progressCircle": {
51
+ "trackColor": "var(--seed-v3-color-palette-gray-500)",
52
+ "rangeColor": "var(--seed-v3-color-fg-neutral)"
53
+ }
54
+ },
55
+ "selectedPressed": {
56
+ "root": {
57
+ "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
58
+ }
59
+ },
60
+ "disabled": {
61
+ "root": {
62
+ "color": "var(--seed-v3-color-bg-disabled)"
63
+ },
64
+ "label": {
65
+ "color": "var(--seed-v3-color-fg-disabled)"
66
+ },
67
+ "prefixIcon": {
68
+ "color": "var(--seed-v3-color-fg-disabled)"
69
+ },
70
+ "suffixIcon": {
71
+ "color": "var(--seed-v3-color-fg-disabled)"
72
+ }
73
+ },
74
+ "loading": {
75
+ "root": {
76
+ "color": "var(--seed-v3-color-bg-brand-solid-pressed)"
77
+ }
78
+ },
79
+ "selectedLoading": {
80
+ "root": {
81
+ "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
82
+ }
83
+ }
84
+ },
85
+ "variantNeutralWeak": {
86
+ "enabled": {
87
+ "root": {
88
+ "color": "var(--seed-v3-color-bg-neutral-weak)"
89
+ },
90
+ "label": {
91
+ "color": "var(--seed-v3-color-fg-neutral)"
92
+ },
93
+ "prefixIcon": {
94
+ "color": "var(--seed-v3-color-fg-neutral)"
95
+ },
96
+ "suffixIcon": {
97
+ "color": "var(--seed-v3-color-fg-neutral)"
98
+ },
99
+ "progressCircle": {
100
+ "trackColor": "var(--seed-v3-color-palette-gray-500)",
101
+ "rangeColor": "var(--seed-v3-color-fg-neutral)"
102
+ }
103
+ },
104
+ "pressed": {
105
+ "root": {
106
+ "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
107
+ }
108
+ },
109
+ "selected": {
110
+ "root": {
111
+ "color": "var(--seed-v3-color-bg-neutral-weak)"
112
+ },
113
+ "label": {
114
+ "color": "var(--seed-v3-color-fg-neutral)"
115
+ },
116
+ "prefixIcon": {
117
+ "color": "var(--seed-v3-color-fg-neutral)"
118
+ },
119
+ "suffixIcon": {
120
+ "color": "var(--seed-v3-color-fg-neutral)"
121
+ },
122
+ "progressCircle": {
123
+ "trackColor": "var(--seed-v3-color-palette-gray-500)",
124
+ "rangeColor": "var(--seed-v3-color-fg-neutral)"
125
+ }
126
+ },
127
+ "selectedPressed": {
128
+ "root": {
129
+ "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
130
+ }
131
+ },
132
+ "disabled": {
133
+ "root": {
134
+ "color": "var(--seed-v3-color-bg-disabled)"
135
+ },
136
+ "label": {
137
+ "color": "var(--seed-v3-color-fg-disabled)"
138
+ },
139
+ "prefixIcon": {
140
+ "color": "var(--seed-v3-color-fg-disabled)"
141
+ },
142
+ "suffixIcon": {
143
+ "color": "var(--seed-v3-color-fg-disabled)"
144
+ }
145
+ },
146
+ "loading": {
147
+ "root": {
148
+ "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
149
+ }
150
+ },
151
+ "selectedLoading": {
152
+ "root": {
153
+ "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
154
+ }
155
+ }
156
+ },
157
+ "sizeXsmall": {
158
+ "enabled": {
159
+ "root": {
160
+ "minHeight": "var(--seed-v3-dimension-s8)",
161
+ "cornerRadius": "var(--seed-v3-radius-full)",
162
+ "gap": "var(--seed-v3-dimension-s1)",
163
+ "paddingX": "var(--seed-v3-dimension-s3_5)",
164
+ "paddingY": "var(--seed-v3-dimension-s1_5)"
165
+ },
166
+ "prefixIcon": {
167
+ "size": "var(--seed-v3-dimension-s3_5)"
168
+ },
169
+ "suffixIcon": {
170
+ "size": "var(--seed-v3-dimension-s3_5)"
171
+ },
172
+ "label": {
173
+ "fontSize": "var(--seed-v3-font-size-s4)"
174
+ },
175
+ "progressCircle": {
176
+ "size": "14px",
177
+ "thickness": "2px"
178
+ }
179
+ }
180
+ },
181
+ "sizeSmall": {
182
+ "enabled": {
183
+ "root": {
184
+ "minHeight": "var(--seed-v3-dimension-s9)",
185
+ "cornerRadius": "var(--seed-v3-radius-full)",
186
+ "gap": "var(--seed-v3-dimension-s1)",
187
+ "paddingX": "var(--seed-v3-dimension-s4)",
188
+ "paddingY": "var(--seed-v3-dimension-s2)"
189
+ },
190
+ "prefixIcon": {
191
+ "size": "var(--seed-v3-dimension-s3_5)"
192
+ },
193
+ "suffixIcon": {
194
+ "size": "var(--seed-v3-dimension-s3_5)"
195
+ },
196
+ "label": {
197
+ "fontSize": "var(--seed-v3-font-size-s4)"
198
+ },
199
+ "progressCircle": {
200
+ "size": "14px",
201
+ "thickness": "2px"
202
+ }
203
+ }
204
+ }
205
+ }