@seed-design/rootage-artifacts 2.2.1 → 2.4.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 (246) hide show
  1. package/__generated__/collections.d.ts +65 -0
  2. package/__generated__/collections.mjs +2 -0
  3. package/__generated__/color.d.ts +2440 -0
  4. package/__generated__/color.mjs +2 -0
  5. package/__generated__/components/accordion-item.d.ts +502 -0
  6. package/__generated__/components/accordion-item.mjs +2 -0
  7. package/__generated__/components/accordion.d.ts +87 -0
  8. package/__generated__/components/accordion.mjs +2 -0
  9. package/__generated__/components/action-button.d.ts +1638 -0
  10. package/__generated__/components/action-button.mjs +2 -0
  11. package/__generated__/components/action-chip.d.ts +455 -0
  12. package/__generated__/components/action-chip.mjs +2 -0
  13. package/__generated__/components/action-sheet-close-button.d.ts +116 -0
  14. package/__generated__/components/action-sheet-close-button.mjs +2 -0
  15. package/__generated__/components/action-sheet-item.d.ts +160 -0
  16. package/__generated__/components/action-sheet-item.mjs +2 -0
  17. package/__generated__/components/action-sheet.d.ts +270 -0
  18. package/__generated__/components/action-sheet.mjs +2 -0
  19. package/__generated__/components/alert-dialog.d.ts +308 -0
  20. package/__generated__/components/alert-dialog.json +307 -0
  21. package/__generated__/components/alert-dialog.mjs +2 -0
  22. package/__generated__/components/attachment-input-dropzone.d.ts +146 -0
  23. package/__generated__/components/attachment-input-dropzone.mjs +2 -0
  24. package/__generated__/components/attachment-input-item-action-button.d.ts +150 -0
  25. package/__generated__/components/attachment-input-item-action-button.mjs +2 -0
  26. package/__generated__/components/attachment-input-item-remove-button.d.ts +128 -0
  27. package/__generated__/components/attachment-input-item-remove-button.mjs +2 -0
  28. package/__generated__/components/attachment-input-item.d.ts +449 -0
  29. package/__generated__/components/attachment-input-item.mjs +2 -0
  30. package/__generated__/components/attachment-input-trigger.d.ts +211 -0
  31. package/__generated__/components/attachment-input-trigger.mjs +2 -0
  32. package/__generated__/components/attachment-input.d.ts +59 -0
  33. package/__generated__/components/attachment-input.mjs +2 -0
  34. package/__generated__/components/avatar-stack.d.ts +397 -0
  35. package/__generated__/components/avatar-stack.mjs +2 -0
  36. package/__generated__/components/avatar.d.ts +699 -0
  37. package/__generated__/components/avatar.mjs +2 -0
  38. package/__generated__/components/badge.d.ts +760 -0
  39. package/__generated__/components/badge.mjs +2 -0
  40. package/__generated__/components/bottom-sheet-close-button.d.ts +107 -0
  41. package/__generated__/components/bottom-sheet-close-button.mjs +2 -0
  42. package/__generated__/components/bottom-sheet-handle.d.ts +137 -0
  43. package/__generated__/components/bottom-sheet-handle.mjs +2 -0
  44. package/__generated__/components/bottom-sheet.d.ts +436 -0
  45. package/__generated__/components/bottom-sheet.mjs +2 -0
  46. package/__generated__/components/callout.d.ts +614 -0
  47. package/__generated__/components/callout.mjs +2 -0
  48. package/__generated__/components/checkbox-group.d.ts +44 -0
  49. package/__generated__/components/checkbox-group.mjs +2 -0
  50. package/__generated__/components/checkbox.d.ts +197 -0
  51. package/__generated__/components/checkbox.mjs +2 -0
  52. package/__generated__/components/checkmark.d.ts +574 -0
  53. package/__generated__/components/checkmark.mjs +2 -0
  54. package/__generated__/components/chip-tablist.d.ts +108 -0
  55. package/__generated__/components/chip-tablist.mjs +2 -0
  56. package/__generated__/components/chip.d.ts +930 -0
  57. package/__generated__/components/chip.mjs +2 -0
  58. package/__generated__/components/content-placeholder.d.ts +172 -0
  59. package/__generated__/components/content-placeholder.mjs +2 -0
  60. package/__generated__/components/contextual-floating-button.d.ts +474 -0
  61. package/__generated__/components/contextual-floating-button.mjs +2 -0
  62. package/__generated__/components/control-chip.d.ts +525 -0
  63. package/__generated__/components/control-chip.mjs +2 -0
  64. package/__generated__/components/date-picker.d.ts +454 -0
  65. package/__generated__/components/date-picker.json +453 -0
  66. package/__generated__/components/date-picker.mjs +2 -0
  67. package/__generated__/components/dialog-close-button.d.ts +125 -0
  68. package/__generated__/components/dialog-close-button.json +124 -0
  69. package/__generated__/components/dialog-close-button.mjs +2 -0
  70. package/__generated__/components/dialog.d.ts +455 -0
  71. package/__generated__/components/dialog.json +175 -28
  72. package/__generated__/components/dialog.mjs +2 -0
  73. package/__generated__/components/divider.d.ts +47 -0
  74. package/__generated__/components/divider.mjs +2 -0
  75. package/__generated__/components/extended-action-sheet-close-button.d.ts +123 -0
  76. package/__generated__/components/extended-action-sheet-close-button.mjs +2 -0
  77. package/__generated__/components/extended-action-sheet-item.d.ts +198 -0
  78. package/__generated__/components/extended-action-sheet-item.mjs +2 -0
  79. package/__generated__/components/extended-action-sheet.d.ts +309 -0
  80. package/__generated__/components/extended-action-sheet.mjs +2 -0
  81. package/__generated__/components/extended-fab.d.ts +338 -0
  82. package/__generated__/components/extended-fab.mjs +2 -0
  83. package/__generated__/components/fab.d.ts +125 -0
  84. package/__generated__/components/fab.mjs +2 -0
  85. package/__generated__/components/field-label.d.ts +109 -0
  86. package/__generated__/components/field-label.mjs +2 -0
  87. package/__generated__/components/field.d.ts +382 -0
  88. package/__generated__/components/field.mjs +2 -0
  89. package/__generated__/components/floating-action-button.d.ts +260 -0
  90. package/__generated__/components/floating-action-button.mjs +2 -0
  91. package/__generated__/components/help-bubble.d.ts +311 -0
  92. package/__generated__/components/help-bubble.mjs +2 -0
  93. package/__generated__/components/identity-placeholder.d.ts +57 -0
  94. package/__generated__/components/identity-placeholder.mjs +2 -0
  95. package/__generated__/components/image-frame-floater.d.ts +48 -0
  96. package/__generated__/components/image-frame-floater.mjs +2 -0
  97. package/__generated__/components/image-frame-indicator.d.ts +100 -0
  98. package/__generated__/components/image-frame-indicator.mjs +2 -0
  99. package/__generated__/components/image-frame-reaction-button.d.ts +160 -0
  100. package/__generated__/components/image-frame-reaction-button.mjs +2 -0
  101. package/__generated__/components/image-frame.d.ts +98 -0
  102. package/__generated__/components/image-frame.mjs +2 -0
  103. package/__generated__/components/inline-banner.d.ts +582 -0
  104. package/__generated__/components/inline-banner.mjs +2 -0
  105. package/__generated__/components/input-button.d.ts +559 -0
  106. package/__generated__/components/input-button.mjs +2 -0
  107. package/__generated__/components/link-content.d.ts +211 -0
  108. package/__generated__/components/link-content.mjs +2 -0
  109. package/__generated__/components/list-header.d.ts +134 -0
  110. package/__generated__/components/list-header.mjs +2 -0
  111. package/__generated__/components/list-item.d.ts +402 -0
  112. package/__generated__/components/list-item.mjs +2 -0
  113. package/__generated__/components/manner-temp-badge.d.ts +374 -0
  114. package/__generated__/components/manner-temp-badge.mjs +2 -0
  115. package/__generated__/components/manner-temp.d.ts +310 -0
  116. package/__generated__/components/manner-temp.mjs +2 -0
  117. package/__generated__/components/menu-item.d.ts +449 -0
  118. package/__generated__/components/menu-item.mjs +2 -0
  119. package/__generated__/components/menu-sheet-close-button.d.ts +122 -0
  120. package/__generated__/components/menu-sheet-close-button.mjs +2 -0
  121. package/__generated__/components/menu-sheet-item.d.ts +285 -0
  122. package/__generated__/components/menu-sheet-item.mjs +2 -0
  123. package/__generated__/components/menu-sheet.d.ts +315 -0
  124. package/__generated__/components/menu-sheet.mjs +2 -0
  125. package/__generated__/components/menu.d.ts +320 -0
  126. package/__generated__/components/menu.mjs +2 -0
  127. package/__generated__/components/notification-badge.d.ts +233 -0
  128. package/__generated__/components/notification-badge.mjs +2 -0
  129. package/__generated__/components/page-banner.d.ts +957 -0
  130. package/__generated__/components/page-banner.mjs +2 -0
  131. package/__generated__/components/progress-circle.d.ts +319 -0
  132. package/__generated__/components/progress-circle.mjs +2 -0
  133. package/__generated__/components/quantity-picker-button.d.ts +301 -0
  134. package/__generated__/components/quantity-picker-button.json +300 -0
  135. package/__generated__/components/quantity-picker-button.mjs +2 -0
  136. package/__generated__/components/quantity-picker.d.ts +310 -0
  137. package/__generated__/components/quantity-picker.json +309 -0
  138. package/__generated__/components/quantity-picker.mjs +2 -0
  139. package/__generated__/components/radio-group.d.ts +44 -0
  140. package/__generated__/components/radio-group.mjs +2 -0
  141. package/__generated__/components/radio.d.ts +197 -0
  142. package/__generated__/components/radio.mjs +2 -0
  143. package/__generated__/components/radiomark.d.ts +400 -0
  144. package/__generated__/components/radiomark.mjs +2 -0
  145. package/__generated__/components/reaction-button.d.ts +505 -0
  146. package/__generated__/components/reaction-button.mjs +2 -0
  147. package/__generated__/components/scroll-fog.d.ts +61 -0
  148. package/__generated__/components/scroll-fog.mjs +2 -0
  149. package/__generated__/components/segmented-control-indicator.d.ts +108 -0
  150. package/__generated__/components/segmented-control-indicator.mjs +2 -0
  151. package/__generated__/components/segmented-control-item.d.ts +206 -0
  152. package/__generated__/components/segmented-control-item.mjs +2 -0
  153. package/__generated__/components/segmented-control.d.ts +58 -0
  154. package/__generated__/components/segmented-control.mjs +2 -0
  155. package/__generated__/components/select-box-checkmark.d.ts +150 -0
  156. package/__generated__/components/select-box-checkmark.mjs +2 -0
  157. package/__generated__/components/select-box-group.d.ts +51 -0
  158. package/__generated__/components/select-box-group.mjs +2 -0
  159. package/__generated__/components/select-box.d.ts +469 -0
  160. package/__generated__/components/select-box.mjs +2 -0
  161. package/__generated__/components/select-item.d.ts +363 -0
  162. package/__generated__/components/select-item.json +362 -0
  163. package/__generated__/components/select-item.mjs +2 -0
  164. package/__generated__/components/select-trigger.d.ts +452 -0
  165. package/__generated__/components/select-trigger.json +451 -0
  166. package/__generated__/components/select-trigger.mjs +2 -0
  167. package/__generated__/components/select.d.ts +299 -0
  168. package/__generated__/components/select.json +298 -0
  169. package/__generated__/components/select.mjs +2 -0
  170. package/__generated__/components/side-panel-close-button.d.ts +125 -0
  171. package/__generated__/components/side-panel-close-button.mjs +2 -0
  172. package/__generated__/components/side-panel.d.ts +453 -0
  173. package/__generated__/components/side-panel.mjs +2 -0
  174. package/__generated__/components/skeleton.d.ts +237 -0
  175. package/__generated__/components/skeleton.mjs +2 -0
  176. package/__generated__/components/slider-thumb.d.ts +115 -0
  177. package/__generated__/components/slider-thumb.mjs +2 -0
  178. package/__generated__/components/slider-tick.d.ts +98 -0
  179. package/__generated__/components/slider-tick.mjs +2 -0
  180. package/__generated__/components/slider.d.ts +402 -0
  181. package/__generated__/components/slider.mjs +2 -0
  182. package/__generated__/components/snackbar.d.ts +361 -0
  183. package/__generated__/components/snackbar.mjs +2 -0
  184. package/__generated__/components/switch.d.ts +208 -0
  185. package/__generated__/components/switch.mjs +2 -0
  186. package/__generated__/components/switchmark.d.ts +503 -0
  187. package/__generated__/components/switchmark.mjs +2 -0
  188. package/__generated__/components/tab.d.ts +190 -0
  189. package/__generated__/components/tab.mjs +2 -0
  190. package/__generated__/components/tablist.d.ts +226 -0
  191. package/__generated__/components/tablist.mjs +2 -0
  192. package/__generated__/components/tag-group-item.d.ts +403 -0
  193. package/__generated__/components/tag-group-item.mjs +2 -0
  194. package/__generated__/components/tag-group.d.ts +138 -0
  195. package/__generated__/components/tag-group.mjs +2 -0
  196. package/__generated__/components/text-button.d.ts +115 -0
  197. package/__generated__/components/text-button.mjs +2 -0
  198. package/__generated__/components/text-input.d.ts +887 -0
  199. package/__generated__/components/text-input.mjs +2 -0
  200. package/__generated__/components/time-picker.d.ts +141 -0
  201. package/__generated__/components/time-picker.json +140 -0
  202. package/__generated__/components/time-picker.mjs +2 -0
  203. package/__generated__/components/toggle-button.d.ts +642 -0
  204. package/__generated__/components/toggle-button.mjs +2 -0
  205. package/__generated__/components/top-navigation-icon-button.d.ts +140 -0
  206. package/__generated__/components/top-navigation-icon-button.mjs +2 -0
  207. package/__generated__/components/top-navigation-text-button.d.ts +226 -0
  208. package/__generated__/components/top-navigation-text-button.mjs +2 -0
  209. package/__generated__/components/top-navigation.d.ts +439 -0
  210. package/__generated__/components/top-navigation.mjs +2 -0
  211. package/__generated__/components/typography.d.ts +2675 -0
  212. package/__generated__/components/typography.mjs +2 -0
  213. package/__generated__/dimension.d.ts +276 -0
  214. package/__generated__/dimension.mjs +2 -0
  215. package/__generated__/duration.d.ts +96 -0
  216. package/__generated__/duration.mjs +2 -0
  217. package/__generated__/font-size.d.ts +339 -0
  218. package/__generated__/font-size.mjs +2 -0
  219. package/__generated__/font-weight.d.ts +37 -0
  220. package/__generated__/font-weight.mjs +2 -0
  221. package/__generated__/gradient.d.ts +248 -0
  222. package/__generated__/gradient.mjs +2 -0
  223. package/__generated__/index.d.ts +340 -0
  224. package/__generated__/index.json +28 -1
  225. package/__generated__/index.mjs +2 -0
  226. package/__generated__/line-height.d.ts +339 -0
  227. package/__generated__/line-height.mjs +2 -0
  228. package/__generated__/radius.d.ts +134 -0
  229. package/__generated__/radius.mjs +2 -0
  230. package/__generated__/scale.d.ts +49 -0
  231. package/__generated__/scale.mjs +2 -0
  232. package/__generated__/shadow.d.ts +171 -0
  233. package/__generated__/shadow.mjs +2 -0
  234. package/__generated__/timing-function.d.ts +104 -0
  235. package/__generated__/timing-function.mjs +2 -0
  236. package/components/alert-dialog.yaml +131 -0
  237. package/components/date-picker.yaml +184 -0
  238. package/components/dialog-close-button.yaml +47 -0
  239. package/components/dialog.yaml +68 -17
  240. package/components/quantity-picker-button.yaml +93 -0
  241. package/components/quantity-picker.yaml +101 -0
  242. package/components/select-item.yaml +141 -0
  243. package/components/select-trigger.yaml +175 -0
  244. package/components/select.yaml +118 -0
  245. package/components/time-picker.yaml +53 -0
  246. package/package.json +17 -3
@@ -0,0 +1,309 @@
1
+ declare const artifact: {
2
+ "kind": "ComponentSpec";
3
+ "metadata": {
4
+ "id": "extended-action-sheet";
5
+ "name": "Extended Action Sheet";
6
+ "deprecated": "Use menu-sheet instead.";
7
+ };
8
+ "data": {
9
+ "id": "extended-action-sheet";
10
+ "name": "Extended Action Sheet";
11
+ "schema": {
12
+ "slots": {
13
+ "backdrop": {
14
+ "properties": {
15
+ "color": {
16
+ "type": "color";
17
+ };
18
+ "enterDuration": {
19
+ "type": "duration";
20
+ };
21
+ "enterTimingFunction": {
22
+ "type": "cubicBezier";
23
+ };
24
+ "enterOpacity": {
25
+ "type": "number";
26
+ };
27
+ "exitDuration": {
28
+ "type": "duration";
29
+ };
30
+ "exitTimingFunction": {
31
+ "type": "cubicBezier";
32
+ };
33
+ "exitOpacity": {
34
+ "type": "number";
35
+ };
36
+ };
37
+ };
38
+ "content": {
39
+ "properties": {
40
+ "color": {
41
+ "type": "color";
42
+ };
43
+ "maxWidth": {
44
+ "type": "dimension";
45
+ };
46
+ "paddingX": {
47
+ "type": "dimension";
48
+ };
49
+ "paddingY": {
50
+ "type": "dimension";
51
+ };
52
+ "topCornerRadius": {
53
+ "type": "dimension";
54
+ };
55
+ "enterDuration": {
56
+ "type": "duration";
57
+ };
58
+ "enterTimingFunction": {
59
+ "type": "cubicBezier";
60
+ };
61
+ "exitDuration": {
62
+ "type": "duration";
63
+ };
64
+ "exitTimingFunction": {
65
+ "type": "cubicBezier";
66
+ };
67
+ };
68
+ };
69
+ "header": {
70
+ "properties": {
71
+ "gap": {
72
+ "type": "dimension";
73
+ };
74
+ "paddingBottom": {
75
+ "type": "dimension";
76
+ };
77
+ };
78
+ };
79
+ "title": {
80
+ "properties": {
81
+ "fontSize": {
82
+ "type": "dimension";
83
+ };
84
+ "lineHeight": {
85
+ "type": "dimension";
86
+ };
87
+ "fontWeight": {
88
+ "type": "number";
89
+ };
90
+ "color": {
91
+ "type": "color";
92
+ };
93
+ };
94
+ };
95
+ "description": {
96
+ "properties": {
97
+ "fontSize": {
98
+ "type": "dimension";
99
+ };
100
+ "lineHeight": {
101
+ "type": "dimension";
102
+ };
103
+ "fontWeight": {
104
+ "type": "number";
105
+ };
106
+ "color": {
107
+ "type": "color";
108
+ };
109
+ };
110
+ };
111
+ "list": {
112
+ "properties": {
113
+ "gap": {
114
+ "type": "dimension";
115
+ };
116
+ };
117
+ };
118
+ "group": {
119
+ "properties": {
120
+ "cornerRadius": {
121
+ "type": "dimension";
122
+ };
123
+ };
124
+ };
125
+ "divider": {
126
+ "properties": {
127
+ "strokeBottomWidth": {
128
+ "type": "dimension";
129
+ };
130
+ "strokeColor": {
131
+ "type": "color";
132
+ };
133
+ };
134
+ };
135
+ "footer": {
136
+ "properties": {
137
+ "paddingTop": {
138
+ "type": "dimension";
139
+ };
140
+ };
141
+ };
142
+ };
143
+ "variants": {};
144
+ };
145
+ "definitions": readonly [
146
+ {
147
+ "variants": {};
148
+ "definitions": readonly [
149
+ {
150
+ "states": readonly [
151
+ "enabled",
152
+ ];
153
+ "slots": {
154
+ "backdrop": {
155
+ "color": {
156
+ "type": "color";
157
+ "value": "$color.bg.overlay";
158
+ };
159
+ "enterDuration": {
160
+ "type": "duration";
161
+ "value": "$duration.d2";
162
+ };
163
+ "enterTimingFunction": {
164
+ "type": "cubicBezier";
165
+ "value": "$timing-function.enter";
166
+ };
167
+ "enterOpacity": {
168
+ "type": "number";
169
+ "value": 0;
170
+ };
171
+ "exitDuration": {
172
+ "type": "duration";
173
+ "value": "$duration.d2";
174
+ };
175
+ "exitTimingFunction": {
176
+ "type": "cubicBezier";
177
+ "value": "$timing-function.exit";
178
+ };
179
+ "exitOpacity": {
180
+ "type": "number";
181
+ "value": 0;
182
+ };
183
+ };
184
+ "content": {
185
+ "color": {
186
+ "type": "color";
187
+ "value": "$color.bg.layer-floating";
188
+ };
189
+ "maxWidth": {
190
+ "type": "dimension";
191
+ "value": {
192
+ "value": 480;
193
+ "unit": "px";
194
+ };
195
+ };
196
+ "paddingX": {
197
+ "type": "dimension";
198
+ "value": "$dimension.spacing-x.global-gutter";
199
+ };
200
+ "paddingY": {
201
+ "type": "dimension";
202
+ "value": "$dimension.x4";
203
+ };
204
+ "topCornerRadius": {
205
+ "type": "dimension";
206
+ "value": "$radius.r5";
207
+ };
208
+ "enterDuration": {
209
+ "type": "duration";
210
+ "value": "$duration.d6";
211
+ };
212
+ "enterTimingFunction": {
213
+ "type": "cubicBezier";
214
+ "value": "$timing-function.enter-expressive";
215
+ };
216
+ "exitDuration": {
217
+ "type": "duration";
218
+ "value": "$duration.d4";
219
+ };
220
+ "exitTimingFunction": {
221
+ "type": "cubicBezier";
222
+ "value": "$timing-function.exit";
223
+ };
224
+ };
225
+ "header": {
226
+ "gap": {
227
+ "type": "dimension";
228
+ "value": "$dimension.x1";
229
+ };
230
+ "paddingBottom": {
231
+ "type": "dimension";
232
+ "value": "$dimension.x4";
233
+ };
234
+ };
235
+ "title": {
236
+ "fontSize": {
237
+ "type": "dimension";
238
+ "value": "$font-size.t6";
239
+ };
240
+ "lineHeight": {
241
+ "type": "dimension";
242
+ "value": "$line-height.t6";
243
+ };
244
+ "fontWeight": {
245
+ "type": "number";
246
+ "value": "$font-weight.bold";
247
+ };
248
+ "color": {
249
+ "type": "color";
250
+ "value": "$color.fg.neutral";
251
+ };
252
+ };
253
+ "description": {
254
+ "fontSize": {
255
+ "type": "dimension";
256
+ "value": "$font-size.t4";
257
+ };
258
+ "lineHeight": {
259
+ "type": "dimension";
260
+ "value": "$line-height.t4";
261
+ };
262
+ "fontWeight": {
263
+ "type": "number";
264
+ "value": "$font-weight.regular";
265
+ };
266
+ "color": {
267
+ "type": "color";
268
+ "value": "$color.fg.neutral-muted";
269
+ };
270
+ };
271
+ "list": {
272
+ "gap": {
273
+ "type": "dimension";
274
+ "value": "$dimension.x2_5";
275
+ };
276
+ };
277
+ "group": {
278
+ "cornerRadius": {
279
+ "type": "dimension";
280
+ "value": "$radius.r4";
281
+ };
282
+ };
283
+ "divider": {
284
+ "strokeBottomWidth": {
285
+ "type": "dimension";
286
+ "value": {
287
+ "value": 1;
288
+ "unit": "px";
289
+ };
290
+ };
291
+ "strokeColor": {
292
+ "type": "color";
293
+ "value": "$color.stroke.neutral-muted";
294
+ };
295
+ };
296
+ "footer": {
297
+ "paddingTop": {
298
+ "type": "dimension";
299
+ "value": "$dimension.x2_5";
300
+ };
301
+ };
302
+ };
303
+ },
304
+ ];
305
+ },
306
+ ];
307
+ };
308
+ };
309
+ export default artifact;
@@ -0,0 +1,2 @@
1
+ import artifact from "./extended-action-sheet.json" with { type: "json" };
2
+ export default artifact;
@@ -0,0 +1,338 @@
1
+ declare const artifact: {
2
+ "kind": "ComponentSpec";
3
+ "metadata": {
4
+ "id": "extended-fab";
5
+ "name": "Extended Fab";
6
+ "deprecated": "Use contextual-floating-button instead.";
7
+ };
8
+ "data": {
9
+ "id": "extended-fab";
10
+ "name": "Extended Fab";
11
+ "schema": {
12
+ "slots": {
13
+ "root": {
14
+ "properties": {
15
+ "cornerRadius": {
16
+ "type": "dimension";
17
+ };
18
+ "shadow": {
19
+ "type": "shadow";
20
+ };
21
+ "color": {
22
+ "type": "color";
23
+ };
24
+ "minHeight": {
25
+ "type": "dimension";
26
+ };
27
+ "gap": {
28
+ "type": "dimension";
29
+ };
30
+ "paddingX": {
31
+ "type": "dimension";
32
+ };
33
+ "paddingY": {
34
+ "type": "dimension";
35
+ };
36
+ };
37
+ };
38
+ "label": {
39
+ "properties": {
40
+ "color": {
41
+ "type": "color";
42
+ };
43
+ "fontSize": {
44
+ "type": "dimension";
45
+ };
46
+ "lineHeight": {
47
+ "type": "dimension";
48
+ };
49
+ "fontWeight": {
50
+ "type": "number";
51
+ };
52
+ };
53
+ };
54
+ "prefixIcon": {
55
+ "properties": {
56
+ "color": {
57
+ "type": "color";
58
+ };
59
+ "size": {
60
+ "type": "dimension";
61
+ };
62
+ };
63
+ };
64
+ };
65
+ "variants": {
66
+ "variant": {
67
+ "values": {
68
+ "neutralSolid": {
69
+ "description": "기본 FAB 스타일입니다.";
70
+ };
71
+ "layerFloating": {
72
+ "description": "플로팅 레이어 위에 사용하는 스타일입니다.";
73
+ };
74
+ };
75
+ "defaultValue": "neutralSolid";
76
+ };
77
+ "size": {
78
+ "values": {
79
+ "small": {};
80
+ "medium": {};
81
+ };
82
+ "defaultValue": "small";
83
+ };
84
+ };
85
+ };
86
+ "definitions": readonly [
87
+ {
88
+ "variants": {};
89
+ "definitions": readonly [
90
+ {
91
+ "states": readonly [
92
+ "enabled",
93
+ ];
94
+ "slots": {
95
+ "root": {
96
+ "cornerRadius": {
97
+ "type": "dimension";
98
+ "value": "$radius.full";
99
+ };
100
+ "shadow": {
101
+ "type": "shadow";
102
+ "value": readonly [
103
+ {
104
+ "color": "#00000026";
105
+ "offsetX": {
106
+ "value": 0;
107
+ "unit": "px";
108
+ };
109
+ "offsetY": {
110
+ "value": 2;
111
+ "unit": "px";
112
+ };
113
+ "blur": {
114
+ "value": 6;
115
+ "unit": "px";
116
+ };
117
+ "spread": {
118
+ "value": 0;
119
+ "unit": "px";
120
+ };
121
+ },
122
+ ];
123
+ };
124
+ };
125
+ };
126
+ },
127
+ ];
128
+ },
129
+ {
130
+ "variants": {
131
+ "variant": "neutralSolid";
132
+ };
133
+ "definitions": readonly [
134
+ {
135
+ "states": readonly [
136
+ "enabled",
137
+ ];
138
+ "slots": {
139
+ "root": {
140
+ "color": {
141
+ "type": "color";
142
+ "value": "$color.bg.neutral-inverted";
143
+ };
144
+ };
145
+ "label": {
146
+ "color": {
147
+ "type": "color";
148
+ "value": "$color.fg.neutral-inverted";
149
+ };
150
+ };
151
+ "prefixIcon": {
152
+ "color": {
153
+ "type": "color";
154
+ "value": "$color.fg.neutral-inverted";
155
+ };
156
+ };
157
+ };
158
+ },
159
+ {
160
+ "states": readonly [
161
+ "pressed",
162
+ ];
163
+ "slots": {
164
+ "root": {
165
+ "color": {
166
+ "type": "color";
167
+ "value": "$color.bg.neutral-inverted-pressed";
168
+ };
169
+ };
170
+ };
171
+ },
172
+ ];
173
+ },
174
+ {
175
+ "variants": {
176
+ "variant": "layerFloating";
177
+ };
178
+ "definitions": readonly [
179
+ {
180
+ "states": readonly [
181
+ "enabled",
182
+ ];
183
+ "slots": {
184
+ "root": {
185
+ "color": {
186
+ "type": "color";
187
+ "value": "$color.bg.layer-floating";
188
+ };
189
+ };
190
+ "label": {
191
+ "color": {
192
+ "type": "color";
193
+ "value": "$color.fg.neutral";
194
+ };
195
+ };
196
+ "prefixIcon": {
197
+ "color": {
198
+ "type": "color";
199
+ "value": "$color.fg.neutral";
200
+ };
201
+ };
202
+ };
203
+ },
204
+ {
205
+ "states": readonly [
206
+ "pressed",
207
+ ];
208
+ "slots": {
209
+ "root": {
210
+ "color": {
211
+ "type": "color";
212
+ "value": "$color.bg.layer-floating-pressed";
213
+ };
214
+ };
215
+ };
216
+ },
217
+ ];
218
+ },
219
+ {
220
+ "variants": {
221
+ "size": "small";
222
+ };
223
+ "definitions": readonly [
224
+ {
225
+ "states": readonly [
226
+ "enabled",
227
+ ];
228
+ "slots": {
229
+ "root": {
230
+ "minHeight": {
231
+ "type": "dimension";
232
+ "value": {
233
+ "value": 40;
234
+ "unit": "px";
235
+ };
236
+ };
237
+ "gap": {
238
+ "type": "dimension";
239
+ "value": "$dimension.x1";
240
+ };
241
+ "paddingX": {
242
+ "type": "dimension";
243
+ "value": "$dimension.x3_5";
244
+ };
245
+ "paddingY": {
246
+ "type": "dimension";
247
+ "value": "$dimension.x2_5";
248
+ };
249
+ };
250
+ "prefixIcon": {
251
+ "size": {
252
+ "type": "dimension";
253
+ "value": {
254
+ "value": 16;
255
+ "unit": "px";
256
+ };
257
+ };
258
+ };
259
+ "label": {
260
+ "fontSize": {
261
+ "type": "dimension";
262
+ "value": "$font-size.t4";
263
+ };
264
+ "lineHeight": {
265
+ "type": "dimension";
266
+ "value": "$line-height.t4";
267
+ };
268
+ "fontWeight": {
269
+ "type": "number";
270
+ "value": "$font-weight.medium";
271
+ };
272
+ };
273
+ };
274
+ },
275
+ ];
276
+ },
277
+ {
278
+ "variants": {
279
+ "size": "medium";
280
+ };
281
+ "definitions": readonly [
282
+ {
283
+ "states": readonly [
284
+ "enabled",
285
+ ];
286
+ "slots": {
287
+ "root": {
288
+ "minHeight": {
289
+ "type": "dimension";
290
+ "value": {
291
+ "value": 48;
292
+ "unit": "px";
293
+ };
294
+ };
295
+ "gap": {
296
+ "type": "dimension";
297
+ "value": "$dimension.x1";
298
+ };
299
+ "paddingX": {
300
+ "type": "dimension";
301
+ "value": "$dimension.x4";
302
+ };
303
+ "paddingY": {
304
+ "type": "dimension";
305
+ "value": "$dimension.x3";
306
+ };
307
+ };
308
+ "prefixIcon": {
309
+ "size": {
310
+ "type": "dimension";
311
+ "value": {
312
+ "value": 16;
313
+ "unit": "px";
314
+ };
315
+ };
316
+ };
317
+ "label": {
318
+ "fontSize": {
319
+ "type": "dimension";
320
+ "value": "$font-size.t5";
321
+ };
322
+ "lineHeight": {
323
+ "type": "dimension";
324
+ "value": "$line-height.t5";
325
+ };
326
+ "fontWeight": {
327
+ "type": "number";
328
+ "value": "$font-weight.bold";
329
+ };
330
+ };
331
+ };
332
+ },
333
+ ];
334
+ },
335
+ ];
336
+ };
337
+ };
338
+ export default artifact;
@@ -0,0 +1,2 @@
1
+ import artifact from "./extended-fab.json" with { type: "json" };
2
+ export default artifact;