@seed-design/rootage-artifacts 1.2.12 → 2.1.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 +2465 -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 +14 -6
  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,338 @@
1
+ {
2
+ "kind": "Tokens",
3
+ "metadata": {
4
+ "id": "line-height",
5
+ "name": "Line Height"
6
+ },
7
+ "data": {
8
+ "collection": "global",
9
+ "tokens": {
10
+ "$line-height.t1": {
11
+ "values": {
12
+ "default": {
13
+ "type": "dimension",
14
+ "value": {
15
+ "value": 0.9375,
16
+ "unit": "rem"
17
+ }
18
+ }
19
+ }
20
+ },
21
+ "$line-height.t2": {
22
+ "values": {
23
+ "default": {
24
+ "type": "dimension",
25
+ "value": {
26
+ "value": 1,
27
+ "unit": "rem"
28
+ }
29
+ }
30
+ }
31
+ },
32
+ "$line-height.t3": {
33
+ "values": {
34
+ "default": {
35
+ "type": "dimension",
36
+ "value": {
37
+ "value": 1.125,
38
+ "unit": "rem"
39
+ }
40
+ }
41
+ }
42
+ },
43
+ "$line-height.t4": {
44
+ "values": {
45
+ "default": {
46
+ "type": "dimension",
47
+ "value": {
48
+ "value": 1.1875,
49
+ "unit": "rem"
50
+ }
51
+ }
52
+ }
53
+ },
54
+ "$line-height.t5": {
55
+ "values": {
56
+ "default": {
57
+ "type": "dimension",
58
+ "value": {
59
+ "value": 1.375,
60
+ "unit": "rem"
61
+ }
62
+ }
63
+ }
64
+ },
65
+ "$line-height.t6": {
66
+ "values": {
67
+ "default": {
68
+ "type": "dimension",
69
+ "value": {
70
+ "value": 1.5,
71
+ "unit": "rem"
72
+ }
73
+ }
74
+ }
75
+ },
76
+ "$line-height.t7": {
77
+ "values": {
78
+ "default": {
79
+ "type": "dimension",
80
+ "value": {
81
+ "value": 1.6875,
82
+ "unit": "rem"
83
+ }
84
+ }
85
+ }
86
+ },
87
+ "$line-height.t8": {
88
+ "values": {
89
+ "default": {
90
+ "type": "dimension",
91
+ "value": {
92
+ "value": 1.875,
93
+ "unit": "rem"
94
+ }
95
+ }
96
+ }
97
+ },
98
+ "$line-height.t9": {
99
+ "values": {
100
+ "default": {
101
+ "type": "dimension",
102
+ "value": {
103
+ "value": 2,
104
+ "unit": "rem"
105
+ }
106
+ }
107
+ }
108
+ },
109
+ "$line-height.t10": {
110
+ "values": {
111
+ "default": {
112
+ "type": "dimension",
113
+ "value": {
114
+ "value": 2.1875,
115
+ "unit": "rem"
116
+ }
117
+ }
118
+ }
119
+ },
120
+ "$line-height.t11": {
121
+ "values": {
122
+ "default": {
123
+ "type": "dimension",
124
+ "value": {
125
+ "value": 2.375,
126
+ "unit": "rem"
127
+ }
128
+ }
129
+ },
130
+ "description": "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
131
+ },
132
+ "$line-height.t12": {
133
+ "values": {
134
+ "default": {
135
+ "type": "dimension",
136
+ "value": {
137
+ "value": 2.625,
138
+ "unit": "rem"
139
+ }
140
+ }
141
+ },
142
+ "description": "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
143
+ },
144
+ "$line-height.t13": {
145
+ "values": {
146
+ "default": {
147
+ "type": "dimension",
148
+ "value": {
149
+ "value": 3.25,
150
+ "unit": "rem"
151
+ }
152
+ }
153
+ },
154
+ "description": "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
155
+ },
156
+ "$line-height.t14": {
157
+ "values": {
158
+ "default": {
159
+ "type": "dimension",
160
+ "value": {
161
+ "value": 3.75,
162
+ "unit": "rem"
163
+ }
164
+ }
165
+ },
166
+ "description": "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
167
+ },
168
+ "$line-height.t1-static": {
169
+ "values": {
170
+ "default": {
171
+ "type": "dimension",
172
+ "value": {
173
+ "value": 15,
174
+ "unit": "px"
175
+ }
176
+ }
177
+ },
178
+ "description": "폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
179
+ },
180
+ "$line-height.t2-static": {
181
+ "values": {
182
+ "default": {
183
+ "type": "dimension",
184
+ "value": {
185
+ "value": 16,
186
+ "unit": "px"
187
+ }
188
+ }
189
+ },
190
+ "description": "폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
191
+ },
192
+ "$line-height.t3-static": {
193
+ "values": {
194
+ "default": {
195
+ "type": "dimension",
196
+ "value": {
197
+ "value": 18,
198
+ "unit": "px"
199
+ }
200
+ }
201
+ },
202
+ "description": "폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
203
+ },
204
+ "$line-height.t4-static": {
205
+ "values": {
206
+ "default": {
207
+ "type": "dimension",
208
+ "value": {
209
+ "value": 19,
210
+ "unit": "px"
211
+ }
212
+ }
213
+ },
214
+ "description": "폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
215
+ },
216
+ "$line-height.t5-static": {
217
+ "values": {
218
+ "default": {
219
+ "type": "dimension",
220
+ "value": {
221
+ "value": 22,
222
+ "unit": "px"
223
+ }
224
+ }
225
+ },
226
+ "description": "폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
227
+ },
228
+ "$line-height.t6-static": {
229
+ "values": {
230
+ "default": {
231
+ "type": "dimension",
232
+ "value": {
233
+ "value": 24,
234
+ "unit": "px"
235
+ }
236
+ }
237
+ },
238
+ "description": "폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
239
+ },
240
+ "$line-height.t7-static": {
241
+ "values": {
242
+ "default": {
243
+ "type": "dimension",
244
+ "value": {
245
+ "value": 27,
246
+ "unit": "px"
247
+ }
248
+ }
249
+ },
250
+ "description": "폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
251
+ },
252
+ "$line-height.t8-static": {
253
+ "values": {
254
+ "default": {
255
+ "type": "dimension",
256
+ "value": {
257
+ "value": 30,
258
+ "unit": "px"
259
+ }
260
+ }
261
+ },
262
+ "description": "폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
263
+ },
264
+ "$line-height.t9-static": {
265
+ "values": {
266
+ "default": {
267
+ "type": "dimension",
268
+ "value": {
269
+ "value": 32,
270
+ "unit": "px"
271
+ }
272
+ }
273
+ },
274
+ "description": "폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
275
+ },
276
+ "$line-height.t10-static": {
277
+ "values": {
278
+ "default": {
279
+ "type": "dimension",
280
+ "value": {
281
+ "value": 35,
282
+ "unit": "px"
283
+ }
284
+ }
285
+ },
286
+ "description": "폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
287
+ },
288
+ "$line-height.t11-static": {
289
+ "values": {
290
+ "default": {
291
+ "type": "dimension",
292
+ "value": {
293
+ "value": 38,
294
+ "unit": "px"
295
+ }
296
+ }
297
+ },
298
+ "description": "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
299
+ },
300
+ "$line-height.t12-static": {
301
+ "values": {
302
+ "default": {
303
+ "type": "dimension",
304
+ "value": {
305
+ "value": 42,
306
+ "unit": "px"
307
+ }
308
+ }
309
+ },
310
+ "description": "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
311
+ },
312
+ "$line-height.t13-static": {
313
+ "values": {
314
+ "default": {
315
+ "type": "dimension",
316
+ "value": {
317
+ "value": 52,
318
+ "unit": "px"
319
+ }
320
+ }
321
+ },
322
+ "description": "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
323
+ },
324
+ "$line-height.t14-static": {
325
+ "values": {
326
+ "default": {
327
+ "type": "dimension",
328
+ "value": {
329
+ "value": 60,
330
+ "unit": "px"
331
+ }
332
+ }
333
+ },
334
+ "description": "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
335
+ }
336
+ }
337
+ }
338
+ }
@@ -0,0 +1,133 @@
1
+ {
2
+ "kind": "Tokens",
3
+ "metadata": {
4
+ "id": "radius",
5
+ "name": "Radius"
6
+ },
7
+ "data": {
8
+ "collection": "global",
9
+ "tokens": {
10
+ "$radius.r0_5": {
11
+ "values": {
12
+ "default": {
13
+ "type": "dimension",
14
+ "value": {
15
+ "value": 2,
16
+ "unit": "px"
17
+ }
18
+ }
19
+ }
20
+ },
21
+ "$radius.r1": {
22
+ "values": {
23
+ "default": {
24
+ "type": "dimension",
25
+ "value": {
26
+ "value": 4,
27
+ "unit": "px"
28
+ }
29
+ }
30
+ }
31
+ },
32
+ "$radius.r1_5": {
33
+ "values": {
34
+ "default": {
35
+ "type": "dimension",
36
+ "value": {
37
+ "value": 6,
38
+ "unit": "px"
39
+ }
40
+ }
41
+ }
42
+ },
43
+ "$radius.r2": {
44
+ "values": {
45
+ "default": {
46
+ "type": "dimension",
47
+ "value": {
48
+ "value": 8,
49
+ "unit": "px"
50
+ }
51
+ }
52
+ }
53
+ },
54
+ "$radius.r2_5": {
55
+ "values": {
56
+ "default": {
57
+ "type": "dimension",
58
+ "value": {
59
+ "value": 10,
60
+ "unit": "px"
61
+ }
62
+ }
63
+ }
64
+ },
65
+ "$radius.r3": {
66
+ "values": {
67
+ "default": {
68
+ "type": "dimension",
69
+ "value": {
70
+ "value": 12,
71
+ "unit": "px"
72
+ }
73
+ }
74
+ }
75
+ },
76
+ "$radius.r3_5": {
77
+ "values": {
78
+ "default": {
79
+ "type": "dimension",
80
+ "value": {
81
+ "value": 14,
82
+ "unit": "px"
83
+ }
84
+ }
85
+ }
86
+ },
87
+ "$radius.r4": {
88
+ "values": {
89
+ "default": {
90
+ "type": "dimension",
91
+ "value": {
92
+ "value": 16,
93
+ "unit": "px"
94
+ }
95
+ }
96
+ }
97
+ },
98
+ "$radius.r5": {
99
+ "values": {
100
+ "default": {
101
+ "type": "dimension",
102
+ "value": {
103
+ "value": 20,
104
+ "unit": "px"
105
+ }
106
+ }
107
+ }
108
+ },
109
+ "$radius.r6": {
110
+ "values": {
111
+ "default": {
112
+ "type": "dimension",
113
+ "value": {
114
+ "value": 24,
115
+ "unit": "px"
116
+ }
117
+ }
118
+ }
119
+ },
120
+ "$radius.full": {
121
+ "values": {
122
+ "default": {
123
+ "type": "dimension",
124
+ "value": {
125
+ "value": 9999,
126
+ "unit": "px"
127
+ }
128
+ }
129
+ }
130
+ }
131
+ }
132
+ }
133
+ }
@@ -0,0 +1,170 @@
1
+ {
2
+ "kind": "Tokens",
3
+ "metadata": {
4
+ "id": "shadow",
5
+ "name": "Shadow",
6
+ "lastUpdated": "26-01-06"
7
+ },
8
+ "data": {
9
+ "collection": "color",
10
+ "tokens": {
11
+ "$shadow.s1": {
12
+ "values": {
13
+ "theme-light": {
14
+ "type": "shadow",
15
+ "value": [
16
+ {
17
+ "color": "#00000014",
18
+ "offsetX": {
19
+ "value": 0,
20
+ "unit": "px"
21
+ },
22
+ "offsetY": {
23
+ "value": 1,
24
+ "unit": "px"
25
+ },
26
+ "blur": {
27
+ "value": 4,
28
+ "unit": "px"
29
+ },
30
+ "spread": {
31
+ "value": 0,
32
+ "unit": "px"
33
+ }
34
+ }
35
+ ]
36
+ },
37
+ "theme-dark": {
38
+ "type": "shadow",
39
+ "value": [
40
+ {
41
+ "color": "#00000080",
42
+ "offsetX": {
43
+ "value": 0,
44
+ "unit": "px"
45
+ },
46
+ "offsetY": {
47
+ "value": 1,
48
+ "unit": "px"
49
+ },
50
+ "blur": {
51
+ "value": 4,
52
+ "unit": "px"
53
+ },
54
+ "spread": {
55
+ "value": 0,
56
+ "unit": "px"
57
+ }
58
+ }
59
+ ]
60
+ }
61
+ }
62
+ },
63
+ "$shadow.s2": {
64
+ "values": {
65
+ "theme-light": {
66
+ "type": "shadow",
67
+ "value": [
68
+ {
69
+ "color": "#0000001a",
70
+ "offsetX": {
71
+ "value": 0,
72
+ "unit": "px"
73
+ },
74
+ "offsetY": {
75
+ "value": 2,
76
+ "unit": "px"
77
+ },
78
+ "blur": {
79
+ "value": 10,
80
+ "unit": "px"
81
+ },
82
+ "spread": {
83
+ "value": 0,
84
+ "unit": "px"
85
+ }
86
+ }
87
+ ]
88
+ },
89
+ "theme-dark": {
90
+ "type": "shadow",
91
+ "value": [
92
+ {
93
+ "color": "#000000ad",
94
+ "offsetX": {
95
+ "value": 0,
96
+ "unit": "px"
97
+ },
98
+ "offsetY": {
99
+ "value": 2,
100
+ "unit": "px"
101
+ },
102
+ "blur": {
103
+ "value": 10,
104
+ "unit": "px"
105
+ },
106
+ "spread": {
107
+ "value": 0,
108
+ "unit": "px"
109
+ }
110
+ }
111
+ ]
112
+ }
113
+ }
114
+ },
115
+ "$shadow.s3": {
116
+ "values": {
117
+ "theme-light": {
118
+ "type": "shadow",
119
+ "value": [
120
+ {
121
+ "color": "#0000001f",
122
+ "offsetX": {
123
+ "value": 0,
124
+ "unit": "px"
125
+ },
126
+ "offsetY": {
127
+ "value": 4,
128
+ "unit": "px"
129
+ },
130
+ "blur": {
131
+ "value": 16,
132
+ "unit": "px"
133
+ },
134
+ "spread": {
135
+ "value": 0,
136
+ "unit": "px"
137
+ }
138
+ }
139
+ ]
140
+ },
141
+ "theme-dark": {
142
+ "type": "shadow",
143
+ "value": [
144
+ {
145
+ "color": "#000000cc",
146
+ "offsetX": {
147
+ "value": 0,
148
+ "unit": "px"
149
+ },
150
+ "offsetY": {
151
+ "value": 4,
152
+ "unit": "px"
153
+ },
154
+ "blur": {
155
+ "value": 16,
156
+ "unit": "px"
157
+ },
158
+ "spread": {
159
+ "value": 0,
160
+ "unit": "px"
161
+ }
162
+ }
163
+ ]
164
+ }
165
+ },
166
+ "description": "화면의 다른 요소들보다 가장 높은 계층에 위치할 때 사용됩니다."
167
+ }
168
+ }
169
+ }
170
+ }