@yahoo/uds 3.133.2 → 3.134.0

package/dist/uds/generated/componentData.js

@@ -890,65 +890,6 @@ var AvoidMotionLibraryProvider = {
 	"runtimeConfigInternalComponentProps": {},
 	"motionVarPrefixes": []
 };
-var Modal = {
-	"name": "Modal",
-	"defaultProps": {},
-	"getStylesLiterals": {},
-	"cxLiterals": [
-		"inset-8",
-		"top-[250px]",
-		"z-50",
-		"mx-auto",
-		"h-fit",
-		"w-[600px]",
-		"origin-center",
-		"scale-95",
-		"opacity-0",
-		"transition",
-		"duration-150",
-		"data-[enter]:scale-100",
-		"data-[enter]:opacity-100",
-		"data-[enter]:bg-primary",
-		"backdrop-blur-0",
-		"data-[enter]:opacity-60",
-		"data-[enter]:backdrop-blur-sm"
-	],
-	"internalComponents": [
-		"IconButton",
-		"Dialog",
-		"HStack",
-		"Text",
-		"VStack"
-	],
-	"internalComponentProps": {
-		"IconButton": {
-			"aria-label": ["Close"],
-			"size": ["sm"],
-			"variant": ["tertiary"]
-		},
-		"HStack": {
-			"alignItems": ["center"],
-			"justifyContent": ["space-between"]
-		},
-		"Text": {
-			"variant": ["headline1"],
-			"color": ["primary"]
-		},
-		"VStack": {
-			"borderRadius": ["md"],
-			"position": ["fixed"],
-			"backgroundColor": ["primary"],
-			"dropShadow": ["md"],
-			"spacing": ["8"],
-			"overflow": ["hidden"]
-		}
-	},
-	"propToVariantKeys": { "handleClose": ["onClick"] },
-	"runtimeConfigDefaultProps": {},
-	"runtimeConfigGetStyles": {},
-	"runtimeConfigInternalComponentProps": {},
-	"motionVarPrefixes": []
-};
 var SegmentedControl = {
 	"name": "SegmentedControl",
 	"defaultProps": { "textVariant": "label2" },
@@ -1656,132 +1597,6 @@ var InputHelpTextInternal = {
 	"runtimeConfigInternalComponentProps": {},
 	"motionVarPrefixes": []
 };
-var Popover = {
-	"name": "Popover",
-	"defaultProps": {},
-	"getStylesLiterals": {},
-	"cxLiterals": [],
-	"internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
-	"internalComponentProps": {},
-	"propToVariantKeys": {},
-	"runtimeConfigDefaultProps": {
-		"size": "popover.defaultSize",
-		"variant": "popover.defaultVariant"
-	},
-	"runtimeConfigGetStyles": {},
-	"runtimeConfigInternalComponentProps": {},
-	"motionVarPrefixes": []
-};
-var PopoverContent = {
-	"name": "PopoverContent",
-	"defaultProps": {},
-	"getStylesLiterals": {
-		"popoverSizeRoot": "default",
-		"popoverVariantRoot": "default",
-		"display": "flex",
-		"position": "relative",
-		"display:1": "block",
-		"spacingTop": "0",
-		"spacingStart": "0",
-		"spacingBottom": "0",
-		"spacingEnd": "0",
-		"popoverSizeSvgBase": "default",
-		"popoverVariantSvgBase": "default",
-		"popoverSizeSvgBorder": "default",
-		"popoverVariantSvgBorder": "default",
-		"popoverVariantBlur": "default",
-		"position:1": "absolute",
-		"width": "full",
-		"height": "full",
-		"flexShrink": "0",
-		"borderRadius": "full",
-		"alignItems": "center",
-		"justifyContent": "center",
-		"popoverVariantCloseIcon": "default",
-		"popoverSizeCloseIcon": "default"
-	},
-	"cxLiterals": [
-		"z-[9999]",
-		"outline-none",
-		"focus-visible:outline-none",
-		"uds-bgBlurFillFallback",
-		"uds-bgBlurFallback",
-		"top-0",
-		"left-0",
-		"z-[1]",
-		"duration-0",
-		"duration-120",
-		"transition-[background-color]",
-		"bg-carbon-15/0",
-		"hover:bg-carbon-15/10",
-		"active:bg-carbon-15/15",
-		"uds-ring",
-		"absolute",
-		"z-[4]"
-	],
-	"internalComponents": [
-		"PopoverDismiss",
-		"IconSlot",
-		"PopoverArrow",
-		"Popover",
-		"SvgFloatingOverlay",
-		"Box",
-		"Pressable"
-	],
-	"internalComponentProps": {},
-	"propToVariantKeys": { "closeIcon": ["icon"] },
-	"runtimeConfigDefaultProps": {
-		"size": "popover.defaultSize",
-		"variant": "popover.defaultVariant"
-	},
-	"runtimeConfigGetStyles": {
-		"spacingTop": ["popover.spacingVertical.${size}"],
-		"spacingStart": ["popover.spacingHorizontal.${size}"],
-		"spacingBottom": ["popover.spacingVertical.${size}"],
-		"spacingEnd": ["popover.spacingHorizontal.${size}"]
-	},
-	"runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
-	"motionVarPrefixes": []
-};
-var PopoverContext = {
-	"name": "PopoverContext",
-	"defaultProps": {},
-	"getStylesLiterals": {},
-	"cxLiterals": [],
-	"internalComponents": [],
-	"internalComponentProps": {},
-	"propToVariantKeys": {},
-	"runtimeConfigDefaultProps": {},
-	"runtimeConfigGetStyles": {},
-	"runtimeConfigInternalComponentProps": {},
-	"motionVarPrefixes": []
-};
-var PopoverTrigger = {
-	"name": "PopoverTrigger",
-	"defaultProps": {},
-	"getStylesLiterals": {},
-	"cxLiterals": [],
-	"internalComponents": ["PopoverDisclosure"],
-	"internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
-	"propToVariantKeys": { "children": ["render"] },
-	"runtimeConfigDefaultProps": {},
-	"runtimeConfigGetStyles": {},
-	"runtimeConfigInternalComponentProps": {},
-	"motionVarPrefixes": []
-};
-var UDSPopoverConfigProvider = {
-	"name": "UDSPopoverConfigProvider",
-	"defaultProps": {},
-	"getStylesLiterals": {},
-	"cxLiterals": [],
-	"internalComponents": ["PopoverContext.Provider"],
-	"internalComponentProps": {},
-	"propToVariantKeys": {},
-	"runtimeConfigDefaultProps": {},
-	"runtimeConfigGetStyles": {},
-	"runtimeConfigInternalComponentProps": {},
-	"motionVarPrefixes": []
-};
 var Menu_Content = {
 	"name": "Menu.Content",
 	"defaultProps": {
@@ -2000,6 +1815,339 @@ var Menu = {
 	"runtimeConfigInternalComponentProps": {},
 	"motionVarPrefixes": []
 };
+var Modal = {
+	"name": "Modal",
+	"defaultProps": {
+		"closeAriaLabel": "Close",
+		"maxWidth": "auto",
+		"maxHeight": "auto",
+		"scrollBehavior": "outside"
+	},
+	"getStylesLiterals": {
+		"flexDirection": "row-reverse",
+		"justifyContent": "space-between",
+		"alignItems": "flex-end",
+		"alignItems:1": "flex-start",
+		"borderRadius": "full"
+	},
+	"cxLiterals": [
+		"fixed",
+		"inset-0",
+		"z-40",
+		"overflow-y-auto",
+		"overflow-hidden",
+		"transition-[opacity,visibility]",
+		"visible",
+		"opacity-100",
+		"invisible",
+		"opacity-0",
+		"pointer-events-none",
+		"uds-bgBlurFallback",
+		"w-full",
+		"w-fit",
+		"h-full",
+		"h-fit",
+		"m-auto",
+		"pointer-events-auto",
+		"inside",
+		"max-h-full",
+		"transition-transform",
+		"duration-0",
+		"duration-120",
+		"transition-[background-color]",
+		"bg-carbon-15/0",
+		"hover:bg-carbon-15/10",
+		"active:bg-carbon-15/15",
+		"uds-ring",
+		"[translate:50%_-50%]"
+	],
+	"internalComponents": [
+		"Scrim",
+		"VStack",
+		"Pressable",
+		"IconSlot",
+		"Box",
+		"Dialog",
+		"ModalContext.Provider",
+		"HStack",
+		"DialogDismiss",
+		"ModalTitle",
+		"ModalDescription",
+		"ModalContent",
+		"ModalActions"
+	],
+	"internalComponentProps": { "Box": { "flexGrow": ["1"] } },
+	"propToVariantKeys": {
+		"gutter": ["spacing"],
+		"size": [
+			"modalSizeRoot",
+			"modalSizeSpacingHorizontal",
+			"modalSizeHeader",
+			"modalSizeTitleDescriptionWrapper",
+			"modalSizeCloseIconContainer",
+			"modalSizeCloseIcon"
+		],
+		"variant": ["modalVariantRoot", "modalVariantCloseIcon"],
+		"closeAriaLabel": ["aria-label"],
+		"closeIcon": ["icon"]
+	},
+	"runtimeConfigDefaultProps": {
+		"size": "modal.defaultSize",
+		"variant": "modal.defaultVariant"
+	},
+	"runtimeConfigGetStyles": {
+		"spacing": ["modal.gutter.${size}"],
+		"modalSizeRoot": ["modal.defaultSize"],
+		"modalVariantRoot": ["modal.defaultVariant"],
+		"modalSizeSpacingHorizontal": ["modal.defaultSize"],
+		"modalSizeHeader": ["modal.defaultSize"],
+		"modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
+		"modalSizeCloseIconContainer": ["modal.defaultSize"],
+		"modalSizeCloseIcon": ["modal.defaultSize"],
+		"modalVariantCloseIcon": ["modal.defaultVariant"]
+	},
+	"runtimeConfigInternalComponentProps": {},
+	"motionVarPrefixes": []
+};
+var ModalActions = {
+	"name": "ModalActions",
+	"defaultProps": {},
+	"getStylesLiterals": {
+		"flexDirection": "row-reverse",
+		"justifyContent": "space-between",
+		"alignItems": "center"
+	},
+	"cxLiterals": ["gap-[inherit]"],
+	"internalComponents": ["HStack"],
+	"internalComponentProps": {},
+	"propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
+	"runtimeConfigDefaultProps": {
+		"size": "modal.defaultSize",
+		"variant": "modal.defaultVariant"
+	},
+	"runtimeConfigGetStyles": {
+		"modalSizeSpacingHorizontal": ["modal.defaultSize"],
+		"modalSizeActions": ["modal.defaultSize"]
+	},
+	"runtimeConfigInternalComponentProps": {},
+	"motionVarPrefixes": []
+};
+var ModalContent = {
+	"name": "ModalContent",
+	"defaultProps": {},
+	"getStylesLiterals": {
+		"overflowY": "auto",
+		"display": "block",
+		"flexGrow": "1"
+	},
+	"cxLiterals": [],
+	"internalComponents": ["Box"],
+	"internalComponentProps": {},
+	"propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
+	"runtimeConfigDefaultProps": {
+		"size": "modal.defaultSize",
+		"variant": "modal.defaultVariant"
+	},
+	"runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
+	"runtimeConfigInternalComponentProps": {},
+	"motionVarPrefixes": []
+};
+var ModalContext = {
+	"name": "ModalContext",
+	"defaultProps": {},
+	"getStylesLiterals": {},
+	"cxLiterals": [],
+	"internalComponents": [],
+	"internalComponentProps": {},
+	"propToVariantKeys": {},
+	"runtimeConfigDefaultProps": {},
+	"runtimeConfigGetStyles": {},
+	"runtimeConfigInternalComponentProps": {},
+	"motionVarPrefixes": []
+};
+var ModalDescription = {
+	"name": "ModalDescription",
+	"defaultProps": {},
+	"getStylesLiterals": {},
+	"cxLiterals": [],
+	"internalComponents": ["Text", "DialogDescription"],
+	"internalComponentProps": { "Text": { "as": ["span"] } },
+	"propToVariantKeys": {
+		"size": ["modalSizeDescription"],
+		"variant": ["modalVariantDescription"]
+	},
+	"runtimeConfigDefaultProps": {
+		"size": "modal.defaultSize",
+		"variant": "modal.defaultVariant"
+	},
+	"runtimeConfigGetStyles": {
+		"modalSizeDescription": ["modal.defaultSize"],
+		"modalVariantDescription": ["modal.defaultVariant"]
+	},
+	"runtimeConfigInternalComponentProps": {},
+	"motionVarPrefixes": []
+};
+var ModalTitle = {
+	"name": "ModalTitle",
+	"defaultProps": {},
+	"getStylesLiterals": {},
+	"cxLiterals": [],
+	"internalComponents": ["Text", "DialogHeading"],
+	"internalComponentProps": { "Text": { "as": ["span"] } },
+	"propToVariantKeys": {
+		"size": ["modalSizeTitle"],
+		"variant": ["modalVariantTitle"]
+	},
+	"runtimeConfigDefaultProps": {
+		"size": "modal.defaultSize",
+		"variant": "modal.defaultVariant"
+	},
+	"runtimeConfigGetStyles": {
+		"modalSizeTitle": ["modal.defaultSize"],
+		"modalVariantTitle": ["modal.defaultVariant"]
+	},
+	"runtimeConfigInternalComponentProps": {},
+	"motionVarPrefixes": []
+};
+var UDSModalConfigProvider = {
+	"name": "UDSModalConfigProvider",
+	"defaultProps": {},
+	"getStylesLiterals": {},
+	"cxLiterals": [],
+	"internalComponents": ["ModalContext.Provider"],
+	"internalComponentProps": {},
+	"propToVariantKeys": {},
+	"runtimeConfigDefaultProps": {},
+	"runtimeConfigGetStyles": {},
+	"runtimeConfigInternalComponentProps": {},
+	"motionVarPrefixes": []
+};
+var Popover = {
+	"name": "Popover",
+	"defaultProps": {},
+	"getStylesLiterals": {},
+	"cxLiterals": [],
+	"internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
+	"internalComponentProps": {},
+	"propToVariantKeys": {},
+	"runtimeConfigDefaultProps": {
+		"size": "popover.defaultSize",
+		"variant": "popover.defaultVariant"
+	},
+	"runtimeConfigGetStyles": {},
+	"runtimeConfigInternalComponentProps": {},
+	"motionVarPrefixes": []
+};
+var PopoverContent = {
+	"name": "PopoverContent",
+	"defaultProps": {},
+	"getStylesLiterals": {
+		"popoverSizeRoot": "default",
+		"popoverVariantRoot": "default",
+		"display": "flex",
+		"position": "relative",
+		"display:1": "block",
+		"spacingTop": "0",
+		"spacingStart": "0",
+		"spacingBottom": "0",
+		"spacingEnd": "0",
+		"popoverSizeSvgBase": "default",
+		"popoverVariantSvgBase": "default",
+		"popoverSizeSvgBorder": "default",
+		"popoverVariantSvgBorder": "default",
+		"popoverVariantBlur": "default",
+		"position:1": "absolute",
+		"width": "full",
+		"height": "full",
+		"flexShrink": "0",
+		"borderRadius": "full",
+		"alignItems": "center",
+		"justifyContent": "center",
+		"popoverVariantCloseIcon": "default",
+		"popoverSizeCloseIcon": "default"
+	},
+	"cxLiterals": [
+		"z-[9999]",
+		"outline-none",
+		"focus-visible:outline-none",
+		"uds-bgBlurFillFallback",
+		"uds-bgBlurFallback",
+		"top-0",
+		"left-0",
+		"z-[1]",
+		"duration-0",
+		"duration-120",
+		"transition-[background-color]",
+		"bg-carbon-15/0",
+		"hover:bg-carbon-15/10",
+		"active:bg-carbon-15/15",
+		"uds-ring",
+		"absolute",
+		"z-[4]"
+	],
+	"internalComponents": [
+		"PopoverDismiss",
+		"IconSlot",
+		"PopoverArrow",
+		"Popover",
+		"SvgFloatingOverlay",
+		"Box",
+		"Pressable"
+	],
+	"internalComponentProps": {},
+	"propToVariantKeys": { "closeIcon": ["icon"] },
+	"runtimeConfigDefaultProps": {
+		"size": "popover.defaultSize",
+		"variant": "popover.defaultVariant"
+	},
+	"runtimeConfigGetStyles": {
+		"spacingTop": ["popover.spacingVertical.${size}"],
+		"spacingStart": ["popover.spacingHorizontal.${size}"],
+		"spacingBottom": ["popover.spacingVertical.${size}"],
+		"spacingEnd": ["popover.spacingHorizontal.${size}"]
+	},
+	"runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
+	"motionVarPrefixes": []
+};
+var PopoverContext = {
+	"name": "PopoverContext",
+	"defaultProps": {},
+	"getStylesLiterals": {},
+	"cxLiterals": [],
+	"internalComponents": [],
+	"internalComponentProps": {},
+	"propToVariantKeys": {},
+	"runtimeConfigDefaultProps": {},
+	"runtimeConfigGetStyles": {},
+	"runtimeConfigInternalComponentProps": {},
+	"motionVarPrefixes": []
+};
+var PopoverTrigger = {
+	"name": "PopoverTrigger",
+	"defaultProps": {},
+	"getStylesLiterals": {},
+	"cxLiterals": [],
+	"internalComponents": ["PopoverDisclosure"],
+	"internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
+	"propToVariantKeys": { "children": ["render"] },
+	"runtimeConfigDefaultProps": {},
+	"runtimeConfigGetStyles": {},
+	"runtimeConfigInternalComponentProps": {},
+	"motionVarPrefixes": []
+};
+var UDSPopoverConfigProvider = {
+	"name": "UDSPopoverConfigProvider",
+	"defaultProps": {},
+	"getStylesLiterals": {},
+	"cxLiterals": [],
+	"internalComponents": ["PopoverContext.Provider"],
+	"internalComponentProps": {},
+	"propToVariantKeys": {},
+	"runtimeConfigDefaultProps": {},
+	"runtimeConfigGetStyles": {},
+	"runtimeConfigInternalComponentProps": {},
+	"motionVarPrefixes": []
+};
 var Radio = {
 	"name": "Radio",
 	"defaultProps": {
@@ -2487,7 +2635,8 @@ var UDSConfigProvider = {
 		"UDSBottomSheetConfigProvider",
 		"UDSToastConfigProvider",
 		"UDSTooltipConfigProvider",
-		"UDSPopoverConfigProvider"
+		"UDSPopoverConfigProvider",
+		"UDSModalConfigProvider"
 	],
 	"internalComponentProps": {},
 	"propToVariantKeys": {},
@@ -2528,7 +2677,6 @@ var componentData_default = {
 	Switch,
 	Accordion,
 	AvoidMotionLibraryProvider,
-	Modal,
 	SegmentedControl,
 	SwitchV2,
 	Avatar,
@@ -2553,11 +2701,6 @@ var componentData_default = {
 	Input,
 	InputHelpText,
 	InputHelpTextInternal,
-	Popover,
-	PopoverContent,
-	PopoverContext,
-	PopoverTrigger,
-	UDSPopoverConfigProvider,
 	"Menu.Content": Menu_Content,
 	"Menu.Divider": Menu_Divider,
 	"Menu.Item": Menu_Item,
@@ -2567,6 +2710,18 @@ var componentData_default = {
 	"Menu.Trigger": Menu_Trigger,
 	"Menu.index": Menu_index,
 	Menu,
+	Modal,
+	ModalActions,
+	ModalContent,
+	ModalContext,
+	ModalDescription,
+	ModalTitle,
+	UDSModalConfigProvider,
+	Popover,
+	PopoverContent,
+	PopoverContext,
+	PopoverTrigger,
+	UDSPopoverConfigProvider,
 	Radio,
 	RadioGroupProvider,
 	RadioGroupStore,
@@ -2586,4 +2741,4 @@ var componentData_default = {
 	UDSConfigProvider
 };
 //#endregion
-export { Accordion, AnimateHeightChange, Avatar, AvatarIcon, AvatarImage, AvatarText, AvoidMotionLibraryProvider, Badge, Banner, BannerContent, BannerDescription, BannerTitle, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHandle, BottomSheetHeader, BottomSheetInternalContext, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipBase, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerCore, DividerInternal, FormLabel, HStack, Icon, IconButton, IconSlot, Image, Input, InputHelpText, InputHelpTextInternal, Link, Menu, Menu_Content as "Menu.Content", Menu_Divider as "Menu.Divider", Menu_Item as "Menu.Item", Menu_ItemBase as "Menu.ItemBase", Menu_ItemCheckbox as "Menu.ItemCheckbox", Menu_Provider as "Menu.Provider", Menu_Trigger as "Menu.Trigger", Menu_index as "Menu.index", Modal, Popover, PopoverContent, PopoverContext, PopoverTrigger, Pressable, Radio, RadioGroupProvider, RadioGroupStore, Scrim, SegmentedControl, Spinner, SpringMotionConfig, SvgFloatingOverlay, Switch, SwitchV2, Tab, TabList, TabPanel, Table, Table_mocks as "Table.mocks", Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, componentData_default as default };
+export { Accordion, AnimateHeightChange, Avatar, AvatarIcon, AvatarImage, AvatarText, AvoidMotionLibraryProvider, Badge, Banner, BannerContent, BannerDescription, BannerTitle, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHandle, BottomSheetHeader, BottomSheetInternalContext, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipBase, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerCore, DividerInternal, FormLabel, HStack, Icon, IconButton, IconSlot, Image, Input, InputHelpText, InputHelpTextInternal, Link, Menu, Menu_Content as "Menu.Content", Menu_Divider as "Menu.Divider", Menu_Item as "Menu.Item", Menu_ItemBase as "Menu.ItemBase", Menu_ItemCheckbox as "Menu.ItemCheckbox", Menu_Provider as "Menu.Provider", Menu_Trigger as "Menu.Trigger", Menu_index as "Menu.index", Modal, ModalActions, ModalContent, ModalContext, ModalDescription, ModalTitle, Popover, PopoverContent, PopoverContext, PopoverTrigger, Pressable, Radio, RadioGroupProvider, RadioGroupStore, Scrim, SegmentedControl, Spinner, SpringMotionConfig, SvgFloatingOverlay, Switch, SwitchV2, Tab, TabList, TabPanel, Table, Table_mocks as "Table.mocks", Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSModalConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, componentData_default as default };