@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,159 @@
1
+ {
2
+ "kind": "ComponentSpec",
3
+ "metadata": {
4
+ "id": "action-sheet-item",
5
+ "name": "Action Sheet Item",
6
+ "deprecated": "Use menu-sheet-item instead."
7
+ },
8
+ "data": {
9
+ "id": "action-sheet-item",
10
+ "name": "Action Sheet Item",
11
+ "schema": {
12
+ "slots": {
13
+ "root": {
14
+ "properties": {
15
+ "color": {
16
+ "type": "color"
17
+ },
18
+ "minHeight": {
19
+ "type": "dimension"
20
+ },
21
+ "paddingX": {
22
+ "type": "dimension"
23
+ },
24
+ "paddingY": {
25
+ "type": "dimension"
26
+ }
27
+ }
28
+ },
29
+ "label": {
30
+ "properties": {
31
+ "color": {
32
+ "type": "color"
33
+ },
34
+ "fontSize": {
35
+ "type": "dimension"
36
+ },
37
+ "lineHeight": {
38
+ "type": "dimension"
39
+ },
40
+ "fontWeight": {
41
+ "type": "number"
42
+ }
43
+ }
44
+ }
45
+ },
46
+ "variants": {
47
+ "tone": {
48
+ "values": {
49
+ "neutral": {},
50
+ "critical": {}
51
+ },
52
+ "defaultValue": "neutral"
53
+ }
54
+ }
55
+ },
56
+ "definitions": [
57
+ {
58
+ "variants": {},
59
+ "definitions": [
60
+ {
61
+ "states": [
62
+ "enabled"
63
+ ],
64
+ "slots": {
65
+ "root": {
66
+ "color": {
67
+ "type": "color",
68
+ "value": "$color.bg.layer-floating"
69
+ },
70
+ "minHeight": {
71
+ "type": "dimension",
72
+ "value": {
73
+ "value": 50,
74
+ "unit": "px"
75
+ }
76
+ },
77
+ "paddingX": {
78
+ "type": "dimension",
79
+ "value": "$dimension.spacing-x.global-gutter"
80
+ },
81
+ "paddingY": {
82
+ "type": "dimension",
83
+ "value": "$dimension.x3_5"
84
+ }
85
+ },
86
+ "label": {
87
+ "fontSize": {
88
+ "type": "dimension",
89
+ "value": "$font-size.t5"
90
+ },
91
+ "lineHeight": {
92
+ "type": "dimension",
93
+ "value": "$line-height.t5"
94
+ },
95
+ "fontWeight": {
96
+ "type": "number",
97
+ "value": "$font-weight.regular"
98
+ }
99
+ }
100
+ }
101
+ },
102
+ {
103
+ "states": [
104
+ "pressed"
105
+ ],
106
+ "slots": {
107
+ "root": {
108
+ "color": {
109
+ "type": "color",
110
+ "value": "$color.bg.layer-floating-pressed"
111
+ }
112
+ }
113
+ }
114
+ }
115
+ ]
116
+ },
117
+ {
118
+ "variants": {
119
+ "tone": "neutral"
120
+ },
121
+ "definitions": [
122
+ {
123
+ "states": [
124
+ "enabled"
125
+ ],
126
+ "slots": {
127
+ "label": {
128
+ "color": {
129
+ "type": "color",
130
+ "value": "$color.fg.neutral"
131
+ }
132
+ }
133
+ }
134
+ }
135
+ ]
136
+ },
137
+ {
138
+ "variants": {
139
+ "tone": "critical"
140
+ },
141
+ "definitions": [
142
+ {
143
+ "states": [
144
+ "enabled"
145
+ ],
146
+ "slots": {
147
+ "label": {
148
+ "color": {
149
+ "type": "color",
150
+ "value": "$color.fg.critical"
151
+ }
152
+ }
153
+ }
154
+ }
155
+ ]
156
+ }
157
+ ]
158
+ }
159
+ }
@@ -0,0 +1,269 @@
1
+ {
2
+ "kind": "ComponentSpec",
3
+ "metadata": {
4
+ "id": "action-sheet",
5
+ "name": "Action Sheet",
6
+ "deprecated": "Use menu-sheet instead."
7
+ },
8
+ "data": {
9
+ "id": "action-sheet",
10
+ "name": "Action Sheet",
11
+ "schema": {
12
+ "slots": {
13
+ "backdrop": {
14
+ "properties": {
15
+ "color": {
16
+ "type": "color"
17
+ },
18
+ "enterDuration": {
19
+ "type": "duration"
20
+ },
21
+ "enterTimingFunction": {
22
+ "type": "cubicBezier"
23
+ },
24
+ "enterOpacity": {
25
+ "type": "number"
26
+ },
27
+ "exitDuration": {
28
+ "type": "duration"
29
+ },
30
+ "exitTimingFunction": {
31
+ "type": "cubicBezier"
32
+ },
33
+ "exitOpacity": {
34
+ "type": "number"
35
+ }
36
+ }
37
+ },
38
+ "content": {
39
+ "properties": {
40
+ "color": {
41
+ "type": "color"
42
+ },
43
+ "maxWidth": {
44
+ "type": "dimension"
45
+ },
46
+ "topCornerRadius": {
47
+ "type": "dimension"
48
+ },
49
+ "enterDuration": {
50
+ "type": "duration"
51
+ },
52
+ "enterTimingFunction": {
53
+ "type": "cubicBezier"
54
+ },
55
+ "exitDuration": {
56
+ "type": "duration"
57
+ },
58
+ "exitTimingFunction": {
59
+ "type": "cubicBezier"
60
+ }
61
+ }
62
+ },
63
+ "header": {
64
+ "properties": {
65
+ "paddingX": {
66
+ "type": "dimension"
67
+ },
68
+ "paddingY": {
69
+ "type": "dimension"
70
+ },
71
+ "gap": {
72
+ "type": "dimension"
73
+ }
74
+ }
75
+ },
76
+ "title": {
77
+ "properties": {
78
+ "fontSize": {
79
+ "type": "dimension"
80
+ },
81
+ "lineHeight": {
82
+ "type": "dimension"
83
+ },
84
+ "fontWeight": {
85
+ "type": "number"
86
+ },
87
+ "color": {
88
+ "type": "color"
89
+ }
90
+ }
91
+ },
92
+ "description": {
93
+ "properties": {
94
+ "fontSize": {
95
+ "type": "dimension"
96
+ },
97
+ "lineHeight": {
98
+ "type": "dimension"
99
+ },
100
+ "fontWeight": {
101
+ "type": "number"
102
+ },
103
+ "color": {
104
+ "type": "color"
105
+ }
106
+ }
107
+ },
108
+ "divider": {
109
+ "properties": {
110
+ "strokeWidth": {
111
+ "type": "dimension"
112
+ },
113
+ "strokeColor": {
114
+ "type": "color"
115
+ },
116
+ "marginX": {
117
+ "type": "dimension"
118
+ }
119
+ }
120
+ }
121
+ },
122
+ "variants": {}
123
+ },
124
+ "definitions": [
125
+ {
126
+ "variants": {},
127
+ "definitions": [
128
+ {
129
+ "states": [
130
+ "enabled"
131
+ ],
132
+ "slots": {
133
+ "backdrop": {
134
+ "color": {
135
+ "type": "color",
136
+ "value": "$color.bg.overlay"
137
+ },
138
+ "enterDuration": {
139
+ "type": "duration",
140
+ "value": "$duration.d2"
141
+ },
142
+ "enterTimingFunction": {
143
+ "type": "cubicBezier",
144
+ "value": "$timing-function.enter"
145
+ },
146
+ "enterOpacity": {
147
+ "type": "number",
148
+ "value": 0
149
+ },
150
+ "exitDuration": {
151
+ "type": "duration",
152
+ "value": "$duration.d2"
153
+ },
154
+ "exitTimingFunction": {
155
+ "type": "cubicBezier",
156
+ "value": "$timing-function.exit"
157
+ },
158
+ "exitOpacity": {
159
+ "type": "number",
160
+ "value": 0
161
+ }
162
+ },
163
+ "content": {
164
+ "color": {
165
+ "type": "color",
166
+ "value": "$color.bg.layer-floating"
167
+ },
168
+ "maxWidth": {
169
+ "type": "dimension",
170
+ "value": {
171
+ "value": 480,
172
+ "unit": "px"
173
+ }
174
+ },
175
+ "topCornerRadius": {
176
+ "type": "dimension",
177
+ "value": "$radius.r5"
178
+ },
179
+ "enterDuration": {
180
+ "type": "duration",
181
+ "value": "$duration.d6"
182
+ },
183
+ "enterTimingFunction": {
184
+ "type": "cubicBezier",
185
+ "value": "$timing-function.enter-expressive"
186
+ },
187
+ "exitDuration": {
188
+ "type": "duration",
189
+ "value": "$duration.d4"
190
+ },
191
+ "exitTimingFunction": {
192
+ "type": "cubicBezier",
193
+ "value": "$timing-function.exit"
194
+ }
195
+ },
196
+ "header": {
197
+ "paddingX": {
198
+ "type": "dimension",
199
+ "value": "$dimension.spacing-x.global-gutter"
200
+ },
201
+ "paddingY": {
202
+ "type": "dimension",
203
+ "value": "$dimension.x3_5"
204
+ },
205
+ "gap": {
206
+ "type": "dimension",
207
+ "value": "$dimension.x1"
208
+ }
209
+ },
210
+ "title": {
211
+ "fontSize": {
212
+ "type": "dimension",
213
+ "value": "$font-size.t4"
214
+ },
215
+ "lineHeight": {
216
+ "type": "dimension",
217
+ "value": "$line-height.t4"
218
+ },
219
+ "fontWeight": {
220
+ "type": "number",
221
+ "value": "$font-weight.bold"
222
+ },
223
+ "color": {
224
+ "type": "color",
225
+ "value": "$color.fg.neutral-muted"
226
+ }
227
+ },
228
+ "description": {
229
+ "fontSize": {
230
+ "type": "dimension",
231
+ "value": "$font-size.t3"
232
+ },
233
+ "lineHeight": {
234
+ "type": "dimension",
235
+ "value": "$line-height.t3"
236
+ },
237
+ "fontWeight": {
238
+ "type": "number",
239
+ "value": "$font-weight.regular"
240
+ },
241
+ "color": {
242
+ "type": "color",
243
+ "value": "$color.fg.neutral-muted"
244
+ }
245
+ },
246
+ "divider": {
247
+ "strokeWidth": {
248
+ "type": "dimension",
249
+ "value": {
250
+ "value": 1,
251
+ "unit": "px"
252
+ }
253
+ },
254
+ "strokeColor": {
255
+ "type": "color",
256
+ "value": "$color.stroke.neutral-muted"
257
+ },
258
+ "marginX": {
259
+ "type": "dimension",
260
+ "value": "$dimension.spacing-x.global-gutter"
261
+ }
262
+ }
263
+ }
264
+ }
265
+ ]
266
+ }
267
+ ]
268
+ }
269
+ }
@@ -0,0 +1,145 @@
1
+ {
2
+ "kind": "ComponentSpec",
3
+ "metadata": {
4
+ "id": "attachment-input-dropzone",
5
+ "name": "Attachment Input Dropzone"
6
+ },
7
+ "data": {
8
+ "id": "attachment-input-dropzone",
9
+ "name": "Attachment Input Dropzone",
10
+ "schema": {
11
+ "slots": {
12
+ "root": {
13
+ "properties": {
14
+ "height": {
15
+ "type": "dimension"
16
+ },
17
+ "gap": {
18
+ "type": "dimension"
19
+ },
20
+ "paddingX": {
21
+ "type": "dimension"
22
+ },
23
+ "cornerRadius": {
24
+ "type": "dimension"
25
+ },
26
+ "strokeWidth": {
27
+ "type": "dimension"
28
+ },
29
+ "strokeColor": {
30
+ "type": "color"
31
+ }
32
+ },
33
+ "description": "파일을 root 위로 dragging over 하는 동안 border style이 dashed에서 solid로 변경됩니다."
34
+ },
35
+ "label": {
36
+ "properties": {
37
+ "color": {
38
+ "type": "color"
39
+ },
40
+ "fontSize": {
41
+ "type": "dimension"
42
+ },
43
+ "lineHeight": {
44
+ "type": "dimension"
45
+ },
46
+ "fontWeight": {
47
+ "type": "number"
48
+ }
49
+ }
50
+ }
51
+ },
52
+ "variants": {}
53
+ },
54
+ "definitions": [
55
+ {
56
+ "variants": {},
57
+ "definitions": [
58
+ {
59
+ "states": [
60
+ "enabled"
61
+ ],
62
+ "slots": {
63
+ "root": {
64
+ "height": {
65
+ "type": "dimension",
66
+ "value": {
67
+ "value": 120,
68
+ "unit": "px"
69
+ }
70
+ },
71
+ "gap": {
72
+ "type": "dimension",
73
+ "value": "$dimension.x2"
74
+ },
75
+ "paddingX": {
76
+ "type": "dimension",
77
+ "value": "$dimension.x4"
78
+ },
79
+ "cornerRadius": {
80
+ "type": "dimension",
81
+ "value": "$radius.r3"
82
+ },
83
+ "strokeWidth": {
84
+ "type": "dimension",
85
+ "value": {
86
+ "value": 1,
87
+ "unit": "px"
88
+ }
89
+ },
90
+ "strokeColor": {
91
+ "type": "color",
92
+ "value": "$color.palette.gray-500"
93
+ }
94
+ },
95
+ "label": {
96
+ "color": {
97
+ "type": "color",
98
+ "value": "$color.fg.neutral-subtle"
99
+ },
100
+ "fontSize": {
101
+ "type": "dimension",
102
+ "value": "$font-size.t4"
103
+ },
104
+ "lineHeight": {
105
+ "type": "dimension",
106
+ "value": "$font-size.t4"
107
+ },
108
+ "fontWeight": {
109
+ "type": "number",
110
+ "value": "$font-weight.medium"
111
+ }
112
+ }
113
+ }
114
+ },
115
+ {
116
+ "states": [
117
+ "draggingOver"
118
+ ],
119
+ "slots": {
120
+ "root": {
121
+ "strokeColor": {
122
+ "type": "color",
123
+ "value": "$color.stroke.neutral-solid"
124
+ }
125
+ }
126
+ }
127
+ },
128
+ {
129
+ "states": [
130
+ "disabled"
131
+ ],
132
+ "slots": {
133
+ "label": {
134
+ "color": {
135
+ "type": "color",
136
+ "value": "$color.fg.disabled"
137
+ }
138
+ }
139
+ }
140
+ }
141
+ ]
142
+ }
143
+ ]
144
+ }
145
+ }