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