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