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