@yahoo/uds 3.118.0 → 3.119.1

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.
@@ -712,291 +712,278 @@ var AvatarText = {
712
712
  "propToVariantKeys": {},
713
713
  "motionVarPrefixes": []
714
714
  };
715
- var Toast = {
716
- "name": "Toast",
717
- "defaultProps": {},
718
- "getStylesLiterals": {
719
- "className": "flex-none",
720
- "spacing": "2",
721
- "borderRadius": "full"
722
- },
715
+ var BottomSheet = {
716
+ "name": "BottomSheet",
717
+ "defaultProps": { "variant": "default" },
718
+ "getStylesLiterals": {},
723
719
  "cxLiterals": [
724
- "duration-0",
725
- "duration-120",
726
- "transition-[background-color]",
727
- "bg-carbon-15/0",
728
- "hover:bg-carbon-15/10",
729
- "active:bg-carbon-15/15",
730
- "uds-ring"
720
+ "fixed",
721
+ "overflow-hidden",
722
+ "inset-x-0",
723
+ "bottom-0",
724
+ "z-50",
725
+ "[will-change:transform]",
726
+ "touch-none",
727
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
728
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
729
+ "transition-transform",
730
+ "duration-500",
731
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
732
+ "motion-reduce:transition-none",
733
+ "top-[-4px]",
734
+ "z-[1]",
735
+ "touch-pan-y"
731
736
  ],
732
737
  "internalComponents": [
733
- "IconSlot",
734
- "ToastContainer",
735
- "Text",
736
- "Button",
737
- "Pressable"
738
+ "Scrim",
739
+ "BottomSheetHandle",
740
+ "Dialog",
741
+ "Box",
742
+ "BottomSheetInternalContext.Provider"
738
743
  ],
739
- "internalComponentProps": {},
740
- "propToVariantKeys": {
741
- "size": [
742
- "toastSizeLabel",
743
- "toastSizeIcon",
744
- "toastSizeActionButton",
745
- "toastSizeCloseIcon"
746
- ],
747
- "variant": [
748
- "toastVariantIcon",
749
- "toastVariantActionButton",
750
- "toastVariantCloseIcon"
751
- ],
752
- "closeIcon": ["icon"],
753
- "onClickActionButton": ["onClick"]
754
- },
755
- "motionVarPrefixes": []
756
- };
757
- var ToastContainer = {
758
- "name": "ToastContainer",
759
- "defaultProps": {},
760
- "getStylesLiterals": {
761
- "position": "relative",
762
- "alignItems": "center",
763
- "display": "flex",
764
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
765
- },
766
- "cxLiterals": ["w-full"],
767
- "internalComponents": ["HStack"],
768
- "internalComponentProps": { "HStack": {
769
- "alignItems": ["center"],
770
- "justifyContent": ["space-between"],
771
- "overflow": ["hidden"],
772
- "position": ["relative"]
773
- } },
774
- "propToVariantKeys": {
775
- "variant": ["toastVariantRoot"],
776
- "size": ["toastSizeRoot"]
744
+ "internalComponentProps": {
745
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
746
+ "Dialog": { "data-testid": ["bottom-sheet"] },
747
+ "Box": {
748
+ "display": ["block", "flex"],
749
+ "position": ["absolute"],
750
+ "flexDirection": ["column"],
751
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
752
+ }
777
753
  },
754
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
778
755
  "motionVarPrefixes": []
779
756
  };
780
- var ToastPortal = {
781
- "name": "ToastPortal",
757
+ var BottomSheetContent = {
758
+ "name": "BottomSheetContent",
782
759
  "defaultProps": {},
783
760
  "getStylesLiterals": {},
784
- "cxLiterals": [],
785
- "internalComponents": ["ReactToastifyToastContainer"],
786
- "internalComponentProps": {},
761
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
762
+ "internalComponents": ["Box", "VStack"],
763
+ "internalComponentProps": {
764
+ "Box": {
765
+ "display": ["block"],
766
+ "flex": ["1"]
767
+ },
768
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
769
+ },
787
770
  "propToVariantKeys": {},
788
771
  "motionVarPrefixes": []
789
772
  };
790
- var UDSToastConfigProvider = {
791
- "name": "UDSToastConfigProvider",
773
+ var BottomSheetDismiss = {
774
+ "name": "BottomSheetDismiss",
792
775
  "defaultProps": {},
793
776
  "getStylesLiterals": {},
794
777
  "cxLiterals": [],
795
- "internalComponents": ["ToastContext.Provider"],
778
+ "internalComponents": ["AriakitDialogDismiss"],
796
779
  "internalComponentProps": {},
797
780
  "propToVariantKeys": {},
798
781
  "motionVarPrefixes": []
799
782
  };
800
- var Radio = {
801
- "name": "Radio",
802
- "defaultProps": {
803
- "labelPosition": "start",
804
- "variant": "primary",
805
- "size": "md",
806
- "value": ""
807
- },
808
- "getStylesLiterals": {
809
- "radioVariantValueRoot": "checked",
810
- "radioVariantValueRoot:1": "unchecked",
811
- "display": "flex",
812
- "flexDirection": "row",
813
- "flexDirection:1": "row-reverse",
814
- "alignItems": "center",
815
- "radioVariantValueRadio": "checked",
816
- "radioVariantValueRadio:1": "unchecked",
817
- "radioVariantValueRadioCircle": "checked",
818
- "radioVariantValueRadioCircle:1": "unchecked"
819
- },
783
+ var BottomSheetHandle = {
784
+ "name": "BottomSheetHandle",
785
+ "defaultProps": { "variant": "default" },
786
+ "getStylesLiterals": {},
820
787
  "cxLiterals": [
821
- "cursor-pointer",
822
- "cursor-default",
823
- "opacity-50",
824
- "border",
825
- "uds-ring",
826
- "uds-ring-within",
827
- "transition-[background-color,border-color]",
828
- "transition-shadow",
829
- "pointer-events-none",
830
- "w-[8px]",
831
- "h-[8px]",
832
- "transition-opacity",
833
- "cursor-[inherit]",
788
+ "relative",
789
+ "h-5",
790
+ "w-16",
791
+ "outline-none",
792
+ "focus-visible:outline-none",
793
+ "[touch-action:pan-y]",
834
794
  "absolute",
835
- "opacity-0",
836
- "top-1/2",
837
795
  "left-1/2",
838
- "w-[calc(100%+2px)]",
839
- "h-[calc(100%+2px)]",
840
- "transform",
841
- "translate-x-[-50%]",
842
- "translate-y-[-50%]",
843
- "text-start",
844
- "text-end"
796
+ "top-1/2",
797
+ "-translate-x-1/2",
798
+ "-translate-y-1/2",
799
+ "h-1",
800
+ "w-8",
801
+ "rounded-full"
845
802
  ],
846
- "internalComponents": [
847
- "Box",
848
- "FormLabel",
849
- "SpringMotionConfig",
850
- "RootElement",
851
- "MotionBox"
803
+ "internalComponents": ["Box"],
804
+ "internalComponentProps": { "Box": {
805
+ "display": ["block", "flex"],
806
+ "justifyContent": ["center"]
807
+ } },
808
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
809
+ "motionVarPrefixes": []
810
+ };
811
+ var BottomSheetHeader = {
812
+ "name": "BottomSheetHeader",
813
+ "defaultProps": { "variant": "default" },
814
+ "getStylesLiterals": {},
815
+ "cxLiterals": [
816
+ "grid-cols-[40px_1fr_40px]",
817
+ "items-center",
818
+ "w-full",
819
+ "min-h-10",
820
+ "mt-2"
852
821
  ],
822
+ "internalComponents": ["Box", "Text"],
853
823
  "internalComponentProps": {
854
- "Box": { "borderRadius": ["full"] },
855
- "FormLabel": {
856
- "as": ["div"],
857
- "variant": ["inherit"],
858
- "color": ["inherit"]
824
+ "Box": {
825
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
826
+ "display": ["grid", "flex"],
827
+ "justifyContent": ["flex-start", "flex-end"]
859
828
  },
860
- "RootElement": { "data-testid": ["container"] },
861
- "MotionBox": {
862
- "position": ["relative"],
863
- "borderRadius": ["full"],
864
- "alignItems": ["center"],
865
- "justifyContent": ["center"],
866
- "flex": ["none"]
829
+ "Text": {
830
+ "variant": ["inherit"],
831
+ "color": ["inherit"],
832
+ "textAlign": ["center"],
833
+ "className": ["w-full"]
867
834
  }
868
835
  },
869
- "propToVariantKeys": {
870
- "size": ["radioSizeRoot", "radioSizeRadio"],
871
- "variant": [
872
- "radioVariantRoot",
873
- "radioVariantRadio",
874
- "radioVariantRadioCircle"
875
- ],
876
- "reduceMotion": ["reducedMotion"]
877
- },
878
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
836
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
837
+ "motionVarPrefixes": []
879
838
  };
880
- var RadioGroupProvider = {
881
- "name": "RadioGroupProvider",
839
+ var BottomSheetInternalContext = {
840
+ "name": "BottomSheetInternalContext",
882
841
  "defaultProps": {},
883
842
  "getStylesLiterals": {},
884
843
  "cxLiterals": [],
885
- "internalComponents": [
886
- "DivProps",
887
- "Comp",
888
- "RadioGroupContext.Provider"
889
- ],
890
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
844
+ "internalComponents": [],
845
+ "internalComponentProps": {},
891
846
  "propToVariantKeys": {},
892
847
  "motionVarPrefixes": []
893
848
  };
894
- var RadioGroupStore = {
895
- "name": "RadioGroupStore",
849
+ var BottomSheetProvider = {
850
+ "name": "BottomSheetProvider",
896
851
  "defaultProps": {},
897
852
  "getStylesLiterals": {},
898
853
  "cxLiterals": [],
899
- "internalComponents": [],
854
+ "internalComponents": ["AriakitDialogProvider"],
900
855
  "internalComponentProps": {},
901
856
  "propToVariantKeys": {},
902
857
  "motionVarPrefixes": []
903
858
  };
904
- var Popover = {
905
- "name": "Popover",
859
+ var BottomSheetTrigger = {
860
+ "name": "BottomSheetTrigger",
906
861
  "defaultProps": {},
907
862
  "getStylesLiterals": {},
908
863
  "cxLiterals": [],
909
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
864
+ "internalComponents": ["AriakitDialogDisclosure"],
910
865
  "internalComponentProps": {},
911
866
  "propToVariantKeys": {},
912
867
  "motionVarPrefixes": []
913
868
  };
914
- var PopoverContent = {
915
- "name": "PopoverContent",
869
+ var UDSBottomSheetConfigProvider = {
870
+ "name": "UDSBottomSheetConfigProvider",
916
871
  "defaultProps": {},
917
- "getStylesLiterals": {
918
- "popoverSizeRoot": "default",
919
- "popoverVariantRoot": "default",
920
- "display": "flex",
921
- "position": "absolute",
922
- "spacingTop": "0",
923
- "spacingStart": "0",
924
- "spacingBottom": "0",
925
- "spacingEnd": "0",
926
- "popoverSizeSvgBase": "default",
927
- "popoverVariantSvgBase": "default",
928
- "popoverSizeSvgBorder": "default",
929
- "popoverVariantSvgBorder": "default",
930
- "popoverVariantBlur": "default",
931
- "width": "full",
932
- "height": "full",
933
- "flexShrink": "0",
934
- "borderRadius": "full",
935
- "alignItems": "center",
936
- "justifyContent": "center",
937
- "popoverVariantCloseIcon": "default",
938
- "popoverSizeCloseIcon": "default"
939
- },
940
- "cxLiterals": [
941
- "z-[9999]",
942
- "outline-none",
943
- "focus-visible:outline-none",
944
- "uds-bgBlurFillFallback",
945
- "uds-bgBlurFallback",
946
- "top-0",
947
- "left-0",
948
- "z-[1]",
949
- "duration-0",
950
- "duration-120",
951
- "transition-[background-color]",
952
- "bg-carbon-15/0",
953
- "hover:bg-carbon-15/10",
954
- "active:bg-carbon-15/15",
955
- "uds-ring",
956
- "absolute",
957
- "z-[4]"
958
- ],
959
- "internalComponents": [
960
- "PopoverDismiss",
961
- "IconSlot",
962
- "PopoverArrow",
963
- "Popover",
964
- "SvgFloatingOverlay",
965
- "Box",
966
- "Pressable"
967
- ],
872
+ "getStylesLiterals": {},
873
+ "cxLiterals": [],
874
+ "internalComponents": ["BottomSheetContext.Provider"],
968
875
  "internalComponentProps": {},
969
- "propToVariantKeys": { "closeIcon": ["icon"] },
876
+ "propToVariantKeys": {},
970
877
  "motionVarPrefixes": []
971
878
  };
972
- var PopoverContext = {
973
- "name": "PopoverContext",
879
+ var Chip = {
880
+ "name": "Chip",
974
881
  "defaultProps": {},
975
882
  "getStylesLiterals": {},
976
883
  "cxLiterals": [],
977
- "internalComponents": [],
884
+ "internalComponents": [
885
+ "ChipDismissible",
886
+ "ChipToggle",
887
+ "ChipLink",
888
+ "ChipButton"
889
+ ],
978
890
  "internalComponentProps": {},
979
891
  "propToVariantKeys": {},
980
892
  "motionVarPrefixes": []
981
893
  };
982
- var PopoverTrigger = {
983
- "name": "PopoverTrigger",
984
- "defaultProps": {},
894
+ var ChipBase = {
895
+ "name": "ChipBase",
896
+ "defaultProps": {
897
+ "size": "md",
898
+ "as": "div"
899
+ },
985
900
  "getStylesLiterals": {},
986
- "cxLiterals": [],
987
- "internalComponents": ["PopoverDisclosure"],
988
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
989
- "propToVariantKeys": { "children": ["render"] },
901
+ "cxLiterals": [
902
+ "pointer-events-none",
903
+ "cursor-default",
904
+ "opacity-50",
905
+ "inline-flex",
906
+ "items-center",
907
+ "transition-[background-color,outline-color,box-shadow]",
908
+ "truncate",
909
+ "whitespace-nowrap",
910
+ "text-center",
911
+ "flex-1"
912
+ ],
913
+ "internalComponents": [
914
+ "IconSlot",
915
+ "HStack",
916
+ "As",
917
+ "Text"
918
+ ],
919
+ "internalComponentProps": { "Text": {
920
+ "as": ["span"],
921
+ "color": ["current"],
922
+ "variant": ["inherit"]
923
+ } },
924
+ "propToVariantKeys": {
925
+ "size": ["chipSizeRoot", "chipSizeIcon"],
926
+ "startIcon": ["icon"],
927
+ "endIcon": ["icon"]
928
+ },
990
929
  "motionVarPrefixes": []
991
930
  };
992
- var UDSPopoverConfigProvider = {
993
- "name": "UDSPopoverConfigProvider",
994
- "defaultProps": {},
931
+ var ChipButton = {
932
+ "name": "ChipButton",
933
+ "defaultProps": { "variant": "primary" },
995
934
  "getStylesLiterals": {},
996
- "cxLiterals": [],
997
- "internalComponents": ["PopoverContext.Provider"],
935
+ "cxLiterals": ["uds-ring"],
936
+ "internalComponents": ["ChipBase"],
937
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
938
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
939
+ "motionVarPrefixes": []
940
+ };
941
+ var ChipDismissible = {
942
+ "name": "ChipDismissible",
943
+ "defaultProps": { "variant": "primary" },
944
+ "getStylesLiterals": {},
945
+ "cxLiterals": [
946
+ "uds-chip-dismissible-button",
947
+ "uds-hit-target",
948
+ "uds-ring",
949
+ "rounded-full"
950
+ ],
951
+ "internalComponents": [
952
+ "ChipBase",
953
+ "IconSlot",
954
+ "Pressable"
955
+ ],
998
956
  "internalComponentProps": {},
999
- "propToVariantKeys": {},
957
+ "propToVariantKeys": {
958
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
959
+ "dismissButtonAriaLabel": ["aria-label"]
960
+ },
961
+ "motionVarPrefixes": []
962
+ };
963
+ var ChipLink = {
964
+ "name": "ChipLink",
965
+ "defaultProps": { "variant": "primary" },
966
+ "getStylesLiterals": {},
967
+ "cxLiterals": ["uds-ring"],
968
+ "internalComponents": ["ChipBase"],
969
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
970
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
971
+ "motionVarPrefixes": []
972
+ };
973
+ var ChipToggle = {
974
+ "name": "ChipToggle",
975
+ "defaultProps": {
976
+ "variant": "primary",
977
+ "role": "checkbox"
978
+ },
979
+ "getStylesLiterals": {
980
+ "chipToggleVariantActiveRoot": "on",
981
+ "chipToggleVariantActiveRoot:1": "off"
982
+ },
983
+ "cxLiterals": ["uds-ring"],
984
+ "internalComponents": ["ChipBase"],
985
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
986
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1000
987
  "motionVarPrefixes": []
1001
988
  };
1002
989
  var Menu_Content = {
@@ -1308,276 +1295,289 @@ var InputHelpTextInternal = {
1308
1295
  },
1309
1296
  "motionVarPrefixes": []
1310
1297
  };
1311
- var Chip = {
1312
- "name": "Chip",
1298
+ var Popover = {
1299
+ "name": "Popover",
1313
1300
  "defaultProps": {},
1314
1301
  "getStylesLiterals": {},
1315
1302
  "cxLiterals": [],
1316
- "internalComponents": [
1317
- "ChipDismissible",
1318
- "ChipToggle",
1319
- "ChipLink",
1320
- "ChipButton"
1321
- ],
1303
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1322
1304
  "internalComponentProps": {},
1323
1305
  "propToVariantKeys": {},
1324
1306
  "motionVarPrefixes": []
1325
1307
  };
1326
- var ChipBase = {
1327
- "name": "ChipBase",
1328
- "defaultProps": {
1329
- "size": "md",
1330
- "as": "div"
1331
- },
1332
- "getStylesLiterals": {},
1333
- "cxLiterals": [
1334
- "pointer-events-none",
1335
- "cursor-default",
1336
- "opacity-50",
1337
- "inline-flex",
1338
- "items-center",
1339
- "transition-[background-color,outline-color,box-shadow]",
1340
- "truncate",
1341
- "whitespace-nowrap",
1342
- "text-center",
1343
- "flex-1"
1344
- ],
1345
- "internalComponents": [
1346
- "IconSlot",
1347
- "HStack",
1348
- "As",
1349
- "Text"
1350
- ],
1351
- "internalComponentProps": { "Text": {
1352
- "as": ["span"],
1353
- "color": ["current"],
1354
- "variant": ["inherit"]
1355
- } },
1356
- "propToVariantKeys": {
1357
- "size": ["chipSizeRoot", "chipSizeIcon"],
1358
- "startIcon": ["icon"],
1359
- "endIcon": ["icon"]
1308
+ var PopoverContent = {
1309
+ "name": "PopoverContent",
1310
+ "defaultProps": {},
1311
+ "getStylesLiterals": {
1312
+ "popoverSizeRoot": "default",
1313
+ "popoverVariantRoot": "default",
1314
+ "display": "flex",
1315
+ "position": "absolute",
1316
+ "spacingTop": "0",
1317
+ "spacingStart": "0",
1318
+ "spacingBottom": "0",
1319
+ "spacingEnd": "0",
1320
+ "popoverSizeSvgBase": "default",
1321
+ "popoverVariantSvgBase": "default",
1322
+ "popoverSizeSvgBorder": "default",
1323
+ "popoverVariantSvgBorder": "default",
1324
+ "popoverVariantBlur": "default",
1325
+ "width": "full",
1326
+ "height": "full",
1327
+ "flexShrink": "0",
1328
+ "borderRadius": "full",
1329
+ "alignItems": "center",
1330
+ "justifyContent": "center",
1331
+ "popoverVariantCloseIcon": "default",
1332
+ "popoverSizeCloseIcon": "default"
1360
1333
  },
1361
- "motionVarPrefixes": []
1362
- };
1363
- var ChipButton = {
1364
- "name": "ChipButton",
1365
- "defaultProps": { "variant": "primary" },
1366
- "getStylesLiterals": {},
1367
- "cxLiterals": ["uds-ring"],
1368
- "internalComponents": ["ChipBase"],
1369
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1370
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1371
- "motionVarPrefixes": []
1372
- };
1373
- var ChipDismissible = {
1374
- "name": "ChipDismissible",
1375
- "defaultProps": { "variant": "primary" },
1376
- "getStylesLiterals": {},
1377
1334
  "cxLiterals": [
1378
- "uds-chip-dismissible-button",
1379
- "uds-hit-target",
1335
+ "z-[9999]",
1336
+ "outline-none",
1337
+ "focus-visible:outline-none",
1338
+ "uds-bgBlurFillFallback",
1339
+ "uds-bgBlurFallback",
1340
+ "top-0",
1341
+ "left-0",
1342
+ "z-[1]",
1343
+ "duration-0",
1344
+ "duration-120",
1345
+ "transition-[background-color]",
1346
+ "bg-carbon-15/0",
1347
+ "hover:bg-carbon-15/10",
1348
+ "active:bg-carbon-15/15",
1380
1349
  "uds-ring",
1381
- "rounded-full"
1350
+ "absolute",
1351
+ "z-[4]"
1382
1352
  ],
1383
1353
  "internalComponents": [
1384
- "ChipBase",
1354
+ "PopoverDismiss",
1385
1355
  "IconSlot",
1356
+ "PopoverArrow",
1357
+ "Popover",
1358
+ "SvgFloatingOverlay",
1359
+ "Box",
1386
1360
  "Pressable"
1387
1361
  ],
1388
1362
  "internalComponentProps": {},
1389
- "propToVariantKeys": {
1390
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1391
- "dismissButtonAriaLabel": ["aria-label"]
1392
- },
1393
- "motionVarPrefixes": []
1394
- };
1395
- var ChipLink = {
1396
- "name": "ChipLink",
1397
- "defaultProps": { "variant": "primary" },
1398
- "getStylesLiterals": {},
1399
- "cxLiterals": ["uds-ring"],
1400
- "internalComponents": ["ChipBase"],
1401
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1402
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1403
- "motionVarPrefixes": []
1404
- };
1405
- var ChipToggle = {
1406
- "name": "ChipToggle",
1407
- "defaultProps": {
1408
- "variant": "primary",
1409
- "role": "checkbox"
1410
- },
1411
- "getStylesLiterals": {
1412
- "chipToggleVariantActiveRoot": "on",
1413
- "chipToggleVariantActiveRoot:1": "off"
1414
- },
1415
- "cxLiterals": ["uds-ring"],
1416
- "internalComponents": ["ChipBase"],
1417
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1418
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1363
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1419
1364
  "motionVarPrefixes": []
1420
1365
  };
1421
- var BottomSheet = {
1422
- "name": "BottomSheet",
1423
- "defaultProps": { "variant": "default" },
1366
+ var PopoverContext = {
1367
+ "name": "PopoverContext",
1368
+ "defaultProps": {},
1424
1369
  "getStylesLiterals": {},
1425
- "cxLiterals": [
1426
- "fixed",
1427
- "overflow-hidden",
1428
- "inset-x-0",
1429
- "bottom-0",
1430
- "z-50",
1431
- "[will-change:transform]",
1432
- "touch-none",
1433
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1434
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1435
- "transition-transform",
1436
- "duration-500",
1437
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1438
- "motion-reduce:transition-none",
1439
- "top-[-4px]",
1440
- "z-[1]",
1441
- "touch-pan-y"
1442
- ],
1443
- "internalComponents": [
1444
- "Scrim",
1445
- "BottomSheetHandle",
1446
- "Dialog",
1447
- "Box",
1448
- "BottomSheetInternalContext.Provider"
1449
- ],
1450
- "internalComponentProps": {
1451
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1452
- "Dialog": { "data-testid": ["bottom-sheet"] },
1453
- "Box": {
1454
- "display": ["block", "flex"],
1455
- "position": ["absolute"],
1456
- "flexDirection": ["column"],
1457
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1458
- }
1459
- },
1460
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1370
+ "cxLiterals": [],
1371
+ "internalComponents": [],
1372
+ "internalComponentProps": {},
1373
+ "propToVariantKeys": {},
1461
1374
  "motionVarPrefixes": []
1462
1375
  };
1463
- var BottomSheetContent = {
1464
- "name": "BottomSheetContent",
1376
+ var PopoverTrigger = {
1377
+ "name": "PopoverTrigger",
1465
1378
  "defaultProps": {},
1466
1379
  "getStylesLiterals": {},
1467
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1468
- "internalComponents": ["Box", "VStack"],
1469
- "internalComponentProps": {
1470
- "Box": {
1471
- "display": ["block"],
1472
- "flex": ["1"]
1473
- },
1474
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1475
- },
1476
- "propToVariantKeys": {},
1380
+ "cxLiterals": [],
1381
+ "internalComponents": ["PopoverDisclosure"],
1382
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1383
+ "propToVariantKeys": { "children": ["render"] },
1477
1384
  "motionVarPrefixes": []
1478
1385
  };
1479
- var BottomSheetDismiss = {
1480
- "name": "BottomSheetDismiss",
1386
+ var UDSPopoverConfigProvider = {
1387
+ "name": "UDSPopoverConfigProvider",
1481
1388
  "defaultProps": {},
1482
1389
  "getStylesLiterals": {},
1483
1390
  "cxLiterals": [],
1484
- "internalComponents": ["AriakitDialogDismiss"],
1391
+ "internalComponents": ["PopoverContext.Provider"],
1485
1392
  "internalComponentProps": {},
1486
1393
  "propToVariantKeys": {},
1487
1394
  "motionVarPrefixes": []
1488
1395
  };
1489
- var BottomSheetHandle = {
1490
- "name": "BottomSheetHandle",
1491
- "defaultProps": { "variant": "default" },
1492
- "getStylesLiterals": {},
1493
- "cxLiterals": [
1494
- "relative",
1495
- "h-5",
1496
- "w-16",
1497
- "outline-none",
1498
- "focus-visible:outline-none",
1499
- "[touch-action:pan-y]",
1500
- "absolute",
1501
- "left-1/2",
1502
- "top-1/2",
1503
- "-translate-x-1/2",
1504
- "-translate-y-1/2",
1505
- "h-1",
1506
- "w-8",
1507
- "rounded-full"
1508
- ],
1509
- "internalComponents": ["Box"],
1510
- "internalComponentProps": { "Box": {
1511
- "display": ["block", "flex"],
1512
- "justifyContent": ["center"]
1513
- } },
1514
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1515
- "motionVarPrefixes": []
1516
- };
1517
- var BottomSheetHeader = {
1518
- "name": "BottomSheetHeader",
1519
- "defaultProps": { "variant": "default" },
1520
- "getStylesLiterals": {},
1396
+ var Radio = {
1397
+ "name": "Radio",
1398
+ "defaultProps": {
1399
+ "labelPosition": "start",
1400
+ "variant": "primary",
1401
+ "size": "md",
1402
+ "value": ""
1403
+ },
1404
+ "getStylesLiterals": {
1405
+ "radioVariantValueRoot": "checked",
1406
+ "radioVariantValueRoot:1": "unchecked",
1407
+ "display": "flex",
1408
+ "flexDirection": "row",
1409
+ "flexDirection:1": "row-reverse",
1410
+ "alignItems": "center",
1411
+ "radioVariantValueRadio": "checked",
1412
+ "radioVariantValueRadio:1": "unchecked",
1413
+ "radioVariantValueRadioCircle": "checked",
1414
+ "radioVariantValueRadioCircle:1": "unchecked"
1415
+ },
1521
1416
  "cxLiterals": [
1522
- "grid-cols-[40px_1fr_40px]",
1523
- "items-center",
1524
- "w-full",
1525
- "min-h-10",
1526
- "mt-2"
1417
+ "cursor-pointer",
1418
+ "cursor-default",
1419
+ "opacity-50",
1420
+ "border",
1421
+ "uds-ring",
1422
+ "uds-ring-within",
1423
+ "transition-[background-color,border-color]",
1424
+ "transition-shadow",
1425
+ "pointer-events-none",
1426
+ "w-[8px]",
1427
+ "h-[8px]",
1428
+ "transition-opacity",
1429
+ "cursor-[inherit]",
1430
+ "absolute",
1431
+ "opacity-0",
1432
+ "top-1/2",
1433
+ "left-1/2",
1434
+ "w-[calc(100%+2px)]",
1435
+ "h-[calc(100%+2px)]",
1436
+ "transform",
1437
+ "translate-x-[-50%]",
1438
+ "translate-y-[-50%]",
1439
+ "text-start",
1440
+ "text-end"
1441
+ ],
1442
+ "internalComponents": [
1443
+ "Box",
1444
+ "FormLabel",
1445
+ "SpringMotionConfig",
1446
+ "RootElement",
1447
+ "MotionBox"
1527
1448
  ],
1528
- "internalComponents": ["Box", "Text"],
1529
1449
  "internalComponentProps": {
1530
- "Box": {
1531
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1532
- "display": ["grid", "flex"],
1533
- "justifyContent": ["flex-start", "flex-end"]
1534
- },
1535
- "Text": {
1450
+ "Box": { "borderRadius": ["full"] },
1451
+ "FormLabel": {
1452
+ "as": ["div"],
1536
1453
  "variant": ["inherit"],
1537
- "color": ["inherit"],
1538
- "textAlign": ["center"],
1539
- "className": ["w-full"]
1454
+ "color": ["inherit"]
1455
+ },
1456
+ "RootElement": { "data-testid": ["container"] },
1457
+ "MotionBox": {
1458
+ "position": ["relative"],
1459
+ "borderRadius": ["full"],
1460
+ "alignItems": ["center"],
1461
+ "justifyContent": ["center"],
1462
+ "flex": ["none"]
1540
1463
  }
1541
1464
  },
1542
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1543
- "motionVarPrefixes": []
1465
+ "propToVariantKeys": {
1466
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1467
+ "variant": [
1468
+ "radioVariantRoot",
1469
+ "radioVariantRadio",
1470
+ "radioVariantRadioCircle"
1471
+ ],
1472
+ "reduceMotion": ["reducedMotion"]
1473
+ },
1474
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1544
1475
  };
1545
- var BottomSheetInternalContext = {
1546
- "name": "BottomSheetInternalContext",
1476
+ var RadioGroupProvider = {
1477
+ "name": "RadioGroupProvider",
1547
1478
  "defaultProps": {},
1548
1479
  "getStylesLiterals": {},
1549
1480
  "cxLiterals": [],
1550
- "internalComponents": [],
1551
- "internalComponentProps": {},
1481
+ "internalComponents": [
1482
+ "DivProps",
1483
+ "Comp",
1484
+ "RadioGroupContext.Provider"
1485
+ ],
1486
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1552
1487
  "propToVariantKeys": {},
1553
1488
  "motionVarPrefixes": []
1554
1489
  };
1555
- var BottomSheetProvider = {
1556
- "name": "BottomSheetProvider",
1490
+ var RadioGroupStore = {
1491
+ "name": "RadioGroupStore",
1557
1492
  "defaultProps": {},
1558
1493
  "getStylesLiterals": {},
1559
1494
  "cxLiterals": [],
1560
- "internalComponents": ["AriakitDialogProvider"],
1495
+ "internalComponents": [],
1561
1496
  "internalComponentProps": {},
1562
1497
  "propToVariantKeys": {},
1563
1498
  "motionVarPrefixes": []
1564
1499
  };
1565
- var BottomSheetTrigger = {
1566
- "name": "BottomSheetTrigger",
1500
+ var Toast = {
1501
+ "name": "Toast",
1502
+ "defaultProps": {},
1503
+ "getStylesLiterals": {
1504
+ "className": "flex-none",
1505
+ "spacing": "2",
1506
+ "borderRadius": "full"
1507
+ },
1508
+ "cxLiterals": [
1509
+ "duration-0",
1510
+ "duration-120",
1511
+ "transition-[background-color]",
1512
+ "bg-carbon-15/0",
1513
+ "hover:bg-carbon-15/10",
1514
+ "active:bg-carbon-15/15",
1515
+ "uds-ring"
1516
+ ],
1517
+ "internalComponents": [
1518
+ "IconSlot",
1519
+ "ToastContainer",
1520
+ "Text",
1521
+ "Button",
1522
+ "Pressable"
1523
+ ],
1524
+ "internalComponentProps": {},
1525
+ "propToVariantKeys": {
1526
+ "size": [
1527
+ "toastSizeLabel",
1528
+ "toastSizeIcon",
1529
+ "toastSizeActionButton",
1530
+ "toastSizeCloseIcon"
1531
+ ],
1532
+ "variant": [
1533
+ "toastVariantIcon",
1534
+ "toastVariantActionButton",
1535
+ "toastVariantCloseIcon"
1536
+ ],
1537
+ "closeIcon": ["icon"],
1538
+ "onClickActionButton": ["onClick"]
1539
+ },
1540
+ "motionVarPrefixes": []
1541
+ };
1542
+ var ToastContainer = {
1543
+ "name": "ToastContainer",
1544
+ "defaultProps": {},
1545
+ "getStylesLiterals": {
1546
+ "position": "relative",
1547
+ "alignItems": "center",
1548
+ "display": "flex",
1549
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1550
+ },
1551
+ "cxLiterals": ["w-full"],
1552
+ "internalComponents": ["HStack"],
1553
+ "internalComponentProps": { "HStack": {
1554
+ "alignItems": ["center"],
1555
+ "justifyContent": ["space-between"],
1556
+ "overflow": ["hidden"],
1557
+ "position": ["relative"]
1558
+ } },
1559
+ "propToVariantKeys": {
1560
+ "variant": ["toastVariantRoot"],
1561
+ "size": ["toastSizeRoot"]
1562
+ },
1563
+ "motionVarPrefixes": []
1564
+ };
1565
+ var ToastPortal = {
1566
+ "name": "ToastPortal",
1567
1567
  "defaultProps": {},
1568
1568
  "getStylesLiterals": {},
1569
1569
  "cxLiterals": [],
1570
- "internalComponents": ["AriakitDialogDisclosure"],
1570
+ "internalComponents": ["ReactToastifyToastContainer"],
1571
1571
  "internalComponentProps": {},
1572
1572
  "propToVariantKeys": {},
1573
1573
  "motionVarPrefixes": []
1574
1574
  };
1575
- var UDSBottomSheetConfigProvider = {
1576
- "name": "UDSBottomSheetConfigProvider",
1575
+ var UDSToastConfigProvider = {
1576
+ "name": "UDSToastConfigProvider",
1577
1577
  "defaultProps": {},
1578
1578
  "getStylesLiterals": {},
1579
1579
  "cxLiterals": [],
1580
- "internalComponents": ["BottomSheetContext.Provider"],
1580
+ "internalComponents": ["ToastContext.Provider"],
1581
1581
  "internalComponentProps": {},
1582
1582
  "propToVariantKeys": {},
1583
1583
  "motionVarPrefixes": []
@@ -1660,6 +1660,32 @@ var UDSTooltipConfigProvider = {
1660
1660
  "propToVariantKeys": {},
1661
1661
  "motionVarPrefixes": []
1662
1662
  };
1663
+ var UDSBreakpointsConfigProvider = {
1664
+ "name": "UDSBreakpointsConfigProvider",
1665
+ "defaultProps": {},
1666
+ "getStylesLiterals": {},
1667
+ "cxLiterals": [],
1668
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1669
+ "internalComponentProps": {},
1670
+ "propToVariantKeys": {},
1671
+ "motionVarPrefixes": []
1672
+ };
1673
+ var UDSConfigProvider = {
1674
+ "name": "UDSConfigProvider",
1675
+ "defaultProps": {},
1676
+ "getStylesLiterals": {},
1677
+ "cxLiterals": [],
1678
+ "internalComponents": [
1679
+ "UDSBreakpointsConfigProvider",
1680
+ "UDSBottomSheetConfigProvider",
1681
+ "UDSToastConfigProvider",
1682
+ "UDSTooltipConfigProvider",
1683
+ "UDSPopoverConfigProvider"
1684
+ ],
1685
+ "internalComponentProps": {},
1686
+ "propToVariantKeys": {},
1687
+ "motionVarPrefixes": []
1688
+ };
1663
1689
  var Accordion = {
1664
1690
  "name": "Accordion",
1665
1691
  "defaultProps": {
@@ -1986,32 +2012,6 @@ var Tabs = {
1986
2012
  "propToVariantKeys": {},
1987
2013
  "motionVarPrefixes": []
1988
2014
  };
1989
- var UDSBreakpointsConfigProvider = {
1990
- "name": "UDSBreakpointsConfigProvider",
1991
- "defaultProps": {},
1992
- "getStylesLiterals": {},
1993
- "cxLiterals": [],
1994
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1995
- "internalComponentProps": {},
1996
- "propToVariantKeys": {},
1997
- "motionVarPrefixes": []
1998
- };
1999
- var UDSConfigProvider = {
2000
- "name": "UDSConfigProvider",
2001
- "defaultProps": {},
2002
- "getStylesLiterals": {},
2003
- "cxLiterals": [],
2004
- "internalComponents": [
2005
- "UDSBreakpointsConfigProvider",
2006
- "UDSBottomSheetConfigProvider",
2007
- "UDSToastConfigProvider",
2008
- "UDSTooltipConfigProvider",
2009
- "UDSPopoverConfigProvider"
2010
- ],
2011
- "internalComponentProps": {},
2012
- "propToVariantKeys": {},
2013
- "motionVarPrefixes": []
2014
- };
2015
2015
  var componentData_default = {
2016
2016
  Box,
2017
2017
  FormLabel,
@@ -2042,18 +2042,21 @@ var componentData_default = {
2042
2042
  AvatarIcon,
2043
2043
  AvatarImage,
2044
2044
  AvatarText,
2045
- Toast,
2046
- ToastContainer,
2047
- ToastPortal,
2048
- UDSToastConfigProvider,
2049
- Radio,
2050
- RadioGroupProvider,
2051
- RadioGroupStore,
2052
- Popover,
2053
- PopoverContent,
2054
- PopoverContext,
2055
- PopoverTrigger,
2056
- UDSPopoverConfigProvider,
2045
+ BottomSheet,
2046
+ BottomSheetContent,
2047
+ BottomSheetDismiss,
2048
+ BottomSheetHandle,
2049
+ BottomSheetHeader,
2050
+ BottomSheetInternalContext,
2051
+ BottomSheetProvider,
2052
+ BottomSheetTrigger,
2053
+ UDSBottomSheetConfigProvider,
2054
+ Chip,
2055
+ ChipBase,
2056
+ ChipButton,
2057
+ ChipDismissible,
2058
+ ChipLink,
2059
+ ChipToggle,
2057
2060
  "Menu.Content": Menu_Content,
2058
2061
  "Menu.Divider": Menu_Divider,
2059
2062
  "Menu.Item": Menu_Item,
@@ -2066,34 +2069,31 @@ var componentData_default = {
2066
2069
  Input,
2067
2070
  InputHelpText,
2068
2071
  InputHelpTextInternal,
2069
- Chip,
2070
- ChipBase,
2071
- ChipButton,
2072
- ChipDismissible,
2073
- ChipLink,
2074
- ChipToggle,
2075
- BottomSheet,
2076
- BottomSheetContent,
2077
- BottomSheetDismiss,
2078
- BottomSheetHandle,
2079
- BottomSheetHeader,
2080
- BottomSheetInternalContext,
2081
- BottomSheetProvider,
2082
- BottomSheetTrigger,
2083
- UDSBottomSheetConfigProvider,
2072
+ Popover,
2073
+ PopoverContent,
2074
+ PopoverContext,
2075
+ PopoverTrigger,
2076
+ UDSPopoverConfigProvider,
2077
+ Radio,
2078
+ RadioGroupProvider,
2079
+ RadioGroupStore,
2080
+ Toast,
2081
+ ToastContainer,
2082
+ ToastPortal,
2083
+ UDSToastConfigProvider,
2084
2084
  Tooltip,
2085
2085
  TooltipContent,
2086
2086
  TooltipTrigger,
2087
2087
  UDSTooltipConfigProvider,
2088
+ UDSBreakpointsConfigProvider,
2089
+ UDSConfigProvider,
2088
2090
  Accordion,
2089
2091
  AvoidMotionLibraryProvider,
2090
2092
  ExperimentalPopover,
2091
2093
  Modal,
2092
2094
  SegmentedControl,
2093
2095
  SwitchV2,
2094
- Tabs,
2095
- UDSBreakpointsConfigProvider,
2096
- UDSConfigProvider
2096
+ Tabs
2097
2097
  };
2098
2098
 
2099
2099
  //#endregion