@yahoo/uds 3.114.0-beta.1 → 3.114.0-beta.3

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.
@@ -146,6 +146,118 @@ var Image = {
146
146
  "propToVariantKeys": {},
147
147
  "motionVarPrefixes": []
148
148
  };
149
+ var Table_mocks = {
150
+ "name": "Table.mocks",
151
+ "defaultProps": {},
152
+ "getStylesLiterals": {},
153
+ "cxLiterals": [],
154
+ "internalComponents": [],
155
+ "internalComponentProps": {},
156
+ "propToVariantKeys": {},
157
+ "motionVarPrefixes": []
158
+ };
159
+ var Table = {
160
+ "name": "Table",
161
+ "defaultProps": {
162
+ "display": "table-cell",
163
+ "overflow": "hidden",
164
+ "borderColor": "muted",
165
+ "borderRadius": "md",
166
+ "spacing": "3",
167
+ "borderBottomColor": "muted",
168
+ "borderBottomWidth": "thin",
169
+ "color": "primary"
170
+ },
171
+ "getStylesLiterals": { "textAlign": "start" },
172
+ "cxLiterals": [],
173
+ "internalComponents": [
174
+ "CellComponent",
175
+ "Box",
176
+ "Text",
177
+ "Table.Root",
178
+ "Table.Header",
179
+ "Table.Row",
180
+ "Table.Cell",
181
+ "Table.Body"
182
+ ],
183
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
184
+ "propToVariantKeys": {},
185
+ "motionVarPrefixes": []
186
+ };
187
+ var Spinner = {
188
+ "name": "Spinner",
189
+ "defaultProps": {
190
+ "color": "primary",
191
+ "size": "lg"
192
+ },
193
+ "getStylesLiterals": {},
194
+ "cxLiterals": [
195
+ "self-center",
196
+ "relative",
197
+ "sr-only"
198
+ ],
199
+ "internalComponents": ["Icon"],
200
+ "internalComponentProps": { "Icon": {
201
+ "role": ["img"],
202
+ "className": ["animate-spin"],
203
+ "aria-hidden": ["true"]
204
+ } },
205
+ "propToVariantKeys": {},
206
+ "motionVarPrefixes": []
207
+ };
208
+ var DividerCore = {
209
+ "name": "DividerCore",
210
+ "defaultProps": { "contentPosition": "center" },
211
+ "getStylesLiterals": {},
212
+ "cxLiterals": [],
213
+ "internalComponents": [
214
+ "Box",
215
+ "Line",
216
+ "InternalComponent",
217
+ "Text"
218
+ ],
219
+ "internalComponentProps": {
220
+ "Box": {
221
+ "flex": ["1", "none"],
222
+ "display": ["flex"]
223
+ },
224
+ "InternalComponent": {
225
+ "flex": ["1"],
226
+ "alignItems": ["center"]
227
+ },
228
+ "Text": {
229
+ "as": ["span"],
230
+ "color": ["inherit"],
231
+ "variant": ["inherit"]
232
+ }
233
+ },
234
+ "propToVariantKeys": {},
235
+ "motionVarPrefixes": []
236
+ };
237
+ var DividerInternal = {
238
+ "name": "DividerInternal",
239
+ "defaultProps": { "variant": "primary" },
240
+ "getStylesLiterals": {},
241
+ "cxLiterals": ["inherit"],
242
+ "internalComponents": ["DividerCore"],
243
+ "internalComponentProps": {},
244
+ "propToVariantKeys": { "variant": [
245
+ "dividerVariantRoot",
246
+ "dividerVariantLabel",
247
+ "dividerVariantLine"
248
+ ] },
249
+ "motionVarPrefixes": []
250
+ };
251
+ var Divider = {
252
+ "name": "Divider",
253
+ "defaultProps": {},
254
+ "getStylesLiterals": {},
255
+ "cxLiterals": [],
256
+ "internalComponents": ["DividerInternal"],
257
+ "internalComponentProps": {},
258
+ "propToVariantKeys": {},
259
+ "motionVarPrefixes": []
260
+ };
149
261
  var Button = {
150
262
  "name": "Button",
151
263
  "defaultProps": { "type": "button" },
@@ -416,7 +528,12 @@ var Badge = {
416
528
  "size": "md"
417
529
  },
418
530
  "getStylesLiterals": {},
419
- "cxLiterals": [],
531
+ "cxLiterals": [
532
+ "flex-1",
533
+ "truncate",
534
+ "whitespace-nowrap",
535
+ "text-center"
536
+ ],
420
537
  "internalComponents": ["IconSlot", "HStack"],
421
538
  "internalComponentProps": {
422
539
  "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
@@ -438,7 +555,7 @@ var AnimateHeightChange = {
438
555
  "name": "AnimateHeightChange",
439
556
  "defaultProps": {},
440
557
  "getStylesLiterals": {},
441
- "cxLiterals": [],
558
+ "cxLiterals": ["overflow-hidden"],
442
559
  "internalComponents": ["SpringMotionConfig"],
443
560
  "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
444
561
  "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
@@ -454,514 +571,500 @@ var Pressable = {
454
571
  "propToVariantKeys": {},
455
572
  "motionVarPrefixes": []
456
573
  };
457
- var Menu_Item = {
458
- "name": "Menu.Item",
574
+ var AvoidMotionLibraryProvider = {
575
+ "name": "AvoidMotionLibraryProvider",
459
576
  "defaultProps": {},
460
- "getStylesLiterals": {
461
- "menuitemItemVariantRoot": "default",
462
- "menuitemItemVariantActiveRoot": "on",
463
- "menuitemItemVariantActiveRoot:1": "off",
464
- "menuitemItemVariantText": "default",
465
- "menuitemItemVariantActiveText": "on",
466
- "menuitemItemVariantActiveText:1": "off",
467
- "menuitemItemVariantIcon": "default",
468
- "menuitemItemVariantActiveIcon": "on",
469
- "menuitemItemVariantActiveIcon:1": "off"
470
- },
577
+ "getStylesLiterals": {},
471
578
  "cxLiterals": [],
472
- "internalComponents": ["MenuItemBase"],
579
+ "internalComponents": [],
473
580
  "internalComponentProps": {},
474
581
  "propToVariantKeys": {},
475
582
  "motionVarPrefixes": []
476
583
  };
477
- var Menu_Provider = {
478
- "name": "Menu.Provider",
584
+ var SegmentedControl = {
585
+ "name": "SegmentedControl",
479
586
  "defaultProps": {},
480
- "getStylesLiterals": {},
481
- "cxLiterals": [],
482
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
483
- "internalComponentProps": {},
484
- "propToVariantKeys": {},
485
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
486
- };
487
- var Menu_ItemBase = {
488
- "name": "Menu.ItemBase",
489
- "defaultProps": {
490
- "spacing": "0",
491
- "spacingHorizontal": "4",
492
- "spacingVertical": "3.5",
493
- "columnGap": "2",
494
- "alignItems": "center",
495
- "justifyContent": "space-between"
496
- },
497
587
  "getStylesLiterals": {
498
- "textAlign": "start",
499
- "menuitemSizeRoot": "default",
500
- "flexDirection": "row",
501
- "menuitemSizeStartIcon": "default",
502
- "menuitemSizeEndIcon": "default"
588
+ "display": "flex",
589
+ "alignItems": "center",
590
+ "backgroundColor": "primary",
591
+ "spacingVertical": "1",
592
+ "spacingHorizontal": "3",
593
+ "columnGap": "1.5",
594
+ "borderWidth": "thin",
595
+ "borderRadius": "full",
596
+ "borderColor": "muted",
597
+ "borderColor:1": "transparent",
598
+ "color": "primary",
599
+ "color:1": "tertiary",
600
+ "color:2": "muted"
503
601
  },
504
602
  "cxLiterals": [
505
- "flex",
506
- "focus-visible:text-brand",
507
- "focus-visible:bg-brand-secondary",
508
- "focus-visible:z-10",
509
603
  "uds-ring",
510
- "!-outline-offset-2",
511
- "[&:not([aria-checked])]:cursor-default",
512
- "opacity-25",
513
604
  "cursor-not-allowed",
514
- "duration-20",
515
- "transition-[font-variation-settings]",
516
- "ease-in-out",
517
- "z-0"
605
+ "opacity-50",
606
+ "pointer-events-none",
607
+ "hover:bg-primary"
518
608
  ],
519
609
  "internalComponents": [
520
- "Pressable",
521
- "IconSlot",
522
- "RootComponent",
610
+ "Radio",
611
+ "Icon",
612
+ "RadioProvider",
523
613
  "HStack",
524
- "AnimatePresence"
614
+ "RadioGroup",
615
+ "Pressable",
616
+ "Text"
525
617
  ],
526
618
  "internalComponentProps": {
619
+ "Icon": {
620
+ "size": ["sm"],
621
+ "color": ["current"],
622
+ "aria-hidden": ["true"]
623
+ },
527
624
  "HStack": {
528
- "alignItems": ["center"],
529
- "width": ["full"]
625
+ "spacing": ["1"],
626
+ "gap": ["1"],
627
+ "backgroundColor": ["secondary"],
628
+ "borderRadius": ["full"],
629
+ "display": ["inline-flex"]
530
630
  },
531
- "AnimatePresence": { "mode": ["popLayout"] }
631
+ "Text": {
632
+ "variant": ["label2"],
633
+ "color": ["current"]
634
+ }
532
635
  },
533
636
  "propToVariantKeys": {
534
- "startIcon": ["icon"],
535
- "endIcon": ["icon"],
536
- "columnGap": ["gap"]
637
+ "value": ["key"],
638
+ "label": ["aria-label"]
537
639
  },
538
640
  "motionVarPrefixes": []
539
641
  };
540
- var Menu_Trigger = {
541
- "name": "Menu.Trigger",
642
+ var Popover = {
643
+ "name": "Popover",
542
644
  "defaultProps": {},
543
645
  "getStylesLiterals": {},
544
- "cxLiterals": ["uds-menu-trigger"],
545
- "internalComponents": ["AriakitMenuTrigger", "Box"],
546
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
646
+ "cxLiterals": [],
647
+ "internalComponents": [
648
+ "HStack",
649
+ "Text",
650
+ "OriginalPopoverHeading"
651
+ ],
652
+ "internalComponentProps": { "Text": {
653
+ "variant": ["headline1"],
654
+ "color": ["primary"]
655
+ } },
547
656
  "propToVariantKeys": {},
548
657
  "motionVarPrefixes": []
549
658
  };
550
- var Menu_Content = {
551
- "name": "Menu.Content",
659
+ var SwitchV2 = {
660
+ "name": "SwitchV2",
552
661
  "defaultProps": {
553
- "size": "default",
554
- "variant": "default",
555
- "gutter": "1"
662
+ "labelPosition": "start",
663
+ "size": "md"
556
664
  },
557
- "getStylesLiterals": {},
558
- "cxLiterals": [
559
- "uds-menu-content",
560
- "transition-shadow",
561
- "duration-200",
562
- "ease-in-out",
563
- "min-w-60",
564
- "max-w-lg",
565
- "max-h-96",
566
- "overflow-auto",
567
- "uds-ring",
568
- "z-10",
569
- "group"
665
+ "getStylesLiterals": {
666
+ "switchVariantRoot": "default",
667
+ "switchVariantActiveRoot": "on",
668
+ "switchVariantActiveRoot:1": "off",
669
+ "switchVariantSwitch": "default",
670
+ "switchVariantActiveSwitch": "on",
671
+ "switchVariantActiveSwitch:1": "off",
672
+ "switchVariantActiveHandle": "on",
673
+ "switchVariantActiveHandle:1": "off",
674
+ "switchVariantHandle": "default",
675
+ "switchVariantHandleIcon": "default",
676
+ "switchVariantActiveHandleIcon": "on",
677
+ "switchVariantActiveHandleIcon:1": "off"
678
+ },
679
+ "cxLiterals": [
680
+ "group",
681
+ "flex",
682
+ "items-center",
683
+ "flex-row",
684
+ "flex-row-reverse",
685
+ "uds-ring",
686
+ "uds-ring-within",
687
+ "relative",
688
+ "uds-border-radius-full",
689
+ "transition-[background-color,box-shadow]",
690
+ "pointer-events-none",
691
+ "w-full",
692
+ "h-full",
693
+ "absolute",
694
+ "top-0",
695
+ "bottom-0",
696
+ "right-0",
697
+ "left-0",
698
+ "overflow-hidden",
699
+ "group-hover:scale-105",
700
+ "opacity-95",
701
+ "group-hover:opacity-100",
702
+ "transition-[transform,opacity]",
703
+ "opacity-0",
704
+ "top-1/2",
705
+ "left-1/2",
706
+ "transform",
707
+ "translate-x-[-50%]",
708
+ "translate-y-[-50%]",
709
+ "transition-opacity",
710
+ "cursor-[inherit]",
711
+ "w-[calc(100%+2px)]",
712
+ "h-[calc(100%+2px)]",
713
+ "text-start",
714
+ "text-end",
715
+ "opacity-100"
570
716
  ],
571
717
  "internalComponents": [
572
- "AriakitMenu",
573
- "AnimatePresence",
574
- "MotionVStack"
718
+ "IconSlot",
719
+ "Box",
720
+ "FormLabel",
721
+ "SpringMotionConfig",
722
+ "RootElement",
723
+ "MotionBox"
575
724
  ],
576
- "internalComponentProps": {},
577
- "propToVariantKeys": {
578
- "size": ["menucontentSizeRoot"],
579
- "variant": ["menucontentVariantRoot"]
580
- },
581
- "motionVarPrefixes": []
582
- };
583
- var Menu_Divider = {
584
- "name": "Menu.Divider",
585
- "defaultProps": {
586
- "role": "separator",
587
- "contentPosition": "start",
588
- "gap": "4"
725
+ "internalComponentProps": {
726
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
727
+ "FormLabel": {
728
+ "as": ["div"],
729
+ "variant": ["inherit"],
730
+ "color": ["inherit"]
731
+ },
732
+ "SpringMotionConfig": {
733
+ "layoutVariant": ["bouncy"],
734
+ "layoutSpeed": ["4"]
735
+ },
736
+ "RootElement": { "data-testid": ["switch-root"] },
737
+ "MotionBox": { "layout": ["position"] }
589
738
  },
590
- "getStylesLiterals": {
591
- "menuitemDividerVariantRoot": "default",
592
- "menuitemDividerVariantText": "default",
593
- "menuitemDividerVariantLine": "default"
739
+ "propToVariantKeys": {
740
+ "size": [
741
+ "switchSizeRoot",
742
+ "switchSizeSwitch",
743
+ "switchSizeHandle",
744
+ "switchSizeHandleIcon"
745
+ ],
746
+ "onIcon": ["icon"],
747
+ "offIcon": ["icon"],
748
+ "reduceMotion": ["reducedMotion"],
749
+ "isOn": ["layoutDependency"]
594
750
  },
595
- "cxLiterals": [],
596
- "internalComponents": ["DividerInternal"],
597
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
598
- "propToVariantKeys": {},
599
- "motionVarPrefixes": []
600
- };
601
- var Menu = {
602
- "name": "Menu",
603
- "defaultProps": {},
604
- "getStylesLiterals": {},
605
- "cxLiterals": [],
606
- "internalComponents": [],
607
- "internalComponentProps": {},
608
- "propToVariantKeys": {},
609
- "motionVarPrefixes": []
751
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
610
752
  };
611
- var Menu_ItemCheckbox = {
612
- "name": "Menu.ItemCheckbox",
753
+ var Tabs = {
754
+ "name": "Tabs",
613
755
  "defaultProps": {},
614
756
  "getStylesLiterals": {
615
- "menuitemItemCheckboxVariantRoot": "default",
616
- "menuitemItemCheckboxVariantActiveRoot": "on",
617
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
618
- "menuitemItemCheckboxVariantText": "default",
619
- "menuitemItemCheckboxVariantActiveText": "on",
620
- "menuitemItemCheckboxVariantActiveText:1": "off",
621
- "menuitemItemCheckboxVariantStartIcon": "default",
622
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
623
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
624
- "menuitemItemCheckboxVariantEndIcon": "default",
625
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
626
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
757
+ "display": "flex",
758
+ "flexDirection": "row",
759
+ "columnGap": "6"
760
+ },
761
+ "cxLiterals": [
762
+ "text-tertiary",
763
+ "border-b-transparent",
764
+ "aria-selected:border-b-brand",
765
+ "aria-selected:text-secondary"
766
+ ],
767
+ "internalComponents": [
768
+ "TabProvider",
769
+ "OriginalTabList",
770
+ "OriginalTab",
771
+ "Icon",
772
+ "OriginalTabPanel",
773
+ "Pressable",
774
+ "Comp",
775
+ "Text"
776
+ ],
777
+ "internalComponentProps": {
778
+ "Icon": {
779
+ "className": ["text-current"],
780
+ "size": ["md"]
781
+ },
782
+ "Pressable": {
783
+ "borderBottomWidth": ["medium"],
784
+ "spacingBottom": ["1"],
785
+ "spacingTop": ["4"]
786
+ },
787
+ "Text": {
788
+ "className": ["text-current"],
789
+ "variant": ["headline1"],
790
+ "as": ["span"]
791
+ }
627
792
  },
628
- "cxLiterals": ["uds-menu-item-checkbox"],
629
- "internalComponents": ["MenuItemBase"],
630
- "internalComponentProps": {},
631
793
  "propToVariantKeys": {},
632
794
  "motionVarPrefixes": []
633
795
  };
634
- var ChipLink = {
635
- "name": "ChipLink",
636
- "defaultProps": { "variant": "primary" },
637
- "getStylesLiterals": {},
638
- "cxLiterals": ["uds-ring"],
639
- "internalComponents": ["ChipBase"],
640
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
641
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
642
- "motionVarPrefixes": []
643
- };
644
- var ChipDismissible = {
645
- "name": "ChipDismissible",
646
- "defaultProps": { "variant": "primary" },
796
+ var Modal = {
797
+ "name": "Modal",
798
+ "defaultProps": {},
647
799
  "getStylesLiterals": {},
648
800
  "cxLiterals": [
649
- "uds-chip-dismissible-button",
650
- "uds-hit-target",
651
- "uds-ring",
652
- "rounded-full"
801
+ "inset-8",
802
+ "top-[250px]",
803
+ "z-50",
804
+ "mx-auto",
805
+ "h-fit",
806
+ "w-[600px]",
807
+ "origin-center",
808
+ "scale-95",
809
+ "opacity-0",
810
+ "transition",
811
+ "duration-150",
812
+ "data-[enter]:scale-100",
813
+ "data-[enter]:opacity-100",
814
+ "data-[enter]:bg-primary",
815
+ "backdrop-blur-0",
816
+ "data-[enter]:opacity-60",
817
+ "data-[enter]:backdrop-blur-sm"
653
818
  ],
654
819
  "internalComponents": [
655
- "ChipBase",
656
- "IconSlot",
657
- "Pressable"
820
+ "IconButton",
821
+ "Dialog",
822
+ "HStack",
823
+ "Text",
824
+ "VStack"
658
825
  ],
659
- "internalComponentProps": {},
660
- "propToVariantKeys": {
661
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
662
- "dismissButtonAriaLabel": ["aria-label"]
826
+ "internalComponentProps": {
827
+ "IconButton": {
828
+ "aria-label": ["Close"],
829
+ "size": ["sm"],
830
+ "variant": ["tertiary"]
831
+ },
832
+ "HStack": {
833
+ "alignItems": ["center"],
834
+ "justifyContent": ["space-between"]
835
+ },
836
+ "Text": {
837
+ "variant": ["headline1"],
838
+ "color": ["primary"]
839
+ },
840
+ "VStack": {
841
+ "borderRadius": ["md"],
842
+ "position": ["fixed"],
843
+ "backgroundColor": ["primary"],
844
+ "dropShadow": ["md"],
845
+ "spacing": ["8"],
846
+ "overflow": ["hidden"]
847
+ }
663
848
  },
849
+ "propToVariantKeys": { "handleClose": ["onClick"] },
664
850
  "motionVarPrefixes": []
665
851
  };
666
- var ChipToggle = {
667
- "name": "ChipToggle",
852
+ var Accordion = {
853
+ "name": "Accordion",
668
854
  "defaultProps": {
669
- "variant": "primary",
670
- "role": "checkbox"
855
+ "spacingHorizontal": "4",
856
+ "spacingVertical": "4"
671
857
  },
672
- "getStylesLiterals": {
673
- "chipToggleVariantActiveRoot": "on",
674
- "chipToggleVariantActiveRoot:1": "off"
858
+ "getStylesLiterals": {},
859
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
860
+ "internalComponents": [
861
+ "Icon",
862
+ "SpringMotionConfig",
863
+ "Pressable",
864
+ "Text",
865
+ "HStack",
866
+ "AnimatePresence",
867
+ "VStack"
868
+ ],
869
+ "internalComponentProps": {
870
+ "Icon": {
871
+ "variant": ["fill"],
872
+ "size": ["sm"],
873
+ "color": ["primary"]
874
+ },
875
+ "SpringMotionConfig": {
876
+ "layoutVariant": ["smooth"],
877
+ "layoutSpeed": ["3"]
878
+ },
879
+ "Pressable": {
880
+ "display": ["flex"],
881
+ "flexDirection": ["row"],
882
+ "alignItems": ["center"],
883
+ "justifyContent": ["space-between"],
884
+ "borderRadius": ["md"]
885
+ },
886
+ "Text": {
887
+ "variant": ["title4"],
888
+ "color": ["primary"]
889
+ },
890
+ "HStack": {
891
+ "display": ["flex"],
892
+ "alignItems": ["center"],
893
+ "justifyContent": ["space-between"],
894
+ "columnGap": ["2.5"]
895
+ }
675
896
  },
676
- "cxLiterals": ["uds-ring"],
677
- "internalComponents": ["ChipBase"],
678
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
679
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
680
- "motionVarPrefixes": []
681
- };
682
- var Chip = {
683
- "name": "Chip",
684
- "defaultProps": {},
685
- "getStylesLiterals": {},
686
- "cxLiterals": [],
687
- "internalComponents": [
688
- "ChipDismissible",
689
- "ChipToggle",
690
- "ChipLink",
691
- "ChipButton"
692
- ],
693
- "internalComponentProps": {},
694
897
  "propToVariantKeys": {},
695
- "motionVarPrefixes": []
898
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
696
899
  };
697
- var ChipBase = {
698
- "name": "ChipBase",
900
+ var AvatarImage = {
901
+ "name": "AvatarImage",
699
902
  "defaultProps": {
700
903
  "size": "md",
701
- "as": "div"
904
+ "variant": "primary"
702
905
  },
703
906
  "getStylesLiterals": {},
704
907
  "cxLiterals": [
705
- "pointer-events-none",
706
- "cursor-default",
707
- "opacity-50",
908
+ "overflow-hidden",
909
+ "w-full",
910
+ "h-full",
911
+ "shrink-0",
912
+ "text-center",
708
913
  "inline-flex",
914
+ "justify-center",
709
915
  "items-center",
710
- "transition-[background-color,outline-color,box-shadow]",
711
- "truncate",
712
- "whitespace-nowrap",
713
- "text-center",
714
- "flex-1"
916
+ "object-cover"
715
917
  ],
716
918
  "internalComponents": [
717
- "IconSlot",
718
- "HStack",
719
- "As",
720
- "Text"
919
+ "UDSImage",
920
+ "AvatarText",
921
+ "AvatarIcon",
922
+ "Box"
721
923
  ],
722
- "internalComponentProps": { "Text": {
723
- "as": ["span"],
724
- "color": ["current"],
725
- "variant": ["inherit"]
726
- } },
924
+ "internalComponentProps": {},
727
925
  "propToVariantKeys": {
728
- "size": ["chipSizeRoot", "chipSizeIcon"],
729
- "startIcon": ["icon"],
730
- "endIcon": ["icon"]
926
+ "alt": ["name"],
927
+ "fallback": ["initials"]
731
928
  },
732
929
  "motionVarPrefixes": []
733
930
  };
734
- var ChipButton = {
735
- "name": "ChipButton",
736
- "defaultProps": { "variant": "primary" },
737
- "getStylesLiterals": {},
738
- "cxLiterals": ["uds-ring"],
739
- "internalComponents": ["ChipBase"],
740
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
741
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
742
- "motionVarPrefixes": []
743
- };
744
- var UDSConfigProvider = {
745
- "name": "UDSConfigProvider",
746
- "defaultProps": {},
931
+ var AvatarText = {
932
+ "name": "AvatarText",
933
+ "defaultProps": {
934
+ "size": "md",
935
+ "variant": "primary"
936
+ },
747
937
  "getStylesLiterals": {},
748
- "cxLiterals": [],
749
- "internalComponents": [
750
- "UDSBreakpointsConfigProvider",
751
- "UDSToastConfigProvider",
752
- "UDSTooltipConfigProvider"
938
+ "cxLiterals": [
939
+ "overflow-hidden",
940
+ "truncate",
941
+ "w-full",
942
+ "h-full",
943
+ "shrink-0",
944
+ "text-center",
945
+ "inline-flex",
946
+ "justify-center",
947
+ "items-center"
753
948
  ],
754
- "internalComponentProps": {},
949
+ "internalComponents": ["Box", "Text"],
950
+ "internalComponentProps": { "Text": {
951
+ "color": ["inherit"],
952
+ "variant": ["inherit"]
953
+ } },
755
954
  "propToVariantKeys": {},
756
955
  "motionVarPrefixes": []
757
956
  };
758
- var UDSBreakpointsConfigProvider = {
759
- "name": "UDSBreakpointsConfigProvider",
957
+ var Avatar = {
958
+ "name": "Avatar",
760
959
  "defaultProps": {},
761
960
  "getStylesLiterals": {},
762
961
  "cxLiterals": [],
763
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
962
+ "internalComponents": ["AvatarImage"],
764
963
  "internalComponentProps": {},
765
964
  "propToVariantKeys": {},
766
965
  "motionVarPrefixes": []
767
966
  };
768
- var Input = {
769
- "name": "Input",
967
+ var AvatarIcon = {
968
+ "name": "AvatarIcon",
770
969
  "defaultProps": {
771
- "type": "text",
772
970
  "size": "md",
773
- "width": "full"
774
- },
775
- "getStylesLiterals": {
776
- "inputVariantRoot": "default",
777
- "inputVariantValueRoot": "empty",
778
- "inputVariantValueRoot:1": "filled",
779
- "inputVariantInputWrapper": "default",
780
- "inputVariantValueInputWrapper": "empty",
781
- "inputVariantValueInputWrapper:1": "filled",
782
- "inputVariantInput": "default",
783
- "inputVariantValueInput": "empty",
784
- "inputVariantValueInput:1": "filled",
785
- "inputVariantInputPlaceholder": "default",
786
- "inputVariantValueInputPlaceholder": "empty",
787
- "inputVariantValueInputPlaceholder:1": "filled",
788
- "inputVariantLabel": "default",
789
- "inputVariantValueLabel": "empty",
790
- "inputVariantValueLabel:1": "filled",
791
- "inputVariantLabelRequired": "default",
792
- "inputVariantValueLabelRequired": "empty",
793
- "inputVariantValueLabelRequired:1": "filled",
794
- "inputVariantStartIcon": "default",
795
- "inputVariantValueStartIcon": "empty",
796
- "inputVariantValueStartIcon:1": "filled",
797
- "inputVariantEndIcon": "default",
798
- "inputVariantValueEndIcon": "empty",
799
- "inputVariantValueEndIcon:1": "filled"
971
+ "variant": "primary"
800
972
  },
973
+ "getStylesLiterals": {},
801
974
  "cxLiterals": [
802
- "opacity-50",
803
- "min-w-[200px]",
804
- "grow",
805
- "uds-hit-target",
806
- "bg-clip-text",
807
- "focus:outline-none",
808
- "cursor-text",
809
- "cursor-not-allowed"
810
- ],
811
- "internalComponents": [
812
- "IconSlot",
813
- "StartIcon",
814
- "EndIcon",
815
- "HelpTextContent",
816
- "Box",
817
- "InputHelpTextInternal",
818
- "VStack",
819
- "HStack",
820
- "AnimateHeightChange"
975
+ "overflow-hidden",
976
+ "w-full",
977
+ "h-full",
978
+ "shrink-0",
979
+ "text-center",
980
+ "inline-flex",
981
+ "justify-center",
982
+ "items-center"
821
983
  ],
822
- "internalComponentProps": {
823
- "HelpTextContent": { "spacingTop": ["2"] },
824
- "Box": {
825
- "spacingBottom": ["2"],
826
- "columnGap": ["0.5"],
827
- "alignItems": ["flex-end", "center"],
828
- "position": ["relative"]
829
- },
830
- "HStack": {
831
- "alignItems": ["center"],
832
- "gap": ["1"]
833
- }
834
- },
835
- "propToVariantKeys": {
836
- "size": [
837
- "inputSizeRoot",
838
- "inputSizeInputWrapper",
839
- "inputSizeInput",
840
- "inputSizeLabel",
841
- "inputSizeStartIcon",
842
- "inputSizeEndIcon"
843
- ],
844
- "startIcon": ["icon"],
845
- "endIcon": ["icon"],
846
- "helperTextIcon": ["startIcon"]
847
- },
848
- "motionVarPrefixes": []
849
- };
850
- var InputHelpText = {
851
- "name": "InputHelpText",
852
- "defaultProps": { "size": "md" },
853
- "getStylesLiterals": {
854
- "inputVariantRoot": "default",
855
- "inputVariantValueRoot": "empty",
856
- "inputVariantValueRoot:1": "filled"
857
- },
858
- "cxLiterals": [],
859
- "internalComponents": ["InputHelpTextInternal", "Box"],
860
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
861
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
862
- "motionVarPrefixes": []
863
- };
864
- var InputHelpTextInternal = {
865
- "name": "InputHelpTextInternal",
866
- "defaultProps": {},
867
- "getStylesLiterals": {
868
- "inputVariantHelperText": "default",
869
- "inputVariantValueHelperText": "empty",
870
- "inputVariantValueHelperText:1": "filled",
871
- "inputVariantHelperIcon": "default",
872
- "inputVariantValueHelperIcon": "empty",
873
- "inputVariantValueHelperIcon:1": "filled"
874
- },
875
- "cxLiterals": [],
876
- "internalComponents": ["IconSlot", "HStack"],
877
- "internalComponentProps": { "HStack": {
878
- "gap": ["1"],
879
- "alignItems": ["center"]
880
- } },
881
- "propToVariantKeys": {
882
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
883
- "startIcon": ["icon"],
884
- "endIcon": ["icon"]
885
- },
984
+ "internalComponents": ["IconSlot", "Box"],
985
+ "internalComponentProps": {},
986
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
886
987
  "motionVarPrefixes": []
887
988
  };
888
- var UDSTooltipConfigProvider = {
889
- "name": "UDSTooltipConfigProvider",
989
+ var UDSToastConfigProvider = {
990
+ "name": "UDSToastConfigProvider",
890
991
  "defaultProps": {},
891
992
  "getStylesLiterals": {},
892
993
  "cxLiterals": [],
893
- "internalComponents": ["TooltipContext.Provider"],
994
+ "internalComponents": ["ToastContext.Provider"],
894
995
  "internalComponentProps": {},
895
996
  "propToVariantKeys": {},
896
997
  "motionVarPrefixes": []
897
998
  };
898
- var TooltipTrigger = {
899
- "name": "TooltipTrigger",
900
- "defaultProps": {},
901
- "getStylesLiterals": {},
902
- "cxLiterals": [],
903
- "internalComponents": ["TooltipAnchor"],
904
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
905
- "propToVariantKeys": { "children": ["render"] },
906
- "motionVarPrefixes": []
907
- };
908
- var TooltipContent = {
909
- "name": "TooltipContent",
999
+ var Toast = {
1000
+ "name": "Toast",
910
1001
  "defaultProps": {},
911
1002
  "getStylesLiterals": {
912
- "tooltipSizeRoot": "default",
913
- "tooltipVariantRoot": "default",
914
- "tooltipSizeSvg": "default",
915
- "tooltipVariantSvg": "default",
916
- "tooltipVariantBlur": "default",
917
- "position": "absolute",
918
- "width": "full",
919
- "height": "full",
920
- "tooltipSizeTitle": "default",
921
- "tooltipSizeBody": "default",
922
- "tooltipSizeEndContent": "default",
923
- "tooltipSizeIcon": "default",
924
- "tooltipVariantIcon": "default"
1003
+ "className": "flex-none",
1004
+ "spacing": "2",
1005
+ "borderRadius": "full"
925
1006
  },
926
1007
  "cxLiterals": [
927
- "flex",
928
- "z-[9999]",
929
- "stroke-1",
930
- "uds-bgBlurFillFallback",
931
- "uds-bgBlurFallback",
932
- "top-0",
933
- "left-0",
934
- "z-[1]",
935
- "transition-opacity",
936
- "ease-in-out"
1008
+ "transition-[background-color]",
1009
+ "bg-carbon-15/0",
1010
+ "hover:bg-carbon-15/10",
1011
+ "active:bg-carbon-15/15",
1012
+ "uds-ring"
937
1013
  ],
938
1014
  "internalComponents": [
939
- "Box",
940
1015
  "IconSlot",
941
- "TooltipArrow",
942
- "Tooltip",
943
- "Fragment",
944
- "Text"
1016
+ "ToastContainer",
1017
+ "Text",
1018
+ "Button",
1019
+ "Pressable"
945
1020
  ],
946
- "internalComponentProps": {
947
- "Box": {
948
- "position": ["relative"],
949
- "flexDirection": ["column"],
950
- "className": ["z-[3] gap-[inherit]"],
951
- "alignItems": ["center"],
952
- "columnGap": ["1", "1.5"]
953
- },
954
- "Text": { "color": ["inherit"] }
1021
+ "internalComponentProps": {},
1022
+ "propToVariantKeys": {
1023
+ "size": [
1024
+ "toastSizeLabel",
1025
+ "toastSizeIcon",
1026
+ "toastSizeActionButton",
1027
+ "toastSizeCloseIcon"
1028
+ ],
1029
+ "variant": [
1030
+ "toastVariantIcon",
1031
+ "toastVariantActionButton",
1032
+ "toastVariantCloseIcon"
1033
+ ],
1034
+ "closeIcon": ["icon"],
1035
+ "onClickActionButton": ["onClick"]
955
1036
  },
956
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
957
1037
  "motionVarPrefixes": []
958
1038
  };
959
- var Tooltip = {
960
- "name": "Tooltip",
1039
+ var ToastContainer = {
1040
+ "name": "ToastContainer",
1041
+ "defaultProps": {},
1042
+ "getStylesLiterals": {
1043
+ "position": "relative",
1044
+ "alignItems": "center",
1045
+ "display": "flex",
1046
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1047
+ },
1048
+ "cxLiterals": ["w-full"],
1049
+ "internalComponents": ["HStack"],
1050
+ "internalComponentProps": { "HStack": {
1051
+ "alignItems": ["center"],
1052
+ "justifyContent": ["space-between"],
1053
+ "overflow": ["hidden"],
1054
+ "position": ["relative"]
1055
+ } },
1056
+ "propToVariantKeys": {
1057
+ "variant": ["toastVariantRoot"],
1058
+ "size": ["toastSizeRoot"]
1059
+ },
1060
+ "motionVarPrefixes": []
1061
+ };
1062
+ var ToastPortal = {
1063
+ "name": "ToastPortal",
961
1064
  "defaultProps": {},
962
1065
  "getStylesLiterals": {},
963
1066
  "cxLiterals": [],
964
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1067
+ "internalComponents": ["ReactToastifyToastContainer"],
965
1068
  "internalComponentProps": {},
966
1069
  "propToVariantKeys": {},
967
1070
  "motionVarPrefixes": []
@@ -1070,607 +1173,525 @@ var Radio = {
1070
1173
  },
1071
1174
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1072
1175
  };
1073
- var UDSToastConfigProvider = {
1074
- "name": "UDSToastConfigProvider",
1176
+ var UDSTooltipConfigProvider = {
1177
+ "name": "UDSTooltipConfigProvider",
1075
1178
  "defaultProps": {},
1076
1179
  "getStylesLiterals": {},
1077
1180
  "cxLiterals": [],
1078
- "internalComponents": ["ToastContext.Provider"],
1181
+ "internalComponents": ["TooltipContext.Provider"],
1079
1182
  "internalComponentProps": {},
1080
1183
  "propToVariantKeys": {},
1081
1184
  "motionVarPrefixes": []
1082
1185
  };
1083
- var Toast = {
1084
- "name": "Toast",
1085
- "defaultProps": {},
1086
- "getStylesLiterals": {
1087
- "className": "flex-none",
1088
- "spacing": "2",
1089
- "borderRadius": "full"
1090
- },
1091
- "cxLiterals": [
1092
- "transition-[background-color]",
1093
- "bg-carbon-15/0",
1094
- "hover:bg-carbon-15/10",
1095
- "active:bg-carbon-15/15",
1096
- "uds-ring"
1097
- ],
1098
- "internalComponents": [
1099
- "IconSlot",
1100
- "ToastContainer",
1101
- "Text",
1102
- "Button",
1103
- "Pressable"
1104
- ],
1105
- "internalComponentProps": {},
1106
- "propToVariantKeys": {
1107
- "size": [
1108
- "toastSizeLabel",
1109
- "toastSizeIcon",
1110
- "toastSizeActionButton",
1111
- "toastSizeCloseIcon"
1112
- ],
1113
- "variant": [
1114
- "toastVariantIcon",
1115
- "toastVariantActionButton",
1116
- "toastVariantCloseIcon"
1117
- ],
1118
- "closeIcon": ["icon"],
1119
- "onClickActionButton": ["onClick"]
1120
- },
1121
- "motionVarPrefixes": []
1122
- };
1123
- var ToastContainer = {
1124
- "name": "ToastContainer",
1125
- "defaultProps": {},
1126
- "getStylesLiterals": {
1127
- "position": "relative",
1128
- "alignItems": "center",
1129
- "display": "flex",
1130
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1131
- },
1132
- "cxLiterals": ["w-full"],
1133
- "internalComponents": ["HStack"],
1134
- "internalComponentProps": { "HStack": {
1135
- "alignItems": ["center"],
1136
- "justifyContent": ["space-between"],
1137
- "overflow": ["hidden"],
1138
- "position": ["relative"]
1139
- } },
1140
- "propToVariantKeys": {
1141
- "variant": ["toastVariantRoot"],
1142
- "size": ["toastSizeRoot"]
1143
- },
1144
- "motionVarPrefixes": []
1145
- };
1146
- var ToastPortal = {
1147
- "name": "ToastPortal",
1186
+ var TooltipTrigger = {
1187
+ "name": "TooltipTrigger",
1148
1188
  "defaultProps": {},
1149
1189
  "getStylesLiterals": {},
1150
1190
  "cxLiterals": [],
1151
- "internalComponents": ["ReactToastifyToastContainer"],
1152
- "internalComponentProps": {},
1153
- "propToVariantKeys": {},
1191
+ "internalComponents": ["TooltipAnchor"],
1192
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1193
+ "propToVariantKeys": { "children": ["render"] },
1154
1194
  "motionVarPrefixes": []
1155
1195
  };
1156
- var AvatarImage = {
1157
- "name": "AvatarImage",
1158
- "defaultProps": {
1159
- "size": "md",
1160
- "variant": "primary"
1196
+ var TooltipContent = {
1197
+ "name": "TooltipContent",
1198
+ "defaultProps": {},
1199
+ "getStylesLiterals": {
1200
+ "tooltipSizeRoot": "default",
1201
+ "tooltipVariantRoot": "default",
1202
+ "tooltipSizeSvg": "default",
1203
+ "tooltipVariantSvg": "default",
1204
+ "tooltipVariantBlur": "default",
1205
+ "position": "absolute",
1206
+ "width": "full",
1207
+ "height": "full",
1208
+ "tooltipSizeTitle": "default",
1209
+ "tooltipSizeBody": "default",
1210
+ "tooltipSizeEndContent": "default",
1211
+ "tooltipSizeIcon": "default",
1212
+ "tooltipVariantIcon": "default"
1161
1213
  },
1162
- "getStylesLiterals": {},
1163
1214
  "cxLiterals": [
1164
- "overflow-hidden",
1215
+ "flex",
1216
+ "z-[9999]",
1217
+ "stroke-1",
1218
+ "uds-bgBlurFillFallback",
1219
+ "uds-bgBlurFallback",
1220
+ "top-0",
1221
+ "left-0",
1222
+ "z-[1]",
1223
+ "transition-opacity",
1224
+ "ease-in-out",
1225
+ "absolute",
1165
1226
  "w-full",
1166
1227
  "h-full",
1167
- "shrink-0",
1168
- "text-center",
1169
- "inline-flex",
1170
- "justify-center",
1171
- "items-center",
1172
- "object-cover"
1228
+ "overflow-visible",
1229
+ "pointer-events-none",
1230
+ "z-[2]"
1173
1231
  ],
1174
1232
  "internalComponents": [
1175
- "UDSImage",
1176
- "AvatarText",
1177
- "AvatarIcon",
1178
- "Box"
1179
- ],
1180
- "internalComponentProps": {},
1181
- "propToVariantKeys": {
1182
- "alt": ["name"],
1183
- "fallback": ["initials"]
1184
- },
1185
- "motionVarPrefixes": []
1186
- };
1187
- var AvatarText = {
1188
- "name": "AvatarText",
1189
- "defaultProps": {
1190
- "size": "md",
1191
- "variant": "primary"
1192
- },
1193
- "getStylesLiterals": {},
1194
- "cxLiterals": [
1195
- "overflow-hidden",
1196
- "truncate",
1197
- "w-full",
1198
- "h-full",
1199
- "shrink-0",
1200
- "text-center",
1201
- "inline-flex",
1202
- "justify-center",
1203
- "items-center"
1204
- ],
1205
- "internalComponents": ["Box", "Text"],
1206
- "internalComponentProps": { "Text": {
1207
- "color": ["inherit"],
1208
- "variant": ["inherit"]
1209
- } },
1210
- "propToVariantKeys": {},
1233
+ "Box",
1234
+ "IconSlot",
1235
+ "TooltipArrow",
1236
+ "Tooltip",
1237
+ "Fragment",
1238
+ "Text"
1239
+ ],
1240
+ "internalComponentProps": {
1241
+ "Box": {
1242
+ "position": ["relative"],
1243
+ "flexDirection": ["column"],
1244
+ "className": ["z-[3] gap-[inherit]"],
1245
+ "alignItems": ["center"],
1246
+ "columnGap": ["1", "1.5"]
1247
+ },
1248
+ "Text": { "color": ["inherit"] }
1249
+ },
1250
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
1211
1251
  "motionVarPrefixes": []
1212
1252
  };
1213
- var Avatar = {
1214
- "name": "Avatar",
1253
+ var Tooltip = {
1254
+ "name": "Tooltip",
1215
1255
  "defaultProps": {},
1216
1256
  "getStylesLiterals": {},
1217
1257
  "cxLiterals": [],
1218
- "internalComponents": ["AvatarImage"],
1258
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1219
1259
  "internalComponentProps": {},
1220
1260
  "propToVariantKeys": {},
1221
1261
  "motionVarPrefixes": []
1222
1262
  };
1223
- var AvatarIcon = {
1224
- "name": "AvatarIcon",
1263
+ var Input = {
1264
+ "name": "Input",
1225
1265
  "defaultProps": {
1266
+ "type": "text",
1226
1267
  "size": "md",
1227
- "variant": "primary"
1268
+ "width": "full"
1269
+ },
1270
+ "getStylesLiterals": {
1271
+ "inputVariantRoot": "default",
1272
+ "inputVariantValueRoot": "empty",
1273
+ "inputVariantValueRoot:1": "filled",
1274
+ "inputVariantInputWrapper": "default",
1275
+ "inputVariantValueInputWrapper": "empty",
1276
+ "inputVariantValueInputWrapper:1": "filled",
1277
+ "inputVariantInput": "default",
1278
+ "inputVariantValueInput": "empty",
1279
+ "inputVariantValueInput:1": "filled",
1280
+ "inputVariantInputPlaceholder": "default",
1281
+ "inputVariantValueInputPlaceholder": "empty",
1282
+ "inputVariantValueInputPlaceholder:1": "filled",
1283
+ "inputVariantLabel": "default",
1284
+ "inputVariantValueLabel": "empty",
1285
+ "inputVariantValueLabel:1": "filled",
1286
+ "inputVariantLabelRequired": "default",
1287
+ "inputVariantValueLabelRequired": "empty",
1288
+ "inputVariantValueLabelRequired:1": "filled",
1289
+ "inputVariantStartIcon": "default",
1290
+ "inputVariantValueStartIcon": "empty",
1291
+ "inputVariantValueStartIcon:1": "filled",
1292
+ "inputVariantEndIcon": "default",
1293
+ "inputVariantValueEndIcon": "empty",
1294
+ "inputVariantValueEndIcon:1": "filled"
1228
1295
  },
1229
- "getStylesLiterals": {},
1230
1296
  "cxLiterals": [
1231
- "overflow-hidden",
1232
- "w-full",
1233
- "h-full",
1234
- "shrink-0",
1235
- "text-center",
1236
- "inline-flex",
1237
- "justify-center",
1238
- "items-center"
1297
+ "opacity-50",
1298
+ "min-w-[200px]",
1299
+ "grow",
1300
+ "uds-hit-target",
1301
+ "bg-clip-text",
1302
+ "focus:outline-none",
1303
+ "cursor-text",
1304
+ "cursor-not-allowed"
1239
1305
  ],
1240
- "internalComponents": ["IconSlot", "Box"],
1241
- "internalComponentProps": {},
1242
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1243
- "motionVarPrefixes": []
1244
- };
1245
- var DividerCore = {
1246
- "name": "DividerCore",
1247
- "defaultProps": { "contentPosition": "center" },
1248
- "getStylesLiterals": {},
1249
- "cxLiterals": [],
1250
1306
  "internalComponents": [
1307
+ "IconSlot",
1308
+ "StartIcon",
1309
+ "EndIcon",
1310
+ "HelpTextContent",
1251
1311
  "Box",
1252
- "Line",
1253
- "InternalComponent",
1254
- "Text"
1312
+ "InputHelpTextInternal",
1313
+ "VStack",
1314
+ "HStack",
1315
+ "AnimateHeightChange"
1255
1316
  ],
1256
1317
  "internalComponentProps": {
1318
+ "HelpTextContent": { "spacingTop": ["2"] },
1257
1319
  "Box": {
1258
- "flex": ["1", "none"],
1259
- "display": ["flex"]
1260
- },
1261
- "InternalComponent": {
1262
- "flex": ["1"],
1263
- "alignItems": ["center"]
1320
+ "spacingBottom": ["2"],
1321
+ "columnGap": ["0.5"],
1322
+ "alignItems": ["flex-end", "center"],
1323
+ "position": ["relative"]
1264
1324
  },
1265
- "Text": {
1266
- "as": ["span"],
1267
- "color": ["inherit"],
1268
- "variant": ["inherit"]
1325
+ "HStack": {
1326
+ "alignItems": ["center"],
1327
+ "gap": ["1"]
1269
1328
  }
1270
1329
  },
1271
- "propToVariantKeys": {},
1330
+ "propToVariantKeys": {
1331
+ "size": [
1332
+ "inputSizeRoot",
1333
+ "inputSizeInputWrapper",
1334
+ "inputSizeInput",
1335
+ "inputSizeLabel",
1336
+ "inputSizeStartIcon",
1337
+ "inputSizeEndIcon"
1338
+ ],
1339
+ "startIcon": ["icon"],
1340
+ "endIcon": ["icon"],
1341
+ "helperTextIcon": ["startIcon"]
1342
+ },
1272
1343
  "motionVarPrefixes": []
1273
1344
  };
1274
- var DividerInternal = {
1275
- "name": "DividerInternal",
1276
- "defaultProps": { "variant": "primary" },
1277
- "getStylesLiterals": {},
1278
- "cxLiterals": ["inherit"],
1279
- "internalComponents": ["DividerCore"],
1280
- "internalComponentProps": {},
1281
- "propToVariantKeys": { "variant": [
1282
- "dividerVariantRoot",
1283
- "dividerVariantLabel",
1284
- "dividerVariantLine"
1285
- ] },
1345
+ var InputHelpText = {
1346
+ "name": "InputHelpText",
1347
+ "defaultProps": { "size": "md" },
1348
+ "getStylesLiterals": {
1349
+ "inputVariantRoot": "default",
1350
+ "inputVariantValueRoot": "empty",
1351
+ "inputVariantValueRoot:1": "filled"
1352
+ },
1353
+ "cxLiterals": [],
1354
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1355
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1356
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1286
1357
  "motionVarPrefixes": []
1287
1358
  };
1288
- var Divider = {
1289
- "name": "Divider",
1359
+ var InputHelpTextInternal = {
1360
+ "name": "InputHelpTextInternal",
1290
1361
  "defaultProps": {},
1291
- "getStylesLiterals": {},
1362
+ "getStylesLiterals": {
1363
+ "inputVariantHelperText": "default",
1364
+ "inputVariantValueHelperText": "empty",
1365
+ "inputVariantValueHelperText:1": "filled",
1366
+ "inputVariantHelperIcon": "default",
1367
+ "inputVariantValueHelperIcon": "empty",
1368
+ "inputVariantValueHelperIcon:1": "filled"
1369
+ },
1292
1370
  "cxLiterals": [],
1293
- "internalComponents": ["DividerInternal"],
1294
- "internalComponentProps": {},
1295
- "propToVariantKeys": {},
1371
+ "internalComponents": ["IconSlot", "HStack"],
1372
+ "internalComponentProps": { "HStack": {
1373
+ "gap": ["1"],
1374
+ "alignItems": ["center"]
1375
+ } },
1376
+ "propToVariantKeys": {
1377
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1378
+ "startIcon": ["icon"],
1379
+ "endIcon": ["icon"]
1380
+ },
1296
1381
  "motionVarPrefixes": []
1297
1382
  };
1298
- var Table_mocks = {
1299
- "name": "Table.mocks",
1383
+ var UDSConfigProvider = {
1384
+ "name": "UDSConfigProvider",
1300
1385
  "defaultProps": {},
1301
1386
  "getStylesLiterals": {},
1302
1387
  "cxLiterals": [],
1303
- "internalComponents": [],
1388
+ "internalComponents": [
1389
+ "UDSBreakpointsConfigProvider",
1390
+ "UDSToastConfigProvider",
1391
+ "UDSTooltipConfigProvider"
1392
+ ],
1304
1393
  "internalComponentProps": {},
1305
1394
  "propToVariantKeys": {},
1306
1395
  "motionVarPrefixes": []
1307
1396
  };
1308
- var Table = {
1309
- "name": "Table",
1310
- "defaultProps": {
1311
- "display": "table-cell",
1312
- "overflow": "hidden",
1313
- "borderColor": "muted",
1314
- "borderRadius": "md",
1315
- "spacing": "3",
1316
- "borderBottomColor": "muted",
1317
- "borderBottomWidth": "thin",
1318
- "color": "primary"
1319
- },
1320
- "getStylesLiterals": { "textAlign": "start" },
1397
+ var UDSBreakpointsConfigProvider = {
1398
+ "name": "UDSBreakpointsConfigProvider",
1399
+ "defaultProps": {},
1400
+ "getStylesLiterals": {},
1321
1401
  "cxLiterals": [],
1322
- "internalComponents": [
1323
- "CellComponent",
1324
- "Box",
1325
- "Text",
1326
- "Table.Root",
1327
- "Table.Header",
1328
- "Table.Row",
1329
- "Table.Cell",
1330
- "Table.Body"
1331
- ],
1332
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
1402
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1403
+ "internalComponentProps": {},
1333
1404
  "propToVariantKeys": {},
1334
1405
  "motionVarPrefixes": []
1335
1406
  };
1336
- var Spinner = {
1337
- "name": "Spinner",
1338
- "defaultProps": {
1339
- "color": "primary",
1340
- "size": "lg"
1407
+ var Menu_Item = {
1408
+ "name": "Menu.Item",
1409
+ "defaultProps": {},
1410
+ "getStylesLiterals": {
1411
+ "menuitemItemVariantRoot": "default",
1412
+ "menuitemItemVariantActiveRoot": "on",
1413
+ "menuitemItemVariantActiveRoot:1": "off",
1414
+ "menuitemItemVariantText": "default",
1415
+ "menuitemItemVariantActiveText": "on",
1416
+ "menuitemItemVariantActiveText:1": "off",
1417
+ "menuitemItemVariantIcon": "default",
1418
+ "menuitemItemVariantActiveIcon": "on",
1419
+ "menuitemItemVariantActiveIcon:1": "off"
1341
1420
  },
1342
- "getStylesLiterals": {},
1343
- "cxLiterals": ["self-center", "relative"],
1344
- "internalComponents": ["Icon"],
1345
- "internalComponentProps": { "Icon": {
1346
- "role": ["img"],
1347
- "className": ["animate-spin"],
1348
- "aria-hidden": ["true"]
1349
- } },
1421
+ "cxLiterals": [],
1422
+ "internalComponents": ["MenuItemBase"],
1423
+ "internalComponentProps": {},
1350
1424
  "propToVariantKeys": {},
1351
1425
  "motionVarPrefixes": []
1352
1426
  };
1353
- var AvoidMotionLibraryProvider = {
1354
- "name": "AvoidMotionLibraryProvider",
1427
+ var Menu_Provider = {
1428
+ "name": "Menu.Provider",
1355
1429
  "defaultProps": {},
1356
1430
  "getStylesLiterals": {},
1357
1431
  "cxLiterals": [],
1358
- "internalComponents": [],
1432
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1359
1433
  "internalComponentProps": {},
1360
1434
  "propToVariantKeys": {},
1361
- "motionVarPrefixes": []
1435
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1362
1436
  };
1363
- var SegmentedControl = {
1364
- "name": "SegmentedControl",
1365
- "defaultProps": {},
1366
- "getStylesLiterals": {
1367
- "display": "flex",
1437
+ var Menu_ItemBase = {
1438
+ "name": "Menu.ItemBase",
1439
+ "defaultProps": {
1440
+ "spacing": "0",
1441
+ "spacingHorizontal": "4",
1442
+ "spacingVertical": "3.5",
1443
+ "columnGap": "2",
1368
1444
  "alignItems": "center",
1369
- "backgroundColor": "primary",
1370
- "spacingVertical": "1",
1371
- "spacingHorizontal": "3",
1372
- "columnGap": "1.5",
1373
- "borderWidth": "thin",
1374
- "borderRadius": "full",
1375
- "borderColor": "muted",
1376
- "borderColor:1": "transparent",
1377
- "color": "primary",
1378
- "color:1": "tertiary",
1379
- "color:2": "muted"
1445
+ "justifyContent": "space-between"
1446
+ },
1447
+ "getStylesLiterals": {
1448
+ "textAlign": "start",
1449
+ "menuitemSizeRoot": "default",
1450
+ "flexDirection": "row",
1451
+ "menuitemSizeStartIcon": "default",
1452
+ "menuitemSizeEndIcon": "default"
1380
1453
  },
1381
1454
  "cxLiterals": [
1455
+ "flex",
1456
+ "focus-visible:text-brand",
1457
+ "focus-visible:bg-brand-secondary",
1458
+ "focus-visible:z-10",
1382
1459
  "uds-ring",
1460
+ "!-outline-offset-2",
1461
+ "[&:not([aria-checked])]:cursor-default",
1462
+ "opacity-25",
1383
1463
  "cursor-not-allowed",
1384
- "opacity-50",
1385
- "pointer-events-none",
1386
- "hover:bg-primary"
1464
+ "duration-20",
1465
+ "transition-[font-variation-settings]",
1466
+ "ease-in-out",
1467
+ "z-0",
1468
+ "uds-start-icon",
1469
+ "uds-end-icon"
1387
1470
  ],
1388
1471
  "internalComponents": [
1389
- "Radio",
1390
- "Icon",
1391
- "RadioProvider",
1392
- "HStack",
1393
- "RadioGroup",
1394
1472
  "Pressable",
1395
- "Text"
1473
+ "IconSlot",
1474
+ "RootComponent",
1475
+ "HStack",
1476
+ "AnimatePresence"
1396
1477
  ],
1397
1478
  "internalComponentProps": {
1398
- "Icon": {
1399
- "size": ["sm"],
1400
- "color": ["current"],
1401
- "aria-hidden": ["true"]
1402
- },
1403
1479
  "HStack": {
1404
- "spacing": ["1"],
1405
- "gap": ["1"],
1406
- "backgroundColor": ["secondary"],
1407
- "borderRadius": ["full"],
1408
- "display": ["inline-flex"]
1480
+ "alignItems": ["center"],
1481
+ "width": ["full"]
1409
1482
  },
1410
- "Text": {
1411
- "variant": ["label2"],
1412
- "color": ["current"]
1413
- }
1483
+ "AnimatePresence": { "mode": ["popLayout"] }
1414
1484
  },
1415
1485
  "propToVariantKeys": {
1416
- "value": ["key"],
1417
- "label": ["aria-label"]
1486
+ "startIcon": ["icon"],
1487
+ "endIcon": ["icon"],
1488
+ "columnGap": ["gap"]
1418
1489
  },
1419
1490
  "motionVarPrefixes": []
1420
1491
  };
1421
- var Popover = {
1422
- "name": "Popover",
1492
+ var Menu_Trigger = {
1493
+ "name": "Menu.Trigger",
1423
1494
  "defaultProps": {},
1424
1495
  "getStylesLiterals": {},
1425
- "cxLiterals": [],
1426
- "internalComponents": [
1427
- "HStack",
1428
- "Text",
1429
- "OriginalPopoverHeading"
1430
- ],
1431
- "internalComponentProps": { "Text": {
1432
- "variant": ["headline1"],
1433
- "color": ["primary"]
1434
- } },
1496
+ "cxLiterals": ["uds-menu-trigger"],
1497
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1498
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1435
1499
  "propToVariantKeys": {},
1436
1500
  "motionVarPrefixes": []
1437
1501
  };
1438
- var SwitchV2 = {
1439
- "name": "SwitchV2",
1502
+ var Menu_Content = {
1503
+ "name": "Menu.Content",
1440
1504
  "defaultProps": {
1441
- "labelPosition": "start",
1442
- "size": "md"
1443
- },
1444
- "getStylesLiterals": {
1445
- "switchVariantRoot": "default",
1446
- "switchVariantActiveRoot": "on",
1447
- "switchVariantActiveRoot:1": "off",
1448
- "switchVariantSwitch": "default",
1449
- "switchVariantActiveSwitch": "on",
1450
- "switchVariantActiveSwitch:1": "off",
1451
- "switchVariantActiveHandle": "on",
1452
- "switchVariantActiveHandle:1": "off",
1453
- "switchVariantHandle": "default",
1454
- "switchVariantHandleIcon": "default",
1455
- "switchVariantActiveHandleIcon": "on",
1456
- "switchVariantActiveHandleIcon:1": "off"
1505
+ "size": "default",
1506
+ "variant": "default",
1507
+ "gutter": "1"
1457
1508
  },
1509
+ "getStylesLiterals": {},
1458
1510
  "cxLiterals": [
1459
- "group",
1460
- "flex",
1461
- "items-center",
1462
- "flex-row",
1463
- "flex-row-reverse",
1511
+ "uds-menu-content",
1512
+ "transition-shadow",
1513
+ "duration-200",
1514
+ "ease-in-out",
1515
+ "min-w-60",
1516
+ "max-w-lg",
1517
+ "max-h-96",
1518
+ "overflow-auto",
1464
1519
  "uds-ring",
1465
- "uds-ring-within",
1466
- "relative",
1467
- "uds-border-radius-full",
1468
- "transition-[background-color,box-shadow]",
1469
- "pointer-events-none",
1470
- "w-full",
1471
- "h-full",
1472
- "absolute",
1473
- "top-0",
1474
- "bottom-0",
1475
- "right-0",
1476
- "left-0",
1477
- "overflow-hidden",
1478
- "group-hover:scale-105",
1479
- "opacity-95",
1480
- "group-hover:opacity-100",
1481
- "transition-[transform,opacity]",
1482
- "opacity-0",
1483
- "top-1/2",
1484
- "left-1/2",
1485
- "transform",
1486
- "translate-x-[-50%]",
1487
- "translate-y-[-50%]",
1488
- "transition-opacity",
1489
- "cursor-[inherit]",
1490
- "w-[calc(100%+2px)]",
1491
- "h-[calc(100%+2px)]",
1492
- "text-start",
1493
- "text-end",
1494
- "opacity-100"
1520
+ "z-10",
1521
+ "group"
1495
1522
  ],
1496
1523
  "internalComponents": [
1497
- "IconSlot",
1498
- "Box",
1499
- "FormLabel",
1500
- "SpringMotionConfig",
1501
- "RootElement",
1502
- "MotionBox"
1524
+ "AriakitMenu",
1525
+ "AnimatePresence",
1526
+ "MotionVStack"
1503
1527
  ],
1504
- "internalComponentProps": {
1505
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1506
- "FormLabel": {
1507
- "as": ["div"],
1508
- "variant": ["inherit"],
1509
- "color": ["inherit"]
1510
- },
1511
- "SpringMotionConfig": {
1512
- "layoutVariant": ["bouncy"],
1513
- "layoutSpeed": ["4"]
1514
- },
1515
- "RootElement": { "data-testid": ["switch-root"] },
1516
- "MotionBox": { "layout": ["position"] }
1517
- },
1528
+ "internalComponentProps": {},
1518
1529
  "propToVariantKeys": {
1519
- "size": [
1520
- "switchSizeRoot",
1521
- "switchSizeSwitch",
1522
- "switchSizeHandle",
1523
- "switchSizeHandleIcon"
1524
- ],
1525
- "onIcon": ["icon"],
1526
- "offIcon": ["icon"],
1527
- "reduceMotion": ["reducedMotion"],
1528
- "isOn": ["layoutDependency"]
1530
+ "size": ["menucontentSizeRoot"],
1531
+ "variant": ["menucontentVariantRoot"]
1529
1532
  },
1530
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1533
+ "motionVarPrefixes": []
1531
1534
  };
1532
- var Tabs = {
1533
- "name": "Tabs",
1535
+ var Menu_Divider = {
1536
+ "name": "Menu.Divider",
1537
+ "defaultProps": {
1538
+ "role": "separator",
1539
+ "contentPosition": "start",
1540
+ "gap": "4"
1541
+ },
1542
+ "getStylesLiterals": {
1543
+ "menuitemDividerVariantRoot": "default",
1544
+ "menuitemDividerVariantText": "default",
1545
+ "menuitemDividerVariantLine": "default"
1546
+ },
1547
+ "cxLiterals": [],
1548
+ "internalComponents": ["DividerInternal"],
1549
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1550
+ "propToVariantKeys": {},
1551
+ "motionVarPrefixes": []
1552
+ };
1553
+ var Menu = {
1554
+ "name": "Menu",
1555
+ "defaultProps": {},
1556
+ "getStylesLiterals": {},
1557
+ "cxLiterals": [],
1558
+ "internalComponents": [],
1559
+ "internalComponentProps": {},
1560
+ "propToVariantKeys": {},
1561
+ "motionVarPrefixes": []
1562
+ };
1563
+ var Menu_ItemCheckbox = {
1564
+ "name": "Menu.ItemCheckbox",
1534
1565
  "defaultProps": {},
1535
1566
  "getStylesLiterals": {
1536
- "display": "flex",
1537
- "flexDirection": "row",
1538
- "columnGap": "6"
1567
+ "menuitemItemCheckboxVariantRoot": "default",
1568
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1569
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1570
+ "menuitemItemCheckboxVariantText": "default",
1571
+ "menuitemItemCheckboxVariantActiveText": "on",
1572
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1573
+ "menuitemItemCheckboxVariantStartIcon": "default",
1574
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1575
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1576
+ "menuitemItemCheckboxVariantEndIcon": "default",
1577
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1578
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1539
1579
  },
1580
+ "cxLiterals": ["uds-menu-item-checkbox"],
1581
+ "internalComponents": ["MenuItemBase"],
1582
+ "internalComponentProps": {},
1583
+ "propToVariantKeys": {},
1584
+ "motionVarPrefixes": []
1585
+ };
1586
+ var ChipLink = {
1587
+ "name": "ChipLink",
1588
+ "defaultProps": { "variant": "primary" },
1589
+ "getStylesLiterals": {},
1590
+ "cxLiterals": ["uds-ring"],
1591
+ "internalComponents": ["ChipBase"],
1592
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1593
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1594
+ "motionVarPrefixes": []
1595
+ };
1596
+ var ChipDismissible = {
1597
+ "name": "ChipDismissible",
1598
+ "defaultProps": { "variant": "primary" },
1599
+ "getStylesLiterals": {},
1540
1600
  "cxLiterals": [
1541
- "text-tertiary",
1542
- "border-b-transparent",
1543
- "aria-selected:border-b-brand",
1544
- "aria-selected:text-secondary"
1601
+ "uds-chip-dismissible-button",
1602
+ "uds-hit-target",
1603
+ "uds-ring",
1604
+ "rounded-full"
1545
1605
  ],
1546
1606
  "internalComponents": [
1547
- "TabProvider",
1548
- "OriginalTabList",
1549
- "OriginalTab",
1550
- "Icon",
1551
- "OriginalTabPanel",
1552
- "Pressable",
1553
- "Comp",
1554
- "Text"
1607
+ "ChipBase",
1608
+ "IconSlot",
1609
+ "Pressable"
1555
1610
  ],
1556
- "internalComponentProps": {
1557
- "Icon": {
1558
- "className": ["text-current"],
1559
- "size": ["md"]
1560
- },
1561
- "Pressable": {
1562
- "borderBottomWidth": ["medium"],
1563
- "spacingBottom": ["1"],
1564
- "spacingTop": ["4"]
1565
- },
1566
- "Text": {
1567
- "className": ["text-current"],
1568
- "variant": ["headline1"],
1569
- "as": ["span"]
1570
- }
1611
+ "internalComponentProps": {},
1612
+ "propToVariantKeys": {
1613
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1614
+ "dismissButtonAriaLabel": ["aria-label"]
1571
1615
  },
1572
- "propToVariantKeys": {},
1573
1616
  "motionVarPrefixes": []
1574
1617
  };
1575
- var Modal = {
1576
- "name": "Modal",
1618
+ var ChipToggle = {
1619
+ "name": "ChipToggle",
1620
+ "defaultProps": {
1621
+ "variant": "primary",
1622
+ "role": "checkbox"
1623
+ },
1624
+ "getStylesLiterals": {
1625
+ "chipToggleVariantActiveRoot": "on",
1626
+ "chipToggleVariantActiveRoot:1": "off"
1627
+ },
1628
+ "cxLiterals": ["uds-ring"],
1629
+ "internalComponents": ["ChipBase"],
1630
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1631
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1632
+ "motionVarPrefixes": []
1633
+ };
1634
+ var Chip = {
1635
+ "name": "Chip",
1577
1636
  "defaultProps": {},
1578
1637
  "getStylesLiterals": {},
1579
- "cxLiterals": [
1580
- "inset-8",
1581
- "top-[250px]",
1582
- "z-50",
1583
- "mx-auto",
1584
- "h-fit",
1585
- "w-[600px]",
1586
- "origin-center",
1587
- "scale-95",
1588
- "opacity-0",
1589
- "transition",
1590
- "duration-150",
1591
- "data-[enter]:scale-100",
1592
- "data-[enter]:opacity-100"
1593
- ],
1638
+ "cxLiterals": [],
1594
1639
  "internalComponents": [
1595
- "IconButton",
1596
- "Dialog",
1597
- "HStack",
1598
- "Text",
1599
- "VStack"
1640
+ "ChipDismissible",
1641
+ "ChipToggle",
1642
+ "ChipLink",
1643
+ "ChipButton"
1600
1644
  ],
1601
- "internalComponentProps": {
1602
- "IconButton": {
1603
- "aria-label": ["Close"],
1604
- "size": ["sm"],
1605
- "variant": ["tertiary"]
1606
- },
1607
- "HStack": {
1608
- "alignItems": ["center"],
1609
- "justifyContent": ["space-between"]
1610
- },
1611
- "Text": {
1612
- "variant": ["headline1"],
1613
- "color": ["primary"]
1614
- },
1615
- "VStack": {
1616
- "borderRadius": ["md"],
1617
- "position": ["fixed"],
1618
- "backgroundColor": ["primary"],
1619
- "dropShadow": ["md"],
1620
- "spacing": ["8"],
1621
- "overflow": ["hidden"]
1622
- }
1623
- },
1624
- "propToVariantKeys": { "handleClose": ["onClick"] },
1645
+ "internalComponentProps": {},
1646
+ "propToVariantKeys": {},
1625
1647
  "motionVarPrefixes": []
1626
1648
  };
1627
- var Accordion = {
1628
- "name": "Accordion",
1649
+ var ChipBase = {
1650
+ "name": "ChipBase",
1629
1651
  "defaultProps": {
1630
- "spacingHorizontal": "4",
1631
- "spacingVertical": "4"
1652
+ "size": "md",
1653
+ "as": "div"
1632
1654
  },
1633
1655
  "getStylesLiterals": {},
1634
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1656
+ "cxLiterals": [
1657
+ "pointer-events-none",
1658
+ "cursor-default",
1659
+ "opacity-50",
1660
+ "inline-flex",
1661
+ "items-center",
1662
+ "transition-[background-color,outline-color,box-shadow]",
1663
+ "truncate",
1664
+ "whitespace-nowrap",
1665
+ "text-center",
1666
+ "flex-1"
1667
+ ],
1635
1668
  "internalComponents": [
1636
- "Icon",
1637
- "SpringMotionConfig",
1638
- "Pressable",
1639
- "Text",
1669
+ "IconSlot",
1640
1670
  "HStack",
1641
- "AnimatePresence",
1642
- "VStack"
1671
+ "As",
1672
+ "Text"
1643
1673
  ],
1644
- "internalComponentProps": {
1645
- "Icon": {
1646
- "variant": ["fill"],
1647
- "size": ["sm"],
1648
- "color": ["primary"]
1649
- },
1650
- "SpringMotionConfig": {
1651
- "layoutVariant": ["smooth"],
1652
- "layoutSpeed": ["3"]
1653
- },
1654
- "Pressable": {
1655
- "display": ["flex"],
1656
- "flexDirection": ["row"],
1657
- "alignItems": ["center"],
1658
- "justifyContent": ["space-between"],
1659
- "borderRadius": ["md"]
1660
- },
1661
- "Text": {
1662
- "variant": ["title4"],
1663
- "color": ["primary"]
1664
- },
1665
- "HStack": {
1666
- "display": ["flex"],
1667
- "alignItems": ["center"],
1668
- "justifyContent": ["space-between"],
1669
- "columnGap": ["2.5"]
1670
- }
1674
+ "internalComponentProps": { "Text": {
1675
+ "as": ["span"],
1676
+ "color": ["current"],
1677
+ "variant": ["inherit"]
1678
+ } },
1679
+ "propToVariantKeys": {
1680
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1681
+ "startIcon": ["icon"],
1682
+ "endIcon": ["icon"]
1671
1683
  },
1672
- "propToVariantKeys": {},
1673
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1684
+ "motionVarPrefixes": []
1685
+ };
1686
+ var ChipButton = {
1687
+ "name": "ChipButton",
1688
+ "defaultProps": { "variant": "primary" },
1689
+ "getStylesLiterals": {},
1690
+ "cxLiterals": ["uds-ring"],
1691
+ "internalComponents": ["ChipBase"],
1692
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1693
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1694
+ "motionVarPrefixes": []
1674
1695
  };
1675
1696
  var componentData_default = {
1676
1697
  Link,
@@ -1682,6 +1703,12 @@ var componentData_default = {
1682
1703
  IconSlot,
1683
1704
  HStack,
1684
1705
  Image,
1706
+ "Table.mocks": Table_mocks,
1707
+ Table,
1708
+ Spinner,
1709
+ DividerCore,
1710
+ DividerInternal,
1711
+ Divider,
1685
1712
  Button,
1686
1713
  Checkbox,
1687
1714
  SpringMotionConfig,
@@ -1690,6 +1717,33 @@ var componentData_default = {
1690
1717
  Badge,
1691
1718
  AnimateHeightChange,
1692
1719
  Pressable,
1720
+ AvoidMotionLibraryProvider,
1721
+ SegmentedControl,
1722
+ Popover,
1723
+ SwitchV2,
1724
+ Tabs,
1725
+ Modal,
1726
+ Accordion,
1727
+ AvatarImage,
1728
+ AvatarText,
1729
+ Avatar,
1730
+ AvatarIcon,
1731
+ UDSToastConfigProvider,
1732
+ Toast,
1733
+ ToastContainer,
1734
+ ToastPortal,
1735
+ RadioGroupStore,
1736
+ RadioGroupProvider,
1737
+ Radio,
1738
+ UDSTooltipConfigProvider,
1739
+ TooltipTrigger,
1740
+ TooltipContent,
1741
+ Tooltip,
1742
+ Input,
1743
+ InputHelpText,
1744
+ InputHelpTextInternal,
1745
+ UDSConfigProvider,
1746
+ UDSBreakpointsConfigProvider,
1693
1747
  "Menu.Item": Menu_Item,
1694
1748
  "Menu.Provider": Menu_Provider,
1695
1749
  "Menu.ItemBase": Menu_ItemBase,
@@ -1703,40 +1757,7 @@ var componentData_default = {
1703
1757
  ChipToggle,
1704
1758
  Chip,
1705
1759
  ChipBase,
1706
- ChipButton,
1707
- UDSConfigProvider,
1708
- UDSBreakpointsConfigProvider,
1709
- Input,
1710
- InputHelpText,
1711
- InputHelpTextInternal,
1712
- UDSTooltipConfigProvider,
1713
- TooltipTrigger,
1714
- TooltipContent,
1715
- Tooltip,
1716
- RadioGroupStore,
1717
- RadioGroupProvider,
1718
- Radio,
1719
- UDSToastConfigProvider,
1720
- Toast,
1721
- ToastContainer,
1722
- ToastPortal,
1723
- AvatarImage,
1724
- AvatarText,
1725
- Avatar,
1726
- AvatarIcon,
1727
- DividerCore,
1728
- DividerInternal,
1729
- Divider,
1730
- "Table.mocks": Table_mocks,
1731
- Table,
1732
- Spinner,
1733
- AvoidMotionLibraryProvider,
1734
- SegmentedControl,
1735
- Popover,
1736
- SwitchV2,
1737
- Tabs,
1738
- Modal,
1739
- Accordion
1760
+ ChipButton
1740
1761
  };
1741
1762
 
1742
1763
  //#endregion