@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,573 @@
1
+ {
2
+ "kind": "ComponentSpec",
3
+ "metadata": {
4
+ "id": "checkmark",
5
+ "name": "Checkmark"
6
+ },
7
+ "data": {
8
+ "id": "checkmark",
9
+ "name": "Checkmark",
10
+ "schema": {
11
+ "slots": {
12
+ "root": {
13
+ "properties": {
14
+ "colorDuration": {
15
+ "type": "duration"
16
+ },
17
+ "colorTimingFunction": {
18
+ "type": "cubicBezier"
19
+ },
20
+ "size": {
21
+ "type": "dimension"
22
+ },
23
+ "color": {
24
+ "type": "color"
25
+ },
26
+ "strokeColor": {
27
+ "type": "color"
28
+ },
29
+ "strokeWidth": {
30
+ "type": "dimension"
31
+ },
32
+ "cornerRadius": {
33
+ "type": "dimension"
34
+ }
35
+ }
36
+ },
37
+ "icon": {
38
+ "properties": {
39
+ "color": {
40
+ "type": "color"
41
+ },
42
+ "size": {
43
+ "type": "dimension"
44
+ },
45
+ "colorDuration": {
46
+ "type": "duration"
47
+ },
48
+ "colorTimingFunction": {
49
+ "type": "cubicBezier"
50
+ }
51
+ }
52
+ }
53
+ },
54
+ "variants": {
55
+ "variant": {
56
+ "values": {
57
+ "square": {
58
+ "description": "필수 선택 항목이고 사용자가 해당 내용을 인지해야 하는 경우 사용합니다."
59
+ },
60
+ "ghost": {
61
+ "description": "필수 선택 항목이 아니고, 3개 이하 항목으로 구성되는 경우 사용하는 것을 권장합니다."
62
+ }
63
+ },
64
+ "defaultValue": "square"
65
+ },
66
+ "tone": {
67
+ "values": {
68
+ "brand": {},
69
+ "neutral": {}
70
+ },
71
+ "defaultValue": "brand"
72
+ },
73
+ "size": {
74
+ "values": {
75
+ "medium": {},
76
+ "large": {}
77
+ },
78
+ "defaultValue": "medium"
79
+ }
80
+ }
81
+ },
82
+ "definitions": [
83
+ {
84
+ "variants": {},
85
+ "definitions": [
86
+ {
87
+ "states": [
88
+ "enabled"
89
+ ],
90
+ "slots": {
91
+ "root": {
92
+ "colorDuration": {
93
+ "type": "duration",
94
+ "value": "$duration.color-transition"
95
+ },
96
+ "colorTimingFunction": {
97
+ "type": "cubicBezier",
98
+ "value": "$timing-function.easing"
99
+ }
100
+ }
101
+ }
102
+ }
103
+ ]
104
+ },
105
+ {
106
+ "variants": {
107
+ "variant": "square"
108
+ },
109
+ "definitions": [
110
+ {
111
+ "states": [
112
+ "enabled"
113
+ ],
114
+ "slots": {
115
+ "root": {
116
+ "strokeWidth": {
117
+ "type": "dimension",
118
+ "value": {
119
+ "value": 1,
120
+ "unit": "px"
121
+ }
122
+ },
123
+ "strokeColor": {
124
+ "type": "color",
125
+ "value": "$color.stroke.neutral-weak"
126
+ }
127
+ }
128
+ }
129
+ },
130
+ {
131
+ "states": [
132
+ "pressed"
133
+ ],
134
+ "slots": {
135
+ "root": {
136
+ "color": {
137
+ "type": "color",
138
+ "value": "$color.bg.transparent-pressed"
139
+ }
140
+ }
141
+ }
142
+ },
143
+ {
144
+ "states": [
145
+ "enabled",
146
+ "selected"
147
+ ],
148
+ "slots": {
149
+ "root": {
150
+ "strokeWidth": {
151
+ "type": "dimension",
152
+ "value": {
153
+ "value": 0,
154
+ "unit": "px"
155
+ }
156
+ },
157
+ "strokeColor": {
158
+ "type": "color",
159
+ "value": "#00000000"
160
+ }
161
+ }
162
+ }
163
+ },
164
+ {
165
+ "states": [
166
+ "disabled"
167
+ ],
168
+ "slots": {
169
+ "root": {
170
+ "color": {
171
+ "type": "color",
172
+ "value": "$color.bg.disabled"
173
+ },
174
+ "strokeColor": {
175
+ "type": "color",
176
+ "value": "$color.stroke.neutral-muted"
177
+ }
178
+ },
179
+ "icon": {
180
+ "color": {
181
+ "type": "color",
182
+ "value": "$color.fg.disabled"
183
+ }
184
+ }
185
+ }
186
+ },
187
+ {
188
+ "states": [
189
+ "disabled",
190
+ "selected"
191
+ ],
192
+ "slots": {
193
+ "icon": {
194
+ "color": {
195
+ "type": "color",
196
+ "value": "$color.fg.disabled"
197
+ }
198
+ }
199
+ }
200
+ }
201
+ ]
202
+ },
203
+ {
204
+ "variants": {
205
+ "variant": "square",
206
+ "tone": "brand"
207
+ },
208
+ "definitions": [
209
+ {
210
+ "states": [
211
+ "enabled",
212
+ "selected"
213
+ ],
214
+ "slots": {
215
+ "root": {
216
+ "color": {
217
+ "type": "color",
218
+ "value": "$color.bg.brand-solid"
219
+ }
220
+ },
221
+ "icon": {
222
+ "color": {
223
+ "type": "color",
224
+ "value": "$color.palette.static-white"
225
+ }
226
+ }
227
+ }
228
+ },
229
+ {
230
+ "states": [
231
+ "pressed",
232
+ "selected"
233
+ ],
234
+ "slots": {
235
+ "root": {
236
+ "color": {
237
+ "type": "color",
238
+ "value": "$color.bg.brand-solid-pressed"
239
+ }
240
+ }
241
+ }
242
+ }
243
+ ]
244
+ },
245
+ {
246
+ "variants": {
247
+ "variant": "square",
248
+ "tone": "neutral"
249
+ },
250
+ "definitions": [
251
+ {
252
+ "states": [
253
+ "enabled",
254
+ "selected"
255
+ ],
256
+ "slots": {
257
+ "root": {
258
+ "color": {
259
+ "type": "color",
260
+ "value": "$color.bg.neutral-inverted"
261
+ }
262
+ },
263
+ "icon": {
264
+ "color": {
265
+ "type": "color",
266
+ "value": "$color.fg.neutral-inverted"
267
+ }
268
+ }
269
+ }
270
+ },
271
+ {
272
+ "states": [
273
+ "pressed",
274
+ "selected"
275
+ ],
276
+ "slots": {
277
+ "root": {
278
+ "color": {
279
+ "type": "color",
280
+ "value": "$color.bg.neutral-inverted-pressed"
281
+ }
282
+ }
283
+ }
284
+ }
285
+ ]
286
+ },
287
+ {
288
+ "variants": {
289
+ "variant": "ghost"
290
+ },
291
+ "definitions": [
292
+ {
293
+ "states": [
294
+ "enabled"
295
+ ],
296
+ "slots": {
297
+ "icon": {
298
+ "color": {
299
+ "type": "color",
300
+ "value": "$color.fg.placeholder"
301
+ },
302
+ "colorDuration": {
303
+ "type": "duration",
304
+ "value": "$duration.color-transition"
305
+ },
306
+ "colorTimingFunction": {
307
+ "type": "cubicBezier",
308
+ "value": "$timing-function.easing"
309
+ }
310
+ }
311
+ }
312
+ },
313
+ {
314
+ "states": [
315
+ "pressed"
316
+ ],
317
+ "slots": {
318
+ "root": {
319
+ "color": {
320
+ "type": "color",
321
+ "value": "$color.bg.transparent-pressed"
322
+ }
323
+ }
324
+ }
325
+ },
326
+ {
327
+ "states": [
328
+ "disabled"
329
+ ],
330
+ "slots": {
331
+ "icon": {
332
+ "color": {
333
+ "type": "color",
334
+ "value": "$color.fg.disabled"
335
+ }
336
+ }
337
+ }
338
+ },
339
+ {
340
+ "states": [
341
+ "disabled",
342
+ "selected"
343
+ ],
344
+ "slots": {
345
+ "icon": {
346
+ "color": {
347
+ "type": "color",
348
+ "value": "$color.fg.disabled"
349
+ }
350
+ }
351
+ }
352
+ }
353
+ ]
354
+ },
355
+ {
356
+ "variants": {
357
+ "variant": "ghost",
358
+ "tone": "brand"
359
+ },
360
+ "definitions": [
361
+ {
362
+ "states": [
363
+ "enabled",
364
+ "selected"
365
+ ],
366
+ "slots": {
367
+ "icon": {
368
+ "color": {
369
+ "type": "color",
370
+ "value": "$color.fg.brand"
371
+ }
372
+ }
373
+ }
374
+ },
375
+ {
376
+ "states": [
377
+ "pressed",
378
+ "selected"
379
+ ],
380
+ "slots": {
381
+ "root": {
382
+ "color": {
383
+ "type": "color",
384
+ "value": "$color.palette.carrot-200"
385
+ }
386
+ }
387
+ }
388
+ }
389
+ ]
390
+ },
391
+ {
392
+ "variants": {
393
+ "variant": "ghost",
394
+ "tone": "neutral"
395
+ },
396
+ "definitions": [
397
+ {
398
+ "states": [
399
+ "enabled",
400
+ "selected"
401
+ ],
402
+ "slots": {
403
+ "icon": {
404
+ "color": {
405
+ "type": "color",
406
+ "value": "$color.fg.neutral"
407
+ }
408
+ }
409
+ }
410
+ },
411
+ {
412
+ "states": [
413
+ "pressed",
414
+ "selected"
415
+ ],
416
+ "slots": {
417
+ "root": {
418
+ "color": {
419
+ "type": "color",
420
+ "value": "$color.palette.gray-200"
421
+ }
422
+ }
423
+ }
424
+ }
425
+ ]
426
+ },
427
+ {
428
+ "variants": {
429
+ "size": "medium"
430
+ },
431
+ "definitions": [
432
+ {
433
+ "states": [
434
+ "enabled"
435
+ ],
436
+ "slots": {
437
+ "root": {
438
+ "size": {
439
+ "type": "dimension",
440
+ "value": "$dimension.x5"
441
+ },
442
+ "cornerRadius": {
443
+ "type": "dimension",
444
+ "value": "$radius.r1"
445
+ }
446
+ }
447
+ }
448
+ }
449
+ ]
450
+ },
451
+ {
452
+ "variants": {
453
+ "size": "large"
454
+ },
455
+ "definitions": [
456
+ {
457
+ "states": [
458
+ "enabled"
459
+ ],
460
+ "slots": {
461
+ "root": {
462
+ "size": {
463
+ "type": "dimension",
464
+ "value": "$dimension.x6"
465
+ },
466
+ "cornerRadius": {
467
+ "type": "dimension",
468
+ "value": "$radius.r1"
469
+ }
470
+ }
471
+ }
472
+ }
473
+ ]
474
+ },
475
+ {
476
+ "variants": {
477
+ "variant": "square",
478
+ "size": "medium"
479
+ },
480
+ "definitions": [
481
+ {
482
+ "states": [
483
+ "enabled"
484
+ ],
485
+ "slots": {
486
+ "icon": {
487
+ "size": {
488
+ "type": "dimension",
489
+ "value": {
490
+ "value": 12,
491
+ "unit": "px"
492
+ }
493
+ }
494
+ }
495
+ }
496
+ }
497
+ ]
498
+ },
499
+ {
500
+ "variants": {
501
+ "variant": "square",
502
+ "size": "large"
503
+ },
504
+ "definitions": [
505
+ {
506
+ "states": [
507
+ "enabled"
508
+ ],
509
+ "slots": {
510
+ "icon": {
511
+ "size": {
512
+ "type": "dimension",
513
+ "value": {
514
+ "value": 14,
515
+ "unit": "px"
516
+ }
517
+ }
518
+ }
519
+ }
520
+ }
521
+ ]
522
+ },
523
+ {
524
+ "variants": {
525
+ "variant": "ghost",
526
+ "size": "medium"
527
+ },
528
+ "definitions": [
529
+ {
530
+ "states": [
531
+ "enabled"
532
+ ],
533
+ "slots": {
534
+ "icon": {
535
+ "size": {
536
+ "type": "dimension",
537
+ "value": {
538
+ "value": 14,
539
+ "unit": "px"
540
+ }
541
+ }
542
+ }
543
+ }
544
+ }
545
+ ]
546
+ },
547
+ {
548
+ "variants": {
549
+ "variant": "ghost",
550
+ "size": "large"
551
+ },
552
+ "definitions": [
553
+ {
554
+ "states": [
555
+ "enabled"
556
+ ],
557
+ "slots": {
558
+ "icon": {
559
+ "size": {
560
+ "type": "dimension",
561
+ "value": {
562
+ "value": 18,
563
+ "unit": "px"
564
+ }
565
+ }
566
+ }
567
+ }
568
+ }
569
+ ]
570
+ }
571
+ ]
572
+ }
573
+ }
@@ -0,0 +1,107 @@
1
+ {
2
+ "kind": "ComponentSpec",
3
+ "metadata": {
4
+ "id": "chip-tablist",
5
+ "name": "Chip Tablist"
6
+ },
7
+ "data": {
8
+ "id": "chip-tablist",
9
+ "name": "Chip Tablist",
10
+ "schema": {
11
+ "slots": {
12
+ "root": {
13
+ "properties": {
14
+ "paddingX": {
15
+ "type": "dimension"
16
+ },
17
+ "gap": {
18
+ "type": "dimension"
19
+ }
20
+ }
21
+ }
22
+ },
23
+ "variants": {
24
+ "variant": {
25
+ "values": {
26
+ "neutralSolid": {},
27
+ "neutralOutline": {}
28
+ },
29
+ "defaultValue": "neutralSolid"
30
+ }
31
+ }
32
+ },
33
+ "definitions": [
34
+ {
35
+ "variants": {},
36
+ "definitions": [
37
+ {
38
+ "states": [
39
+ "enabled"
40
+ ],
41
+ "slots": {
42
+ "root": {
43
+ "paddingX": {
44
+ "type": "dimension",
45
+ "value": "$dimension.x4"
46
+ },
47
+ "gap": {
48
+ "type": "dimension",
49
+ "value": {
50
+ "value": 8,
51
+ "unit": "px"
52
+ }
53
+ }
54
+ }
55
+ }
56
+ }
57
+ ]
58
+ },
59
+ {
60
+ "variants": {
61
+ "variant": "neutralSolid"
62
+ },
63
+ "definitions": [
64
+ {
65
+ "states": [
66
+ "enabled"
67
+ ],
68
+ "slots": {
69
+ "root": {
70
+ "gap": {
71
+ "type": "dimension",
72
+ "value": {
73
+ "value": 8,
74
+ "unit": "px"
75
+ }
76
+ }
77
+ }
78
+ }
79
+ }
80
+ ]
81
+ },
82
+ {
83
+ "variants": {
84
+ "variant": "neutralOutline"
85
+ },
86
+ "definitions": [
87
+ {
88
+ "states": [
89
+ "enabled"
90
+ ],
91
+ "slots": {
92
+ "root": {
93
+ "gap": {
94
+ "type": "dimension",
95
+ "value": {
96
+ "value": 8,
97
+ "unit": "px"
98
+ }
99
+ }
100
+ }
101
+ }
102
+ }
103
+ ]
104
+ }
105
+ ]
106
+ }
107
+ }