@yahoo/uds 3.133.3 → 3.134.0

package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs

@@ -11588,6 +11588,125 @@ const defaultUniversalTokensConfigAuto = {
 			} } }
 		}
 	},
+	modal: {
+		defaults: {
+			size: "default",
+			variant: "default"
+		},
+		variables: {
+			"size/default/actions": {
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "3",
+					valueType: "alias"
+				} },
+				spacingTop: { rest: {
+					type: "spacingAliases",
+					value: "8",
+					valueType: "alias"
+				} }
+			},
+			"size/default/closeIcon": { size: { rest: {
+				type: "iconSizes",
+				value: "md",
+				valueType: "alias"
+			} } },
+			"size/default/closeIconContainer": { spacing: { rest: {
+				type: "spacingAliases",
+				value: "2",
+				valueType: "alias"
+			} } },
+			"size/default/description": { textVariant: { rest: {
+				type: "textVariants",
+				value: "label2",
+				valueType: "alias"
+			} } },
+			"size/default/header": { spacingBottom: { rest: {
+				type: "spacingAliases",
+				value: "8",
+				valueType: "alias"
+			} } },
+			"size/default/root": {
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "lg",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "elevationAliases",
+					value: "elevation-5",
+					valueType: "alias"
+				} },
+				shadow: { rest: {
+					type: "elevationAliases",
+					value: "elevation-5",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "8",
+					valueType: "alias"
+				} }
+			},
+			"size/default/scrim": { spacing: { rest: {
+				type: "spacingAliases",
+				value: "8",
+				valueType: "alias"
+			} } },
+			"size/default/spacingHorizontal": { spacingHorizontal: { rest: {
+				type: "spacingAliases",
+				value: "8",
+				valueType: "alias"
+			} } },
+			"size/default/title": { textVariant: { rest: {
+				type: "textVariants",
+				value: "title2",
+				valueType: "alias"
+			} } },
+			"size/default/titleDescriptionWrapper": { gap: { rest: {
+				type: "spacingAliases",
+				value: "2",
+				valueType: "alias"
+			} } },
+			"variant/default/closeIcon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "primary",
+				valueType: "alias"
+			} } },
+			"variant/default/description": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "primary",
+				valueType: "alias"
+			} } },
+			"variant/default/root": {
+				backdropBlur: { rest: {
+					type: "positiveIntegers",
+					value: 0,
+					valueType: "alias"
+				} },
+				backgroundColor: { rest: {
+					type: "elevationAliases",
+					value: "elevation-5",
+					valueType: "alias"
+				} },
+				blurBackgroundColorFallback: { rest: {
+					type: "elevationAliases",
+					value: "elevation-5",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "elevationAliases",
+					value: "elevation-5",
+					valueType: "alias"
+				} }
+			},
+			"variant/default/title": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "primary",
+				valueType: "alias"
+			} } }
+		}
+	},
 	popover: {
 		defaults: {
 			size: "default",

package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts

@@ -1,5 +1,5 @@
 
-import { AvatarConfig, BadgeConfig, BannerConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, TabConfig, TabsConfig, ToastConfig, TooltipConfig } from "./generatedConfigs.cjs";
+import { AvatarConfig, BadgeConfig, BannerConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, ModalConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, TabConfig, TabsConfig, ToastConfig, TooltipConfig } from "./generatedConfigs.cjs";
 import { ComponentSchema } from "../utils/buildConfigSchema.cjs";
 
 //#region ../automated-config/dist/generated/universalTokensConfigAuto.d.ts
@@ -18,6 +18,7 @@ interface UniversalTokensConfigAuto {
   link: ComponentSchema<typeof LinkConfig>;
   menuContent: ComponentSchema<typeof MenuContentConfig>;
   menuItem: ComponentSchema<typeof MenuItemConfig>;
+  modal: ComponentSchema<typeof ModalConfig>;
   popover: ComponentSchema<typeof PopoverConfig>;
   radio: ComponentSchema<typeof RadioConfig>;
   scrim: ComponentSchema<typeof ScrimConfig>;

package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts

@@ -1,5 +1,5 @@
 
-import { AvatarConfig, BadgeConfig, BannerConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, TabConfig, TabsConfig, ToastConfig, TooltipConfig } from "./generatedConfigs.js";
+import { AvatarConfig, BadgeConfig, BannerConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, ModalConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, TabConfig, TabsConfig, ToastConfig, TooltipConfig } from "./generatedConfigs.js";
 import { ComponentSchema } from "../utils/buildConfigSchema.js";
 
 //#region ../automated-config/dist/generated/universalTokensConfigAuto.d.ts
@@ -18,6 +18,7 @@ interface UniversalTokensConfigAuto {
   link: ComponentSchema<typeof LinkConfig>;
   menuContent: ComponentSchema<typeof MenuContentConfig>;
   menuItem: ComponentSchema<typeof MenuItemConfig>;
+  modal: ComponentSchema<typeof ModalConfig>;
   popover: ComponentSchema<typeof PopoverConfig>;
   radio: ComponentSchema<typeof RadioConfig>;
   scrim: ComponentSchema<typeof ScrimConfig>;

package/dist/automated-config/dist/generated/universalTokensConfigAuto.js

@@ -11588,6 +11588,125 @@ const defaultUniversalTokensConfigAuto = {
 			} } }
 		}
 	},
+	modal: {
+		defaults: {
+			size: "default",
+			variant: "default"
+		},
+		variables: {
+			"size/default/actions": {
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "3",
+					valueType: "alias"
+				} },
+				spacingTop: { rest: {
+					type: "spacingAliases",
+					value: "8",
+					valueType: "alias"
+				} }
+			},
+			"size/default/closeIcon": { size: { rest: {
+				type: "iconSizes",
+				value: "md",
+				valueType: "alias"
+			} } },
+			"size/default/closeIconContainer": { spacing: { rest: {
+				type: "spacingAliases",
+				value: "2",
+				valueType: "alias"
+			} } },
+			"size/default/description": { textVariant: { rest: {
+				type: "textVariants",
+				value: "label2",
+				valueType: "alias"
+			} } },
+			"size/default/header": { spacingBottom: { rest: {
+				type: "spacingAliases",
+				value: "8",
+				valueType: "alias"
+			} } },
+			"size/default/root": {
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "lg",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "elevationAliases",
+					value: "elevation-5",
+					valueType: "alias"
+				} },
+				shadow: { rest: {
+					type: "elevationAliases",
+					value: "elevation-5",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "8",
+					valueType: "alias"
+				} }
+			},
+			"size/default/scrim": { spacing: { rest: {
+				type: "spacingAliases",
+				value: "8",
+				valueType: "alias"
+			} } },
+			"size/default/spacingHorizontal": { spacingHorizontal: { rest: {
+				type: "spacingAliases",
+				value: "8",
+				valueType: "alias"
+			} } },
+			"size/default/title": { textVariant: { rest: {
+				type: "textVariants",
+				value: "title2",
+				valueType: "alias"
+			} } },
+			"size/default/titleDescriptionWrapper": { gap: { rest: {
+				type: "spacingAliases",
+				value: "2",
+				valueType: "alias"
+			} } },
+			"variant/default/closeIcon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "primary",
+				valueType: "alias"
+			} } },
+			"variant/default/description": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "primary",
+				valueType: "alias"
+			} } },
+			"variant/default/root": {
+				backdropBlur: { rest: {
+					type: "positiveIntegers",
+					value: 0,
+					valueType: "alias"
+				} },
+				backgroundColor: { rest: {
+					type: "elevationAliases",
+					value: "elevation-5",
+					valueType: "alias"
+				} },
+				blurBackgroundColorFallback: { rest: {
+					type: "elevationAliases",
+					value: "elevation-5",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "elevationAliases",
+					value: "elevation-5",
+					valueType: "alias"
+				} }
+			},
+			"variant/default/title": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "primary",
+				valueType: "alias"
+			} } }
+		}
+	},
 	popover: {
 		defaults: {
 			size: "default",

package/dist/automated-config/dist/properties.cjs

@@ -245,6 +245,18 @@ const spacingVertical = {
 	twThemePath: (_, value) => `spacing[${value}]`,
 	possibleFixtures: ["spacingAliases"]
 };
+const spacingTop = {
+	name: "spacingTop",
+	cssProperties: "padding-top",
+	twThemePath: (_, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const spacingBottom = {
+	name: "spacingBottom",
+	cssProperties: "padding-bottom",
+	twThemePath: (_, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
 const horizontalMargin = {
 	name: "horizontalMargin",
 	cssProperties: ["margin-left", "margin-right"],
@@ -404,6 +416,8 @@ const publicProperties = {
 	bottomMargin,
 	spacingHorizontal,
 	spacingVertical,
+	spacingTop,
+	spacingBottom,
 	textVariant,
 	textDecorationLine,
 	shadow,
@@ -464,7 +478,7 @@ const publicProperties = {
 				const property = schema.variables[variablePath][propertyName].rest;
 				if (property.type === "elevationAliases") return `var(--uds-background-blur-radius-${property.value})`;
 			}
-			return `blur(${schemaValue.value}px)`;
+			return schemaValue.value === 0 ? "none" : `blur(${schemaValue.value}px)`;
 		}
 	},
 	blurBackgroundColor: {

package/dist/automated-config/dist/properties.d.cts

@@ -52,6 +52,8 @@ declare const publicProperties: {
   readonly bottomMargin: ConfigurableProperty<"spacingAliases", unknown>;
   readonly spacingHorizontal: ConfigurableProperty<"spacingAliases", unknown>;
   readonly spacingVertical: ConfigurableProperty<"spacingAliases", unknown>;
+  readonly spacingTop: ConfigurableProperty<"spacingAliases", unknown>;
+  readonly spacingBottom: ConfigurableProperty<"spacingAliases", unknown>;
   readonly textVariant: ConfigurableProperty<"textVariants", unknown>;
   readonly textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
   readonly shadow: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
@@ -101,6 +103,8 @@ declare const configurableProperties: {
   bottomMargin: ConfigurableProperty<"spacingAliases", unknown>;
   spacingHorizontal: ConfigurableProperty<"spacingAliases", unknown>;
   spacingVertical: ConfigurableProperty<"spacingAliases", unknown>;
+  spacingTop: ConfigurableProperty<"spacingAliases", unknown>;
+  spacingBottom: ConfigurableProperty<"spacingAliases", unknown>;
   textVariant: ConfigurableProperty<"textVariants", unknown>;
   textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
   shadow: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;

package/dist/automated-config/dist/properties.d.ts

@@ -52,6 +52,8 @@ declare const publicProperties: {
   readonly bottomMargin: ConfigurableProperty<"spacingAliases", unknown>;
   readonly spacingHorizontal: ConfigurableProperty<"spacingAliases", unknown>;
   readonly spacingVertical: ConfigurableProperty<"spacingAliases", unknown>;
+  readonly spacingTop: ConfigurableProperty<"spacingAliases", unknown>;
+  readonly spacingBottom: ConfigurableProperty<"spacingAliases", unknown>;
   readonly textVariant: ConfigurableProperty<"textVariants", unknown>;
   readonly textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
   readonly shadow: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
@@ -101,6 +103,8 @@ declare const configurableProperties: {
   bottomMargin: ConfigurableProperty<"spacingAliases", unknown>;
   spacingHorizontal: ConfigurableProperty<"spacingAliases", unknown>;
   spacingVertical: ConfigurableProperty<"spacingAliases", unknown>;
+  spacingTop: ConfigurableProperty<"spacingAliases", unknown>;
+  spacingBottom: ConfigurableProperty<"spacingAliases", unknown>;
   textVariant: ConfigurableProperty<"textVariants", unknown>;
   textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
   shadow: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;

package/dist/automated-config/dist/properties.js

@@ -245,6 +245,18 @@ const spacingVertical = {
 	twThemePath: (_, value) => `spacing[${value}]`,
 	possibleFixtures: ["spacingAliases"]
 };
+const spacingTop = {
+	name: "spacingTop",
+	cssProperties: "padding-top",
+	twThemePath: (_, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
+const spacingBottom = {
+	name: "spacingBottom",
+	cssProperties: "padding-bottom",
+	twThemePath: (_, value) => `spacing[${value}]`,
+	possibleFixtures: ["spacingAliases"]
+};
 const horizontalMargin = {
 	name: "horizontalMargin",
 	cssProperties: ["margin-left", "margin-right"],
@@ -404,6 +416,8 @@ const publicProperties = {
 	bottomMargin,
 	spacingHorizontal,
 	spacingVertical,
+	spacingTop,
+	spacingBottom,
 	textVariant,
 	textDecorationLine,
 	shadow,
@@ -464,7 +478,7 @@ const publicProperties = {
 				const property = schema.variables[variablePath][propertyName].rest;
 				if (property.type === "elevationAliases") return `var(--uds-background-blur-radius-${property.value})`;
 			}
-			return `blur(${schemaValue.value}px)`;
+			return schemaValue.value === 0 ? "none" : `blur(${schemaValue.value}px)`;
 		}
 	},
 	blurBackgroundColor: {

package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts

@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.cjs";
  * @returns A Record of layer names to their properties, or null if no properties are found
  */
 declare function getConfigVariantProperties(variant?: VariantConfig): {
-  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
-  root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
 } | null; //#endregion
 //#endregion
 export { getConfigVariantProperties };

package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts

@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.js";
  * @returns A Record of layer names to their properties, or null if no properties are found
  */
 declare function getConfigVariantProperties(variant?: VariantConfig): {
-  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
-  root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
 } | null; //#endregion
 //#endregion
 export { getConfigVariantProperties };

package/dist/cli/commands/sync.cjs

@@ -4,6 +4,7 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_defaultTokensConfig = require("../../defaultTokensConfig.cjs");
 const require_runtime_bottomSheetConfig = require("../../runtime/bottomSheetConfig.cjs");
 const require_runtime_breakpointsConfig = require("../../runtime/breakpointsConfig.cjs");
+const require_runtime_modalConfig = require("../../runtime/modalConfig.cjs");
 const require_runtime_popoverConfig = require("../../runtime/popoverConfig.cjs");
 const require_runtime_toastConfig = require("../../runtime/toastConfig.cjs");
 const require_runtime_tooltipConfig = require("../../runtime/tooltipConfig.cjs");
@@ -76,6 +77,7 @@ const syncCommand = {
 			const runtimeConfigs = {
 				bottomSheet: [require_runtime_bottomSheetConfig.configToBottomSheetConfigContext(sortedConfig), "UDSBottomSheetConfigContextType"],
 				breakpoints: [require_runtime_breakpointsConfig.configToBreakpointsConfigContext(sortedConfig), "UDSBreakpointsConfigContextType"],
+				modal: [require_runtime_modalConfig.configToModalConfigContext(sortedConfig), "UDSModalConfigContextType"],
 				popover: [require_runtime_popoverConfig.configToPopoverConfigContext(sortedConfig), "UDSPopoverConfigContextType"],
 				toast: [require_runtime_toastConfig.configToToastConfigContext(sortedConfig), "UDSToastConfigContextType"],
 				tooltip: [require_runtime_tooltipConfig.configToTooltipConfigContext(sortedConfig), "UDSTooltipConfigContextType"]
@@ -92,6 +94,7 @@ const syncCommand = {
 			exportsTS.push(`export const runtimeConfig: UDSConfigContextType = {
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
+  modal: modalRuntimeConfig,  
   popover: popoverRuntimeConfig,
   toast: toastRuntimeConfig,
   tooltip: tooltipRuntimeConfig,
@@ -99,6 +102,7 @@ const syncCommand = {
 			exportsJS.push(`export const runtimeConfig = {
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
+  modal: modalRuntimeConfig,  
   popover: popoverRuntimeConfig,
   toast: toastRuntimeConfig,
   tooltip: tooltipRuntimeConfig,

package/dist/cli/commands/sync.js

@@ -2,6 +2,7 @@
 import { defaultTokensConfig } from "../../defaultTokensConfig.js";
 import { configToBottomSheetConfigContext } from "../../runtime/bottomSheetConfig.js";
 import { configToBreakpointsConfigContext } from "../../runtime/breakpointsConfig.js";
+import { configToModalConfigContext } from "../../runtime/modalConfig.js";
 import { configToPopoverConfigContext } from "../../runtime/popoverConfig.js";
 import { configToToastConfigContext } from "../../runtime/toastConfig.js";
 import { configToTooltipConfigContext } from "../../runtime/tooltipConfig.js";
@@ -72,6 +73,7 @@ const syncCommand = {
 			const runtimeConfigs = {
 				bottomSheet: [configToBottomSheetConfigContext(sortedConfig), "UDSBottomSheetConfigContextType"],
 				breakpoints: [configToBreakpointsConfigContext(sortedConfig), "UDSBreakpointsConfigContextType"],
+				modal: [configToModalConfigContext(sortedConfig), "UDSModalConfigContextType"],
 				popover: [configToPopoverConfigContext(sortedConfig), "UDSPopoverConfigContextType"],
 				toast: [configToToastConfigContext(sortedConfig), "UDSToastConfigContextType"],
 				tooltip: [configToTooltipConfigContext(sortedConfig), "UDSTooltipConfigContextType"]
@@ -88,6 +90,7 @@ const syncCommand = {
 			exportsTS.push(`export const runtimeConfig: UDSConfigContextType = {
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
+  modal: modalRuntimeConfig,  
   popover: popoverRuntimeConfig,
   toast: toastRuntimeConfig,
   tooltip: tooltipRuntimeConfig,
@@ -95,6 +98,7 @@ const syncCommand = {
 			exportsJS.push(`export const runtimeConfig = {
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
+  modal: modalRuntimeConfig,  
   popover: popoverRuntimeConfig,
   toast: toastRuntimeConfig,
   tooltip: tooltipRuntimeConfig,