@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
@@ -0,0 +1,284 @@
1
+ {
2
+ "kind": "ComponentSpec",
3
+ "metadata": {
4
+ "id": "menu-sheet-item",
5
+ "name": "Menu Sheet Item"
6
+ },
7
+ "data": {
8
+ "id": "menu-sheet-item",
9
+ "name": "Menu Sheet Item",
10
+ "schema": {
11
+ "slots": {
12
+ "root": {
13
+ "properties": {
14
+ "color": {
15
+ "type": "color"
16
+ },
17
+ "minHeight": {
18
+ "type": "dimension"
19
+ },
20
+ "paddingX": {
21
+ "type": "dimension"
22
+ },
23
+ "paddingY": {
24
+ "type": "dimension"
25
+ },
26
+ "gap": {
27
+ "type": "dimension"
28
+ }
29
+ }
30
+ },
31
+ "prefixIcon": {
32
+ "properties": {
33
+ "size": {
34
+ "type": "dimension"
35
+ },
36
+ "color": {
37
+ "type": "color"
38
+ }
39
+ }
40
+ },
41
+ "content": {
42
+ "properties": {
43
+ "gap": {
44
+ "type": "dimension"
45
+ }
46
+ }
47
+ },
48
+ "label": {
49
+ "properties": {
50
+ "color": {
51
+ "type": "color"
52
+ },
53
+ "fontSize": {
54
+ "type": "dimension"
55
+ },
56
+ "lineHeight": {
57
+ "type": "dimension"
58
+ },
59
+ "fontWeight": {
60
+ "type": "number"
61
+ }
62
+ }
63
+ },
64
+ "description": {
65
+ "properties": {
66
+ "color": {
67
+ "type": "color"
68
+ },
69
+ "fontSize": {
70
+ "type": "dimension"
71
+ },
72
+ "lineHeight": {
73
+ "type": "dimension"
74
+ },
75
+ "fontWeight": {
76
+ "type": "number"
77
+ }
78
+ }
79
+ }
80
+ },
81
+ "variants": {
82
+ "tone": {
83
+ "values": {
84
+ "neutral": {
85
+ "description": "일반적인 작업을 수행하는 기본 아이템입니다."
86
+ },
87
+ "critical": {
88
+ "description": "데이터 삭제와 같이 되돌릴 수 없는 작업을 수행하는 아이템입니다."
89
+ }
90
+ },
91
+ "defaultValue": "neutral"
92
+ },
93
+ "labelAlign": {
94
+ "values": {
95
+ "left": {
96
+ "description": "라벨을 왼쪽 정렬합니다."
97
+ },
98
+ "center": {
99
+ "description": "라벨을 중앙 정렬합니다."
100
+ }
101
+ },
102
+ "defaultValue": "left"
103
+ }
104
+ }
105
+ },
106
+ "definitions": [
107
+ {
108
+ "variants": {},
109
+ "definitions": [
110
+ {
111
+ "states": [
112
+ "enabled"
113
+ ],
114
+ "slots": {
115
+ "root": {
116
+ "color": {
117
+ "type": "color",
118
+ "value": "$color.bg.neutral-weak"
119
+ },
120
+ "minHeight": {
121
+ "type": "dimension",
122
+ "value": {
123
+ "value": 52,
124
+ "unit": "px"
125
+ }
126
+ },
127
+ "paddingX": {
128
+ "type": "dimension",
129
+ "value": "$dimension.x4"
130
+ },
131
+ "paddingY": {
132
+ "type": "dimension",
133
+ "value": "$dimension.x3_5"
134
+ },
135
+ "gap": {
136
+ "type": "dimension",
137
+ "value": "$dimension.x3_5"
138
+ }
139
+ },
140
+ "prefixIcon": {
141
+ "size": {
142
+ "type": "dimension",
143
+ "value": {
144
+ "value": 22,
145
+ "unit": "px"
146
+ }
147
+ }
148
+ },
149
+ "content": {
150
+ "gap": {
151
+ "type": "dimension",
152
+ "value": "$dimension.x0_5"
153
+ }
154
+ },
155
+ "label": {
156
+ "fontSize": {
157
+ "type": "dimension",
158
+ "value": "$font-size.t5"
159
+ },
160
+ "lineHeight": {
161
+ "type": "dimension",
162
+ "value": "$line-height.t5"
163
+ },
164
+ "fontWeight": {
165
+ "type": "number",
166
+ "value": "$font-weight.regular"
167
+ }
168
+ },
169
+ "description": {
170
+ "fontSize": {
171
+ "type": "dimension",
172
+ "value": "$font-size.t3"
173
+ },
174
+ "lineHeight": {
175
+ "type": "dimension",
176
+ "value": "$line-height.t3"
177
+ },
178
+ "fontWeight": {
179
+ "type": "number",
180
+ "value": "$font-weight.medium"
181
+ },
182
+ "color": {
183
+ "type": "color",
184
+ "value": "$color.fg.neutral-subtle"
185
+ }
186
+ }
187
+ }
188
+ },
189
+ {
190
+ "states": [
191
+ "pressed"
192
+ ],
193
+ "slots": {
194
+ "root": {
195
+ "color": {
196
+ "type": "color",
197
+ "value": "$color.bg.neutral-weak-pressed"
198
+ }
199
+ }
200
+ }
201
+ }
202
+ ]
203
+ },
204
+ {
205
+ "variants": {
206
+ "tone": "neutral"
207
+ },
208
+ "definitions": [
209
+ {
210
+ "states": [
211
+ "enabled"
212
+ ],
213
+ "slots": {
214
+ "prefixIcon": {
215
+ "color": {
216
+ "type": "color",
217
+ "value": "$color.fg.neutral"
218
+ }
219
+ },
220
+ "label": {
221
+ "color": {
222
+ "type": "color",
223
+ "value": "$color.fg.neutral"
224
+ }
225
+ }
226
+ }
227
+ }
228
+ ]
229
+ },
230
+ {
231
+ "variants": {
232
+ "tone": "critical"
233
+ },
234
+ "definitions": [
235
+ {
236
+ "states": [
237
+ "enabled"
238
+ ],
239
+ "slots": {
240
+ "prefixIcon": {
241
+ "color": {
242
+ "type": "color",
243
+ "value": "$color.fg.critical"
244
+ }
245
+ },
246
+ "label": {
247
+ "color": {
248
+ "type": "color",
249
+ "value": "$color.fg.critical"
250
+ }
251
+ }
252
+ }
253
+ }
254
+ ]
255
+ },
256
+ {
257
+ "variants": {
258
+ "labelAlign": "left"
259
+ },
260
+ "definitions": [
261
+ {
262
+ "states": [
263
+ "enabled"
264
+ ],
265
+ "slots": {}
266
+ }
267
+ ]
268
+ },
269
+ {
270
+ "variants": {
271
+ "labelAlign": "center"
272
+ },
273
+ "definitions": [
274
+ {
275
+ "states": [
276
+ "enabled"
277
+ ],
278
+ "slots": {}
279
+ }
280
+ ]
281
+ }
282
+ ]
283
+ }
284
+ }
@@ -0,0 +1,314 @@
1
+ {
2
+ "kind": "ComponentSpec",
3
+ "metadata": {
4
+ "id": "menu-sheet",
5
+ "name": "Menu Sheet"
6
+ },
7
+ "data": {
8
+ "id": "menu-sheet",
9
+ "name": "Menu Sheet",
10
+ "schema": {
11
+ "slots": {
12
+ "backdrop": {
13
+ "properties": {
14
+ "color": {
15
+ "type": "color"
16
+ },
17
+ "enterDuration": {
18
+ "type": "duration"
19
+ },
20
+ "enterTimingFunction": {
21
+ "type": "cubicBezier"
22
+ },
23
+ "enterOpacity": {
24
+ "type": "number"
25
+ },
26
+ "exitDuration": {
27
+ "type": "duration"
28
+ },
29
+ "exitTimingFunction": {
30
+ "type": "cubicBezier"
31
+ },
32
+ "exitOpacity": {
33
+ "type": "number"
34
+ }
35
+ }
36
+ },
37
+ "content": {
38
+ "properties": {
39
+ "color": {
40
+ "type": "color"
41
+ },
42
+ "maxWidth": {
43
+ "type": "dimension"
44
+ },
45
+ "paddingX": {
46
+ "type": "dimension"
47
+ },
48
+ "paddingTop": {
49
+ "type": "dimension"
50
+ },
51
+ "paddingBottom": {
52
+ "type": "dimension"
53
+ },
54
+ "topCornerRadius": {
55
+ "type": "dimension"
56
+ },
57
+ "enterDuration": {
58
+ "type": "duration"
59
+ },
60
+ "enterTimingFunction": {
61
+ "type": "cubicBezier"
62
+ },
63
+ "exitDuration": {
64
+ "type": "duration"
65
+ },
66
+ "exitTimingFunction": {
67
+ "type": "cubicBezier"
68
+ }
69
+ }
70
+ },
71
+ "header": {
72
+ "properties": {
73
+ "gap": {
74
+ "type": "dimension"
75
+ },
76
+ "paddingBottom": {
77
+ "type": "dimension"
78
+ }
79
+ }
80
+ },
81
+ "title": {
82
+ "properties": {
83
+ "fontSize": {
84
+ "type": "dimension"
85
+ },
86
+ "lineHeight": {
87
+ "type": "dimension"
88
+ },
89
+ "fontWeight": {
90
+ "type": "number"
91
+ },
92
+ "color": {
93
+ "type": "color"
94
+ }
95
+ }
96
+ },
97
+ "description": {
98
+ "properties": {
99
+ "fontSize": {
100
+ "type": "dimension"
101
+ },
102
+ "lineHeight": {
103
+ "type": "dimension"
104
+ },
105
+ "fontWeight": {
106
+ "type": "number"
107
+ },
108
+ "color": {
109
+ "type": "color"
110
+ }
111
+ }
112
+ },
113
+ "list": {
114
+ "properties": {
115
+ "gap": {
116
+ "type": "dimension"
117
+ }
118
+ }
119
+ },
120
+ "group": {
121
+ "properties": {
122
+ "cornerRadius": {
123
+ "type": "dimension"
124
+ }
125
+ }
126
+ },
127
+ "divider": {
128
+ "properties": {
129
+ "strokeBottomWidth": {
130
+ "type": "dimension"
131
+ },
132
+ "strokeColor": {
133
+ "type": "color"
134
+ }
135
+ }
136
+ },
137
+ "footer": {
138
+ "properties": {
139
+ "paddingTop": {
140
+ "type": "dimension"
141
+ }
142
+ }
143
+ }
144
+ },
145
+ "variants": {}
146
+ },
147
+ "definitions": [
148
+ {
149
+ "variants": {},
150
+ "definitions": [
151
+ {
152
+ "states": [
153
+ "enabled"
154
+ ],
155
+ "slots": {
156
+ "backdrop": {
157
+ "color": {
158
+ "type": "color",
159
+ "value": "$color.bg.overlay"
160
+ },
161
+ "enterDuration": {
162
+ "type": "duration",
163
+ "value": "$duration.d2"
164
+ },
165
+ "enterTimingFunction": {
166
+ "type": "cubicBezier",
167
+ "value": "$timing-function.enter"
168
+ },
169
+ "enterOpacity": {
170
+ "type": "number",
171
+ "value": 0
172
+ },
173
+ "exitDuration": {
174
+ "type": "duration",
175
+ "value": "$duration.d2"
176
+ },
177
+ "exitTimingFunction": {
178
+ "type": "cubicBezier",
179
+ "value": "$timing-function.exit"
180
+ },
181
+ "exitOpacity": {
182
+ "type": "number",
183
+ "value": 0
184
+ }
185
+ },
186
+ "content": {
187
+ "color": {
188
+ "type": "color",
189
+ "value": "$color.bg.layer-floating"
190
+ },
191
+ "maxWidth": {
192
+ "type": "dimension",
193
+ "value": {
194
+ "value": 480,
195
+ "unit": "px"
196
+ }
197
+ },
198
+ "paddingX": {
199
+ "type": "dimension",
200
+ "value": "$dimension.spacing-x.global-gutter"
201
+ },
202
+ "paddingTop": {
203
+ "type": "dimension",
204
+ "value": "$dimension.x6"
205
+ },
206
+ "paddingBottom": {
207
+ "type": "dimension",
208
+ "value": "$dimension.x4"
209
+ },
210
+ "topCornerRadius": {
211
+ "type": "dimension",
212
+ "value": "$radius.r5"
213
+ },
214
+ "enterDuration": {
215
+ "type": "duration",
216
+ "value": "$duration.d6"
217
+ },
218
+ "enterTimingFunction": {
219
+ "type": "cubicBezier",
220
+ "value": "$timing-function.enter-expressive"
221
+ },
222
+ "exitDuration": {
223
+ "type": "duration",
224
+ "value": "$duration.d4"
225
+ },
226
+ "exitTimingFunction": {
227
+ "type": "cubicBezier",
228
+ "value": "$timing-function.exit"
229
+ }
230
+ },
231
+ "header": {
232
+ "gap": {
233
+ "type": "dimension",
234
+ "value": "$dimension.x1"
235
+ },
236
+ "paddingBottom": {
237
+ "type": "dimension",
238
+ "value": "$dimension.x4"
239
+ }
240
+ },
241
+ "title": {
242
+ "fontSize": {
243
+ "type": "dimension",
244
+ "value": "$font-size.t6"
245
+ },
246
+ "lineHeight": {
247
+ "type": "dimension",
248
+ "value": "$line-height.t6"
249
+ },
250
+ "fontWeight": {
251
+ "type": "number",
252
+ "value": "$font-weight.bold"
253
+ },
254
+ "color": {
255
+ "type": "color",
256
+ "value": "$color.fg.neutral"
257
+ }
258
+ },
259
+ "description": {
260
+ "fontSize": {
261
+ "type": "dimension",
262
+ "value": "$font-size.t4"
263
+ },
264
+ "lineHeight": {
265
+ "type": "dimension",
266
+ "value": "$line-height.t4"
267
+ },
268
+ "fontWeight": {
269
+ "type": "number",
270
+ "value": "$font-weight.regular"
271
+ },
272
+ "color": {
273
+ "type": "color",
274
+ "value": "$color.fg.neutral-muted"
275
+ }
276
+ },
277
+ "list": {
278
+ "gap": {
279
+ "type": "dimension",
280
+ "value": "$dimension.x2_5"
281
+ }
282
+ },
283
+ "group": {
284
+ "cornerRadius": {
285
+ "type": "dimension",
286
+ "value": "$radius.r4"
287
+ }
288
+ },
289
+ "divider": {
290
+ "strokeBottomWidth": {
291
+ "type": "dimension",
292
+ "value": {
293
+ "value": 1,
294
+ "unit": "px"
295
+ }
296
+ },
297
+ "strokeColor": {
298
+ "type": "color",
299
+ "value": "$color.stroke.neutral-muted"
300
+ }
301
+ },
302
+ "footer": {
303
+ "paddingTop": {
304
+ "type": "dimension",
305
+ "value": "$dimension.x2_5"
306
+ }
307
+ }
308
+ }
309
+ }
310
+ ]
311
+ }
312
+ ]
313
+ }
314
+ }