@seed-design/rootage-artifacts 1.2.12 → 2.0.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 (127) hide show
  1. package/__generated__/collections.json +53 -0
  2. package/__generated__/color.json +2452 -0
  3. package/__generated__/components/accordion-item.json +501 -0
  4. package/__generated__/components/accordion.json +86 -0
  5. package/__generated__/components/action-button.json +1568 -0
  6. package/__generated__/components/action-chip.json +454 -0
  7. package/__generated__/components/action-sheet-close-button.json +115 -0
  8. package/__generated__/components/action-sheet-item.json +159 -0
  9. package/__generated__/components/action-sheet.json +269 -0
  10. package/__generated__/components/attachment-input-dropzone.json +145 -0
  11. package/__generated__/components/attachment-input-item-action-button.json +149 -0
  12. package/__generated__/components/attachment-input-item-remove-button.json +127 -0
  13. package/__generated__/components/attachment-input-item.json +448 -0
  14. package/__generated__/components/attachment-input-trigger.json +210 -0
  15. package/__generated__/components/attachment-input.json +58 -0
  16. package/__generated__/components/avatar-stack.json +396 -0
  17. package/__generated__/components/avatar.json +698 -0
  18. package/__generated__/components/badge.json +759 -0
  19. package/__generated__/components/bottom-sheet-close-button.json +106 -0
  20. package/__generated__/components/bottom-sheet-handle.json +136 -0
  21. package/__generated__/components/bottom-sheet.json +435 -0
  22. package/__generated__/components/callout.json +613 -0
  23. package/__generated__/components/checkbox-group.json +43 -0
  24. package/__generated__/components/checkbox.json +196 -0
  25. package/__generated__/components/checkmark.json +573 -0
  26. package/__generated__/components/chip-tablist.json +107 -0
  27. package/__generated__/components/chip.json +929 -0
  28. package/__generated__/components/content-placeholder.json +171 -0
  29. package/__generated__/components/contextual-floating-button.json +473 -0
  30. package/__generated__/components/control-chip.json +524 -0
  31. package/__generated__/components/dialog.json +307 -0
  32. package/__generated__/components/divider.json +46 -0
  33. package/__generated__/components/extended-action-sheet-close-button.json +122 -0
  34. package/__generated__/components/extended-action-sheet-item.json +197 -0
  35. package/__generated__/components/extended-action-sheet.json +308 -0
  36. package/__generated__/components/extended-fab.json +337 -0
  37. package/__generated__/components/fab.json +124 -0
  38. package/__generated__/components/field-label.json +108 -0
  39. package/__generated__/components/field.json +381 -0
  40. package/__generated__/components/floating-action-button.json +259 -0
  41. package/__generated__/components/help-bubble.json +310 -0
  42. package/__generated__/components/identity-placeholder.json +56 -0
  43. package/__generated__/components/image-frame-floater.json +47 -0
  44. package/__generated__/components/image-frame-indicator.json +99 -0
  45. package/__generated__/components/image-frame-reaction-button.json +132 -0
  46. package/__generated__/components/image-frame.json +97 -0
  47. package/__generated__/components/inline-banner.json +581 -0
  48. package/__generated__/components/input-button.json +558 -0
  49. package/__generated__/components/link-content.json +210 -0
  50. package/__generated__/components/list-header.json +133 -0
  51. package/__generated__/components/list-item.json +401 -0
  52. package/__generated__/components/manner-temp-badge.json +373 -0
  53. package/__generated__/components/manner-temp.json +309 -0
  54. package/__generated__/components/menu-item.json +448 -0
  55. package/__generated__/components/menu-sheet-close-button.json +121 -0
  56. package/__generated__/components/menu-sheet-item.json +284 -0
  57. package/__generated__/components/menu-sheet.json +314 -0
  58. package/__generated__/components/menu.json +319 -0
  59. package/__generated__/components/notification-badge.json +232 -0
  60. package/__generated__/components/page-banner.json +956 -0
  61. package/__generated__/components/progress-circle.json +318 -0
  62. package/__generated__/components/radio-group.json +43 -0
  63. package/__generated__/components/radio.json +196 -0
  64. package/__generated__/components/radiomark.json +399 -0
  65. package/__generated__/components/reaction-button.json +504 -0
  66. package/__generated__/components/scroll-fog.json +60 -0
  67. package/__generated__/components/segmented-control-indicator.json +107 -0
  68. package/__generated__/components/segmented-control-item.json +205 -0
  69. package/__generated__/components/segmented-control.json +57 -0
  70. package/__generated__/components/select-box-checkmark.json +149 -0
  71. package/__generated__/components/select-box-group.json +50 -0
  72. package/__generated__/components/select-box.json +468 -0
  73. package/__generated__/components/side-panel-close-button.json +120 -0
  74. package/__generated__/components/side-panel.json +434 -0
  75. package/__generated__/components/skeleton.json +236 -0
  76. package/__generated__/components/slider-thumb.json +114 -0
  77. package/__generated__/components/slider-tick.json +97 -0
  78. package/__generated__/components/slider.json +395 -0
  79. package/__generated__/components/snackbar.json +360 -0
  80. package/__generated__/components/switch.json +207 -0
  81. package/__generated__/components/switchmark.json +502 -0
  82. package/__generated__/components/tab.json +189 -0
  83. package/__generated__/components/tablist.json +225 -0
  84. package/__generated__/components/tag-group-item.json +402 -0
  85. package/__generated__/components/tag-group.json +137 -0
  86. package/__generated__/components/text-button.json +114 -0
  87. package/__generated__/components/text-input.json +886 -0
  88. package/__generated__/components/toggle-button.json +641 -0
  89. package/__generated__/components/top-navigation-icon-button.json +139 -0
  90. package/__generated__/components/top-navigation-text-button.json +225 -0
  91. package/__generated__/components/top-navigation.json +438 -0
  92. package/__generated__/components/typography.json +2674 -0
  93. package/__generated__/dimension.json +275 -0
  94. package/__generated__/duration.json +95 -0
  95. package/__generated__/font-size.json +338 -0
  96. package/__generated__/font-weight.json +36 -0
  97. package/__generated__/gradient.json +247 -0
  98. package/__generated__/index.json +309 -0
  99. package/__generated__/line-height.json +338 -0
  100. package/__generated__/radius.json +133 -0
  101. package/__generated__/shadow.json +170 -0
  102. package/__generated__/timing-function.json +103 -0
  103. package/collections.yaml +15 -3
  104. package/color.yaml +13 -10
  105. package/components/accordion-item.yaml +193 -0
  106. package/components/accordion.yaml +33 -0
  107. package/components/attachment-input-dropzone.yaml +55 -0
  108. package/components/attachment-input-item-action-button.yaml +53 -0
  109. package/components/attachment-input-item-remove-button.yaml +48 -0
  110. package/components/attachment-input-item.yaml +168 -0
  111. package/components/attachment-input-trigger.yaml +81 -0
  112. package/components/attachment-input.yaml +25 -0
  113. package/components/chip-tablist.yaml +0 -4
  114. package/components/image-frame.yaml +0 -20
  115. package/components/input-button.yaml +67 -20
  116. package/components/menu-item.yaml +162 -0
  117. package/components/menu-sheet-close-button.yaml +0 -1
  118. package/components/menu.yaml +124 -0
  119. package/components/side-panel-close-button.yaml +44 -0
  120. package/components/side-panel.yaml +170 -0
  121. package/components/text-input.yaml +61 -18
  122. package/components/typography.yaml +276 -0
  123. package/font-size.yaml +32 -0
  124. package/gradient.yaml +0 -38
  125. package/line-height.yaml +32 -0
  126. package/package.json +11 -3
  127. package/components/chip-tab.yaml +0 -137
@@ -0,0 +1,106 @@
1
+ {
2
+ "kind": "ComponentSpec",
3
+ "metadata": {
4
+ "id": "bottom-sheet-close-button",
5
+ "name": "Bottom Sheet Close Button"
6
+ },
7
+ "data": {
8
+ "id": "bottom-sheet-close-button",
9
+ "name": "Bottom Sheet Close Button",
10
+ "schema": {
11
+ "slots": {
12
+ "root": {
13
+ "properties": {
14
+ "color": {
15
+ "type": "color"
16
+ },
17
+ "cornerRadius": {
18
+ "type": "dimension"
19
+ },
20
+ "targetSize": {
21
+ "type": "dimension"
22
+ },
23
+ "size": {
24
+ "type": "dimension"
25
+ }
26
+ }
27
+ },
28
+ "icon": {
29
+ "properties": {
30
+ "color": {
31
+ "type": "color"
32
+ },
33
+ "size": {
34
+ "type": "dimension"
35
+ }
36
+ }
37
+ }
38
+ },
39
+ "variants": {}
40
+ },
41
+ "definitions": [
42
+ {
43
+ "variants": {},
44
+ "definitions": [
45
+ {
46
+ "states": [
47
+ "enabled"
48
+ ],
49
+ "slots": {
50
+ "root": {
51
+ "color": {
52
+ "type": "color",
53
+ "value": "$color.bg.neutral-weak"
54
+ },
55
+ "cornerRadius": {
56
+ "type": "dimension",
57
+ "value": "$radius.full"
58
+ },
59
+ "targetSize": {
60
+ "type": "dimension",
61
+ "value": {
62
+ "value": 44,
63
+ "unit": "px"
64
+ }
65
+ },
66
+ "size": {
67
+ "type": "dimension",
68
+ "value": {
69
+ "value": 28,
70
+ "unit": "px"
71
+ }
72
+ }
73
+ },
74
+ "icon": {
75
+ "color": {
76
+ "type": "color",
77
+ "value": "$color.fg.neutral"
78
+ },
79
+ "size": {
80
+ "type": "dimension",
81
+ "value": {
82
+ "value": 14,
83
+ "unit": "px"
84
+ }
85
+ }
86
+ }
87
+ }
88
+ },
89
+ {
90
+ "states": [
91
+ "pressed"
92
+ ],
93
+ "slots": {
94
+ "root": {
95
+ "color": {
96
+ "type": "color",
97
+ "value": "$color.bg.neutral-weak-pressed"
98
+ }
99
+ }
100
+ }
101
+ }
102
+ ]
103
+ }
104
+ ]
105
+ }
106
+ }
@@ -0,0 +1,136 @@
1
+ {
2
+ "kind": "ComponentSpec",
3
+ "metadata": {
4
+ "id": "bottom-sheet-handle",
5
+ "name": "Bottom Sheet Handle"
6
+ },
7
+ "data": {
8
+ "id": "bottom-sheet-handle",
9
+ "name": "Bottom Sheet Handle",
10
+ "schema": {
11
+ "slots": {
12
+ "root": {
13
+ "properties": {
14
+ "fromTop": {
15
+ "type": "dimension"
16
+ },
17
+ "width": {
18
+ "type": "dimension"
19
+ },
20
+ "height": {
21
+ "type": "dimension"
22
+ },
23
+ "color": {
24
+ "type": "color"
25
+ },
26
+ "borderRadius": {
27
+ "type": "dimension"
28
+ },
29
+ "colorDuration": {
30
+ "type": "duration"
31
+ },
32
+ "colorTimingFunction": {
33
+ "type": "cubicBezier"
34
+ }
35
+ }
36
+ },
37
+ "touchArea": {
38
+ "properties": {
39
+ "width": {
40
+ "type": "dimension"
41
+ },
42
+ "height": {
43
+ "type": "dimension"
44
+ }
45
+ }
46
+ }
47
+ },
48
+ "variants": {}
49
+ },
50
+ "definitions": [
51
+ {
52
+ "variants": {},
53
+ "definitions": [
54
+ {
55
+ "states": [
56
+ "enabled"
57
+ ],
58
+ "slots": {
59
+ "root": {
60
+ "fromTop": {
61
+ "type": "dimension",
62
+ "value": {
63
+ "value": 6,
64
+ "unit": "px"
65
+ }
66
+ },
67
+ "width": {
68
+ "type": "dimension",
69
+ "value": {
70
+ "value": 36,
71
+ "unit": "px"
72
+ }
73
+ },
74
+ "height": {
75
+ "type": "dimension",
76
+ "value": {
77
+ "value": 4,
78
+ "unit": "px"
79
+ }
80
+ },
81
+ "color": {
82
+ "type": "color",
83
+ "value": "$color.palette.gray-400"
84
+ },
85
+ "borderRadius": {
86
+ "type": "dimension",
87
+ "value": {
88
+ "value": 9999,
89
+ "unit": "px"
90
+ }
91
+ },
92
+ "colorDuration": {
93
+ "type": "duration",
94
+ "value": "$duration.color-transition"
95
+ },
96
+ "colorTimingFunction": {
97
+ "type": "cubicBezier",
98
+ "value": "$timing-function.easing"
99
+ }
100
+ },
101
+ "touchArea": {
102
+ "width": {
103
+ "type": "dimension",
104
+ "value": {
105
+ "value": 44,
106
+ "unit": "px"
107
+ }
108
+ },
109
+ "height": {
110
+ "type": "dimension",
111
+ "value": {
112
+ "value": 44,
113
+ "unit": "px"
114
+ }
115
+ }
116
+ }
117
+ }
118
+ },
119
+ {
120
+ "states": [
121
+ "pressed"
122
+ ],
123
+ "slots": {
124
+ "root": {
125
+ "color": {
126
+ "type": "color",
127
+ "value": "$color.palette.gray-500"
128
+ }
129
+ }
130
+ }
131
+ }
132
+ ]
133
+ }
134
+ ]
135
+ }
136
+ }
@@ -0,0 +1,435 @@
1
+ {
2
+ "kind": "ComponentSpec",
3
+ "metadata": {
4
+ "id": "bottom-sheet",
5
+ "name": "Bottom Sheet"
6
+ },
7
+ "data": {
8
+ "id": "bottom-sheet",
9
+ "name": "Bottom Sheet",
10
+ "schema": {
11
+ "slots": {
12
+ "backdrop": {
13
+ "properties": {
14
+ "color": {
15
+ "type": "color"
16
+ },
17
+ "enterDuration": {
18
+ "type": "duration"
19
+ },
20
+ "enterTimingFunction": {
21
+ "type": "cubicBezier"
22
+ },
23
+ "enterOpacity": {
24
+ "type": "number"
25
+ },
26
+ "exitDuration": {
27
+ "type": "duration"
28
+ },
29
+ "exitTimingFunction": {
30
+ "type": "cubicBezier"
31
+ },
32
+ "exitOpacity": {
33
+ "type": "number"
34
+ }
35
+ }
36
+ },
37
+ "content": {
38
+ "properties": {
39
+ "color": {
40
+ "type": "color"
41
+ },
42
+ "maxWidth": {
43
+ "type": "dimension"
44
+ },
45
+ "topCornerRadius": {
46
+ "type": "dimension"
47
+ },
48
+ "enterDuration": {
49
+ "type": "duration"
50
+ },
51
+ "enterTimingFunction": {
52
+ "type": "cubicBezier"
53
+ },
54
+ "exitDuration": {
55
+ "type": "duration"
56
+ },
57
+ "exitTimingFunction": {
58
+ "type": "cubicBezier"
59
+ }
60
+ }
61
+ },
62
+ "header": {
63
+ "properties": {
64
+ "gap": {
65
+ "type": "dimension"
66
+ },
67
+ "paddingTop": {
68
+ "type": "dimension"
69
+ },
70
+ "paddingBottom": {
71
+ "type": "dimension"
72
+ }
73
+ }
74
+ },
75
+ "body": {
76
+ "properties": {
77
+ "paddingX": {
78
+ "type": "dimension"
79
+ }
80
+ }
81
+ },
82
+ "footer": {
83
+ "properties": {
84
+ "paddingX": {
85
+ "type": "dimension"
86
+ },
87
+ "paddingTop": {
88
+ "type": "dimension"
89
+ },
90
+ "paddingBottom": {
91
+ "type": "dimension"
92
+ }
93
+ }
94
+ },
95
+ "title": {
96
+ "properties": {
97
+ "color": {
98
+ "type": "color"
99
+ },
100
+ "fontSize": {
101
+ "type": "dimension"
102
+ },
103
+ "lineHeight": {
104
+ "type": "dimension"
105
+ },
106
+ "fontWeight": {
107
+ "type": "number"
108
+ },
109
+ "paddingLeft": {
110
+ "type": "dimension"
111
+ },
112
+ "paddingRight": {
113
+ "type": "dimension"
114
+ }
115
+ }
116
+ },
117
+ "description": {
118
+ "properties": {
119
+ "color": {
120
+ "type": "color"
121
+ },
122
+ "fontSize": {
123
+ "type": "dimension"
124
+ },
125
+ "lineHeight": {
126
+ "type": "dimension"
127
+ },
128
+ "fontWeight": {
129
+ "type": "number"
130
+ },
131
+ "paddingX": {
132
+ "type": "dimension"
133
+ }
134
+ }
135
+ },
136
+ "closeButton": {
137
+ "properties": {
138
+ "fromTop": {
139
+ "type": "dimension"
140
+ },
141
+ "fromRight": {
142
+ "type": "dimension"
143
+ }
144
+ }
145
+ }
146
+ },
147
+ "variants": {
148
+ "headerAlignment": {
149
+ "values": {
150
+ "left": {},
151
+ "center": {}
152
+ },
153
+ "defaultValue": "left"
154
+ },
155
+ "closeButton": {
156
+ "values": {
157
+ "true": {},
158
+ "false": {}
159
+ },
160
+ "defaultValue": "true"
161
+ }
162
+ }
163
+ },
164
+ "definitions": [
165
+ {
166
+ "variants": {},
167
+ "definitions": [
168
+ {
169
+ "states": [
170
+ "enabled"
171
+ ],
172
+ "slots": {
173
+ "backdrop": {
174
+ "color": {
175
+ "type": "color",
176
+ "value": "$color.bg.overlay"
177
+ },
178
+ "enterDuration": {
179
+ "type": "duration",
180
+ "value": "$duration.d6"
181
+ },
182
+ "enterTimingFunction": {
183
+ "type": "cubicBezier",
184
+ "value": "$timing-function.enter"
185
+ },
186
+ "enterOpacity": {
187
+ "type": "number",
188
+ "value": 0
189
+ },
190
+ "exitDuration": {
191
+ "type": "duration",
192
+ "value": "$duration.d4"
193
+ },
194
+ "exitTimingFunction": {
195
+ "type": "cubicBezier",
196
+ "value": "$timing-function.exit"
197
+ },
198
+ "exitOpacity": {
199
+ "type": "number",
200
+ "value": 0
201
+ }
202
+ },
203
+ "content": {
204
+ "color": {
205
+ "type": "color",
206
+ "value": "$color.bg.layer-floating"
207
+ },
208
+ "maxWidth": {
209
+ "type": "dimension",
210
+ "value": {
211
+ "value": 640,
212
+ "unit": "px"
213
+ }
214
+ },
215
+ "topCornerRadius": {
216
+ "type": "dimension",
217
+ "value": "$radius.r6"
218
+ },
219
+ "enterDuration": {
220
+ "type": "duration",
221
+ "value": "$duration.d6"
222
+ },
223
+ "enterTimingFunction": {
224
+ "type": "cubicBezier",
225
+ "value": "$timing-function.enter-expressive"
226
+ },
227
+ "exitDuration": {
228
+ "type": "duration",
229
+ "value": "$duration.d4"
230
+ },
231
+ "exitTimingFunction": {
232
+ "type": "cubicBezier",
233
+ "value": "$timing-function.exit"
234
+ }
235
+ },
236
+ "header": {
237
+ "gap": {
238
+ "type": "dimension",
239
+ "value": "$dimension.x2"
240
+ },
241
+ "paddingTop": {
242
+ "type": "dimension",
243
+ "value": "$dimension.x6"
244
+ },
245
+ "paddingBottom": {
246
+ "type": "dimension",
247
+ "value": "$dimension.x4"
248
+ }
249
+ },
250
+ "body": {
251
+ "paddingX": {
252
+ "type": "dimension",
253
+ "value": "$dimension.spacing-x.global-gutter"
254
+ }
255
+ },
256
+ "footer": {
257
+ "paddingX": {
258
+ "type": "dimension",
259
+ "value": "$dimension.spacing-x.global-gutter"
260
+ },
261
+ "paddingTop": {
262
+ "type": "dimension",
263
+ "value": "$dimension.x3"
264
+ },
265
+ "paddingBottom": {
266
+ "type": "dimension",
267
+ "value": "$dimension.x4"
268
+ }
269
+ },
270
+ "title": {
271
+ "color": {
272
+ "type": "color",
273
+ "value": "$color.fg.neutral"
274
+ },
275
+ "fontSize": {
276
+ "type": "dimension",
277
+ "value": "$font-size.t8"
278
+ },
279
+ "lineHeight": {
280
+ "type": "dimension",
281
+ "value": "$line-height.t8"
282
+ },
283
+ "fontWeight": {
284
+ "type": "number",
285
+ "value": "$font-weight.bold"
286
+ }
287
+ },
288
+ "description": {
289
+ "color": {
290
+ "type": "color",
291
+ "value": "$color.fg.neutral-muted"
292
+ },
293
+ "fontSize": {
294
+ "type": "dimension",
295
+ "value": "$font-size.t5"
296
+ },
297
+ "lineHeight": {
298
+ "type": "dimension",
299
+ "value": "$line-height.t5"
300
+ },
301
+ "fontWeight": {
302
+ "type": "number",
303
+ "value": "$font-weight.regular"
304
+ },
305
+ "paddingX": {
306
+ "type": "dimension",
307
+ "value": "$dimension.spacing-x.global-gutter"
308
+ }
309
+ },
310
+ "closeButton": {
311
+ "fromTop": {
312
+ "type": "dimension",
313
+ "value": "$dimension.x6"
314
+ },
315
+ "fromRight": {
316
+ "type": "dimension",
317
+ "value": "$dimension.x4"
318
+ }
319
+ }
320
+ }
321
+ }
322
+ ]
323
+ },
324
+ {
325
+ "variants": {
326
+ "headerAlignment": "left",
327
+ "closeButton": "true"
328
+ },
329
+ "definitions": [
330
+ {
331
+ "states": [
332
+ "enabled"
333
+ ],
334
+ "slots": {
335
+ "title": {
336
+ "paddingRight": {
337
+ "type": "dimension",
338
+ "value": {
339
+ "value": 56,
340
+ "unit": "px"
341
+ }
342
+ },
343
+ "paddingLeft": {
344
+ "type": "dimension",
345
+ "value": "$dimension.spacing-x.global-gutter"
346
+ }
347
+ }
348
+ }
349
+ }
350
+ ]
351
+ },
352
+ {
353
+ "variants": {
354
+ "headerAlignment": "left",
355
+ "closeButton": "false"
356
+ },
357
+ "definitions": [
358
+ {
359
+ "states": [
360
+ "enabled"
361
+ ],
362
+ "slots": {
363
+ "title": {
364
+ "paddingLeft": {
365
+ "type": "dimension",
366
+ "value": "$dimension.spacing-x.global-gutter"
367
+ },
368
+ "paddingRight": {
369
+ "type": "dimension",
370
+ "value": "$dimension.spacing-x.global-gutter"
371
+ }
372
+ }
373
+ }
374
+ }
375
+ ]
376
+ },
377
+ {
378
+ "variants": {
379
+ "headerAlignment": "center",
380
+ "closeButton": "true"
381
+ },
382
+ "definitions": [
383
+ {
384
+ "states": [
385
+ "enabled"
386
+ ],
387
+ "slots": {
388
+ "title": {
389
+ "paddingLeft": {
390
+ "type": "dimension",
391
+ "value": {
392
+ "value": 56,
393
+ "unit": "px"
394
+ }
395
+ },
396
+ "paddingRight": {
397
+ "type": "dimension",
398
+ "value": {
399
+ "value": 56,
400
+ "unit": "px"
401
+ }
402
+ }
403
+ }
404
+ }
405
+ }
406
+ ]
407
+ },
408
+ {
409
+ "variants": {
410
+ "headerAlignment": "center",
411
+ "closeButton": "false"
412
+ },
413
+ "definitions": [
414
+ {
415
+ "states": [
416
+ "enabled"
417
+ ],
418
+ "slots": {
419
+ "title": {
420
+ "paddingLeft": {
421
+ "type": "dimension",
422
+ "value": "$dimension.spacing-x.global-gutter"
423
+ },
424
+ "paddingRight": {
425
+ "type": "dimension",
426
+ "value": "$dimension.spacing-x.global-gutter"
427
+ }
428
+ }
429
+ }
430
+ }
431
+ ]
432
+ }
433
+ ]
434
+ }
435
+ }