@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/page-banner.d.ts CHANGED
@@ -351,37 +351,37 @@ declare const artifact: {
351
351
  "root": {
352
352
  "color": {
353
353
  "type": "color";
354
- "value": "$color.bg.neutral-inverted";
354
+ "value": "$color.bg.neutral-solid";
355
355
  };
356
356
  };
357
357
  "prefixIcon": {
358
358
  "color": {
359
359
  "type": "color";
360
- "value": "$color.fg.neutral-inverted";
360
+ "value": "$color.fg.on-neutral-solid";
361
361
  };
362
362
  };
363
363
  "title": {
364
364
  "color": {
365
365
  "type": "color";
366
- "value": "$color.fg.neutral-inverted";
366
+ "value": "$color.fg.on-neutral-solid";
367
367
  };
368
368
  };
369
369
  "description": {
370
370
  "color": {
371
371
  "type": "color";
372
- "value": "$color.fg.neutral-inverted";
372
+ "value": "$color.fg.on-neutral-solid";
373
373
  };
374
374
  };
375
375
  "button": {
376
376
  "color": {
377
377
  "type": "color";
378
- "value": "$color.fg.neutral-inverted";
378
+ "value": "$color.fg.on-neutral-solid";
379
379
  };
380
380
  };
381
381
  "suffixIcon": {
382
382
  "color": {
383
383
  "type": "color";
384
- "value": "$color.fg.neutral-inverted";
384
+ "value": "$color.fg.on-neutral-solid";
385
385
  };
386
386
  };
387
387
  };
@@ -394,7 +394,7 @@ declare const artifact: {
394
394
  "root": {
395
395
  "color": {
396
396
  "type": "color";
397
- "value": "$color.bg.neutral-inverted-pressed";
397
+ "value": "$color.bg.neutral-solid-pressed";
398
398
  };
399
399
  };
400
400
  };
@@ -485,31 +485,31 @@ declare const artifact: {
485
485
  "prefixIcon": {
486
486
  "color": {
487
487
  "type": "color";
488
- "value": "$color.palette.static-white";
488
+ "value": "$color.fg.on-positive-solid";
489
489
  };
490
490
  };
491
491
  "title": {
492
492
  "color": {
493
493
  "type": "color";
494
- "value": "$color.palette.static-white";
494
+ "value": "$color.fg.on-positive-solid";
495
495
  };
496
496
  };
497
497
  "description": {
498
498
  "color": {
499
499
  "type": "color";
500
- "value": "$color.palette.static-white";
500
+ "value": "$color.fg.on-positive-solid";
501
501
  };
502
502
  };
503
503
  "button": {
504
504
  "color": {
505
505
  "type": "color";
506
- "value": "$color.palette.static-white";
506
+ "value": "$color.fg.on-positive-solid";
507
507
  };
508
508
  };
509
509
  "suffixIcon": {
510
510
  "color": {
511
511
  "type": "color";
512
- "value": "$color.palette.static-white";
512
+ "value": "$color.fg.on-positive-solid";
513
513
  };
514
514
  };
515
515
  };
@@ -613,31 +613,31 @@ declare const artifact: {
613
613
  "prefixIcon": {
614
614
  "color": {
615
615
  "type": "color";
616
- "value": "$color.palette.static-white";
616
+ "value": "$color.fg.on-informative-solid";
617
617
  };
618
618
  };
619
619
  "title": {
620
620
  "color": {
621
621
  "type": "color";
622
- "value": "$color.palette.static-white";
622
+ "value": "$color.fg.on-informative-solid";
623
623
  };
624
624
  };
625
625
  "description": {
626
626
  "color": {
627
627
  "type": "color";
628
- "value": "$color.palette.static-white";
628
+ "value": "$color.fg.on-informative-solid";
629
629
  };
630
630
  };
631
631
  "button": {
632
632
  "color": {
633
633
  "type": "color";
634
- "value": "$color.palette.static-white";
634
+ "value": "$color.fg.on-informative-solid";
635
635
  };
636
636
  };
637
637
  "suffixIcon": {
638
638
  "color": {
639
639
  "type": "color";
640
- "value": "$color.palette.static-white";
640
+ "value": "$color.fg.on-informative-solid";
641
641
  };
642
642
  };
643
643
  };
@@ -741,31 +741,31 @@ declare const artifact: {
741
741
  "prefixIcon": {
742
742
  "color": {
743
743
  "type": "color";
744
- "value": "$color.palette.static-black-alpha-900";
744
+ "value": "$color.fg.on-warning-solid";
745
745
  };
746
746
  };
747
747
  "title": {
748
748
  "color": {
749
749
  "type": "color";
750
- "value": "$color.palette.static-black-alpha-900";
750
+ "value": "$color.fg.on-warning-solid";
751
751
  };
752
752
  };
753
753
  "description": {
754
754
  "color": {
755
755
  "type": "color";
756
- "value": "$color.palette.static-black-alpha-900";
756
+ "value": "$color.fg.on-warning-solid";
757
757
  };
758
758
  };
759
759
  "button": {
760
760
  "color": {
761
761
  "type": "color";
762
- "value": "$color.palette.static-black-alpha-900";
762
+ "value": "$color.fg.on-warning-solid";
763
763
  };
764
764
  };
765
765
  "suffixIcon": {
766
766
  "color": {
767
767
  "type": "color";
768
- "value": "$color.palette.static-black-alpha-900";
768
+ "value": "$color.fg.on-warning-solid";
769
769
  };
770
770
  };
771
771
  };
@@ -869,31 +869,31 @@ declare const artifact: {
869
869
  "prefixIcon": {
870
870
  "color": {
871
871
  "type": "color";
872
- "value": "$color.palette.static-white";
872
+ "value": "$color.fg.on-critical-solid";
873
873
  };
874
874
  };
875
875
  "title": {
876
876
  "color": {
877
877
  "type": "color";
878
- "value": "$color.palette.static-white";
878
+ "value": "$color.fg.on-critical-solid";
879
879
  };
880
880
  };
881
881
  "description": {
882
882
  "color": {
883
883
  "type": "color";
884
- "value": "$color.palette.static-white";
884
+ "value": "$color.fg.on-critical-solid";
885
885
  };
886
886
  };
887
887
  "button": {
888
888
  "color": {
889
889
  "type": "color";
890
- "value": "$color.palette.static-white";
890
+ "value": "$color.fg.on-critical-solid";
891
891
  };
892
892
  };
893
893
  "suffixIcon": {
894
894
  "color": {
895
895
  "type": "color";
896
- "value": "$color.palette.static-white";
896
+ "value": "$color.fg.on-critical-solid";
897
897
  };
898
898
  };
899
899
  };
package/__generated__/components/page-banner.json CHANGED
@@ -351,37 +351,37 @@
351
351
  "root": {
352
352
  "color": {
353
353
  "type": "color",
354
- "value": "$color.bg.neutral-inverted"
354
+ "value": "$color.bg.neutral-solid"
355
355
  }
356
356
  },
357
357
  "prefixIcon": {
358
358
  "color": {
359
359
  "type": "color",
360
- "value": "$color.fg.neutral-inverted"
360
+ "value": "$color.fg.on-neutral-solid"
361
361
  }
362
362
  },
363
363
  "title": {
364
364
  "color": {
365
365
  "type": "color",
366
- "value": "$color.fg.neutral-inverted"
366
+ "value": "$color.fg.on-neutral-solid"
367
367
  }
368
368
  },
369
369
  "description": {
370
370
  "color": {
371
371
  "type": "color",
372
- "value": "$color.fg.neutral-inverted"
372
+ "value": "$color.fg.on-neutral-solid"
373
373
  }
374
374
  },
375
375
  "button": {
376
376
  "color": {
377
377
  "type": "color",
378
- "value": "$color.fg.neutral-inverted"
378
+ "value": "$color.fg.on-neutral-solid"
379
379
  }
380
380
  },
381
381
  "suffixIcon": {
382
382
  "color": {
383
383
  "type": "color",
384
- "value": "$color.fg.neutral-inverted"
384
+ "value": "$color.fg.on-neutral-solid"
385
385
  }
386
386
  }
387
387
  }
@@ -394,7 +394,7 @@
394
394
  "root": {
395
395
  "color": {
396
396
  "type": "color",
397
- "value": "$color.bg.neutral-inverted-pressed"
397
+ "value": "$color.bg.neutral-solid-pressed"
398
398
  }
399
399
  }
400
400
  }
@@ -485,31 +485,31 @@
485
485
  "prefixIcon": {
486
486
  "color": {
487
487
  "type": "color",
488
- "value": "$color.palette.static-white"
488
+ "value": "$color.fg.on-positive-solid"
489
489
  }
490
490
  },
491
491
  "title": {
492
492
  "color": {
493
493
  "type": "color",
494
- "value": "$color.palette.static-white"
494
+ "value": "$color.fg.on-positive-solid"
495
495
  }
496
496
  },
497
497
  "description": {
498
498
  "color": {
499
499
  "type": "color",
500
- "value": "$color.palette.static-white"
500
+ "value": "$color.fg.on-positive-solid"
501
501
  }
502
502
  },
503
503
  "button": {
504
504
  "color": {
505
505
  "type": "color",
506
- "value": "$color.palette.static-white"
506
+ "value": "$color.fg.on-positive-solid"
507
507
  }
508
508
  },
509
509
  "suffixIcon": {
510
510
  "color": {
511
511
  "type": "color",
512
- "value": "$color.palette.static-white"
512
+ "value": "$color.fg.on-positive-solid"
513
513
  }
514
514
  }
515
515
  }
@@ -613,31 +613,31 @@
613
613
  "prefixIcon": {
614
614
  "color": {
615
615
  "type": "color",
616
- "value": "$color.palette.static-white"
616
+ "value": "$color.fg.on-informative-solid"
617
617
  }
618
618
  },
619
619
  "title": {
620
620
  "color": {
621
621
  "type": "color",
622
- "value": "$color.palette.static-white"
622
+ "value": "$color.fg.on-informative-solid"
623
623
  }
624
624
  },
625
625
  "description": {
626
626
  "color": {
627
627
  "type": "color",
628
- "value": "$color.palette.static-white"
628
+ "value": "$color.fg.on-informative-solid"
629
629
  }
630
630
  },
631
631
  "button": {
632
632
  "color": {
633
633
  "type": "color",
634
- "value": "$color.palette.static-white"
634
+ "value": "$color.fg.on-informative-solid"
635
635
  }
636
636
  },
637
637
  "suffixIcon": {
638
638
  "color": {
639
639
  "type": "color",
640
- "value": "$color.palette.static-white"
640
+ "value": "$color.fg.on-informative-solid"
641
641
  }
642
642
  }
643
643
  }
@@ -741,31 +741,31 @@
741
741
  "prefixIcon": {
742
742
  "color": {
743
743
  "type": "color",
744
- "value": "$color.palette.static-black-alpha-900"
744
+ "value": "$color.fg.on-warning-solid"
745
745
  }
746
746
  },
747
747
  "title": {
748
748
  "color": {
749
749
  "type": "color",
750
- "value": "$color.palette.static-black-alpha-900"
750
+ "value": "$color.fg.on-warning-solid"
751
751
  }
752
752
  },
753
753
  "description": {
754
754
  "color": {
755
755
  "type": "color",
756
- "value": "$color.palette.static-black-alpha-900"
756
+ "value": "$color.fg.on-warning-solid"
757
757
  }
758
758
  },
759
759
  "button": {
760
760
  "color": {
761
761
  "type": "color",
762
- "value": "$color.palette.static-black-alpha-900"
762
+ "value": "$color.fg.on-warning-solid"
763
763
  }
764
764
  },
765
765
  "suffixIcon": {
766
766
  "color": {
767
767
  "type": "color",
768
- "value": "$color.palette.static-black-alpha-900"
768
+ "value": "$color.fg.on-warning-solid"
769
769
  }
770
770
  }
771
771
  }
@@ -869,31 +869,31 @@
869
869
  "prefixIcon": {
870
870
  "color": {
871
871
  "type": "color",
872
- "value": "$color.palette.static-white"
872
+ "value": "$color.fg.on-critical-solid"
873
873
  }
874
874
  },
875
875
  "title": {
876
876
  "color": {
877
877
  "type": "color",
878
- "value": "$color.palette.static-white"
878
+ "value": "$color.fg.on-critical-solid"
879
879
  }
880
880
  },
881
881
  "description": {
882
882
  "color": {
883
883
  "type": "color",
884
- "value": "$color.palette.static-white"
884
+ "value": "$color.fg.on-critical-solid"
885
885
  }
886
886
  },
887
887
  "button": {
888
888
  "color": {
889
889
  "type": "color",
890
- "value": "$color.palette.static-white"
890
+ "value": "$color.fg.on-critical-solid"
891
891
  }
892
892
  },
893
893
  "suffixIcon": {
894
894
  "color": {
895
895
  "type": "color",
896
- "value": "$color.palette.static-white"
896
+ "value": "$color.fg.on-critical-solid"
897
897
  }
898
898
  }
899
899
  }
package/__generated__/components/pagination-page-item.d.ts CHANGED
@@ -126,13 +126,13 @@ declare const artifact: {
126
126
  "root": {
127
127
  "color": {
128
128
  "type": "color";
129
- "value": "$color.bg.neutral-inverted";
129
+ "value": "$color.bg.neutral-solid";
130
130
  };
131
131
  };
132
132
  "label": {
133
133
  "color": {
134
134
  "type": "color";
135
- "value": "$color.fg.neutral-inverted";
135
+ "value": "$color.fg.on-neutral-solid";
136
136
  };
137
137
  };
138
138
  };
@@ -146,7 +146,7 @@ declare const artifact: {
146
146
  "root": {
147
147
  "color": {
148
148
  "type": "color";
149
- "value": "$color.bg.neutral-inverted-pressed";
149
+ "value": "$color.bg.neutral-solid-pressed";
150
150
  };
151
151
  };
152
152
  };
package/__generated__/components/pagination-page-item.json CHANGED
@@ -126,13 +126,13 @@
126
126
  "root": {
127
127
  "color": {
128
128
  "type": "color",
129
- "value": "$color.bg.neutral-inverted"
129
+ "value": "$color.bg.neutral-solid"
130
130
  }
131
131
  },
132
132
  "label": {
133
133
  "color": {
134
134
  "type": "color",
135
- "value": "$color.fg.neutral-inverted"
135
+ "value": "$color.fg.on-neutral-solid"
136
136
  }
137
137
  }
138
138
  }
@@ -146,7 +146,7 @@
146
146
  "root": {
147
147
  "color": {
148
148
  "type": "color",
149
- "value": "$color.bg.neutral-inverted-pressed"
149
+ "value": "$color.bg.neutral-solid-pressed"
150
150
  }
151
151
  }
152
152
  }
package/__generated__/components/popover-close-button.d.ts ADDED
@@ -0,0 +1,122 @@
1
+ declare const artifact: {
2
+ "kind": "ComponentSpec";
3
+ "metadata": {
4
+ "id": "popover-close-button";
5
+ "name": "Popover Close Button";
6
+ };
7
+ "data": {
8
+ "id": "popover-close-button";
9
+ "name": "Popover Close Button";
10
+ "schema": {
11
+ "slots": {
12
+ "root": {
13
+ "properties": {
14
+ "color": {
15
+ "type": "color";
16
+ };
17
+ "cornerRadius": {
18
+ "type": "dimension";
19
+ };
20
+ "size": {
21
+ "type": "dimension";
22
+ };
23
+ "colorDuration": {
24
+ "type": "duration";
25
+ };
26
+ "colorTimingFunction": {
27
+ "type": "cubicBezier";
28
+ };
29
+ "scaleScope": {
30
+ "type": "enum";
31
+ "values": readonly [
32
+ "self",
33
+ "content",
34
+ ];
35
+ };
36
+ };
37
+ };
38
+ "icon": {
39
+ "properties": {
40
+ "color": {
41
+ "type": "color";
42
+ };
43
+ "size": {
44
+ "type": "dimension";
45
+ };
46
+ };
47
+ };
48
+ };
49
+ "variants": {};
50
+ };
51
+ "definitions": readonly [
52
+ {
53
+ "variants": {};
54
+ "definitions": readonly [
55
+ {
56
+ "states": readonly [
57
+ "enabled",
58
+ ];
59
+ "slots": {
60
+ "root": {
61
+ "color": {
62
+ "type": "color";
63
+ "value": "$color.bg.transparent";
64
+ };
65
+ "cornerRadius": {
66
+ "type": "dimension";
67
+ "value": "$radius.r3";
68
+ };
69
+ "size": {
70
+ "type": "dimension";
71
+ "value": {
72
+ "value": 52;
73
+ "unit": "px";
74
+ };
75
+ };
76
+ "colorDuration": {
77
+ "type": "duration";
78
+ "value": "$duration.color-transition";
79
+ };
80
+ "colorTimingFunction": {
81
+ "type": "cubicBezier";
82
+ "value": "$timing-function.easing";
83
+ };
84
+ };
85
+ "icon": {
86
+ "color": {
87
+ "type": "color";
88
+ "value": "$color.fg.neutral-subtle";
89
+ };
90
+ "size": {
91
+ "type": "dimension";
92
+ "value": {
93
+ "value": 22;
94
+ "unit": "px";
95
+ };
96
+ };
97
+ };
98
+ };
99
+ },
100
+ {
101
+ "states": readonly [
102
+ "pressed",
103
+ ];
104
+ "slots": {
105
+ "root": {
106
+ "color": {
107
+ "type": "color";
108
+ "value": "$color.bg.transparent-pressed";
109
+ };
110
+ "scaleScope": {
111
+ "type": "enum";
112
+ "value": "self";
113
+ };
114
+ };
115
+ };
116
+ },
117
+ ];
118
+ },
119
+ ];
120
+ };
121
+ };
122
+ export default artifact;