@yahoo/uds 3.133.3 → 3.134.0

package/dist/runtime/udsConfig.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime_bottomSheetConfig = require("./bottomSheetConfig.cjs");
 const require_runtime_breakpointsConfig = require("./breakpointsConfig.cjs");
+const require_runtime_modalConfig = require("./modalConfig.cjs");
 const require_runtime_popoverConfig = require("./popoverConfig.cjs");
 const require_runtime_toastConfig = require("./toastConfig.cjs");
 const require_runtime_tooltipConfig = require("./tooltipConfig.cjs");
@@ -10,9 +11,10 @@ const configToUDSConfigContext = (config) => {
 	return {
 		bottomSheet: require_runtime_bottomSheetConfig.configToBottomSheetConfigContext(config),
 		breakpoints: require_runtime_breakpointsConfig.configToBreakpointsConfigContext(config),
+		modal: require_runtime_modalConfig.configToModalConfigContext(config),
+		popover: require_runtime_popoverConfig.configToPopoverConfigContext(config),
 		toast: require_runtime_toastConfig.configToToastConfigContext(config),
-		tooltip: require_runtime_tooltipConfig.configToTooltipConfigContext(config),
-		popover: require_runtime_popoverConfig.configToPopoverConfigContext(config)
+		tooltip: require_runtime_tooltipConfig.configToTooltipConfigContext(config)
 	};
 };
 //#endregion

package/dist/runtime/udsConfig.d.cts

@@ -1,6 +1,7 @@
 
 import { UniversalTokensConfig } from "../config/dist/index.cjs";
 import { UDSBottomSheetConfigContextType } from "./bottomSheetConfig.cjs";
+import { UDSModalConfigContextType } from "./modalConfig.cjs";
 import { UDSPopoverConfigContextType } from "./popoverConfig.cjs";
 import { UDSBreakpointsConfigContextType } from "./breakpointsConfig.cjs";
 import { UDSToastConfigContextType } from "./toastConfig.cjs";
@@ -11,6 +12,7 @@ interface UDSConfigContextType {
   bottomSheet: UDSBottomSheetConfigContextType;
   breakpoints: UDSBreakpointsConfigContextType;
   toast: UDSToastConfigContextType;
+  modal: UDSModalConfigContextType;
   tooltip: UDSTooltipConfigContextType;
   popover: UDSPopoverConfigContextType;
 }

package/dist/runtime/udsConfig.d.ts

@@ -1,6 +1,7 @@
 
 import { UniversalTokensConfig } from "../config/dist/index.js";
 import { UDSBottomSheetConfigContextType } from "./bottomSheetConfig.js";
+import { UDSModalConfigContextType } from "./modalConfig.js";
 import { UDSPopoverConfigContextType } from "./popoverConfig.js";
 import { UDSBreakpointsConfigContextType } from "./breakpointsConfig.js";
 import { UDSToastConfigContextType } from "./toastConfig.js";
@@ -11,6 +12,7 @@ interface UDSConfigContextType {
   bottomSheet: UDSBottomSheetConfigContextType;
   breakpoints: UDSBreakpointsConfigContextType;
   toast: UDSToastConfigContextType;
+  modal: UDSModalConfigContextType;
   tooltip: UDSTooltipConfigContextType;
   popover: UDSPopoverConfigContextType;
 }

package/dist/runtime/udsConfig.js

@@ -1,6 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 import { configToBottomSheetConfigContext } from "./bottomSheetConfig.js";
 import { configToBreakpointsConfigContext } from "./breakpointsConfig.js";
+import { configToModalConfigContext } from "./modalConfig.js";
 import { configToPopoverConfigContext } from "./popoverConfig.js";
 import { configToToastConfigContext } from "./toastConfig.js";
 import { configToTooltipConfigContext } from "./tooltipConfig.js";
@@ -9,9 +10,10 @@ const configToUDSConfigContext = (config) => {
 	return {
 		bottomSheet: configToBottomSheetConfigContext(config),
 		breakpoints: configToBreakpointsConfigContext(config),
+		modal: configToModalConfigContext(config),
+		popover: configToPopoverConfigContext(config),
 		toast: configToToastConfigContext(config),
-		tooltip: configToTooltipConfigContext(config),
-		popover: configToPopoverConfigContext(config)
+		tooltip: configToTooltipConfigContext(config)
 	};
 };
 //#endregion

package/dist/styles/styler.d.cts

@@ -113,6 +113,20 @@ declare const getStylesInternal: (props?: ({
   menuitemSizeEndIcon?: "default" | undefined;
   menuitemSizeRoot?: "default" | undefined;
   menuitemSizeStartIcon?: "default" | undefined;
+  modalSizeActions?: "default" | undefined;
+  modalSizeCloseIcon?: "default" | undefined;
+  modalSizeCloseIconContainer?: "default" | undefined;
+  modalSizeDescription?: "default" | undefined;
+  modalSizeHeader?: "default" | undefined;
+  modalSizeRoot?: "default" | undefined;
+  modalSizeScrim?: "default" | undefined;
+  modalSizeSpacingHorizontal?: "default" | undefined;
+  modalSizeTitle?: "default" | undefined;
+  modalSizeTitleDescriptionWrapper?: "default" | undefined;
+  modalVariantCloseIcon?: "default" | undefined;
+  modalVariantDescription?: "default" | undefined;
+  modalVariantRoot?: "default" | undefined;
+  modalVariantTitle?: "default" | undefined;
   popoverSizeCloseIcon?: "default" | undefined;
   popoverSizeCloseIconContainer?: "default" | undefined;
   popoverSizeContentWrapper?: "default" | undefined;
@@ -157,10 +171,10 @@ declare const getStylesInternal: (props?: ({
   toastSizeIcon?: "default" | undefined;
   toastSizeLabel?: "default" | undefined;
   toastSizeRoot?: "default" | undefined;
-  toastVariantActionButton?: "loading" | "warning" | "info" | "default" | "success" | "error" | undefined;
-  toastVariantCloseIcon?: "loading" | "warning" | "info" | "default" | "success" | "error" | undefined;
-  toastVariantIcon?: "loading" | "warning" | "info" | "default" | "success" | "error" | undefined;
-  toastVariantRoot?: "loading" | "warning" | "info" | "default" | "success" | "error" | undefined;
+  toastVariantActionButton?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
+  toastVariantCloseIcon?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
+  toastVariantIcon?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
+  toastVariantRoot?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
   tooltipSizeBody?: "default" | undefined;
   tooltipSizeEndContent?: "default" | undefined;
   tooltipSizeIcon?: "default" | undefined;
@@ -207,39 +221,39 @@ declare const getStylesInternal: (props?: ({
   borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
   borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
   borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
-  borderWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  borderVerticalWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  borderHorizontalWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  borderStartWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  borderEndWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  borderTopWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  borderBottomWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
+  borderWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
+  borderVerticalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
+  borderHorizontalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
+  borderStartWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
+  borderEndWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
+  borderTopWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
+  borderBottomWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
   avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | undefined;
   iconSize?: "xs" | "sm" | "md" | "lg" | undefined;
-  alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
-  alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
-  alignSelf?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | "auto" | undefined;
-  flex?: "none" | "1" | "auto" | "initial" | undefined;
+  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+  alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
+  alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "auto" | undefined;
+  flex?: "1" | "none" | "auto" | "initial" | undefined;
   flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
   flexGrow?: "0" | "1" | "2" | "3" | undefined;
   flexShrink?: "0" | "1" | undefined;
   flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
-  justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
   flexBasis?: "min-content" | undefined;
-  display?: "flex" | "none" | "block" | "inline-block" | "inline" | "inline-flex" | "table" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "grid" | "contents" | undefined;
+  display?: "flex" | "table" | "none" | "block" | "inline-block" | "inline" | "inline-flex" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "grid" | "contents" | undefined;
   overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
   overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
   overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
   position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
-  contentFit?: "cover" | "contain" | "fill" | "none" | "scale-down" | undefined;
+  contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
   colorMode?: "light" | "dark" | undefined;
-  scaleMode?: "medium" | "small" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
+  scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
   width?: "full" | "fit" | "screen" | undefined;
   height?: "full" | "fit" | "screen" | undefined;
-  dropShadow?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  dropShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
   nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
-  nestedBorderRadiusWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
+  nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
   nestedBorderRadiusSpacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   nestedBorderRadius?: boolean | "first" | "last" | undefined;
 } & {

package/dist/styles/styler.d.ts

@@ -113,6 +113,20 @@ declare const getStylesInternal: (props?: ({
   menuitemSizeEndIcon?: "default" | undefined;
   menuitemSizeRoot?: "default" | undefined;
   menuitemSizeStartIcon?: "default" | undefined;
+  modalSizeActions?: "default" | undefined;
+  modalSizeCloseIcon?: "default" | undefined;
+  modalSizeCloseIconContainer?: "default" | undefined;
+  modalSizeDescription?: "default" | undefined;
+  modalSizeHeader?: "default" | undefined;
+  modalSizeRoot?: "default" | undefined;
+  modalSizeScrim?: "default" | undefined;
+  modalSizeSpacingHorizontal?: "default" | undefined;
+  modalSizeTitle?: "default" | undefined;
+  modalSizeTitleDescriptionWrapper?: "default" | undefined;
+  modalVariantCloseIcon?: "default" | undefined;
+  modalVariantDescription?: "default" | undefined;
+  modalVariantRoot?: "default" | undefined;
+  modalVariantTitle?: "default" | undefined;
   popoverSizeCloseIcon?: "default" | undefined;
   popoverSizeCloseIconContainer?: "default" | undefined;
   popoverSizeContentWrapper?: "default" | undefined;
@@ -157,10 +171,10 @@ declare const getStylesInternal: (props?: ({
   toastSizeIcon?: "default" | undefined;
   toastSizeLabel?: "default" | undefined;
   toastSizeRoot?: "default" | undefined;
-  toastVariantActionButton?: "loading" | "warning" | "info" | "default" | "success" | "error" | undefined;
-  toastVariantCloseIcon?: "loading" | "warning" | "info" | "default" | "success" | "error" | undefined;
-  toastVariantIcon?: "loading" | "warning" | "info" | "default" | "success" | "error" | undefined;
-  toastVariantRoot?: "loading" | "warning" | "info" | "default" | "success" | "error" | undefined;
+  toastVariantActionButton?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
+  toastVariantCloseIcon?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
+  toastVariantIcon?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
+  toastVariantRoot?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
   tooltipSizeBody?: "default" | undefined;
   tooltipSizeEndContent?: "default" | undefined;
   tooltipSizeIcon?: "default" | undefined;
@@ -207,39 +221,39 @@ declare const getStylesInternal: (props?: ({
   borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
   borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
   borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
-  borderWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  borderVerticalWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  borderHorizontalWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  borderStartWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  borderEndWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  borderTopWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
-  borderBottomWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
+  borderWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
+  borderVerticalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
+  borderHorizontalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
+  borderStartWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
+  borderEndWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
+  borderTopWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
+  borderBottomWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
   avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | undefined;
   iconSize?: "xs" | "sm" | "md" | "lg" | undefined;
-  alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
-  alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
-  alignSelf?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | "auto" | undefined;
-  flex?: "none" | "1" | "auto" | "initial" | undefined;
+  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+  alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
+  alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "auto" | undefined;
+  flex?: "1" | "none" | "auto" | "initial" | undefined;
   flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
   flexGrow?: "0" | "1" | "2" | "3" | undefined;
   flexShrink?: "0" | "1" | undefined;
   flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
-  justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
   flexBasis?: "min-content" | undefined;
-  display?: "flex" | "none" | "block" | "inline-block" | "inline" | "inline-flex" | "table" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "grid" | "contents" | undefined;
+  display?: "flex" | "table" | "none" | "block" | "inline-block" | "inline" | "inline-flex" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "grid" | "contents" | undefined;
   overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
   overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
   overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
   position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
-  contentFit?: "cover" | "contain" | "fill" | "none" | "scale-down" | undefined;
+  contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
   colorMode?: "light" | "dark" | undefined;
-  scaleMode?: "medium" | "small" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
+  scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
   width?: "full" | "fit" | "screen" | undefined;
   height?: "full" | "fit" | "screen" | undefined;
-  dropShadow?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  dropShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
   nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
-  nestedBorderRadiusWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
+  nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
   nestedBorderRadiusSpacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   nestedBorderRadius?: boolean | "first" | "last" | undefined;
 } & {

package/dist/styles/variants.d.cts

@@ -625,6 +625,48 @@ declare const variants: {
   menuitemSizeStartIcon: {
     readonly default: "uds-menuitem-size-default-starticon";
   };
+  modalSizeActions: {
+    readonly default: "uds-modal-size-default-actions";
+  };
+  modalSizeCloseIcon: {
+    readonly default: "uds-modal-size-default-closeicon";
+  };
+  modalSizeCloseIconContainer: {
+    readonly default: "uds-modal-size-default-closeiconcontainer";
+  };
+  modalSizeDescription: {
+    readonly default: "uds-modal-size-default-description";
+  };
+  modalSizeHeader: {
+    readonly default: "uds-modal-size-default-header";
+  };
+  modalSizeRoot: {
+    readonly default: "uds-modal-size-default-root";
+  };
+  modalSizeScrim: {
+    readonly default: "uds-modal-size-default-scrim";
+  };
+  modalSizeSpacingHorizontal: {
+    readonly default: "uds-modal-size-default-spacinghorizontal";
+  };
+  modalSizeTitle: {
+    readonly default: "uds-modal-size-default-title";
+  };
+  modalSizeTitleDescriptionWrapper: {
+    readonly default: "uds-modal-size-default-titledescriptionwrapper";
+  };
+  modalVariantCloseIcon: {
+    readonly default: "uds-modal-variant-default-closeicon";
+  };
+  modalVariantDescription: {
+    readonly default: "uds-modal-variant-default-description";
+  };
+  modalVariantRoot: {
+    readonly default: "uds-modal-variant-default-root";
+  };
+  modalVariantTitle: {
+    readonly default: "uds-modal-variant-default-title";
+  };
   popoverSizeCloseIcon: {
     readonly default: "uds-popover-size-default-closeicon";
   };

package/dist/styles/variants.d.ts

@@ -625,6 +625,48 @@ declare const variants: {
   menuitemSizeStartIcon: {
     readonly default: "uds-menuitem-size-default-starticon";
   };
+  modalSizeActions: {
+    readonly default: "uds-modal-size-default-actions";
+  };
+  modalSizeCloseIcon: {
+    readonly default: "uds-modal-size-default-closeicon";
+  };
+  modalSizeCloseIconContainer: {
+    readonly default: "uds-modal-size-default-closeiconcontainer";
+  };
+  modalSizeDescription: {
+    readonly default: "uds-modal-size-default-description";
+  };
+  modalSizeHeader: {
+    readonly default: "uds-modal-size-default-header";
+  };
+  modalSizeRoot: {
+    readonly default: "uds-modal-size-default-root";
+  };
+  modalSizeScrim: {
+    readonly default: "uds-modal-size-default-scrim";
+  };
+  modalSizeSpacingHorizontal: {
+    readonly default: "uds-modal-size-default-spacinghorizontal";
+  };
+  modalSizeTitle: {
+    readonly default: "uds-modal-size-default-title";
+  };
+  modalSizeTitleDescriptionWrapper: {
+    readonly default: "uds-modal-size-default-titledescriptionwrapper";
+  };
+  modalVariantCloseIcon: {
+    readonly default: "uds-modal-variant-default-closeicon";
+  };
+  modalVariantDescription: {
+    readonly default: "uds-modal-variant-default-description";
+  };
+  modalVariantRoot: {
+    readonly default: "uds-modal-variant-default-root";
+  };
+  modalVariantTitle: {
+    readonly default: "uds-modal-variant-default-title";
+  };
   popoverSizeCloseIcon: {
     readonly default: "uds-popover-size-default-closeicon";
   };

package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs

@@ -560,6 +560,20 @@ const autoVariants = {
 	menuitemSizeEndIcon: { default: "uds-menuitem-size-default-endicon" },
 	menuitemSizeRoot: { default: "uds-menuitem-size-default-root" },
 	menuitemSizeStartIcon: { default: "uds-menuitem-size-default-starticon" },
+	modalSizeActions: { default: "uds-modal-size-default-actions" },
+	modalSizeCloseIcon: { default: "uds-modal-size-default-closeicon" },
+	modalSizeCloseIconContainer: { default: "uds-modal-size-default-closeiconcontainer" },
+	modalSizeDescription: { default: "uds-modal-size-default-description" },
+	modalSizeHeader: { default: "uds-modal-size-default-header" },
+	modalSizeRoot: { default: "uds-modal-size-default-root" },
+	modalSizeScrim: { default: "uds-modal-size-default-scrim" },
+	modalSizeSpacingHorizontal: { default: "uds-modal-size-default-spacinghorizontal" },
+	modalSizeTitle: { default: "uds-modal-size-default-title" },
+	modalSizeTitleDescriptionWrapper: { default: "uds-modal-size-default-titledescriptionwrapper" },
+	modalVariantCloseIcon: { default: "uds-modal-variant-default-closeicon" },
+	modalVariantDescription: { default: "uds-modal-variant-default-description" },
+	modalVariantRoot: { default: "uds-modal-variant-default-root" },
+	modalVariantTitle: { default: "uds-modal-variant-default-title" },
 	popoverSizeCloseIcon: { default: "uds-popover-size-default-closeicon" },
 	popoverSizeCloseIconContainer: { default: "uds-popover-size-default-closeiconcontainer" },
 	popoverSizeContentWrapper: { default: "uds-popover-size-default-contentwrapper" },

package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js

@@ -560,6 +560,20 @@ const autoVariants = {
 	menuitemSizeEndIcon: { default: "uds-menuitem-size-default-endicon" },
 	menuitemSizeRoot: { default: "uds-menuitem-size-default-root" },
 	menuitemSizeStartIcon: { default: "uds-menuitem-size-default-starticon" },
+	modalSizeActions: { default: "uds-modal-size-default-actions" },
+	modalSizeCloseIcon: { default: "uds-modal-size-default-closeicon" },
+	modalSizeCloseIconContainer: { default: "uds-modal-size-default-closeiconcontainer" },
+	modalSizeDescription: { default: "uds-modal-size-default-description" },
+	modalSizeHeader: { default: "uds-modal-size-default-header" },
+	modalSizeRoot: { default: "uds-modal-size-default-root" },
+	modalSizeScrim: { default: "uds-modal-size-default-scrim" },
+	modalSizeSpacingHorizontal: { default: "uds-modal-size-default-spacinghorizontal" },
+	modalSizeTitle: { default: "uds-modal-size-default-title" },
+	modalSizeTitleDescriptionWrapper: { default: "uds-modal-size-default-titledescriptionwrapper" },
+	modalVariantCloseIcon: { default: "uds-modal-variant-default-closeicon" },
+	modalVariantDescription: { default: "uds-modal-variant-default-description" },
+	modalVariantRoot: { default: "uds-modal-variant-default-root" },
+	modalVariantTitle: { default: "uds-modal-variant-default-title" },
 	popoverSizeCloseIcon: { default: "uds-popover-size-default-closeicon" },
 	popoverSizeCloseIconContainer: { default: "uds-popover-size-default-closeiconcontainer" },
 	popoverSizeContentWrapper: { default: "uds-popover-size-default-contentwrapper" },