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