@seed-design/rootage-artifacts 2.9.0 → 3.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 (91) hide show
  1. package/__generated__/color.d.ts +122 -18
  2. package/__generated__/color.json +122 -18
  3. package/__generated__/components/action-button.d.ts +18 -18
  4. package/__generated__/components/action-button.json +18 -18
  5. package/__generated__/components/badge.d.ts +55 -24
  6. package/__generated__/components/badge.json +55 -24
  7. package/__generated__/components/checkmark.d.ts +4 -4
  8. package/__generated__/components/checkmark.json +4 -4
  9. package/__generated__/components/chip.d.ts +12 -12
  10. package/__generated__/components/chip.json +12 -12
  11. package/__generated__/components/contextual-floating-button.d.ts +7 -7
  12. package/__generated__/components/contextual-floating-button.json +7 -7
  13. package/__generated__/components/date-picker.d.ts +29 -20
  14. package/__generated__/components/date-picker.json +31 -22
  15. package/__generated__/components/dialog-close-button.d.ts +0 -14
  16. package/__generated__/components/dialog-close-button.json +0 -14
  17. package/__generated__/components/extended-fab.d.ts +4 -4
  18. package/__generated__/components/extended-fab.json +4 -4
  19. package/__generated__/components/floating-action-button.d.ts +2 -2
  20. package/__generated__/components/floating-action-button.json +2 -2
  21. package/__generated__/components/help-bubble.d.ts +5 -5
  22. package/__generated__/components/help-bubble.json +5 -5
  23. package/__generated__/components/notification-badge.d.ts +1 -1
  24. package/__generated__/components/notification-badge.json +1 -1
  25. package/__generated__/components/page-banner-close-button.d.ts +1 -1
  26. package/__generated__/components/page-banner-close-button.json +1 -1
  27. package/__generated__/components/page-banner.d.ts +27 -27
  28. package/__generated__/components/page-banner.json +27 -27
  29. package/__generated__/components/pagination-page-item.d.ts +3 -3
  30. package/__generated__/components/pagination-page-item.json +3 -3
  31. package/__generated__/components/popover-close-button.d.ts +122 -0
  32. package/__generated__/components/popover-close-button.json +121 -0
  33. package/__generated__/components/popover-close-button.mjs +2 -0
  34. package/__generated__/components/popover.d.ts +388 -0
  35. package/__generated__/components/popover.json +387 -0
  36. package/__generated__/components/popover.mjs +2 -0
  37. package/__generated__/components/radiomark.d.ts +4 -4
  38. package/__generated__/components/radiomark.json +4 -4
  39. package/__generated__/components/side-panel-close-button.d.ts +0 -14
  40. package/__generated__/components/side-panel-close-button.json +0 -14
  41. package/__generated__/components/slider-thumb.d.ts +1 -1
  42. package/__generated__/components/slider-thumb.json +1 -1
  43. package/__generated__/components/slider-tick.d.ts +1 -1
  44. package/__generated__/components/slider-tick.json +1 -1
  45. package/__generated__/components/slider.d.ts +4 -4
  46. package/__generated__/components/slider.json +4 -4
  47. package/__generated__/components/snackbar.d.ts +2 -2
  48. package/__generated__/components/snackbar.json +2 -2
  49. package/__generated__/components/switchmark.d.ts +8 -2
  50. package/__generated__/components/switchmark.json +8 -2
  51. package/__generated__/components/toggle-button.d.ts +4 -4
  52. package/__generated__/components/toggle-button.json +4 -4
  53. package/__generated__/components/top-navigation.d.ts +7 -16
  54. package/__generated__/components/top-navigation.json +7 -16
  55. package/__generated__/index.d.ts +7 -7
  56. package/__generated__/index.json +7 -7
  57. package/color.yaml +50 -10
  58. package/components/action-button.yaml +18 -18
  59. package/components/badge.yaml +26 -11
  60. package/components/checkmark.yaml +4 -4
  61. package/components/chip.yaml +12 -12
  62. package/components/contextual-floating-button.yaml +7 -7
  63. package/components/date-picker.yaml +16 -13
  64. package/components/dialog-close-button.yaml +0 -6
  65. package/components/extended-fab.yaml +4 -4
  66. package/components/floating-action-button.yaml +2 -2
  67. package/components/help-bubble.yaml +5 -5
  68. package/components/notification-badge.yaml +1 -1
  69. package/components/page-banner-close-button.yaml +1 -1
  70. package/components/page-banner.yaml +27 -27
  71. package/components/pagination-page-item.yaml +3 -3
  72. package/components/popover-close-button.yaml +45 -0
  73. package/components/popover.yaml +162 -0
  74. package/components/radiomark.yaml +4 -4
  75. package/components/side-panel-close-button.yaml +0 -6
  76. package/components/slider-thumb.yaml +1 -1
  77. package/components/slider-tick.yaml +1 -1
  78. package/components/slider.yaml +4 -4
  79. package/components/snackbar.yaml +2 -2
  80. package/components/switchmark.yaml +4 -2
  81. package/components/toggle-button.yaml +4 -4
  82. package/components/top-navigation.yaml +1 -3
  83. package/package.json +1 -1
  84. package/__generated__/components/control-chip.d.ts +0 -525
  85. package/__generated__/components/control-chip.json +0 -524
  86. package/__generated__/components/control-chip.mjs +0 -2
  87. package/__generated__/components/inline-banner.d.ts +0 -582
  88. package/__generated__/components/inline-banner.json +0 -581
  89. package/__generated__/components/inline-banner.mjs +0 -2
  90. package/components/control-chip.yaml +0 -169
  91. package/components/inline-banner.yaml +0 -197
package/__generated__/components/contextual-floating-button.json CHANGED
@@ -201,7 +201,7 @@
201
201
  "root": {
202
202
  "color": {
203
203
  "type": "color",
204
- "value": "$color.bg.neutral-inverted"
204
+ "value": "$color.bg.neutral-solid"
205
205
  }
206
206
  },
207
207
  "progressCircle": {
@@ -211,25 +211,25 @@
211
211
  },
212
212
  "rangeColor": {
213
213
  "type": "color",
214
- "value": "$color.fg.neutral-inverted"
214
+ "value": "$color.fg.on-neutral-solid"
215
215
  }
216
216
  },
217
217
  "label": {
218
218
  "color": {
219
219
  "type": "color",
220
- "value": "$color.fg.neutral-inverted"
220
+ "value": "$color.fg.on-neutral-solid"
221
221
  }
222
222
  },
223
223
  "prefixIcon": {
224
224
  "color": {
225
225
  "type": "color",
226
- "value": "$color.fg.neutral-inverted"
226
+ "value": "$color.fg.on-neutral-solid"
227
227
  }
228
228
  },
229
229
  "icon": {
230
230
  "color": {
231
231
  "type": "color",
232
- "value": "$color.fg.neutral-inverted"
232
+ "value": "$color.fg.on-neutral-solid"
233
233
  }
234
234
  }
235
235
  }
@@ -242,7 +242,7 @@
242
242
  "root": {
243
243
  "color": {
244
244
  "type": "color",
245
- "value": "$color.bg.neutral-inverted-pressed"
245
+ "value": "$color.bg.neutral-solid-pressed"
246
246
  }
247
247
  }
248
248
  }
@@ -286,7 +286,7 @@
286
286
  "root": {
287
287
  "color": {
288
288
  "type": "color",
289
- "value": "$color.bg.neutral-inverted-pressed"
289
+ "value": "$color.bg.neutral-solid-pressed"
290
290
  }
291
291
  }
292
292
  }
package/__generated__/components/date-picker.d.ts CHANGED
@@ -160,20 +160,24 @@ declare const artifact: {
160
160
  };
161
161
  };
162
162
  };
163
- "wheelItem": {
163
+ "wheelPopover": {
164
164
  "properties": {
165
- "paddingX": {
165
+ "width": {
166
166
  "type": "dimension";
167
167
  };
168
- "fontSize": {
168
+ "cornerRadius": {
169
169
  "type": "dimension";
170
170
  };
171
- "lineHeight": {
172
- "type": "dimension";
171
+ "color": {
172
+ "type": "color";
173
173
  };
174
- "fontWeight": {
175
- "type": "number";
174
+ "shadow": {
175
+ "type": "shadow";
176
176
  };
177
+ };
178
+ };
179
+ "wheelItem": {
180
+ "properties": {
177
181
  "color": {
178
182
  "type": "color";
179
183
  };
@@ -358,23 +362,28 @@ declare const artifact: {
358
362
  };
359
363
  };
360
364
  };
361
- "wheelItem": {
362
- "paddingX": {
365
+ "wheelPopover": {
366
+ "width": {
363
367
  "type": "dimension";
364
- "value": "$dimension.x4";
368
+ "value": {
369
+ "value": 240;
370
+ "unit": "px";
371
+ };
365
372
  };
366
- "fontSize": {
373
+ "cornerRadius": {
367
374
  "type": "dimension";
368
- "value": "$font-size.t10-static";
375
+ "value": "$radius.r3";
369
376
  };
370
- "lineHeight": {
371
- "type": "dimension";
372
- "value": "$line-height.t10-static";
377
+ "color": {
378
+ "type": "color";
379
+ "value": "$color.bg.layer-floating";
373
380
  };
374
- "fontWeight": {
375
- "type": "number";
376
- "value": "$font-weight.medium";
381
+ "shadow": {
382
+ "type": "shadow";
383
+ "value": "$shadow.s3";
377
384
  };
385
+ };
386
+ "wheelItem": {
378
387
  "color": {
379
388
  "type": "color";
380
389
  "value": "$color.fg.disabled";
@@ -416,13 +425,13 @@ declare const artifact: {
416
425
  "dateVisual": {
417
426
  "color": {
418
427
  "type": "color";
419
- "value": "$color.bg.neutral-inverted";
428
+ "value": "$color.bg.neutral-solid";
420
429
  };
421
430
  };
422
431
  "dateContent": {
423
432
  "color": {
424
433
  "type": "color";
425
- "value": "$color.fg.neutral-inverted";
434
+ "value": "$color.fg.on-neutral-solid";
426
435
  };
427
436
  };
428
437
  "wheelItem": {
package/__generated__/components/date-picker.json CHANGED
@@ -160,20 +160,24 @@
160
160
  }
161
161
  }
162
162
  },
163
- "wheelItem": {
163
+ "wheelPopover": {
164
164
  "properties": {
165
- "paddingX": {
166
- "type": "dimension"
167
- },
168
- "fontSize": {
165
+ "width": {
169
166
  "type": "dimension"
170
167
  },
171
- "lineHeight": {
168
+ "cornerRadius": {
172
169
  "type": "dimension"
173
170
  },
174
- "fontWeight": {
175
- "type": "number"
171
+ "color": {
172
+ "type": "color"
176
173
  },
174
+ "shadow": {
175
+ "type": "shadow"
176
+ }
177
+ }
178
+ },
179
+ "wheelItem": {
180
+ "properties": {
177
181
  "color": {
178
182
  "type": "color"
179
183
  }
@@ -358,23 +362,28 @@
358
362
  }
359
363
  }
360
364
  },
361
- "wheelItem": {
362
- "paddingX": {
365
+ "wheelPopover": {
366
+ "width": {
363
367
  "type": "dimension",
364
- "value": "$dimension.x4"
365
- },
366
- "fontSize": {
367
- "type": "dimension",
368
- "value": "$font-size.t10-static"
368
+ "value": {
369
+ "value": 240,
370
+ "unit": "px"
371
+ }
369
372
  },
370
- "lineHeight": {
373
+ "cornerRadius": {
371
374
  "type": "dimension",
372
- "value": "$line-height.t10-static"
375
+ "value": "$radius.r3"
373
376
  },
374
- "fontWeight": {
375
- "type": "number",
376
- "value": "$font-weight.medium"
377
+ "color": {
378
+ "type": "color",
379
+ "value": "$color.bg.layer-floating"
377
380
  },
381
+ "shadow": {
382
+ "type": "shadow",
383
+ "value": "$shadow.s3"
384
+ }
385
+ },
386
+ "wheelItem": {
378
387
  "color": {
379
388
  "type": "color",
380
389
  "value": "$color.fg.disabled"
@@ -416,13 +425,13 @@
416
425
  "dateVisual": {
417
426
  "color": {
418
427
  "type": "color",
419
- "value": "$color.bg.neutral-inverted"
428
+ "value": "$color.bg.neutral-solid"
420
429
  }
421
430
  },
422
431
  "dateContent": {
423
432
  "color": {
424
433
  "type": "color",
425
- "value": "$color.fg.neutral-inverted"
434
+ "value": "$color.fg.on-neutral-solid"
426
435
  }
427
436
  },
428
437
  "wheelItem": {
package/__generated__/components/dialog-close-button.d.ts CHANGED
@@ -43,12 +43,6 @@ declare const artifact: {
43
43
  "size": {
44
44
  "type": "dimension";
45
45
  };
46
- "colorDuration": {
47
- "type": "duration";
48
- };
49
- "colorTimingFunction": {
50
- "type": "cubicBezier";
51
- };
52
46
  };
53
47
  };
54
48
  };
@@ -100,14 +94,6 @@ declare const artifact: {
100
94
  "unit": "px";
101
95
  };
102
96
  };
103
- "colorDuration": {
104
- "type": "duration";
105
- "value": "$duration.color-transition";
106
- };
107
- "colorTimingFunction": {
108
- "type": "cubicBezier";
109
- "value": "$timing-function.easing";
110
- };
111
97
  };
112
98
  };
113
99
  },
package/__generated__/components/dialog-close-button.json CHANGED
@@ -42,12 +42,6 @@
42
42
  },
43
43
  "size": {
44
44
  "type": "dimension"
45
- },
46
- "colorDuration": {
47
- "type": "duration"
48
- },
49
- "colorTimingFunction": {
50
- "type": "cubicBezier"
51
45
  }
52
46
  }
53
47
  }
@@ -99,14 +93,6 @@
99
93
  "value": 22,
100
94
  "unit": "px"
101
95
  }
102
- },
103
- "colorDuration": {
104
- "type": "duration",
105
- "value": "$duration.color-transition"
106
- },
107
- "colorTimingFunction": {
108
- "type": "cubicBezier",
109
- "value": "$timing-function.easing"
110
96
  }
111
97
  }
112
98
  }
package/__generated__/components/extended-fab.d.ts CHANGED
@@ -139,19 +139,19 @@ declare const artifact: {
139
139
  "root": {
140
140
  "color": {
141
141
  "type": "color";
142
- "value": "$color.bg.neutral-inverted";
142
+ "value": "$color.bg.neutral-solid";
143
143
  };
144
144
  };
145
145
  "label": {
146
146
  "color": {
147
147
  "type": "color";
148
- "value": "$color.fg.neutral-inverted";
148
+ "value": "$color.fg.on-neutral-solid";
149
149
  };
150
150
  };
151
151
  "prefixIcon": {
152
152
  "color": {
153
153
  "type": "color";
154
- "value": "$color.fg.neutral-inverted";
154
+ "value": "$color.fg.on-neutral-solid";
155
155
  };
156
156
  };
157
157
  };
@@ -164,7 +164,7 @@ declare const artifact: {
164
164
  "root": {
165
165
  "color": {
166
166
  "type": "color";
167
- "value": "$color.bg.neutral-inverted-pressed";
167
+ "value": "$color.bg.neutral-solid-pressed";
168
168
  };
169
169
  };
170
170
  };
package/__generated__/components/extended-fab.json CHANGED
@@ -139,19 +139,19 @@
139
139
  "root": {
140
140
  "color": {
141
141
  "type": "color",
142
- "value": "$color.bg.neutral-inverted"
142
+ "value": "$color.bg.neutral-solid"
143
143
  }
144
144
  },
145
145
  "label": {
146
146
  "color": {
147
147
  "type": "color",
148
- "value": "$color.fg.neutral-inverted"
148
+ "value": "$color.fg.on-neutral-solid"
149
149
  }
150
150
  },
151
151
  "prefixIcon": {
152
152
  "color": {
153
153
  "type": "color",
154
- "value": "$color.fg.neutral-inverted"
154
+ "value": "$color.fg.on-neutral-solid"
155
155
  }
156
156
  }
157
157
  }
@@ -164,7 +164,7 @@
164
164
  "root": {
165
165
  "color": {
166
166
  "type": "color",
167
- "value": "$color.bg.neutral-inverted-pressed"
167
+ "value": "$color.bg.neutral-solid-pressed"
168
168
  }
169
169
  }
170
170
  }
package/__generated__/components/floating-action-button.d.ts CHANGED
@@ -145,7 +145,7 @@ declare const artifact: {
145
145
  "icon": {
146
146
  "color": {
147
147
  "type": "color";
148
- "value": "$color.palette.static-white";
148
+ "value": "$color.fg.on-brand-solid";
149
149
  };
150
150
  "sizeDuration": {
151
151
  "type": "duration";
@@ -217,7 +217,7 @@ declare const artifact: {
217
217
  "label": {
218
218
  "color": {
219
219
  "type": "color";
220
- "value": "$color.palette.static-white";
220
+ "value": "$color.fg.on-brand-solid";
221
221
  };
222
222
  "fontSize": {
223
223
  "type": "dimension";
package/__generated__/components/floating-action-button.json CHANGED
@@ -145,7 +145,7 @@
145
145
  "icon": {
146
146
  "color": {
147
147
  "type": "color",
148
- "value": "$color.palette.static-white"
148
+ "value": "$color.fg.on-brand-solid"
149
149
  },
150
150
  "sizeDuration": {
151
151
  "type": "duration",
@@ -217,7 +217,7 @@
217
217
  "label": {
218
218
  "color": {
219
219
  "type": "color",
220
- "value": "$color.palette.static-white"
220
+ "value": "$color.fg.on-brand-solid"
221
221
  },
222
222
  "fontSize": {
223
223
  "type": "dimension",
package/__generated__/components/help-bubble.d.ts CHANGED
@@ -160,7 +160,7 @@ declare const artifact: {
160
160
  "root": {
161
161
  "color": {
162
162
  "type": "color";
163
- "value": "$color.bg.neutral-inverted";
163
+ "value": "$color.bg.neutral-solid";
164
164
  };
165
165
  "cornerRadius": {
166
166
  "type": "dimension";
@@ -225,7 +225,7 @@ declare const artifact: {
225
225
  "arrow": {
226
226
  "color": {
227
227
  "type": "color";
228
- "value": "$color.bg.neutral-inverted";
228
+ "value": "$color.bg.neutral-solid";
229
229
  };
230
230
  "width": {
231
231
  "type": "dimension";
@@ -272,7 +272,7 @@ declare const artifact: {
272
272
  "title": {
273
273
  "color": {
274
274
  "type": "color";
275
- "value": "$color.fg.neutral-inverted";
275
+ "value": "$color.fg.on-neutral-solid";
276
276
  };
277
277
  "fontSize": {
278
278
  "type": "dimension";
@@ -290,7 +290,7 @@ declare const artifact: {
290
290
  "description": {
291
291
  "color": {
292
292
  "type": "color";
293
- "value": "$color.fg.neutral-inverted";
293
+ "value": "$color.fg.on-neutral-solid";
294
294
  };
295
295
  "fontSize": {
296
296
  "type": "dimension";
@@ -308,7 +308,7 @@ declare const artifact: {
308
308
  "closeButton": {
309
309
  "color": {
310
310
  "type": "color";
311
- "value": "$color.fg.neutral-inverted";
311
+ "value": "$color.fg.on-neutral-solid";
312
312
  };
313
313
  "size": {
314
314
  "type": "dimension";
package/__generated__/components/help-bubble.json CHANGED
@@ -160,7 +160,7 @@
160
160
  "root": {
161
161
  "color": {
162
162
  "type": "color",
163
- "value": "$color.bg.neutral-inverted"
163
+ "value": "$color.bg.neutral-solid"
164
164
  },
165
165
  "cornerRadius": {
166
166
  "type": "dimension",
@@ -225,7 +225,7 @@
225
225
  "arrow": {
226
226
  "color": {
227
227
  "type": "color",
228
- "value": "$color.bg.neutral-inverted"
228
+ "value": "$color.bg.neutral-solid"
229
229
  },
230
230
  "width": {
231
231
  "type": "dimension",
@@ -272,7 +272,7 @@
272
272
  "title": {
273
273
  "color": {
274
274
  "type": "color",
275
- "value": "$color.fg.neutral-inverted"
275
+ "value": "$color.fg.on-neutral-solid"
276
276
  },
277
277
  "fontSize": {
278
278
  "type": "dimension",
@@ -290,7 +290,7 @@
290
290
  "description": {
291
291
  "color": {
292
292
  "type": "color",
293
- "value": "$color.fg.neutral-inverted"
293
+ "value": "$color.fg.on-neutral-solid"
294
294
  },
295
295
  "fontSize": {
296
296
  "type": "dimension",
@@ -308,7 +308,7 @@
308
308
  "closeButton": {
309
309
  "color": {
310
310
  "type": "color",
311
- "value": "$color.fg.neutral-inverted"
311
+ "value": "$color.fg.on-neutral-solid"
312
312
  },
313
313
  "size": {
314
314
  "type": "dimension",
package/__generated__/components/notification-badge.d.ts CHANGED
@@ -92,7 +92,7 @@ declare const artifact: {
92
92
  "label": {
93
93
  "color": {
94
94
  "type": "color";
95
- "value": "$color.palette.static-white";
95
+ "value": "$color.fg.on-brand-solid";
96
96
  };
97
97
  };
98
98
  };
package/__generated__/components/notification-badge.json CHANGED
@@ -92,7 +92,7 @@
92
92
  "label": {
93
93
  "color": {
94
94
  "type": "color",
95
- "value": "$color.palette.static-white"
95
+ "value": "$color.fg.on-brand-solid"
96
96
  }
97
97
  }
98
98
  }
package/__generated__/components/page-banner-close-button.d.ts CHANGED
@@ -173,7 +173,7 @@ declare const artifact: {
173
173
  "icon": {
174
174
  "color": {
175
175
  "type": "color";
176
- "value": "$color.fg.neutral-inverted";
176
+ "value": "$color.fg.on-neutral-solid";
177
177
  };
178
178
  };
179
179
  };
package/__generated__/components/page-banner-close-button.json CHANGED
@@ -173,7 +173,7 @@
173
173
  "icon": {
174
174
  "color": {
175
175
  "type": "color",
176
- "value": "$color.fg.neutral-inverted"
176
+ "value": "$color.fg.on-neutral-solid"
177
177
  }
178
178
  }
179
179
  }