@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,504 @@
1
+ {
2
+ "kind": "ComponentSpec",
3
+ "metadata": {
4
+ "id": "reaction-button",
5
+ "name": "Reaction Button"
6
+ },
7
+ "data": {
8
+ "id": "reaction-button",
9
+ "name": "Reaction Button",
10
+ "schema": {
11
+ "slots": {
12
+ "root": {
13
+ "properties": {
14
+ "color": {
15
+ "type": "color"
16
+ },
17
+ "colorDuration": {
18
+ "type": "duration"
19
+ },
20
+ "colorTimingFunction": {
21
+ "type": "cubicBezier"
22
+ },
23
+ "strokeColor": {
24
+ "type": "color"
25
+ },
26
+ "strokeWidth": {
27
+ "type": "dimension"
28
+ },
29
+ "minHeight": {
30
+ "type": "dimension"
31
+ },
32
+ "cornerRadius": {
33
+ "type": "dimension"
34
+ },
35
+ "gap": {
36
+ "type": "dimension"
37
+ },
38
+ "paddingX": {
39
+ "type": "dimension"
40
+ },
41
+ "paddingY": {
42
+ "type": "dimension"
43
+ }
44
+ }
45
+ },
46
+ "label": {
47
+ "properties": {
48
+ "color": {
49
+ "type": "color"
50
+ },
51
+ "fontWeight": {
52
+ "type": "number"
53
+ },
54
+ "fontSize": {
55
+ "type": "dimension"
56
+ },
57
+ "lineHeight": {
58
+ "type": "dimension"
59
+ }
60
+ }
61
+ },
62
+ "count": {
63
+ "properties": {
64
+ "color": {
65
+ "type": "color"
66
+ },
67
+ "fontWeight": {
68
+ "type": "number"
69
+ },
70
+ "fontSize": {
71
+ "type": "dimension"
72
+ },
73
+ "lineHeight": {
74
+ "type": "dimension"
75
+ }
76
+ }
77
+ },
78
+ "prefixIcon": {
79
+ "properties": {
80
+ "color": {
81
+ "type": "color"
82
+ },
83
+ "size": {
84
+ "type": "dimension"
85
+ }
86
+ }
87
+ },
88
+ "progressCircle": {
89
+ "properties": {
90
+ "trackColor": {
91
+ "type": "color"
92
+ },
93
+ "rangeColor": {
94
+ "type": "color"
95
+ },
96
+ "size": {
97
+ "type": "dimension"
98
+ },
99
+ "thickness": {
100
+ "type": "dimension"
101
+ }
102
+ }
103
+ }
104
+ },
105
+ "variants": {
106
+ "size": {
107
+ "values": {
108
+ "xsmall": {},
109
+ "small": {}
110
+ },
111
+ "defaultValue": "xsmall"
112
+ }
113
+ }
114
+ },
115
+ "definitions": [
116
+ {
117
+ "variants": {},
118
+ "definitions": [
119
+ {
120
+ "states": [
121
+ "enabled"
122
+ ],
123
+ "slots": {
124
+ "root": {
125
+ "strokeColor": {
126
+ "type": "color",
127
+ "value": "$color.stroke.neutral-muted"
128
+ },
129
+ "strokeWidth": {
130
+ "type": "dimension",
131
+ "value": {
132
+ "value": 1,
133
+ "unit": "px"
134
+ }
135
+ },
136
+ "color": {
137
+ "type": "color",
138
+ "value": "$color.bg.transparent"
139
+ },
140
+ "colorDuration": {
141
+ "type": "duration",
142
+ "value": "$duration.color-transition"
143
+ },
144
+ "colorTimingFunction": {
145
+ "type": "cubicBezier",
146
+ "value": "$timing-function.easing"
147
+ }
148
+ },
149
+ "label": {
150
+ "color": {
151
+ "type": "color",
152
+ "value": "$color.fg.neutral"
153
+ },
154
+ "fontWeight": {
155
+ "type": "number",
156
+ "value": "$font-weight.medium"
157
+ }
158
+ },
159
+ "count": {
160
+ "color": {
161
+ "type": "color",
162
+ "value": "$color.fg.neutral"
163
+ },
164
+ "fontWeight": {
165
+ "type": "number",
166
+ "value": "$font-weight.bold"
167
+ }
168
+ },
169
+ "prefixIcon": {
170
+ "color": {
171
+ "type": "color",
172
+ "value": "$color.fg.neutral"
173
+ }
174
+ },
175
+ "progressCircle": {
176
+ "trackColor": {
177
+ "type": "color",
178
+ "value": "$color.palette.gray-500"
179
+ },
180
+ "rangeColor": {
181
+ "type": "color",
182
+ "value": "$color.fg.neutral"
183
+ }
184
+ }
185
+ }
186
+ },
187
+ {
188
+ "states": [
189
+ "pressed"
190
+ ],
191
+ "slots": {
192
+ "root": {
193
+ "color": {
194
+ "type": "color",
195
+ "value": "$color.bg.transparent-pressed"
196
+ }
197
+ }
198
+ }
199
+ },
200
+ {
201
+ "states": [
202
+ "selected"
203
+ ],
204
+ "slots": {
205
+ "root": {
206
+ "color": {
207
+ "type": "color",
208
+ "value": "$color.bg.transparent"
209
+ },
210
+ "strokeColor": {
211
+ "type": "color",
212
+ "value": "$color.stroke.brand-weak"
213
+ },
214
+ "strokeWidth": {
215
+ "type": "dimension",
216
+ "value": {
217
+ "value": 1,
218
+ "unit": "px"
219
+ }
220
+ }
221
+ },
222
+ "label": {
223
+ "color": {
224
+ "type": "color",
225
+ "value": "$color.fg.brand"
226
+ }
227
+ },
228
+ "count": {
229
+ "color": {
230
+ "type": "color",
231
+ "value": "$color.fg.brand"
232
+ }
233
+ },
234
+ "prefixIcon": {
235
+ "color": {
236
+ "type": "color",
237
+ "value": "$color.fg.brand"
238
+ }
239
+ },
240
+ "progressCircle": {
241
+ "trackColor": {
242
+ "type": "color",
243
+ "value": "$color.palette.carrot-200"
244
+ },
245
+ "rangeColor": {
246
+ "type": "color",
247
+ "value": "$color.fg.brand"
248
+ }
249
+ }
250
+ }
251
+ },
252
+ {
253
+ "states": [
254
+ "selected",
255
+ "pressed"
256
+ ],
257
+ "slots": {
258
+ "root": {
259
+ "color": {
260
+ "type": "color",
261
+ "value": "$color.bg.transparent-pressed"
262
+ }
263
+ }
264
+ }
265
+ },
266
+ {
267
+ "states": [
268
+ "disabled"
269
+ ],
270
+ "slots": {
271
+ "root": {
272
+ "color": {
273
+ "type": "color",
274
+ "value": "$color.bg.disabled"
275
+ },
276
+ "strokeWidth": {
277
+ "type": "dimension",
278
+ "value": {
279
+ "value": 0,
280
+ "unit": "px"
281
+ }
282
+ }
283
+ },
284
+ "label": {
285
+ "color": {
286
+ "type": "color",
287
+ "value": "$color.fg.disabled"
288
+ }
289
+ },
290
+ "count": {
291
+ "color": {
292
+ "type": "color",
293
+ "value": "$color.fg.disabled"
294
+ }
295
+ },
296
+ "prefixIcon": {
297
+ "color": {
298
+ "type": "color",
299
+ "value": "$color.fg.disabled"
300
+ }
301
+ }
302
+ }
303
+ },
304
+ {
305
+ "states": [
306
+ "loading"
307
+ ],
308
+ "slots": {
309
+ "root": {
310
+ "color": {
311
+ "type": "color",
312
+ "value": "$color.bg.neutral-weak-pressed"
313
+ }
314
+ }
315
+ }
316
+ },
317
+ {
318
+ "states": [
319
+ "selected",
320
+ "loading"
321
+ ],
322
+ "slots": {
323
+ "root": {
324
+ "color": {
325
+ "type": "color",
326
+ "value": "$color.bg.transparent-pressed"
327
+ },
328
+ "strokeWidth": {
329
+ "type": "dimension",
330
+ "value": {
331
+ "value": 1,
332
+ "unit": "px"
333
+ }
334
+ }
335
+ }
336
+ }
337
+ }
338
+ ]
339
+ },
340
+ {
341
+ "variants": {
342
+ "size": "xsmall"
343
+ },
344
+ "definitions": [
345
+ {
346
+ "states": [
347
+ "enabled"
348
+ ],
349
+ "slots": {
350
+ "root": {
351
+ "minHeight": {
352
+ "type": "dimension",
353
+ "value": "$dimension.x8"
354
+ },
355
+ "cornerRadius": {
356
+ "type": "dimension",
357
+ "value": "$radius.full"
358
+ },
359
+ "gap": {
360
+ "type": "dimension",
361
+ "value": "$dimension.x1"
362
+ },
363
+ "paddingX": {
364
+ "type": "dimension",
365
+ "value": "$dimension.x3"
366
+ },
367
+ "paddingY": {
368
+ "type": "dimension",
369
+ "value": "$dimension.x1_5"
370
+ }
371
+ },
372
+ "prefixIcon": {
373
+ "size": {
374
+ "type": "dimension",
375
+ "value": {
376
+ "value": 18,
377
+ "unit": "px"
378
+ }
379
+ }
380
+ },
381
+ "label": {
382
+ "fontSize": {
383
+ "type": "dimension",
384
+ "value": "$font-size.t3"
385
+ },
386
+ "lineHeight": {
387
+ "type": "dimension",
388
+ "value": "$line-height.t3"
389
+ }
390
+ },
391
+ "count": {
392
+ "fontSize": {
393
+ "type": "dimension",
394
+ "value": "$font-size.t3"
395
+ },
396
+ "lineHeight": {
397
+ "type": "dimension",
398
+ "value": "$line-height.t3"
399
+ }
400
+ },
401
+ "progressCircle": {
402
+ "size": {
403
+ "type": "dimension",
404
+ "value": {
405
+ "value": 14,
406
+ "unit": "px"
407
+ }
408
+ },
409
+ "thickness": {
410
+ "type": "dimension",
411
+ "value": {
412
+ "value": 2,
413
+ "unit": "px"
414
+ }
415
+ }
416
+ }
417
+ }
418
+ }
419
+ ]
420
+ },
421
+ {
422
+ "variants": {
423
+ "size": "small"
424
+ },
425
+ "definitions": [
426
+ {
427
+ "states": [
428
+ "enabled"
429
+ ],
430
+ "slots": {
431
+ "root": {
432
+ "minHeight": {
433
+ "type": "dimension",
434
+ "value": "$dimension.x9"
435
+ },
436
+ "cornerRadius": {
437
+ "type": "dimension",
438
+ "value": "$radius.full"
439
+ },
440
+ "gap": {
441
+ "type": "dimension",
442
+ "value": "$dimension.x1"
443
+ },
444
+ "paddingX": {
445
+ "type": "dimension",
446
+ "value": "$dimension.x3_5"
447
+ },
448
+ "paddingY": {
449
+ "type": "dimension",
450
+ "value": "$dimension.x2"
451
+ }
452
+ },
453
+ "prefixIcon": {
454
+ "size": {
455
+ "type": "dimension",
456
+ "value": {
457
+ "value": 18,
458
+ "unit": "px"
459
+ }
460
+ }
461
+ },
462
+ "label": {
463
+ "fontSize": {
464
+ "type": "dimension",
465
+ "value": "$font-size.t3"
466
+ },
467
+ "lineHeight": {
468
+ "type": "dimension",
469
+ "value": "$line-height.t3"
470
+ }
471
+ },
472
+ "count": {
473
+ "fontSize": {
474
+ "type": "dimension",
475
+ "value": "$font-size.t3"
476
+ },
477
+ "lineHeight": {
478
+ "type": "dimension",
479
+ "value": "$line-height.t3"
480
+ }
481
+ },
482
+ "progressCircle": {
483
+ "size": {
484
+ "type": "dimension",
485
+ "value": {
486
+ "value": 14,
487
+ "unit": "px"
488
+ }
489
+ },
490
+ "thickness": {
491
+ "type": "dimension",
492
+ "value": {
493
+ "value": 2,
494
+ "unit": "px"
495
+ }
496
+ }
497
+ }
498
+ }
499
+ }
500
+ ]
501
+ }
502
+ ]
503
+ }
504
+ }
@@ -0,0 +1,60 @@
1
+ {
2
+ "kind": "ComponentSpec",
3
+ "metadata": {
4
+ "id": "scroll-fog",
5
+ "name": "Scroll Fog"
6
+ },
7
+ "data": {
8
+ "id": "scroll-fog",
9
+ "name": "Scroll Fog",
10
+ "schema": {
11
+ "slots": {
12
+ "root": {
13
+ "properties": {
14
+ "fromColor": {
15
+ "type": "color"
16
+ },
17
+ "toColor": {
18
+ "type": "color"
19
+ },
20
+ "size": {
21
+ "type": "dimension"
22
+ }
23
+ }
24
+ }
25
+ },
26
+ "variants": {}
27
+ },
28
+ "definitions": [
29
+ {
30
+ "variants": {},
31
+ "definitions": [
32
+ {
33
+ "states": [
34
+ "enabled"
35
+ ],
36
+ "slots": {
37
+ "root": {
38
+ "fromColor": {
39
+ "type": "color",
40
+ "value": "#00000000"
41
+ },
42
+ "toColor": {
43
+ "type": "color",
44
+ "value": "#000000ff"
45
+ },
46
+ "size": {
47
+ "type": "dimension",
48
+ "value": {
49
+ "value": 20,
50
+ "unit": "px"
51
+ }
52
+ }
53
+ }
54
+ }
55
+ }
56
+ ]
57
+ }
58
+ ]
59
+ }
60
+ }
@@ -0,0 +1,107 @@
1
+ {
2
+ "kind": "ComponentSpec",
3
+ "metadata": {
4
+ "id": "segmented-control-indicator",
5
+ "name": "Segmented Control Indicator"
6
+ },
7
+ "data": {
8
+ "id": "segmented-control-indicator",
9
+ "name": "Segmented Control Indicator",
10
+ "schema": {
11
+ "slots": {
12
+ "root": {
13
+ "properties": {
14
+ "color": {
15
+ "type": "color"
16
+ },
17
+ "cornerRadius": {
18
+ "type": "dimension"
19
+ },
20
+ "strokeWidth": {
21
+ "type": "dimension"
22
+ },
23
+ "strokeColor": {
24
+ "type": "color"
25
+ },
26
+ "transformDuration": {
27
+ "type": "duration"
28
+ },
29
+ "transformTimingFunction": {
30
+ "type": "cubicBezier"
31
+ }
32
+ }
33
+ }
34
+ },
35
+ "variants": {}
36
+ },
37
+ "definitions": [
38
+ {
39
+ "variants": {},
40
+ "definitions": [
41
+ {
42
+ "states": [
43
+ "enabled"
44
+ ],
45
+ "slots": {
46
+ "root": {
47
+ "color": {
48
+ "type": "color",
49
+ "value": "$color.palette.gray-00"
50
+ },
51
+ "strokeColor": {
52
+ "type": "color",
53
+ "value": "$color.stroke.neutral-muted"
54
+ },
55
+ "strokeWidth": {
56
+ "type": "dimension",
57
+ "value": {
58
+ "value": 1,
59
+ "unit": "px"
60
+ }
61
+ },
62
+ "cornerRadius": {
63
+ "type": "dimension",
64
+ "value": "$radius.full"
65
+ },
66
+ "transformDuration": {
67
+ "type": "duration",
68
+ "value": "$duration.d4"
69
+ },
70
+ "transformTimingFunction": {
71
+ "type": "cubicBezier",
72
+ "value": "$timing-function.easing"
73
+ }
74
+ }
75
+ }
76
+ },
77
+ {
78
+ "states": [
79
+ "pressed"
80
+ ],
81
+ "slots": {
82
+ "root": {
83
+ "color": {
84
+ "type": "color",
85
+ "value": "$color.palette.gray-100"
86
+ }
87
+ }
88
+ }
89
+ },
90
+ {
91
+ "states": [
92
+ "disabled"
93
+ ],
94
+ "slots": {
95
+ "root": {
96
+ "color": {
97
+ "type": "color",
98
+ "value": "$color.bg.disabled"
99
+ }
100
+ }
101
+ }
102
+ }
103
+ ]
104
+ }
105
+ ]
106
+ }
107
+ }