@yahoo/uds 3.133.2 → 3.134.0

package/generated/componentData.json

@@ -1265,95 +1265,6 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "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": []
-  },
   "SegmentedControl": {
     "name": "SegmentedControl",
     "defaultProps": {
@@ -2357,167 +2268,6 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Popover": {
-    "name": "Popover",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "PopoverInternalContext.Provider",
-      "PopoverProvider"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {
-      "size": "popover.defaultSize",
-      "variant": "popover.defaultVariant"
-    },
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "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": []
-  },
-  "PopoverContext": {
-    "name": "PopoverContext",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "PopoverTrigger": {
-    "name": "PopoverTrigger",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "PopoverDisclosure"
-    ],
-    "internalComponentProps": {
-      "PopoverDisclosure": {
-        "className": [
-          "inline"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "children": [
-        "render"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "UDSPopoverConfigProvider": {
-    "name": "UDSPopoverConfigProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "PopoverContext.Provider"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
   "Menu.Content": {
     "name": "Menu.Content",
     "defaultProps": {
@@ -2789,6 +2539,466 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
+  "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": []
+  },
+  "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": []
+  },
+  "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": []
+  },
+  "ModalContext": {
+    "name": "ModalContext",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "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": []
+  },
+  "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": []
+  },
+  "UDSModalConfigProvider": {
+    "name": "UDSModalConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "ModalContext.Provider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Popover": {
+    "name": "Popover",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "PopoverInternalContext.Provider",
+      "PopoverProvider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {
+      "size": "popover.defaultSize",
+      "variant": "popover.defaultVariant"
+    },
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "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": []
+  },
+  "PopoverContext": {
+    "name": "PopoverContext",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "PopoverTrigger": {
+    "name": "PopoverTrigger",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "PopoverDisclosure"
+    ],
+    "internalComponentProps": {
+      "PopoverDisclosure": {
+        "className": [
+          "inline"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "children": [
+        "render"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "UDSPopoverConfigProvider": {
+    "name": "UDSPopoverConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "PopoverContext.Provider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
   "Radio": {
     "name": "Radio",
     "defaultProps": {
@@ -3467,7 +3677,8 @@
       "UDSBottomSheetConfigProvider",
       "UDSToastConfigProvider",
       "UDSTooltipConfigProvider",
-      "UDSPopoverConfigProvider"
+      "UDSPopoverConfigProvider",
+      "UDSModalConfigProvider"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {},