@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
package/__generated__/components/avatar.json ADDED
@@ -0,0 +1,698 @@
1
+ {
2
+ "kind": "ComponentSpec",
3
+ "metadata": {
4
+ "id": "avatar",
5
+ "name": "Avatar"
6
+ },
7
+ "data": {
8
+ "id": "avatar",
9
+ "name": "Avatar",
10
+ "schema": {
11
+ "slots": {
12
+ "root": {
13
+ "properties": {
14
+ "cornerRadius": {
15
+ "type": "dimension"
16
+ },
17
+ "size": {
18
+ "type": "dimension"
19
+ },
20
+ "strokeColor": {
21
+ "type": "color"
22
+ },
23
+ "strokeWidth": {
24
+ "type": "dimension"
25
+ }
26
+ }
27
+ },
28
+ "badgeMask": {
29
+ "properties": {
30
+ "offset": {
31
+ "type": "dimension"
32
+ },
33
+ "size": {
34
+ "type": "dimension"
35
+ }
36
+ },
37
+ "description": "size=20에서는 지원되지 않습니다."
38
+ },
39
+ "badge": {
40
+ "properties": {
41
+ "offset": {
42
+ "type": "dimension"
43
+ },
44
+ "size": {
45
+ "type": "dimension"
46
+ }
47
+ },
48
+ "description": "size=20에서는 지원되지 않습니다."
49
+ }
50
+ },
51
+ "variants": {
52
+ "size": {
53
+ "values": {
54
+ "20": {
55
+ "description": "대표 사용처: 댓글을 남긴 사용자"
56
+ },
57
+ "24": {
58
+ "description": "대표 사용처: 답글 프로필"
59
+ },
60
+ "36": {
61
+ "description": "대표 사용처: 댓글 프로필"
62
+ },
63
+ "42": {
64
+ "description": "대표 사용처: 게시글 상세 내 프로필"
65
+ },
66
+ "48": {
67
+ "description": "대표 사용처: 작은 리스트"
68
+ },
69
+ "56": {
70
+ "description": "대표 사용처: 큰 리스트"
71
+ },
72
+ "64": {
73
+ "description": "대표 사용처: 프로필 상세, 캐러셀"
74
+ },
75
+ "80": {},
76
+ "96": {},
77
+ "108": {
78
+ "description": "대표 사용처: 프로필 수정"
79
+ }
80
+ },
81
+ "defaultValue": "20"
82
+ }
83
+ }
84
+ },
85
+ "definitions": [
86
+ {
87
+ "variants": {},
88
+ "definitions": [
89
+ {
90
+ "states": [
91
+ "enabled"
92
+ ],
93
+ "slots": {
94
+ "root": {
95
+ "cornerRadius": {
96
+ "type": "dimension",
97
+ "value": "$radius.full"
98
+ },
99
+ "strokeColor": {
100
+ "type": "color",
101
+ "value": "$color.stroke.neutral-subtle"
102
+ }
103
+ }
104
+ }
105
+ }
106
+ ]
107
+ },
108
+ {
109
+ "variants": {
110
+ "size": "20"
111
+ },
112
+ "definitions": [
113
+ {
114
+ "states": [
115
+ "enabled"
116
+ ],
117
+ "slots": {
118
+ "root": {
119
+ "size": {
120
+ "type": "dimension",
121
+ "value": {
122
+ "value": 20,
123
+ "unit": "px"
124
+ }
125
+ },
126
+ "strokeWidth": {
127
+ "type": "dimension",
128
+ "value": {
129
+ "value": 1,
130
+ "unit": "px"
131
+ }
132
+ }
133
+ }
134
+ }
135
+ }
136
+ ]
137
+ },
138
+ {
139
+ "variants": {
140
+ "size": "24"
141
+ },
142
+ "definitions": [
143
+ {
144
+ "states": [
145
+ "enabled"
146
+ ],
147
+ "slots": {
148
+ "root": {
149
+ "size": {
150
+ "type": "dimension",
151
+ "value": {
152
+ "value": 24,
153
+ "unit": "px"
154
+ }
155
+ },
156
+ "strokeWidth": {
157
+ "type": "dimension",
158
+ "value": {
159
+ "value": 1,
160
+ "unit": "px"
161
+ }
162
+ }
163
+ },
164
+ "badgeMask": {
165
+ "offset": {
166
+ "type": "dimension",
167
+ "value": {
168
+ "value": 14,
169
+ "unit": "px"
170
+ }
171
+ },
172
+ "size": {
173
+ "type": "dimension",
174
+ "value": {
175
+ "value": 12,
176
+ "unit": "px"
177
+ }
178
+ }
179
+ },
180
+ "badge": {
181
+ "offset": {
182
+ "type": "dimension",
183
+ "value": {
184
+ "value": 15,
185
+ "unit": "px"
186
+ }
187
+ },
188
+ "size": {
189
+ "type": "dimension",
190
+ "value": {
191
+ "value": 10,
192
+ "unit": "px"
193
+ }
194
+ }
195
+ }
196
+ }
197
+ }
198
+ ]
199
+ },
200
+ {
201
+ "variants": {
202
+ "size": "36"
203
+ },
204
+ "definitions": [
205
+ {
206
+ "states": [
207
+ "enabled"
208
+ ],
209
+ "slots": {
210
+ "root": {
211
+ "size": {
212
+ "type": "dimension",
213
+ "value": {
214
+ "value": 36,
215
+ "unit": "px"
216
+ }
217
+ },
218
+ "strokeWidth": {
219
+ "type": "dimension",
220
+ "value": {
221
+ "value": 1,
222
+ "unit": "px"
223
+ }
224
+ }
225
+ },
226
+ "badgeMask": {
227
+ "offset": {
228
+ "type": "dimension",
229
+ "value": {
230
+ "value": 20,
231
+ "unit": "px"
232
+ }
233
+ },
234
+ "size": {
235
+ "type": "dimension",
236
+ "value": {
237
+ "value": 18,
238
+ "unit": "px"
239
+ }
240
+ }
241
+ },
242
+ "badge": {
243
+ "offset": {
244
+ "type": "dimension",
245
+ "value": {
246
+ "value": 22,
247
+ "unit": "px"
248
+ }
249
+ },
250
+ "size": {
251
+ "type": "dimension",
252
+ "value": {
253
+ "value": 14,
254
+ "unit": "px"
255
+ }
256
+ }
257
+ }
258
+ }
259
+ }
260
+ ]
261
+ },
262
+ {
263
+ "variants": {
264
+ "size": "42"
265
+ },
266
+ "definitions": [
267
+ {
268
+ "states": [
269
+ "enabled"
270
+ ],
271
+ "slots": {
272
+ "root": {
273
+ "size": {
274
+ "type": "dimension",
275
+ "value": {
276
+ "value": 42,
277
+ "unit": "px"
278
+ }
279
+ },
280
+ "strokeWidth": {
281
+ "type": "dimension",
282
+ "value": {
283
+ "value": 1,
284
+ "unit": "px"
285
+ }
286
+ }
287
+ },
288
+ "badgeMask": {
289
+ "offset": {
290
+ "type": "dimension",
291
+ "value": {
292
+ "value": 24,
293
+ "unit": "px"
294
+ }
295
+ },
296
+ "size": {
297
+ "type": "dimension",
298
+ "value": {
299
+ "value": 20,
300
+ "unit": "px"
301
+ }
302
+ }
303
+ },
304
+ "badge": {
305
+ "offset": {
306
+ "type": "dimension",
307
+ "value": {
308
+ "value": 26,
309
+ "unit": "px"
310
+ }
311
+ },
312
+ "size": {
313
+ "type": "dimension",
314
+ "value": {
315
+ "value": 16,
316
+ "unit": "px"
317
+ }
318
+ }
319
+ }
320
+ }
321
+ }
322
+ ]
323
+ },
324
+ {
325
+ "variants": {
326
+ "size": "48"
327
+ },
328
+ "definitions": [
329
+ {
330
+ "states": [
331
+ "enabled"
332
+ ],
333
+ "slots": {
334
+ "root": {
335
+ "size": {
336
+ "type": "dimension",
337
+ "value": {
338
+ "value": 48,
339
+ "unit": "px"
340
+ }
341
+ },
342
+ "strokeWidth": {
343
+ "type": "dimension",
344
+ "value": {
345
+ "value": 1,
346
+ "unit": "px"
347
+ }
348
+ }
349
+ },
350
+ "badgeMask": {
351
+ "offset": {
352
+ "type": "dimension",
353
+ "value": {
354
+ "value": 28,
355
+ "unit": "px"
356
+ }
357
+ },
358
+ "size": {
359
+ "type": "dimension",
360
+ "value": {
361
+ "value": 22,
362
+ "unit": "px"
363
+ }
364
+ }
365
+ },
366
+ "badge": {
367
+ "offset": {
368
+ "type": "dimension",
369
+ "value": {
370
+ "value": 30,
371
+ "unit": "px"
372
+ }
373
+ },
374
+ "size": {
375
+ "type": "dimension",
376
+ "value": {
377
+ "value": 18,
378
+ "unit": "px"
379
+ }
380
+ }
381
+ }
382
+ }
383
+ }
384
+ ]
385
+ },
386
+ {
387
+ "variants": {
388
+ "size": "56"
389
+ },
390
+ "definitions": [
391
+ {
392
+ "states": [
393
+ "enabled"
394
+ ],
395
+ "slots": {
396
+ "root": {
397
+ "size": {
398
+ "type": "dimension",
399
+ "value": {
400
+ "value": 56,
401
+ "unit": "px"
402
+ }
403
+ },
404
+ "strokeWidth": {
405
+ "type": "dimension",
406
+ "value": {
407
+ "value": 1,
408
+ "unit": "px"
409
+ }
410
+ }
411
+ },
412
+ "badgeMask": {
413
+ "offset": {
414
+ "type": "dimension",
415
+ "value": {
416
+ "value": 34,
417
+ "unit": "px"
418
+ }
419
+ },
420
+ "size": {
421
+ "type": "dimension",
422
+ "value": {
423
+ "value": 24,
424
+ "unit": "px"
425
+ }
426
+ }
427
+ },
428
+ "badge": {
429
+ "offset": {
430
+ "type": "dimension",
431
+ "value": {
432
+ "value": 36,
433
+ "unit": "px"
434
+ }
435
+ },
436
+ "size": {
437
+ "type": "dimension",
438
+ "value": {
439
+ "value": 20,
440
+ "unit": "px"
441
+ }
442
+ }
443
+ }
444
+ }
445
+ }
446
+ ]
447
+ },
448
+ {
449
+ "variants": {
450
+ "size": "64"
451
+ },
452
+ "definitions": [
453
+ {
454
+ "states": [
455
+ "enabled"
456
+ ],
457
+ "slots": {
458
+ "root": {
459
+ "size": {
460
+ "type": "dimension",
461
+ "value": {
462
+ "value": 64,
463
+ "unit": "px"
464
+ }
465
+ },
466
+ "strokeWidth": {
467
+ "type": "dimension",
468
+ "value": {
469
+ "value": 1,
470
+ "unit": "px"
471
+ }
472
+ }
473
+ },
474
+ "badgeMask": {
475
+ "offset": {
476
+ "type": "dimension",
477
+ "value": {
478
+ "value": 40,
479
+ "unit": "px"
480
+ }
481
+ },
482
+ "size": {
483
+ "type": "dimension",
484
+ "value": {
485
+ "value": 26,
486
+ "unit": "px"
487
+ }
488
+ }
489
+ },
490
+ "badge": {
491
+ "offset": {
492
+ "type": "dimension",
493
+ "value": {
494
+ "value": 42,
495
+ "unit": "px"
496
+ }
497
+ },
498
+ "size": {
499
+ "type": "dimension",
500
+ "value": {
501
+ "value": 22,
502
+ "unit": "px"
503
+ }
504
+ }
505
+ }
506
+ }
507
+ }
508
+ ]
509
+ },
510
+ {
511
+ "variants": {
512
+ "size": "80"
513
+ },
514
+ "definitions": [
515
+ {
516
+ "states": [
517
+ "enabled"
518
+ ],
519
+ "slots": {
520
+ "root": {
521
+ "size": {
522
+ "type": "dimension",
523
+ "value": {
524
+ "value": 80,
525
+ "unit": "px"
526
+ }
527
+ },
528
+ "strokeWidth": {
529
+ "type": "dimension",
530
+ "value": {
531
+ "value": 1,
532
+ "unit": "px"
533
+ }
534
+ }
535
+ },
536
+ "badgeMask": {
537
+ "offset": {
538
+ "type": "dimension",
539
+ "value": {
540
+ "value": 52,
541
+ "unit": "px"
542
+ }
543
+ },
544
+ "size": {
545
+ "type": "dimension",
546
+ "value": {
547
+ "value": 32,
548
+ "unit": "px"
549
+ }
550
+ }
551
+ },
552
+ "badge": {
553
+ "offset": {
554
+ "type": "dimension",
555
+ "value": {
556
+ "value": 54,
557
+ "unit": "px"
558
+ }
559
+ },
560
+ "size": {
561
+ "type": "dimension",
562
+ "value": {
563
+ "value": 28,
564
+ "unit": "px"
565
+ }
566
+ }
567
+ }
568
+ }
569
+ }
570
+ ]
571
+ },
572
+ {
573
+ "variants": {
574
+ "size": "96"
575
+ },
576
+ "definitions": [
577
+ {
578
+ "states": [
579
+ "enabled"
580
+ ],
581
+ "slots": {
582
+ "root": {
583
+ "size": {
584
+ "type": "dimension",
585
+ "value": {
586
+ "value": 96,
587
+ "unit": "px"
588
+ }
589
+ },
590
+ "strokeWidth": {
591
+ "type": "dimension",
592
+ "value": {
593
+ "value": 1,
594
+ "unit": "px"
595
+ }
596
+ }
597
+ },
598
+ "badgeMask": {
599
+ "offset": {
600
+ "type": "dimension",
601
+ "value": {
602
+ "value": 62,
603
+ "unit": "px"
604
+ }
605
+ },
606
+ "size": {
607
+ "type": "dimension",
608
+ "value": {
609
+ "value": 38,
610
+ "unit": "px"
611
+ }
612
+ }
613
+ },
614
+ "badge": {
615
+ "offset": {
616
+ "type": "dimension",
617
+ "value": {
618
+ "value": 65,
619
+ "unit": "px"
620
+ }
621
+ },
622
+ "size": {
623
+ "type": "dimension",
624
+ "value": {
625
+ "value": 32,
626
+ "unit": "px"
627
+ }
628
+ }
629
+ }
630
+ }
631
+ }
632
+ ]
633
+ },
634
+ {
635
+ "variants": {
636
+ "size": "108"
637
+ },
638
+ "definitions": [
639
+ {
640
+ "states": [
641
+ "enabled"
642
+ ],
643
+ "slots": {
644
+ "root": {
645
+ "size": {
646
+ "type": "dimension",
647
+ "value": {
648
+ "value": 108,
649
+ "unit": "px"
650
+ }
651
+ },
652
+ "strokeWidth": {
653
+ "type": "dimension",
654
+ "value": {
655
+ "value": 1,
656
+ "unit": "px"
657
+ }
658
+ }
659
+ },
660
+ "badgeMask": {
661
+ "offset": {
662
+ "type": "dimension",
663
+ "value": {
664
+ "value": 70,
665
+ "unit": "px"
666
+ }
667
+ },
668
+ "size": {
669
+ "type": "dimension",
670
+ "value": {
671
+ "value": 44,
672
+ "unit": "px"
673
+ }
674
+ }
675
+ },
676
+ "badge": {
677
+ "offset": {
678
+ "type": "dimension",
679
+ "value": {
680
+ "value": 74,
681
+ "unit": "px"
682
+ }
683
+ },
684
+ "size": {
685
+ "type": "dimension",
686
+ "value": {
687
+ "value": 36,
688
+ "unit": "px"
689
+ }
690
+ }
691
+ }
692
+ }
693
+ }
694
+ ]
695
+ }
696
+ ]
697
+ }
698
+ }