@yahoo/uds-mobile 1.6.5 → 1.8.0

package/dist/bin/generateTheme.mjs

@@ -10,9 +10,16 @@ import { fontAliasToPostscript } from "@yahoo/uds-mobile/fonts";
 /**
 * Generate Unistyles theme from UDS tokens.
 *
-* Takes UniversalTokensConfig and generates theme objects for React Native Unistyles.
+* Takes UniversalTokensConfigGeneric and generates theme objects for React Native Unistyles.
 */
 /**
+* Extracts a space-separated "R G B" string from a SpectrumValueEntry.
+*/
+function extractRgb(value) {
+	if (value?.rgb && typeof value.rgb === "object") return `${value.rgb.r} ${value.rgb.g} ${value.rgb.b}`;
+	return "0 0 0";
+}
+/**
 * Converts an array of BoxShadowValue objects to a CSS box-shadow string.
 * React Native's new architecture supports the CSS string syntax for boxShadow.
 *
@@ -72,11 +79,63 @@ function rgbStringToRgb(rgbString) {
 	return `rgb(${parts.join(", ")})`;
 }
 /**
-* Generates elevation colors from config.
+* Generates elevation border colors (for line palette) from config.
+* Resolves the borderColor from each elevation preset to an RGB value.
+*/
+function generateElevationBorderColors(config, colorMode) {
+	const result = {};
+	const palette = config.colorMode[colorMode].palette;
+	const spectrum = config.colorMode[colorMode].spectrum;
+	for (const level of Object.keys(config.elevation)) {
+		const borderColorDef = config.elevation[level][colorMode].borderColor;
+		let color = "transparent";
+		if (borderColorDef.type === "line") {
+			const colorDef = palette.line?.[borderColorDef.value];
+			if (colorDef) {
+				const rgbValue = spectrum[colorDef.hue]?.[colorDef.step];
+				if (rgbValue) {
+					const parts = extractRgb(rgbValue).trim().split(/\s+/);
+					color = colorDef.opacity !== void 0 ? `rgba(${parts.join(", ")}, ${parseInt(colorDef.opacity, 10) / 100})` : `rgb(${parts.join(", ")})`;
+				}
+			}
+		} else if (borderColorDef.type === "always") color = newAlwaysPalette[borderColorDef.value] ?? "transparent";
+		else if (borderColorDef.type === "spectrum") {
+			const spectrumValue = borderColorDef.value;
+			const rgbValue = spectrum[spectrumValue.hue]?.[spectrumValue.step];
+			if (rgbValue) color = `rgb(${extractRgb(rgbValue).trim().split(/\s+/).join(", ")})`;
+		}
+		result[`elevation-${level}`] = color;
+	}
+	return result;
+}
+/**
+* Generates elevation background colors from config.
+* Resolves backgroundFill from elevation preset through the background palette.
 */
-function generateElevationColors(elevation) {
+function generateElevationBackgroundColors(config, colorMode) {
 	const result = {};
-	for (const level of Object.keys(elevation)) result[`elevation-${level}`] = "transparent";
+	const palette = config.colorMode[colorMode].palette;
+	const spectrum = config.colorMode[colorMode].spectrum;
+	for (const level of Object.keys(config.elevation)) {
+		const backgroundFill = config.elevation[level][colorMode].backgroundFill;
+		let color = "transparent";
+		if (backgroundFill.type === "background") {
+			const colorDef = palette.background?.[backgroundFill.value];
+			if (colorDef) {
+				const rgbValue = spectrum[colorDef.hue]?.[colorDef.step];
+				if (rgbValue) {
+					const parts = extractRgb(rgbValue).trim().split(/\s+/);
+					color = colorDef.opacity !== void 0 ? `rgba(${parts.join(", ")}, ${parseInt(colorDef.opacity, 10) / 100})` : `rgb(${parts.join(", ")})`;
+				}
+			}
+		} else if (backgroundFill.type === "always") color = newAlwaysPalette[backgroundFill.value] ?? "transparent";
+		else if (backgroundFill.type === "spectrum") {
+			const spectrumValue = backgroundFill.value;
+			const rgbValue = spectrum[spectrumValue.hue]?.[spectrumValue.step];
+			if (rgbValue) color = `rgb(${extractRgb(rgbValue).trim().split(/\s+/).join(", ")})`;
+		}
+		result[`elevation-${level}`] = color;
+	}
 	return result;
 }
 /**
@@ -104,8 +163,8 @@ function resolveShadowColor(colorConfig, opacity, spectrum, palette) {
 	if (colorConfig.type === "palette") {
 		const colorDef = palette[colorConfig.value];
 		if (colorDef) {
-			const rgbValue = spectrum[colorDef.hue]?.[colorDef.step];
-			if (rgbValue) return `rgba(${rgbValue.trim().split(/\s+/).join(", ")}, ${opacityValue})`;
+			const spectrumEntry = spectrum[colorDef.hue]?.[colorDef.step];
+			if (spectrumEntry) return `rgba(${extractRgb(spectrumEntry).trim().split(/\s+/).join(", ")}, ${opacityValue})`;
 		}
 	}
 	return `rgba(0, 0, 0, ${opacityValue})`;
@@ -125,14 +184,15 @@ function convertShadowToBoxShadow(presets, spectrum, palette, inset = false) {
 }
 function generateSpectrum(spectrum) {
 	const result = {};
-	for (const [hue, steps] of Object.entries(spectrum)) for (const [step, rgbValue] of Object.entries(steps)) result[`${hue}-${step}`] = rgbStringToRgb(rgbValue);
+	for (const [hue, steps] of Object.entries(spectrum)) for (const [step, entry] of Object.entries(steps)) result[`${hue}-${step}`] = rgbStringToRgb(extractRgb(entry));
 	return result;
 }
 function generatePalette(palette, spectrum) {
 	const result = {};
 	for (const [alias, { hue, step, opacity }] of Object.entries(palette)) {
-		const rgbValue = spectrum[hue]?.[step];
-		if (!rgbValue) continue;
+		const spectrumEntry = spectrum[hue]?.[step];
+		if (!spectrumEntry) continue;
+		const rgbValue = extractRgb(spectrumEntry);
 		if (opacity !== void 0) {
 			const opacityPercent = parseInt(opacity, 10) / 100;
 			result[alias] = `rgba(${rgbValue.trim().split(/\s+/).join(", ")}, ${opacityPercent})`;
@@ -180,12 +240,65 @@ function generateShadows(config) {
 	});
 	return result;
 }
+function isElevationCustomShadows(value) {
+	return Array.isArray(value);
+}
+/**
+* Generates pre-computed boxShadow CSS strings for all shadow variants.
+* Produces both drop and inset shadow maps keyed by variant name.
+* Elevation levels resolve their dropShadow config (which may reference
+* a ShadowVariant or provide custom ShadowPreset tuples).
+*/
+function generateBoxShadows(config, colorMode) {
+	const colorsConfig = config.colorMode[colorMode];
+	const spectrum = colorsConfig.spectrum;
+	const palette = colorsConfig.palette.foreground;
+	const drop = {};
+	const inset = {};
+	for (const [variant, presets] of Object.entries(config.shadow.drop)) {
+		if (variant === "none" || !presets || presets.length === 0) {
+			drop[variant] = "";
+			continue;
+		}
+		drop[variant] = boxShadowToCssString(convertShadowToBoxShadow(presets, spectrum, palette));
+	}
+	for (const [level, modePresets] of Object.entries(config.elevation)) {
+		const preset = modePresets[colorMode];
+		const key = `elevation-${level}`;
+		if (!preset.dropShadow || preset.dropShadow === "none") {
+			drop[key] = "";
+			continue;
+		}
+		if (isElevationCustomShadows(preset.dropShadow)) {
+			const allPresets = [...preset.dropShadow];
+			if (allPresets.length > 0) drop[key] = boxShadowToCssString(convertShadowToBoxShadow(allPresets, spectrum, palette));
+			else drop[key] = "";
+		} else {
+			const refPresets = config.shadow.drop[preset.dropShadow];
+			if (refPresets && refPresets.length > 0) drop[key] = boxShadowToCssString(convertShadowToBoxShadow(refPresets, spectrum, palette));
+			else drop[key] = "";
+		}
+	}
+	for (const [variant, presets] of Object.entries(config.shadow.inset)) {
+		if (variant === "none" || !presets || presets.length === 0) {
+			inset[variant] = "";
+			continue;
+		}
+		inset[variant] = boxShadowToCssString(convertShadowToBoxShadow(presets, spectrum, palette, true));
+	}
+	drop["none"] = drop["none"] ?? "";
+	inset["none"] = inset["none"] ?? "";
+	return {
+		drop,
+		inset
+	};
+}
 /**
 * Resolves a typography variant name to React Native text styles.
 * Looks up the typography config and converts to RN-compatible values.
 *
 * @param variantName - The typography variant name (e.g., 'body1', 'label4', 'ui2')
-* @param typography - The typography config from UniversalTokensConfig
+* @param typography - The typography config from UniversalTokensConfigGeneric
 * @param config - The full config for resolving font family aliases
 * @returns Resolved typography styles (fontSize, lineHeight, letterSpacing, fontFamily)
 */
@@ -208,7 +321,7 @@ function resolveTypographyStyles(variantName, typography, config) {
 	}
 	return result;
 }
-function resolveValue(variable, config, colorMode) {
+function resolveValue(variable, config, colorMode, propName) {
 	const { type, value } = variable;
 	const palette = config.colorMode[colorMode].palette;
 	const spectrum = config.colorMode[colorMode].spectrum;
@@ -216,9 +329,9 @@ function resolveValue(variable, config, colorMode) {
 	if (type === "backgroundPaletteColors" || type === "foregroundPaletteColors" || type === "linePaletteColors") {
 		const colorDef = palette[type.replace("PaletteColors", "")]?.[value];
 		if (colorDef) {
-			const rgbValue = spectrum[colorDef.hue]?.[colorDef.step];
-			if (rgbValue) {
-				const parts = rgbValue.trim().split(/\s+/);
+			const spectrumEntry = spectrum[colorDef.hue]?.[colorDef.step];
+			if (spectrumEntry) {
+				const parts = extractRgb(spectrumEntry).trim().split(/\s+/);
 				if (colorDef.opacity !== void 0) return `rgba(${parts.join(", ")}, ${parseInt(colorDef.opacity, 10) / 100})`;
 				return `rgb(${parts.join(", ")})`;
 			}
@@ -232,8 +345,8 @@ function resolveValue(variable, config, colorMode) {
 		if (lastDashIndex > 0) {
 			const hue = colorStr.slice(0, lastDashIndex);
 			const step = colorStr.slice(lastDashIndex + 1);
-			const rgbValue = spectrum[hue]?.[step];
-			if (rgbValue) return `rgb(${rgbValue.trim().split(/\s+/).join(", ")})`;
+			const spectrumEntry = spectrum[hue]?.[step];
+			if (spectrumEntry) return `rgb(${extractRgb(spectrumEntry).trim().split(/\s+/).join(", ")})`;
 		}
 		return;
 	}
@@ -263,6 +376,69 @@ function resolveValue(variable, config, colorMode) {
 		if (dropPresets && dropPresets.length > 0) return convertShadowToBoxShadow(dropPresets, spectrum, palette.foreground, true);
 		return [];
 	}
+	if (type === "elevationAliases") {
+		const level = value.replace("elevation-", "");
+		const elevationPreset = config.elevation[level];
+		if (!elevationPreset) return;
+		const preset = elevationPreset[colorMode];
+		if (propName === "backgroundColor") {
+			const backgroundFill = preset.backgroundFill;
+			if (backgroundFill.type === "background") {
+				const colorDef = palette.background?.[backgroundFill.value];
+				if (colorDef) {
+					const rgbValue = spectrum[colorDef.hue]?.[colorDef.step];
+					if (rgbValue) {
+						const parts = extractRgb(rgbValue).trim().split(/\s+/);
+						if (colorDef.opacity !== void 0) return `rgba(${parts.join(", ")}, ${parseInt(colorDef.opacity, 10) / 100})`;
+						return `rgb(${parts.join(", ")})`;
+					}
+				}
+			} else if (backgroundFill.type === "always") return newAlwaysPalette[backgroundFill.value] ?? "transparent";
+			else if (backgroundFill.type === "spectrum") {
+				const spectrumValue = backgroundFill.value;
+				const rgbValue = spectrum[spectrumValue.hue]?.[spectrumValue.step];
+				if (rgbValue) return `rgb(${extractRgb(rgbValue).trim().split(/\s+/).join(", ")})`;
+			}
+			return "transparent";
+		}
+		if (propName === "borderColor") {
+			const borderColorDef = preset.borderColor;
+			if (borderColorDef.type === "line") {
+				const colorDef = palette.line?.[borderColorDef.value];
+				if (colorDef) {
+					const rgbValue = spectrum[colorDef.hue]?.[colorDef.step];
+					if (rgbValue) {
+						const parts = extractRgb(rgbValue).trim().split(/\s+/);
+						if (colorDef.opacity !== void 0) return `rgba(${parts.join(", ")}, ${parseInt(colorDef.opacity, 10) / 100})`;
+						return `rgb(${parts.join(", ")})`;
+					}
+				}
+			} else if (borderColorDef.type === "always") return newAlwaysPalette[borderColorDef.value] ?? "transparent";
+			else if (borderColorDef.type === "spectrum") {
+				const spectrumValue = borderColorDef.value;
+				const rgbValue = spectrum[spectrumValue.hue]?.[spectrumValue.step];
+				if (rgbValue) return `rgb(${extractRgb(rgbValue).trim().split(/\s+/).join(", ")})`;
+			}
+			return "transparent";
+		}
+		if (propName === "borderWidth") {
+			const borderWidthKey = preset.borderWidth;
+			return scaleConfig.borderWidth[borderWidthKey] ?? 0;
+		}
+		if (propName === "shadow") {
+			const elevationPreset = config.elevation[level];
+			if (!elevationPreset) return [];
+			const preset = elevationPreset[colorMode];
+			if (!preset.dropShadow || preset.dropShadow === "none") return [];
+			if (isElevationCustomShadows(preset.dropShadow)) {
+				const allPresets = [...preset.dropShadow];
+				return allPresets.length > 0 ? convertShadowToBoxShadow(allPresets, spectrum, palette.foreground) : [];
+			}
+			const refPresets = config.shadow.drop[preset.dropShadow];
+			return refPresets && refPresets.length > 0 ? convertShadowToBoxShadow(refPresets, spectrum, palette.foreground) : [];
+		}
+		return;
+	}
 	if (type === "textDecorationLines") return value;
 	if (typeof value === "number") return value;
 }
@@ -296,7 +472,7 @@ function generateComponents(config, colorMode) {
 					if (!rnProps) continue;
 					const stateValue = states[state];
 					if (!stateValue) continue;
-					const resolvedValue = resolveValue(stateValue, config, colorMode);
+					const resolvedValue = resolveValue(stateValue, config, colorMode, propName);
 					if (resolvedValue === void 0) continue;
 					if (SHADOW_PROPS.has(propName)) {
 						if (Array.isArray(resolvedValue)) shadowValues.push(...resolvedValue);
@@ -356,31 +532,40 @@ function generateComponents(config, colorMode) {
 function generateTheme(config, colorMode) {
 	const colorsConfig = config.colorMode[colorMode];
 	const scaleConfig = config.scaleMode[DEFAULT_SCALE_MODE];
-	const elevationColors = generateElevationColors(config.elevation);
+	const elevationBackgroundColors = generateElevationBackgroundColors(config, colorMode);
+	const elevationBorderColors = generateElevationBorderColors(config, colorMode);
+	const boxShadows = generateBoxShadows(config, colorMode);
 	return {
 		colors: {
 			spectrum: sortKeys(generateSpectrum(colorsConfig.spectrum)),
 			background: sortKeys({
 				...generatePalette(colorsConfig.palette.background, colorsConfig.spectrum),
-				...elevationColors
+				...elevationBackgroundColors
 			}),
 			foreground: sortKeys(generatePalette(colorsConfig.palette.foreground, colorsConfig.spectrum)),
 			line: sortKeys({
 				...generatePalette(colorsConfig.palette.line, colorsConfig.spectrum),
-				...elevationColors
+				...elevationBorderColors
 			})
 		},
 		spacing: sortKeys({ ...spacingMap }),
 		borderRadius: sortKeys({ ...scaleConfig.borderRadius }),
 		borderWidth: sortKeys({
 			...scaleConfig.borderWidth,
-			...Object.fromEntries(Object.keys(config.elevation).map((level) => [`elevation-${level}`, parseInt(level, 10)]))
+			...Object.fromEntries(Object.keys(config.elevation).map((level) => {
+				const borderWidthKey = config.elevation[level].light.borderWidth;
+				return [`elevation-${level}`, scaleConfig.borderWidth[borderWidthKey] ?? 0];
+			}))
 		}),
 		iconSize: sortKeys({ ...scaleConfig.iconSizes }),
 		avatarSize: sortKeys({ ...scaleConfig.avatarSizes }),
 		font: sortKeys(generateFontAliases(config.font)),
 		typography: sortKeys(generateTypography(config.typography, config.font)),
 		shadow: sortKeys(generateShadows(config)),
+		boxShadow: {
+			drop: sortKeys(boxShadows.drop),
+			inset: sortKeys(boxShadows.inset)
+		},
 		components: generateComponents(config, colorMode)
 	};
 }

package/dist/components/Box.cjs

@@ -4,6 +4,7 @@ const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
 let react = require("react");
 let react_native = require("react-native");
 let generated_styles = require("../../generated/styles");
+let react_native_unistyles = require("react-native-unistyles");
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/Box.tsx
@@ -35,20 +36,21 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * @see {@link HStack} for horizontal layouts
 * @see {@link VStack} for vertical layouts
 */
-const Box = (0, react.memo)(function Box({ backgroundColor, dangerouslySetBackgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, dangerouslySetBorderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, display = "flex", overflow, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, columnGap, rowGap, width, height, minWidth, maxWidth, minHeight, maxHeight, style, ref, ...props }) {
+const Box = (0, react.memo)(function Box({ elevation, backgroundColor, dangerouslySetBackgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, dangerouslySetBorderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, display = "flex", overflow, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, columnGap, rowGap, width, height, minWidth, maxWidth, minHeight, maxHeight, dropShadow, insetShadow, style, ref, ...props }) {
+	const elevationAlias = elevation !== void 0 ? `elevation-${elevation}` : void 0;
 	const variants = {
-		backgroundColor,
+		backgroundColor: backgroundColor ?? elevationAlias,
 		borderRadius,
 		borderTopStartRadius,
 		borderTopEndRadius,
 		borderBottomStartRadius,
 		borderBottomEndRadius,
-		borderColor,
+		borderColor: borderColor ?? elevationAlias,
 		borderStartColor,
 		borderEndColor,
 		borderTopColor,
 		borderBottomColor,
-		borderWidth,
+		borderWidth: borderWidth ?? elevationAlias,
 		borderVerticalWidth,
 		borderHorizontalWidth,
 		borderStartWidth,
@@ -84,6 +86,8 @@ const Box = (0, react.memo)(function Box({ backgroundColor, dangerouslySetBackgr
 		rowGap
 	};
 	generated_styles.styles.useVariants(variants);
+	const effectiveDropShadow = dropShadow ?? elevationAlias;
+	const shadowStyle = effectiveDropShadow || insetShadow ? shadowSheet.shadow(effectiveDropShadow, insetShadow) : void 0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
 		ref,
 		style: (0, react.useMemo)(() => [
@@ -95,6 +99,7 @@ const Box = (0, react.memo)(function Box({ backgroundColor, dangerouslySetBackgr
 			maxWidth ? { maxWidth } : void 0,
 			minHeight ? { minHeight } : void 0,
 			maxHeight ? { maxHeight } : void 0,
+			shadowStyle,
 			generated_styles.styles.foundation,
 			style
 		], [
@@ -106,6 +111,7 @@ const Box = (0, react.memo)(function Box({ backgroundColor, dangerouslySetBackgr
 			maxWidth,
 			minHeight,
 			maxHeight,
+			shadowStyle,
 			generated_styles.styles.foundation,
 			style
 		]),
@@ -113,6 +119,14 @@ const Box = (0, react.memo)(function Box({ backgroundColor, dangerouslySetBackgr
 	});
 });
 Box.displayName = "Box";
+/**
+* Dynamic shadow stylesheet that merges drop and inset shadows into a single
+* boxShadow CSS string. Theme-reactive so shadows update on color mode change.
+*/
+const shadowSheet = react_native_unistyles.StyleSheet.create((theme) => ({ shadow: (drop, inset) => {
+	const parts = [drop ? theme.boxShadow.drop[drop] : "", inset ? theme.boxShadow.inset[inset] : ""].filter(Boolean);
+	return parts.length > 0 ? { boxShadow: parts.join(", ") } : {};
+} }));
 
 //#endregion
 exports.Box = Box;

package/dist/components/Box.d.cts

@@ -1,4 +1,5 @@
 
+import { ElevationLevel } from "../types/dist/index.cjs";
 import { SizeProps } from "../types.cjs";
 import * as react from "react";
 import { Ref } from "react";
@@ -7,9 +8,8 @@ import { StyleProps } from "../../generated/styles";
 
 //#region src/components/Box.d.ts
 interface BoxProps extends ViewProps, SizeProps {
-  /** Ref to the underlying View */
   ref?: Ref<View>;
-  /** Background color from the theme palette */
+  elevation?: ElevationLevel;
   backgroundColor?: StyleProps['backgroundColor'];
   borderRadius?: StyleProps['borderRadius'];
   borderTopStartRadius?: StyleProps['borderTopStartRadius'];
@@ -55,6 +55,8 @@ interface BoxProps extends ViewProps, SizeProps {
   offsetTop?: StyleProps['offsetTop'];
   columnGap?: StyleProps['columnGap'];
   rowGap?: StyleProps['rowGap'];
+  dropShadow?: StyleProps['dropShadow'];
+  insetShadow?: StyleProps['insetShadow'];
   dangerouslySetBackgroundColor?: string;
   dangerouslySetBorderColor?: string;
 }

package/dist/components/Box.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.cts","names":[],"sources":["../../src/components/Box.tsx"],"mappings":";;;;;;;;UASU,QAAA,SAAiB,SAAA,EAAW,SAAA;;EAEpC,GAAA,GAAM,GAAA,CAAI,IAAA;EAFO;EAIjB,eAAA,GAAkB,UAAA;EAClB,YAAA,GAAe,UAAA;EACf,oBAAA,GAAuB,UAAA;EACvB,kBAAA,GAAqB,UAAA;EACrB,uBAAA,GAA0B,UAAA;EAC1B,qBAAA,GAAwB,UAAA;EACxB,WAAA,GAAc,UAAA;EACd,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EACpB,WAAA,GAAc,UAAA;EACd,mBAAA,GAAsB,UAAA;EACtB,qBAAA,GAAwB,UAAA;EACxB,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EACpB,YAAA,GAAe,UAAA;EACf,UAAA,GAAa,UAAA;EACb,SAAA,GAAY,UAAA;EACZ,IAAA,GAAO,UAAA;EACP,aAAA,GAAgB,UAAA;EAChB,QAAA,GAAW,UAAA;EACX,UAAA,GAAa,UAAA;EACb,QAAA,GAAW,UAAA;EACX,cAAA,GAAiB,UAAA;EAEjB,OAAA,GAAU,UAAA;EACV,QAAA,GAAW,UAAA;EAIX,OAAA,GAAU,UAAA;EACV,iBAAA,GAAoB,UAAA;EACpB,eAAA,GAAkB,UAAA;EAClB,aAAA,GAAgB,UAAA;EAChB,UAAA,GAAa,UAAA;EACb,YAAA,GAAe,UAAA;EACf,UAAA,GAAa,UAAA;EACb,MAAA,GAAS,UAAA;EACT,cAAA,GAAiB,UAAA;EACjB,gBAAA,GAAmB,UAAA;EACnB,YAAA,GAAe,UAAA;EACf,SAAA,GAAY,UAAA;EACZ,WAAA,GAAc,UAAA;EACd,SAAA,GAAY,UAAA;EACZ,SAAA,GAAY,UAAA;EACZ,MAAA,GAAS,UAAA;EACT,6BAAA;EACA,yBAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA+BI,GAAA,EAAG,KAAA,CAAA,oBAAA,CAAA,QAAA"}
+{"version":3,"file":"Box.d.cts","names":[],"sources":["../../src/components/Box.tsx"],"mappings":";;;;;;;;;UAWU,QAAA,SAAiB,SAAA,EAAW,SAAA;EACpC,GAAA,GAAM,GAAA,CAAI,IAAA;EACV,SAAA,GAAY,cAAA;EACZ,eAAA,GAAkB,UAAA;EAClB,YAAA,GAAe,UAAA;EACf,oBAAA,GAAuB,UAAA;EACvB,kBAAA,GAAqB,UAAA;EACrB,uBAAA,GAA0B,UAAA;EAC1B,qBAAA,GAAwB,UAAA;EACxB,WAAA,GAAc,UAAA;EACd,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EACpB,WAAA,GAAc,UAAA;EACd,mBAAA,GAAsB,UAAA;EACtB,qBAAA,GAAwB,UAAA;EACxB,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EACpB,YAAA,GAAe,UAAA;EACf,UAAA,GAAa,UAAA;EACb,SAAA,GAAY,UAAA;EACZ,IAAA,GAAO,UAAA;EACP,aAAA,GAAgB,UAAA;EAChB,QAAA,GAAW,UAAA;EACX,UAAA,GAAa,UAAA;EACb,QAAA,GAAW,UAAA;EACX,cAAA,GAAiB,UAAA;EAEjB,OAAA,GAAU,UAAA;EACV,QAAA,GAAW,UAAA;EAIX,OAAA,GAAU,UAAA;EACV,iBAAA,GAAoB,UAAA;EACpB,eAAA,GAAkB,UAAA;EAClB,aAAA,GAAgB,UAAA;EAChB,UAAA,GAAa,UAAA;EACb,YAAA,GAAe,UAAA;EACf,UAAA,GAAa,UAAA;EACb,MAAA,GAAS,UAAA;EACT,cAAA,GAAiB,UAAA;EACjB,gBAAA,GAAmB,UAAA;EACnB,YAAA,GAAe,UAAA;EACf,SAAA,GAAY,UAAA;EACZ,WAAA,GAAc,UAAA;EACd,SAAA,GAAY,UAAA;EACZ,SAAA,GAAY,UAAA;EACZ,MAAA,GAAS,UAAA;EACT,UAAA,GAAa,UAAA;EACb,WAAA,GAAc,UAAA;EACd,6BAAA;EACA,yBAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA+BI,GAAA,EAAG,KAAA,CAAA,oBAAA,CAAA,QAAA"}

package/dist/components/Box.d.mts

@@ -1,4 +1,5 @@
 
+import { ElevationLevel } from "../types/dist/index.mjs";
 import { SizeProps } from "../types.mjs";
 import * as react from "react";
 import { Ref } from "react";
@@ -7,9 +8,8 @@ import { StyleProps } from "../../generated/styles";
 
 //#region src/components/Box.d.ts
 interface BoxProps extends ViewProps, SizeProps {
-  /** Ref to the underlying View */
   ref?: Ref<View>;
-  /** Background color from the theme palette */
+  elevation?: ElevationLevel;
   backgroundColor?: StyleProps['backgroundColor'];
   borderRadius?: StyleProps['borderRadius'];
   borderTopStartRadius?: StyleProps['borderTopStartRadius'];
@@ -55,6 +55,8 @@ interface BoxProps extends ViewProps, SizeProps {
   offsetTop?: StyleProps['offsetTop'];
   columnGap?: StyleProps['columnGap'];
   rowGap?: StyleProps['rowGap'];
+  dropShadow?: StyleProps['dropShadow'];
+  insetShadow?: StyleProps['insetShadow'];
   dangerouslySetBackgroundColor?: string;
   dangerouslySetBorderColor?: string;
 }

package/dist/components/Box.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.mts","names":[],"sources":["../../src/components/Box.tsx"],"mappings":";;;;;;;;UASU,QAAA,SAAiB,SAAA,EAAW,SAAA;;EAEpC,GAAA,GAAM,GAAA,CAAI,IAAA;EAFO;EAIjB,eAAA,GAAkB,UAAA;EAClB,YAAA,GAAe,UAAA;EACf,oBAAA,GAAuB,UAAA;EACvB,kBAAA,GAAqB,UAAA;EACrB,uBAAA,GAA0B,UAAA;EAC1B,qBAAA,GAAwB,UAAA;EACxB,WAAA,GAAc,UAAA;EACd,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EACpB,WAAA,GAAc,UAAA;EACd,mBAAA,GAAsB,UAAA;EACtB,qBAAA,GAAwB,UAAA;EACxB,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EACpB,YAAA,GAAe,UAAA;EACf,UAAA,GAAa,UAAA;EACb,SAAA,GAAY,UAAA;EACZ,IAAA,GAAO,UAAA;EACP,aAAA,GAAgB,UAAA;EAChB,QAAA,GAAW,UAAA;EACX,UAAA,GAAa,UAAA;EACb,QAAA,GAAW,UAAA;EACX,cAAA,GAAiB,UAAA;EAEjB,OAAA,GAAU,UAAA;EACV,QAAA,GAAW,UAAA;EAIX,OAAA,GAAU,UAAA;EACV,iBAAA,GAAoB,UAAA;EACpB,eAAA,GAAkB,UAAA;EAClB,aAAA,GAAgB,UAAA;EAChB,UAAA,GAAa,UAAA;EACb,YAAA,GAAe,UAAA;EACf,UAAA,GAAa,UAAA;EACb,MAAA,GAAS,UAAA;EACT,cAAA,GAAiB,UAAA;EACjB,gBAAA,GAAmB,UAAA;EACnB,YAAA,GAAe,UAAA;EACf,SAAA,GAAY,UAAA;EACZ,WAAA,GAAc,UAAA;EACd,SAAA,GAAY,UAAA;EACZ,SAAA,GAAY,UAAA;EACZ,MAAA,GAAS,UAAA;EACT,6BAAA;EACA,yBAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA+BI,GAAA,EAAG,KAAA,CAAA,oBAAA,CAAA,QAAA"}
+{"version":3,"file":"Box.d.mts","names":[],"sources":["../../src/components/Box.tsx"],"mappings":";;;;;;;;;UAWU,QAAA,SAAiB,SAAA,EAAW,SAAA;EACpC,GAAA,GAAM,GAAA,CAAI,IAAA;EACV,SAAA,GAAY,cAAA;EACZ,eAAA,GAAkB,UAAA;EAClB,YAAA,GAAe,UAAA;EACf,oBAAA,GAAuB,UAAA;EACvB,kBAAA,GAAqB,UAAA;EACrB,uBAAA,GAA0B,UAAA;EAC1B,qBAAA,GAAwB,UAAA;EACxB,WAAA,GAAc,UAAA;EACd,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EACpB,WAAA,GAAc,UAAA;EACd,mBAAA,GAAsB,UAAA;EACtB,qBAAA,GAAwB,UAAA;EACxB,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EACpB,YAAA,GAAe,UAAA;EACf,UAAA,GAAa,UAAA;EACb,SAAA,GAAY,UAAA;EACZ,IAAA,GAAO,UAAA;EACP,aAAA,GAAgB,UAAA;EAChB,QAAA,GAAW,UAAA;EACX,UAAA,GAAa,UAAA;EACb,QAAA,GAAW,UAAA;EACX,cAAA,GAAiB,UAAA;EAEjB,OAAA,GAAU,UAAA;EACV,QAAA,GAAW,UAAA;EAIX,OAAA,GAAU,UAAA;EACV,iBAAA,GAAoB,UAAA;EACpB,eAAA,GAAkB,UAAA;EAClB,aAAA,GAAgB,UAAA;EAChB,UAAA,GAAa,UAAA;EACb,YAAA,GAAe,UAAA;EACf,UAAA,GAAa,UAAA;EACb,MAAA,GAAS,UAAA;EACT,cAAA,GAAiB,UAAA;EACjB,gBAAA,GAAmB,UAAA;EACnB,YAAA,GAAe,UAAA;EACf,SAAA,GAAY,UAAA;EACZ,WAAA,GAAc,UAAA;EACd,SAAA,GAAY,UAAA;EACZ,SAAA,GAAY,UAAA;EACZ,MAAA,GAAS,UAAA;EACT,UAAA,GAAa,UAAA;EACb,WAAA,GAAc,UAAA;EACd,6BAAA;EACA,yBAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA+BI,GAAA,EAAG,KAAA,CAAA,oBAAA,CAAA,QAAA"}

package/dist/components/Box.mjs

@@ -2,6 +2,7 @@
 import { memo, useMemo } from "react";
 import { View } from "react-native";
 import { styles } from "../../generated/styles";
+import { StyleSheet } from "react-native-unistyles";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Box.tsx
@@ -33,20 +34,21 @@ import { jsx } from "react/jsx-runtime";
 * @see {@link HStack} for horizontal layouts
 * @see {@link VStack} for vertical layouts
 */
-const Box = memo(function Box({ backgroundColor, dangerouslySetBackgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, dangerouslySetBorderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, display = "flex", overflow, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, columnGap, rowGap, width, height, minWidth, maxWidth, minHeight, maxHeight, style, ref, ...props }) {
+const Box = memo(function Box({ elevation, backgroundColor, dangerouslySetBackgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, dangerouslySetBorderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, display = "flex", overflow, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, columnGap, rowGap, width, height, minWidth, maxWidth, minHeight, maxHeight, dropShadow, insetShadow, style, ref, ...props }) {
+	const elevationAlias = elevation !== void 0 ? `elevation-${elevation}` : void 0;
 	const variants = {
-		backgroundColor,
+		backgroundColor: backgroundColor ?? elevationAlias,
 		borderRadius,
 		borderTopStartRadius,
 		borderTopEndRadius,
 		borderBottomStartRadius,
 		borderBottomEndRadius,
-		borderColor,
+		borderColor: borderColor ?? elevationAlias,
 		borderStartColor,
 		borderEndColor,
 		borderTopColor,
 		borderBottomColor,
-		borderWidth,
+		borderWidth: borderWidth ?? elevationAlias,
 		borderVerticalWidth,
 		borderHorizontalWidth,
 		borderStartWidth,
@@ -82,6 +84,8 @@ const Box = memo(function Box({ backgroundColor, dangerouslySetBackgroundColor,
 		rowGap
 	};
 	styles.useVariants(variants);
+	const effectiveDropShadow = dropShadow ?? elevationAlias;
+	const shadowStyle = effectiveDropShadow || insetShadow ? shadowSheet.shadow(effectiveDropShadow, insetShadow) : void 0;
 	return /* @__PURE__ */ jsx(View, {
 		ref,
 		style: useMemo(() => [
@@ -93,6 +97,7 @@ const Box = memo(function Box({ backgroundColor, dangerouslySetBackgroundColor,
 			maxWidth ? { maxWidth } : void 0,
 			minHeight ? { minHeight } : void 0,
 			maxHeight ? { maxHeight } : void 0,
+			shadowStyle,
 			styles.foundation,
 			style
 		], [
@@ -104,6 +109,7 @@ const Box = memo(function Box({ backgroundColor, dangerouslySetBackgroundColor,
 			maxWidth,
 			minHeight,
 			maxHeight,
+			shadowStyle,
 			styles.foundation,
 			style
 		]),
@@ -111,6 +117,14 @@ const Box = memo(function Box({ backgroundColor, dangerouslySetBackgroundColor,
 	});
 });
 Box.displayName = "Box";
+/**
+* Dynamic shadow stylesheet that merges drop and inset shadows into a single
+* boxShadow CSS string. Theme-reactive so shadows update on color mode change.
+*/
+const shadowSheet = StyleSheet.create((theme) => ({ shadow: (drop, inset) => {
+	const parts = [drop ? theme.boxShadow.drop[drop] : "", inset ? theme.boxShadow.inset[inset] : ""].filter(Boolean);
+	return parts.length > 0 ? { boxShadow: parts.join(", ") } : {};
+} }));
 
 //#endregion
 export { Box };

package/dist/components/Box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Box.mjs","names":[],"sources":["../../src/components/Box.tsx"],"sourcesContent":["import type { Ref } from 'react';\nimport { memo, useMemo } from 'react';\nimport type { ViewProps } from 'react-native';\nimport { View } from 'react-native';\n\nimport type { StyleProps } from '../../generated/styles';\nimport { styles } from '../../generated/styles';\nimport type { SizeProps } from '../types';\n\ninterface BoxProps extends ViewProps, SizeProps {\n  /** Ref to the underlying View */\n  ref?: Ref<View>;\n  /** Background color from the theme palette */\n  backgroundColor?: StyleProps['backgroundColor'];\n  borderRadius?: StyleProps['borderRadius'];\n  borderTopStartRadius?: StyleProps['borderTopStartRadius'];\n  borderTopEndRadius?: StyleProps['borderTopEndRadius'];\n  borderBottomStartRadius?: StyleProps['borderBottomStartRadius'];\n  borderBottomEndRadius?: StyleProps['borderBottomEndRadius'];\n  borderColor?: StyleProps['borderColor'];\n  borderStartColor?: StyleProps['borderStartColor'];\n  borderEndColor?: StyleProps['borderEndColor'];\n  borderTopColor?: StyleProps['borderTopColor'];\n  borderBottomColor?: StyleProps['borderBottomColor'];\n  borderWidth?: StyleProps['borderWidth'];\n  borderVerticalWidth?: StyleProps['borderVerticalWidth'];\n  borderHorizontalWidth?: StyleProps['borderHorizontalWidth'];\n  borderStartWidth?: StyleProps['borderStartWidth'];\n  borderEndWidth?: StyleProps['borderEndWidth'];\n  borderTopWidth?: StyleProps['borderTopWidth'];\n  borderBottomWidth?: StyleProps['borderBottomWidth'];\n  alignContent?: StyleProps['alignContent'];\n  alignItems?: StyleProps['alignItems'];\n  alignSelf?: StyleProps['alignSelf'];\n  flex?: StyleProps['flex'];\n  flexDirection?: StyleProps['flexDirection'];\n  flexGrow?: StyleProps['flexGrow'];\n  flexShrink?: StyleProps['flexShrink'];\n  flexWrap?: StyleProps['flexWrap'];\n  justifyContent?: StyleProps['justifyContent'];\n  //   flexBasis?: StyleProps['flexBasis'];\n  display?: StyleProps['display'];\n  overflow?: StyleProps['overflow'];\n  //   overflowX?: StyleProps['overflowX'];\n  //   overflowY?: StyleProps['overflowY'];\n  //   position?: StyleProps['position'];\n  spacing?: StyleProps['spacing'];\n  spacingHorizontal?: StyleProps['spacingHorizontal'];\n  spacingVertical?: StyleProps['spacingVertical'];\n  spacingBottom?: StyleProps['spacingBottom'];\n  spacingEnd?: StyleProps['spacingEnd'];\n  spacingStart?: StyleProps['spacingStart'];\n  spacingTop?: StyleProps['spacingTop'];\n  offset?: StyleProps['offset'];\n  offsetVertical?: StyleProps['offsetVertical'];\n  offsetHorizontal?: StyleProps['offsetHorizontal'];\n  offsetBottom?: StyleProps['offsetBottom'];\n  offsetEnd?: StyleProps['offsetEnd'];\n  offsetStart?: StyleProps['offsetStart'];\n  offsetTop?: StyleProps['offsetTop'];\n  columnGap?: StyleProps['columnGap'];\n  rowGap?: StyleProps['rowGap'];\n  dangerouslySetBackgroundColor?: string;\n  dangerouslySetBorderColor?: string;\n}\n\n/**\n * **📦 A layout component that can be used to compose other components**\n *\n * @description\n * The most simple component we ship - a View. But with all the power of the UDS design system.\n * By default, `Box` is a flexbox container. When working with vertical or horizontal layouts,\n * consider using VStack or HStack respectively.\n *\n * @category Layout\n * @platform mobile\n *\n * @example\n * ```tsx\n * import { Box } from '@yahoo/uds-mobile';\n *\n * <Box backgroundColor=\"primary\" spacing=\"6\">\n *   Any kind of content can go here!\n * </Box>\n * ```\n *\n * @usage\n * - Use as a container to apply padding, shapes, or other styling\n * - Use for creating card components\n * - Use HStack/VStack for directional layouts\n *\n * @see {@link HStack} for horizontal layouts\n * @see {@link VStack} for vertical layouts\n */\nconst Box = memo(function Box({\n  // background\n  backgroundColor,\n  dangerouslySetBackgroundColor,\n  // border\n  borderRadius,\n  borderTopStartRadius,\n  borderTopEndRadius,\n  borderBottomStartRadius,\n  borderBottomEndRadius,\n  borderColor,\n  dangerouslySetBorderColor,\n  borderStartColor,\n  borderEndColor,\n  borderTopColor,\n  borderBottomColor,\n  borderWidth,\n  borderVerticalWidth,\n  borderHorizontalWidth,\n  borderStartWidth,\n  borderEndWidth,\n  borderTopWidth,\n  borderBottomWidth,\n  // flex\n  alignContent,\n  alignItems,\n  alignSelf,\n  flex,\n  flexDirection,\n  flexGrow,\n  flexShrink,\n  flexWrap,\n  justifyContent,\n  // flexBasis,\n  // layout\n  display = 'flex',\n  overflow,\n  //     overflowX,\n  //     overflowY,\n  // position,\n  // spacing\n  spacing,\n  spacingHorizontal,\n  spacingVertical,\n  spacingBottom,\n  spacingEnd,\n  spacingStart,\n  spacingTop,\n  offset,\n  offsetVertical,\n  offsetHorizontal,\n  offsetBottom,\n  offsetEnd,\n  offsetStart,\n  offsetTop,\n  columnGap,\n  rowGap,\n  // size\n  width,\n  height,\n  minWidth,\n  maxWidth,\n  minHeight,\n  maxHeight,\n  // // shadow\n  // dropShadow,\n  // insetShadow,\n  // // nested border radius\n  // nestedBorderRadius,\n  // nestedBorderRadiusSize = nestedBorderRadius ? borderRadius : undefined,\n  // nestedBorderRadiusSpacing = nestedBorderRadius ? spacing : undefined,\n  // nestedBorderRadiusWidth = nestedBorderRadius ? borderWidth : undefined,\n  // style - extracted to merge with variants\n  style,\n  ref,\n  // rest\n  ...props\n}: BoxProps) {\n  const variants = {\n    // background\n    backgroundColor,\n    // border\n    borderRadius,\n    borderTopStartRadius,\n    borderTopEndRadius,\n    borderBottomStartRadius,\n    borderBottomEndRadius,\n    // nestedBorderRadius,\n    // nestedBorderRadiusSize,\n    // nestedBorderRadiusSpacing,\n    // nestedBorderRadiusWidth,\n    borderColor,\n    borderStartColor,\n    borderEndColor,\n    borderTopColor,\n    borderBottomColor,\n    borderWidth,\n    borderVerticalWidth,\n    borderHorizontalWidth,\n    borderStartWidth,\n    borderEndWidth,\n    borderTopWidth,\n    borderBottomWidth,\n    // flex\n    alignContent,\n    alignItems,\n    alignSelf,\n    flex,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    flexWrap,\n    justifyContent,\n    // flexBasis,\n    // layout\n    display,\n    overflow,\n    // overflowX,\n    // overflowY,\n    // position,\n    // spacing\n    spacing,\n    spacingHorizontal,\n    spacingVertical,\n    spacingBottom,\n    spacingEnd,\n    spacingStart,\n    spacingTop,\n    offset,\n    offsetVertical,\n    offsetHorizontal,\n    offsetBottom,\n    offsetEnd,\n    offsetStart,\n    offsetTop,\n    columnGap,\n    rowGap,\n    // rest\n  };\n\n  styles.useVariants(variants);\n\n  // styles.foundation must be in deps - it returns a new reference when variants change\n  const boxStyles = useMemo(\n    () => [\n      dangerouslySetBackgroundColor\n        ? { backgroundColor: dangerouslySetBackgroundColor }\n        : undefined,\n      dangerouslySetBorderColor ? { borderColor: dangerouslySetBorderColor } : undefined,\n      width ? { width } : undefined,\n      height ? { height } : undefined,\n      minWidth ? { minWidth } : undefined,\n      maxWidth ? { maxWidth } : undefined,\n      minHeight ? { minHeight } : undefined,\n      maxHeight ? { maxHeight } : undefined,\n      styles.foundation,\n      style,\n    ],\n    [\n      dangerouslySetBackgroundColor,\n      dangerouslySetBorderColor,\n      width,\n      height,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight,\n      styles.foundation,\n      style,\n    ],\n  );\n\n  // Merge variant styles with user-provided style prop\n  // User styles come last so they can override variant styles if needed\n  return <View ref={ref} style={boxStyles} {...props} />;\n});\n\nBox.displayName = 'Box';\n\nexport { Box, type BoxProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA,MAAM,MAAM,KAAK,SAAS,IAAI,EAE5B,iBACA,+BAEA,cACA,sBACA,oBACA,yBACA,uBACA,aACA,2BACA,kBACA,gBACA,gBACA,mBACA,aACA,qBACA,uBACA,kBACA,gBACA,gBACA,mBAEA,cACA,YACA,WACA,MACA,eACA,UACA,YACA,UACA,gBAGA,UAAU,QACV,UAKA,SACA,mBACA,iBACA,eACA,YACA,cACA,YACA,QACA,gBACA,kBACA,cACA,WACA,aACA,WACA,WACA,QAEA,OACA,QACA,UACA,UACA,WACA,WAUA,OACA,KAEA,GAAG,SACQ;CACX,MAAM,WAAW;EAEf;EAEA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAED;AAED,QAAO,YAAY,SAAS;AAkC5B,QAAO,oBAAC;EAAU;EAAK,OA/BL,cACV;GACJ,gCACI,EAAE,iBAAiB,+BAA+B,GAClD;GACJ,4BAA4B,EAAE,aAAa,2BAA2B,GAAG;GACzE,QAAQ,EAAE,OAAO,GAAG;GACpB,SAAS,EAAE,QAAQ,GAAG;GACtB,WAAW,EAAE,UAAU,GAAG;GAC1B,WAAW,EAAE,UAAU,GAAG;GAC1B,YAAY,EAAE,WAAW,GAAG;GAC5B,YAAY,EAAE,WAAW,GAAG;GAC5B,OAAO;GACP;GACD,EACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,OAAO;GACP;GACD,CACF;EAIwC,GAAI;GAAS;EACtD;AAEF,IAAI,cAAc"}
+{"version":3,"file":"Box.mjs","names":[],"sources":["../../src/components/Box.tsx"],"sourcesContent":["import type { ElevationLevel } from '@yahoo/uds-types';\nimport type { Ref } from 'react';\nimport { memo, useMemo } from 'react';\nimport type { ViewProps } from 'react-native';\nimport { View } from 'react-native';\nimport { StyleSheet } from 'react-native-unistyles';\n\nimport type { StyleProps } from '../../generated/styles';\nimport { styles } from '../../generated/styles';\nimport type { SizeProps } from '../types';\n\ninterface BoxProps extends ViewProps, SizeProps {\n  ref?: Ref<View>;\n  elevation?: ElevationLevel;\n  backgroundColor?: StyleProps['backgroundColor'];\n  borderRadius?: StyleProps['borderRadius'];\n  borderTopStartRadius?: StyleProps['borderTopStartRadius'];\n  borderTopEndRadius?: StyleProps['borderTopEndRadius'];\n  borderBottomStartRadius?: StyleProps['borderBottomStartRadius'];\n  borderBottomEndRadius?: StyleProps['borderBottomEndRadius'];\n  borderColor?: StyleProps['borderColor'];\n  borderStartColor?: StyleProps['borderStartColor'];\n  borderEndColor?: StyleProps['borderEndColor'];\n  borderTopColor?: StyleProps['borderTopColor'];\n  borderBottomColor?: StyleProps['borderBottomColor'];\n  borderWidth?: StyleProps['borderWidth'];\n  borderVerticalWidth?: StyleProps['borderVerticalWidth'];\n  borderHorizontalWidth?: StyleProps['borderHorizontalWidth'];\n  borderStartWidth?: StyleProps['borderStartWidth'];\n  borderEndWidth?: StyleProps['borderEndWidth'];\n  borderTopWidth?: StyleProps['borderTopWidth'];\n  borderBottomWidth?: StyleProps['borderBottomWidth'];\n  alignContent?: StyleProps['alignContent'];\n  alignItems?: StyleProps['alignItems'];\n  alignSelf?: StyleProps['alignSelf'];\n  flex?: StyleProps['flex'];\n  flexDirection?: StyleProps['flexDirection'];\n  flexGrow?: StyleProps['flexGrow'];\n  flexShrink?: StyleProps['flexShrink'];\n  flexWrap?: StyleProps['flexWrap'];\n  justifyContent?: StyleProps['justifyContent'];\n  //   flexBasis?: StyleProps['flexBasis'];\n  display?: StyleProps['display'];\n  overflow?: StyleProps['overflow'];\n  //   overflowX?: StyleProps['overflowX'];\n  //   overflowY?: StyleProps['overflowY'];\n  //   position?: StyleProps['position'];\n  spacing?: StyleProps['spacing'];\n  spacingHorizontal?: StyleProps['spacingHorizontal'];\n  spacingVertical?: StyleProps['spacingVertical'];\n  spacingBottom?: StyleProps['spacingBottom'];\n  spacingEnd?: StyleProps['spacingEnd'];\n  spacingStart?: StyleProps['spacingStart'];\n  spacingTop?: StyleProps['spacingTop'];\n  offset?: StyleProps['offset'];\n  offsetVertical?: StyleProps['offsetVertical'];\n  offsetHorizontal?: StyleProps['offsetHorizontal'];\n  offsetBottom?: StyleProps['offsetBottom'];\n  offsetEnd?: StyleProps['offsetEnd'];\n  offsetStart?: StyleProps['offsetStart'];\n  offsetTop?: StyleProps['offsetTop'];\n  columnGap?: StyleProps['columnGap'];\n  rowGap?: StyleProps['rowGap'];\n  dropShadow?: StyleProps['dropShadow'];\n  insetShadow?: StyleProps['insetShadow'];\n  dangerouslySetBackgroundColor?: string;\n  dangerouslySetBorderColor?: string;\n}\n\n/**\n * **📦 A layout component that can be used to compose other components**\n *\n * @description\n * The most simple component we ship - a View. But with all the power of the UDS design system.\n * By default, `Box` is a flexbox container. When working with vertical or horizontal layouts,\n * consider using VStack or HStack respectively.\n *\n * @category Layout\n * @platform mobile\n *\n * @example\n * ```tsx\n * import { Box } from '@yahoo/uds-mobile';\n *\n * <Box backgroundColor=\"primary\" spacing=\"6\">\n *   Any kind of content can go here!\n * </Box>\n * ```\n *\n * @usage\n * - Use as a container to apply padding, shapes, or other styling\n * - Use for creating card components\n * - Use HStack/VStack for directional layouts\n *\n * @see {@link HStack} for horizontal layouts\n * @see {@link VStack} for vertical layouts\n */\nconst Box = memo(function Box({\n  // elevation\n  elevation,\n  // background\n  backgroundColor,\n  dangerouslySetBackgroundColor,\n  // border\n  borderRadius,\n  borderTopStartRadius,\n  borderTopEndRadius,\n  borderBottomStartRadius,\n  borderBottomEndRadius,\n  borderColor,\n  dangerouslySetBorderColor,\n  borderStartColor,\n  borderEndColor,\n  borderTopColor,\n  borderBottomColor,\n  borderWidth,\n  borderVerticalWidth,\n  borderHorizontalWidth,\n  borderStartWidth,\n  borderEndWidth,\n  borderTopWidth,\n  borderBottomWidth,\n  // flex\n  alignContent,\n  alignItems,\n  alignSelf,\n  flex,\n  flexDirection,\n  flexGrow,\n  flexShrink,\n  flexWrap,\n  justifyContent,\n  // flexBasis,\n  // layout\n  display = 'flex',\n  overflow,\n  //     overflowX,\n  //     overflowY,\n  // position,\n  // spacing\n  spacing,\n  spacingHorizontal,\n  spacingVertical,\n  spacingBottom,\n  spacingEnd,\n  spacingStart,\n  spacingTop,\n  offset,\n  offsetVertical,\n  offsetHorizontal,\n  offsetBottom,\n  offsetEnd,\n  offsetStart,\n  offsetTop,\n  columnGap,\n  rowGap,\n  // size\n  width,\n  height,\n  minWidth,\n  maxWidth,\n  minHeight,\n  maxHeight,\n  // shadow\n  dropShadow,\n  insetShadow,\n  // // nested border radius\n  // nestedBorderRadius,\n  // nestedBorderRadiusSize = nestedBorderRadius ? borderRadius : undefined,\n  // nestedBorderRadiusSpacing = nestedBorderRadius ? spacing : undefined,\n  // nestedBorderRadiusWidth = nestedBorderRadius ? borderWidth : undefined,\n  // style - extracted to merge with variants\n  style,\n  ref,\n  // rest\n  ...props\n}: BoxProps) {\n  const elevationAlias = elevation !== undefined ? (`elevation-${elevation}` as const) : undefined;\n\n  const variants = {\n    // background\n    backgroundColor: backgroundColor ?? elevationAlias,\n    // border\n    borderRadius,\n    borderTopStartRadius,\n    borderTopEndRadius,\n    borderBottomStartRadius,\n    borderBottomEndRadius,\n    // nestedBorderRadius,\n    // nestedBorderRadiusSize,\n    // nestedBorderRadiusSpacing,\n    // nestedBorderRadiusWidth,\n    borderColor: borderColor ?? elevationAlias,\n    borderStartColor,\n    borderEndColor,\n    borderTopColor,\n    borderBottomColor,\n    borderWidth: borderWidth ?? elevationAlias,\n    borderVerticalWidth,\n    borderHorizontalWidth,\n    borderStartWidth,\n    borderEndWidth,\n    borderTopWidth,\n    borderBottomWidth,\n    // flex\n    alignContent,\n    alignItems,\n    alignSelf,\n    flex,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    flexWrap,\n    justifyContent,\n    // flexBasis,\n    // layout\n    display,\n    overflow,\n    // overflowX,\n    // overflowY,\n    // position,\n    // spacing\n    spacing,\n    spacingHorizontal,\n    spacingVertical,\n    spacingBottom,\n    spacingEnd,\n    spacingStart,\n    spacingTop,\n    offset,\n    offsetVertical,\n    offsetHorizontal,\n    offsetBottom,\n    offsetEnd,\n    offsetStart,\n    offsetTop,\n    columnGap,\n    rowGap,\n    // rest\n  };\n\n  styles.useVariants(variants);\n\n  const effectiveDropShadow = dropShadow ?? elevationAlias;\n  const shadowStyle =\n    effectiveDropShadow || insetShadow\n      ? shadowSheet.shadow(effectiveDropShadow, insetShadow)\n      : undefined;\n\n  // styles.foundation must be in deps - it returns a new reference when variants change\n  const boxStyles = useMemo(\n    () => [\n      dangerouslySetBackgroundColor\n        ? { backgroundColor: dangerouslySetBackgroundColor }\n        : undefined,\n      dangerouslySetBorderColor ? { borderColor: dangerouslySetBorderColor } : undefined,\n      width ? { width } : undefined,\n      height ? { height } : undefined,\n      minWidth ? { minWidth } : undefined,\n      maxWidth ? { maxWidth } : undefined,\n      minHeight ? { minHeight } : undefined,\n      maxHeight ? { maxHeight } : undefined,\n      shadowStyle,\n      styles.foundation,\n      style,\n    ],\n    [\n      dangerouslySetBackgroundColor,\n      dangerouslySetBorderColor,\n      width,\n      height,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight,\n      shadowStyle,\n      styles.foundation,\n      style,\n    ],\n  );\n\n  // Merge variant styles with user-provided style prop\n  // User styles come last so they can override variant styles if needed\n  return <View ref={ref} style={boxStyles} {...props} />;\n});\n\nBox.displayName = 'Box';\n\n/**\n * Dynamic shadow stylesheet that merges drop and inset shadows into a single\n * boxShadow CSS string. Theme-reactive so shadows update on color mode change.\n */\nconst shadowSheet = StyleSheet.create((theme) => ({\n  shadow: (drop?: string, inset?: string) => {\n    const parts = [\n      drop ? theme.boxShadow.drop[drop as keyof typeof theme.boxShadow.drop] : '',\n      inset ? theme.boxShadow.inset[inset as keyof typeof theme.boxShadow.inset] : '',\n    ].filter(Boolean);\n    return parts.length > 0 ? { boxShadow: parts.join(', ') } : {};\n  },\n}));\n\nexport { Box, type BoxProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGA,MAAM,MAAM,KAAK,SAAS,IAAI,EAE5B,WAEA,iBACA,+BAEA,cACA,sBACA,oBACA,yBACA,uBACA,aACA,2BACA,kBACA,gBACA,gBACA,mBACA,aACA,qBACA,uBACA,kBACA,gBACA,gBACA,mBAEA,cACA,YACA,WACA,MACA,eACA,UACA,YACA,UACA,gBAGA,UAAU,QACV,UAKA,SACA,mBACA,iBACA,eACA,YACA,cACA,YACA,QACA,gBACA,kBACA,cACA,WACA,aACA,WACA,WACA,QAEA,OACA,QACA,UACA,UACA,WACA,WAEA,YACA,aAOA,OACA,KAEA,GAAG,SACQ;CACX,MAAM,iBAAiB,cAAc,SAAa,aAAa,cAAwB;CAEvF,MAAM,WAAW;EAEf,iBAAiB,mBAAmB;EAEpC;EACA;EACA;EACA;EACA;EAKA,aAAa,eAAe;EAC5B;EACA;EACA;EACA;EACA,aAAa,eAAe;EAC5B;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAED;AAED,QAAO,YAAY,SAAS;CAE5B,MAAM,sBAAsB,cAAc;CAC1C,MAAM,cACJ,uBAAuB,cACnB,YAAY,OAAO,qBAAqB,YAAY,GACpD;AAoCN,QAAO,oBAAC;EAAU;EAAK,OAjCL,cACV;GACJ,gCACI,EAAE,iBAAiB,+BAA+B,GAClD;GACJ,4BAA4B,EAAE,aAAa,2BAA2B,GAAG;GACzE,QAAQ,EAAE,OAAO,GAAG;GACpB,SAAS,EAAE,QAAQ,GAAG;GACtB,WAAW,EAAE,UAAU,GAAG;GAC1B,WAAW,EAAE,UAAU,GAAG;GAC1B,YAAY,EAAE,WAAW,GAAG;GAC5B,YAAY,EAAE,WAAW,GAAG;GAC5B;GACA,OAAO;GACP;GACD,EACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,OAAO;GACP;GACD,CACF;EAIwC,GAAI;GAAS;EACtD;AAEF,IAAI,cAAc;;;;;AAMlB,MAAM,cAAc,WAAW,QAAQ,WAAW,EAChD,SAAS,MAAe,UAAmB;CACzC,MAAM,QAAQ,CACZ,OAAO,MAAM,UAAU,KAAK,QAA6C,IACzE,QAAQ,MAAM,UAAU,MAAM,SAA+C,GAC9E,CAAC,OAAO,QAAQ;AACjB,QAAO,MAAM,SAAS,IAAI,EAAE,WAAW,MAAM,KAAK,KAAK,EAAE,GAAG,EAAE;GAEjE,EAAE"}

package/dist/components/Icon.cjs

@@ -7,9 +7,9 @@ const require_tokens = require('../icons/dist/tokens.cjs');
 let react = require("react");
 let react_native = require("react-native");
 let generated_styles = require("../../generated/styles");
+let react_native_unistyles = require("react-native-unistyles");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react_native_svg = require("react-native-svg");
-let react_native_unistyles = require("react-native-unistyles");
 
 //#region src/components/Icon.tsx
 const DEFAULT_PROPS = {

package/dist/components/Icon.mjs

@@ -5,9 +5,9 @@ import { ICON_SIZE_MAP } from "../icons/dist/tokens.mjs";
 import { memo, useMemo } from "react";
 import { Text, View } from "react-native";
 import { styles } from "../../generated/styles";
+import { useUnistyles } from "react-native-unistyles";
 import { jsx } from "react/jsx-runtime";
 import { SvgXml } from "react-native-svg";
-import { useUnistyles } from "react-native-unistyles";
 
 //#region src/components/Icon.tsx
 const DEFAULT_PROPS = {

package/dist/components/Screen.cjs

@@ -6,8 +6,8 @@ const require_components_VStack = require('./VStack.cjs');
 let react = require("react");
 let react_native = require("react-native");
 let generated_styles = require("../../generated/styles");
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_native_unistyles = require("react-native-unistyles");
+let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/Screen.tsx
 /**

package/dist/components/Screen.mjs

@@ -4,8 +4,8 @@ import { VStack } from "./VStack.mjs";
 import { memo, useMemo } from "react";
 import { ScrollView } from "react-native";
 import { styles } from "../../generated/styles";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { StyleSheet } from "react-native-unistyles";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Screen.tsx
 /**

package/dist/components/Switch.cjs

@@ -7,8 +7,8 @@ const require_components_HStack = require('./HStack.cjs');
 let react = require("react");
 let react_native = require("react-native");
 let generated_styles = require("../../generated/styles");
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_native_unistyles = require("react-native-unistyles");
+let react_jsx_runtime = require("react/jsx-runtime");
 let react_native_reanimated = require("react-native-reanimated");
 react_native_reanimated = require_runtime.__toESM(react_native_reanimated);
 let react_native_unistyles_reanimated = require("react-native-unistyles/reanimated");

package/dist/components/Switch.mjs

@@ -5,8 +5,8 @@ import { HStack } from "./HStack.mjs";
 import { memo, useCallback, useEffect, useMemo, useState } from "react";
 import { AccessibilityInfo, Pressable } from "react-native";
 import { switchStyles } from "../../generated/styles";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { StyleSheet } from "react-native-unistyles";
+import { jsx, jsxs } from "react/jsx-runtime";
 import Animated, { useAnimatedStyle, useDerivedValue, withTiming } from "react-native-reanimated";
 import { useAnimatedVariantColor } from "react-native-unistyles/reanimated";
 

package/dist/types/dist/index.d.cts

@@ -155,6 +155,8 @@ interface UniversalBoxProps extends PropsWithChildren, BackgroundStyleProps, Bor
   asChild?: boolean;
   /** The HTML element type to render. @default 'div' */
   as?: ElementType;
+  /** Shorthand that sets backgroundColor, borderColor, borderWidth, and dropShadow to the given elevation level ('0'–'5'). Individual props override the shorthand. */
+  elevation?: ElevationLevel;
 }
 /**
  * Universal icon props with generic icon type.
@@ -292,5 +294,5 @@ type ChipSize = 'sm' | 'md';
 type BadgeVariant = 'primary' | 'secondary' | 'brand' | 'brand-secondary' | 'alert' | 'alert-secondary' | 'positive' | 'positive-secondary' | 'warning' | 'warning-secondary' | 'info' | 'info-secondary';
 type BadgeSize = 'xs' | 'sm' | 'md' | 'lg';
 //#endregion
-export { type BadgeSize, type BadgeVariant, type ButtonSize, type ButtonVariantFlat, type ChipSize, type ChipVariant, type IconButtonSize, type IconSize, type IconVariant, type MotionConfig, type MotionVariantValues, type UniversalCheckboxProps, type UniversalImageProps, type UniversalInputProps, type UniversalLinkProps, type UniversalRadioProps, type UniversalSwitchProps };
+export { type BadgeSize, type BadgeVariant, type ButtonSize, type ButtonVariantFlat, type ChipSize, type ChipVariant, type ElevationLevel, type IconButtonSize, type IconSize, type IconVariant, type MotionConfig, type MotionVariantValues, type UniversalCheckboxProps, type UniversalImageProps, type UniversalInputProps, type UniversalLinkProps, type UniversalRadioProps, type UniversalSwitchProps };
 //# sourceMappingURL=index.d.cts.map

package/dist/types/dist/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","names":["ElementType","HTMLAttributes","PropsWithChildren","ReactElement","ReactNode","Ref","IntRange","IconPixelSize","IconSize","IconVariant","GenericIconComponent","React","ComponentType","MaxLengthArray","T","N","A","ExtractUrlFromFontFaceRule","U","Percentage","PixelsUnit","value","type","RemsUnit","UnitlessUnit","PercentageUnit","Hue","HueStep","SpectrumColor","SharedPrimaryPaletteAlias","SharedSecondaryPaletteAlias","SharedPaletteAlias","DeprecatedAccentAlias","OpacityStep","BackgroundPaletteAlias","BackgroundPalette","PaletteValue","Record","ForegroundPaletteAlias","ForegroundPalette","LinePaletteAlias","LinePalette","ShadowPaletteAlias","ShadowPalette","AlwaysPaletteAliasWithPrefix","DeprecatedAlwaysPaletteAlias","AlwaysPaletteAlias","LinkableValue","$ref","PaletteType","PaletteConfig","hue","step","opacity","Palette","key","background","foreground","line","shadow","ForegroundColor","LineColor","ElevationAlias","BackgroundColor","ShadowColor","PropertyToPaletteAliasMap","backgroundColor","borderColor","color","ShadowSpectrumColor","ShadowPaletteColor","ShadowAlwaysColor","ShadowColorConfig","ShadowOffset","SpacingAlias","Exclude","ShadowOpacity","ShadowSpreadRadius","ShadowPreset","offsetX","offsetY","blur","spread","ShadowVariant","ShadowVariantWithElevation","ShadowVariantInvert","ShadowVariantWithInvert","ShadowVariantConfig","ShadowType","ShadowTypeConfig","ShadowConfig","drop","inset","BreakpointValue","BreakpointsConfig","sm","md","lg","xl","Breakpoint","BreakpointWithBase","TextVariantTypography","TextVariantUi","TextVariantWithoutEmphasized","TextVariant","FontAlias","FontType","FontWeightNumeric","FontWeightDescriptive","TextTransform","TextDecorationLine","LineClampAlias","LineHeight","FontSize","TextTransformConfig","FontSizeConfig","FontFamilyConfig","FontWeightConfig","FontSlantConfig","FontWidthConfig","LineHeightConfig","TextProperty","TypographyUnitValue","TypographyResponsiveProperty","base","breakpoints","TypographyStyleProperty","TypographyStyle","fontFamily","textTransform","fontSize","fontWeight","lineHeight","fontSlant","fontWidth","letterSpacing","TypographyConfig","FontConfig","TShirtSize","TShirtSizeCommon","Extract","AvatarSize","AvatarSizeConfig","AvatarShape","BorderRadius","IconSizeConfig","SpacingConfig","AlwaysPaletteColor","ElevationSurfaceColor","ElevationBackgroundFillColor","ElevationBorderColor","RGBColorValue","RGBAUnit","r","g","b","a","ElevationCustomShadows","RGBUnit","ElevationPreset","BorderWidth","surfaceColor","layerWithBackgroundFill","backgroundFill","backgroundBlurRadius","finalBackgroundOpacity","finalBackgroundValue","fallbackBlurredBackgroundValue","borderWidth","dropShadow","ElevationLevel","ElevationConfig","ColorMode","ElevationGlobalRampSettings","progression","ambientLight","shadowDistance","shadowOpacity","shadowColor","backgroundOpacity","ElevationGlobalRampConfig","isAdvancedModeEnabled","colorMode","BorderRadiusConfig","BorderWidthWithElevation","BorderWidthConfig","ColorModeForApp","ColorModeConfig","ColorsConfig","SpectrumConfig","palette","spectrum","SpectrumValue","ScaleMode","ScaleModeForApp","ScaleConfig","avatarSizes","iconSizes","borderRadius","ScaleModeConfig","ButtonSize","ButtonPalette","ButtonVariant","ButtonContrastVariant","ScaleEffect","ButtonVariantFlat","ButtonSpectrumColor","ButtonPaletteColor","IconButtonSize","InputSize","PlatformMode","HighContrastMode","RegionMode","Modes","scaleMode","Animation","TransitionDelay","TransitionDuration","TransitionTiming","MotionVariant","MotionVariantSpeed","MotionSpringConfigOptions","MotionSpringConfig","damping","stiffness","MotionVariantValues","MotionConfig","FontCssVar","MotionCssVar","UdsCssVar","AriaAttribute","DataAttribute","Flex","FlexGrow","FlexShrink","FlexAlignContent","FlexAlignItems","FlexAlignSelf","FlexDirection","FlexWrap","FlexJustifyContent","FlexBasis","Display","Overflow","Position","ImageStyleProps","contentFit","BorderStyleProps","borderTopStartRadius","borderTopEndRadius","borderBottomStartRadius","borderBottomEndRadius","borderStartColor","borderEndColor","borderTopColor","borderBottomColor","borderVerticalWidth","borderHorizontalWidth","borderStartWidth","borderEndWidth","borderTopWidth","borderBottomWidth","NestedBorderRadiusStyleProps","nestedBorderRadius","nestedBorderRadiusSize","nestedBorderRadiusSpacing","nestedBorderRadiusWidth","ShadowStyleProps","insetShadow","LayoutStyleProps","display","overflow","overflowX","overflowY","position","SpacingStyleProps","spacing","spacingHorizontal","spacingVertical","spacingBottom","spacingEnd","spacingStart","spacingTop","offset","offsetVertical","offsetHorizontal","offsetBottom","offsetEnd","offsetStart","offsetTop","columnGap","rowGap","FlexStyleProps","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","flexWrap","justifyContent","flexBasis","StateStyleProps","interactable","focusable","TextStyleProps","placeholderColor","textAlign","BackgroundStyleProps","CustomSizingStyleProps","iconSize","avatarSize","SizeStyleProps","width","height","StyleProps","UniversalBoxProps","asChild","as","UniversalStackProps","Omit","gap","separator","index","UniversalTextProps","variant","UniversalIconProps","Icon","name","size","SVGElementProps","SVGSVGElement","IconPropsWithSVGProps","IconSlotRenderProps","BackwardsCompatibleReactElement","UniversalIconSlot","iconProps","UniversalPressableProps","onPress","UniversalIconButtonProps","iconVariant","htmlName","loading","disableEffects","UniversalButtonProps","IconSlotType","Pick","startIcon","endIcon","UniversalImageProps","src","alt","ImgElementProps","HTMLImageElement","ImgHTMLAttributes","ImagePropsWithImgProps","UniversalFormLabelProps","required","hasError","showRequiredAsterisk","label","UniversalInputProps","disabled","helpText","helperTextIcon","reduceMotion","readOnly","DividerVariant","UniversalDividerProps","vertical","contentPosition","LinkVariant","LinkTextVariant","UniversalLinkProps","textVariant","alwaysUnderline","CheckboxValue","CheckboxVariant","CheckboxSize","UniversalCheckboxProps","checked","labelPosition","RadioValue","RadioVariant","RadioSize","UniversalRadioProps","UniversalRadioGroupProps","defaultValue","onChange","SwitchSize","UniversalSwitchProps","isOn","defaultIsOn","onIcon","offIcon","ChipVariant","ChipSize","UniversalChipBaseProps","minWidth","maxWidth","UniversalChipDismissibleProps","onDismiss","dismissButtonAriaLabel","dismissIcon","UniversalChipToggleProps","isToggled","onToggle","UniversalChipButtonProps","UniversalChipLinkProps","href","UniversalChipProps","BadgeVariant","BadgeSize","UniversalBadgeProps","iconColor","AvatarVariant","AvatarAbbreviationStrategy","UniversalAvatarBaseProps","customSize","abbreviationStrategy","className","UniversalAvatarImageProps","srcSet","fallback","UniversalAvatarTextProps","initials","UniversalAvatarIconProps","icon","UniversalAvatarProps","UniversalMenuItemProps","active","slots","root","ref","props","ToastSize","ToastVariant","ToastPosition","UniversalToastProps","message","actionButton","onClickActionButton","closeIcon","onClickCloseButton","id","VerticalPlacement","HorizontalPlacement","TooltipPlacement","TooltipSize","TooltipVariant","UniversalTooltipProps","children","placement","open","portal","UniversalTooltipTriggerProps","UniversalTooltipContentProps","startTitleIcon","title","endContent","ConfigurableComponentName","UniversalTokensConfigAutoBase","UniversalTokensConfigBase","GlobalDefaultsConfig","$defs","links","systems","version","font","motion","typography","elevation","elevationGlobalRamp","globalDefaults","UniversalTokensConfigGeneric","ConfigAuto","breakpoint","enableResponsiveType"],"sources":["../../../../types/dist/index.d.ts"],"mappings":"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"}
+{"version":3,"file":"index.d.cts","names":["ElementType","HTMLAttributes","PropsWithChildren","ReactElement","ReactNode","Ref","IntRange","IconPixelSize","IconSize","IconVariant","GenericIconComponent","React","ComponentType","MaxLengthArray","T","N","A","ExtractUrlFromFontFaceRule","U","Percentage","PixelsUnit","value","type","RemsUnit","UnitlessUnit","PercentageUnit","Hue","HueStep","SpectrumColor","SharedPrimaryPaletteAlias","SharedSecondaryPaletteAlias","SharedPaletteAlias","DeprecatedAccentAlias","OpacityStep","BackgroundPaletteAlias","BackgroundPalette","PaletteValue","Record","ForegroundPaletteAlias","ForegroundPalette","LinePaletteAlias","LinePalette","ShadowPaletteAlias","ShadowPalette","AlwaysPaletteAliasWithPrefix","DeprecatedAlwaysPaletteAlias","AlwaysPaletteAlias","LinkableValue","$ref","PaletteType","PaletteConfig","hue","step","opacity","Palette","key","background","foreground","line","shadow","ForegroundColor","LineColor","ElevationAlias","BackgroundColor","ShadowColor","PropertyToPaletteAliasMap","backgroundColor","borderColor","color","ShadowSpectrumColor","ShadowPaletteColor","ShadowAlwaysColor","ShadowColorConfig","ShadowOffset","SpacingAlias","Exclude","ShadowOpacity","ShadowSpreadRadius","ShadowPreset","offsetX","offsetY","blur","spread","ShadowVariant","ShadowVariantWithElevation","ShadowVariantInvert","ShadowVariantWithInvert","ShadowVariantConfig","ShadowType","ShadowTypeConfig","ShadowConfig","drop","inset","BreakpointValue","BreakpointsConfig","sm","md","lg","xl","Breakpoint","BreakpointWithBase","TextVariantTypography","TextVariantUi","TextVariantWithoutEmphasized","TextVariant","FontAlias","FontType","FontWeightNumeric","FontWeightDescriptive","TextTransform","TextDecorationLine","LineClampAlias","LineHeight","FontSize","TextTransformConfig","FontSizeConfig","FontFamilyConfig","FontWeightConfig","FontSlantConfig","FontWidthConfig","LineHeightConfig","TextProperty","TypographyUnitValue","TypographyResponsiveProperty","base","breakpoints","TypographyStyleProperty","TypographyStyle","fontFamily","textTransform","fontSize","fontWeight","lineHeight","fontSlant","fontWidth","letterSpacing","TypographyConfig","FontConfig","TShirtSize","TShirtSizeCommon","Extract","AvatarSize","AvatarSizeConfig","AvatarShape","BorderRadius","IconSizeConfig","SpacingConfig","AlwaysPaletteColor","ElevationSurfaceColor","ElevationBackgroundFillColor","ElevationBorderColor","RGBColorValue","RGBAUnit","r","g","b","a","ElevationCustomShadows","RGBUnit","ElevationPreset","BorderWidth","surfaceColor","layerWithBackgroundFill","backgroundFill","backgroundBlurRadius","finalBackgroundOpacity","finalBackgroundValue","fallbackBlurredBackgroundValue","borderWidth","dropShadow","ElevationLevel","ElevationConfig","ColorMode","ElevationGlobalRampSettings","progression","ambientLight","shadowDistance","shadowOpacity","shadowColor","backgroundOpacity","ElevationGlobalRampConfig","isAdvancedModeEnabled","colorMode","BorderRadiusConfig","BorderWidthWithElevation","BorderWidthConfig","ColorModeForApp","ColorModeConfig","ColorsConfig","SpectrumConfig","palette","spectrum","SpectrumRGB","SpectrumValueEntry","rgb","SpectrumValue","ScaleMode","ScaleModeForApp","ScaleConfig","avatarSizes","iconSizes","borderRadius","ScaleModeConfig","ButtonSize","ButtonPalette","ButtonVariant","ButtonContrastVariant","ScaleEffect","ButtonVariantFlat","ButtonSpectrumColor","ButtonPaletteColor","IconButtonSize","InputSize","PlatformMode","HighContrastMode","RegionMode","Modes","scaleMode","Animation","TransitionDelay","TransitionDuration","TransitionTiming","MotionVariant","MotionVariantSpeed","MotionSpringConfigOptions","MotionSpringConfig","damping","stiffness","MotionVariantValues","MotionConfig","FontCssVar","MotionCssVar","UdsCssVar","AriaAttribute","DataAttribute","Flex","FlexGrow","FlexShrink","FlexAlignContent","FlexAlignItems","FlexAlignSelf","FlexDirection","FlexWrap","FlexJustifyContent","FlexBasis","Display","Overflow","Position","ImageStyleProps","contentFit","BorderStyleProps","borderTopStartRadius","borderTopEndRadius","borderBottomStartRadius","borderBottomEndRadius","borderStartColor","borderEndColor","borderTopColor","borderBottomColor","borderVerticalWidth","borderHorizontalWidth","borderStartWidth","borderEndWidth","borderTopWidth","borderBottomWidth","NestedBorderRadiusStyleProps","nestedBorderRadius","nestedBorderRadiusSize","nestedBorderRadiusSpacing","nestedBorderRadiusWidth","ShadowStyleProps","insetShadow","LayoutStyleProps","display","overflow","overflowX","overflowY","position","SpacingStyleProps","spacing","spacingHorizontal","spacingVertical","spacingBottom","spacingEnd","spacingStart","spacingTop","offset","offsetVertical","offsetHorizontal","offsetBottom","offsetEnd","offsetStart","offsetTop","columnGap","rowGap","FlexStyleProps","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","flexWrap","justifyContent","flexBasis","StateStyleProps","interactable","focusable","TextStyleProps","placeholderColor","textAlign","BackgroundStyleProps","CustomSizingStyleProps","iconSize","avatarSize","SizeStyleProps","width","height","StyleProps","UniversalBoxProps","asChild","as","elevation","UniversalStackProps","Omit","gap","separator","index","UniversalTextProps","variant","UniversalIconProps","Icon","name","size","SVGElementProps","SVGSVGElement","IconPropsWithSVGProps","IconSlotRenderProps","BackwardsCompatibleReactElement","UniversalIconSlot","iconProps","UniversalPressableProps","onPress","UniversalIconButtonProps","iconVariant","htmlName","loading","disableEffects","UniversalButtonProps","IconSlotType","Pick","startIcon","endIcon","UniversalImageProps","src","alt","ImgElementProps","HTMLImageElement","ImgHTMLAttributes","ImagePropsWithImgProps","UniversalFormLabelProps","required","hasError","showRequiredAsterisk","label","UniversalInputProps","disabled","helpText","helperTextIcon","reduceMotion","readOnly","DividerVariant","UniversalDividerProps","vertical","contentPosition","LinkVariant","LinkTextVariant","UniversalLinkProps","textVariant","alwaysUnderline","CheckboxValue","CheckboxVariant","CheckboxSize","UniversalCheckboxProps","checked","labelPosition","RadioValue","RadioVariant","RadioSize","UniversalRadioProps","UniversalRadioGroupProps","defaultValue","onChange","SwitchSize","UniversalSwitchProps","isOn","defaultIsOn","onIcon","offIcon","ChipVariant","ChipSize","UniversalChipBaseProps","minWidth","maxWidth","UniversalChipDismissibleProps","onDismiss","dismissButtonAriaLabel","dismissIcon","UniversalChipToggleProps","isToggled","onToggle","UniversalChipButtonProps","UniversalChipLinkProps","href","UniversalChipProps","BadgeVariant","BadgeSize","UniversalBadgeProps","iconColor","AvatarVariant","AvatarAbbreviationStrategy","UniversalAvatarBaseProps","customSize","abbreviationStrategy","className","UniversalAvatarImageProps","srcSet","fallback","UniversalAvatarTextProps","initials","UniversalAvatarIconProps","icon","UniversalAvatarProps","UniversalMenuItemProps","active","slots","root","ref","props","ToastSize","ToastVariant","ToastPosition","UniversalToastProps","message","actionButton","onClickActionButton","closeIcon","onClickCloseButton","id","VerticalPlacement","HorizontalPlacement","TooltipPlacement","TooltipSize","TooltipVariant","UniversalTooltipProps","children","placement","open","portal","UniversalTooltipTriggerProps","UniversalTooltipContentProps","startTitleIcon","title","endContent","ConfigurableComponentName","UniversalTokensConfigAutoBase","UniversalTokensConfigBase","GlobalDefaultsConfig","$defs","links","systems","version","font","motion","typography","elevationGlobalRamp","globalDefaults","UniversalTokensConfigGeneric","ConfigAuto","breakpoint","enableResponsiveType"],"sources":["../../../../types/dist/index.d.ts"],"mappings":"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"}

package/dist/types/dist/index.d.mts

@@ -155,6 +155,8 @@ interface UniversalBoxProps extends PropsWithChildren, BackgroundStyleProps, Bor
   asChild?: boolean;
   /** The HTML element type to render. @default 'div' */
   as?: ElementType;
+  /** Shorthand that sets backgroundColor, borderColor, borderWidth, and dropShadow to the given elevation level ('0'–'5'). Individual props override the shorthand. */
+  elevation?: ElevationLevel;
 }
 /**
  * Universal icon props with generic icon type.
@@ -292,5 +294,5 @@ type ChipSize = 'sm' | 'md';
 type BadgeVariant = 'primary' | 'secondary' | 'brand' | 'brand-secondary' | 'alert' | 'alert-secondary' | 'positive' | 'positive-secondary' | 'warning' | 'warning-secondary' | 'info' | 'info-secondary';
 type BadgeSize = 'xs' | 'sm' | 'md' | 'lg';
 //#endregion
-export { type BadgeSize, type BadgeVariant, type ButtonSize, type ButtonVariantFlat, type ChipSize, type ChipVariant, type IconButtonSize, type IconSize, type IconVariant, type MotionConfig, type MotionVariantValues, type UniversalCheckboxProps, type UniversalImageProps, type UniversalInputProps, type UniversalLinkProps, type UniversalRadioProps, type UniversalSwitchProps };
+export { type BadgeSize, type BadgeVariant, type ButtonSize, type ButtonVariantFlat, type ChipSize, type ChipVariant, type ElevationLevel, type IconButtonSize, type IconSize, type IconVariant, type MotionConfig, type MotionVariantValues, type UniversalCheckboxProps, type UniversalImageProps, type UniversalInputProps, type UniversalLinkProps, type UniversalRadioProps, type UniversalSwitchProps };
 //# sourceMappingURL=index.d.mts.map

package/dist/types/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":["ElementType","HTMLAttributes","PropsWithChildren","ReactElement","ReactNode","Ref","IntRange","IconPixelSize","IconSize","IconVariant","GenericIconComponent","React","ComponentType","MaxLengthArray","T","N","A","ExtractUrlFromFontFaceRule","U","Percentage","PixelsUnit","value","type","RemsUnit","UnitlessUnit","PercentageUnit","Hue","HueStep","SpectrumColor","SharedPrimaryPaletteAlias","SharedSecondaryPaletteAlias","SharedPaletteAlias","DeprecatedAccentAlias","OpacityStep","BackgroundPaletteAlias","BackgroundPalette","PaletteValue","Record","ForegroundPaletteAlias","ForegroundPalette","LinePaletteAlias","LinePalette","ShadowPaletteAlias","ShadowPalette","AlwaysPaletteAliasWithPrefix","DeprecatedAlwaysPaletteAlias","AlwaysPaletteAlias","LinkableValue","$ref","PaletteType","PaletteConfig","hue","step","opacity","Palette","key","background","foreground","line","shadow","ForegroundColor","LineColor","ElevationAlias","BackgroundColor","ShadowColor","PropertyToPaletteAliasMap","backgroundColor","borderColor","color","ShadowSpectrumColor","ShadowPaletteColor","ShadowAlwaysColor","ShadowColorConfig","ShadowOffset","SpacingAlias","Exclude","ShadowOpacity","ShadowSpreadRadius","ShadowPreset","offsetX","offsetY","blur","spread","ShadowVariant","ShadowVariantWithElevation","ShadowVariantInvert","ShadowVariantWithInvert","ShadowVariantConfig","ShadowType","ShadowTypeConfig","ShadowConfig","drop","inset","BreakpointValue","BreakpointsConfig","sm","md","lg","xl","Breakpoint","BreakpointWithBase","TextVariantTypography","TextVariantUi","TextVariantWithoutEmphasized","TextVariant","FontAlias","FontType","FontWeightNumeric","FontWeightDescriptive","TextTransform","TextDecorationLine","LineClampAlias","LineHeight","FontSize","TextTransformConfig","FontSizeConfig","FontFamilyConfig","FontWeightConfig","FontSlantConfig","FontWidthConfig","LineHeightConfig","TextProperty","TypographyUnitValue","TypographyResponsiveProperty","base","breakpoints","TypographyStyleProperty","TypographyStyle","fontFamily","textTransform","fontSize","fontWeight","lineHeight","fontSlant","fontWidth","letterSpacing","TypographyConfig","FontConfig","TShirtSize","TShirtSizeCommon","Extract","AvatarSize","AvatarSizeConfig","AvatarShape","BorderRadius","IconSizeConfig","SpacingConfig","AlwaysPaletteColor","ElevationSurfaceColor","ElevationBackgroundFillColor","ElevationBorderColor","RGBColorValue","RGBAUnit","r","g","b","a","ElevationCustomShadows","RGBUnit","ElevationPreset","BorderWidth","surfaceColor","layerWithBackgroundFill","backgroundFill","backgroundBlurRadius","finalBackgroundOpacity","finalBackgroundValue","fallbackBlurredBackgroundValue","borderWidth","dropShadow","ElevationLevel","ElevationConfig","ColorMode","ElevationGlobalRampSettings","progression","ambientLight","shadowDistance","shadowOpacity","shadowColor","backgroundOpacity","ElevationGlobalRampConfig","isAdvancedModeEnabled","colorMode","BorderRadiusConfig","BorderWidthWithElevation","BorderWidthConfig","ColorModeForApp","ColorModeConfig","ColorsConfig","SpectrumConfig","palette","spectrum","SpectrumValue","ScaleMode","ScaleModeForApp","ScaleConfig","avatarSizes","iconSizes","borderRadius","ScaleModeConfig","ButtonSize","ButtonPalette","ButtonVariant","ButtonContrastVariant","ScaleEffect","ButtonVariantFlat","ButtonSpectrumColor","ButtonPaletteColor","IconButtonSize","InputSize","PlatformMode","HighContrastMode","RegionMode","Modes","scaleMode","Animation","TransitionDelay","TransitionDuration","TransitionTiming","MotionVariant","MotionVariantSpeed","MotionSpringConfigOptions","MotionSpringConfig","damping","stiffness","MotionVariantValues","MotionConfig","FontCssVar","MotionCssVar","UdsCssVar","AriaAttribute","DataAttribute","Flex","FlexGrow","FlexShrink","FlexAlignContent","FlexAlignItems","FlexAlignSelf","FlexDirection","FlexWrap","FlexJustifyContent","FlexBasis","Display","Overflow","Position","ImageStyleProps","contentFit","BorderStyleProps","borderTopStartRadius","borderTopEndRadius","borderBottomStartRadius","borderBottomEndRadius","borderStartColor","borderEndColor","borderTopColor","borderBottomColor","borderVerticalWidth","borderHorizontalWidth","borderStartWidth","borderEndWidth","borderTopWidth","borderBottomWidth","NestedBorderRadiusStyleProps","nestedBorderRadius","nestedBorderRadiusSize","nestedBorderRadiusSpacing","nestedBorderRadiusWidth","ShadowStyleProps","insetShadow","LayoutStyleProps","display","overflow","overflowX","overflowY","position","SpacingStyleProps","spacing","spacingHorizontal","spacingVertical","spacingBottom","spacingEnd","spacingStart","spacingTop","offset","offsetVertical","offsetHorizontal","offsetBottom","offsetEnd","offsetStart","offsetTop","columnGap","rowGap","FlexStyleProps","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","flexWrap","justifyContent","flexBasis","StateStyleProps","interactable","focusable","TextStyleProps","placeholderColor","textAlign","BackgroundStyleProps","CustomSizingStyleProps","iconSize","avatarSize","SizeStyleProps","width","height","StyleProps","UniversalBoxProps","asChild","as","UniversalStackProps","Omit","gap","separator","index","UniversalTextProps","variant","UniversalIconProps","Icon","name","size","SVGElementProps","SVGSVGElement","IconPropsWithSVGProps","IconSlotRenderProps","BackwardsCompatibleReactElement","UniversalIconSlot","iconProps","UniversalPressableProps","onPress","UniversalIconButtonProps","iconVariant","htmlName","loading","disableEffects","UniversalButtonProps","IconSlotType","Pick","startIcon","endIcon","UniversalImageProps","src","alt","ImgElementProps","HTMLImageElement","ImgHTMLAttributes","ImagePropsWithImgProps","UniversalFormLabelProps","required","hasError","showRequiredAsterisk","label","UniversalInputProps","disabled","helpText","helperTextIcon","reduceMotion","readOnly","DividerVariant","UniversalDividerProps","vertical","contentPosition","LinkVariant","LinkTextVariant","UniversalLinkProps","textVariant","alwaysUnderline","CheckboxValue","CheckboxVariant","CheckboxSize","UniversalCheckboxProps","checked","labelPosition","RadioValue","RadioVariant","RadioSize","UniversalRadioProps","UniversalRadioGroupProps","defaultValue","onChange","SwitchSize","UniversalSwitchProps","isOn","defaultIsOn","onIcon","offIcon","ChipVariant","ChipSize","UniversalChipBaseProps","minWidth","maxWidth","UniversalChipDismissibleProps","onDismiss","dismissButtonAriaLabel","dismissIcon","UniversalChipToggleProps","isToggled","onToggle","UniversalChipButtonProps","UniversalChipLinkProps","href","UniversalChipProps","BadgeVariant","BadgeSize","UniversalBadgeProps","iconColor","AvatarVariant","AvatarAbbreviationStrategy","UniversalAvatarBaseProps","customSize","abbreviationStrategy","className","UniversalAvatarImageProps","srcSet","fallback","UniversalAvatarTextProps","initials","UniversalAvatarIconProps","icon","UniversalAvatarProps","UniversalMenuItemProps","active","slots","root","ref","props","ToastSize","ToastVariant","ToastPosition","UniversalToastProps","message","actionButton","onClickActionButton","closeIcon","onClickCloseButton","id","VerticalPlacement","HorizontalPlacement","TooltipPlacement","TooltipSize","TooltipVariant","UniversalTooltipProps","children","placement","open","portal","UniversalTooltipTriggerProps","UniversalTooltipContentProps","startTitleIcon","title","endContent","ConfigurableComponentName","UniversalTokensConfigAutoBase","UniversalTokensConfigBase","GlobalDefaultsConfig","$defs","links","systems","version","font","motion","typography","elevation","elevationGlobalRamp","globalDefaults","UniversalTokensConfigGeneric","ConfigAuto","breakpoint","enableResponsiveType"],"sources":["../../../../types/dist/index.d.ts"],"mappings":"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"}
+{"version":3,"file":"index.d.mts","names":["ElementType","HTMLAttributes","PropsWithChildren","ReactElement","ReactNode","Ref","IntRange","IconPixelSize","IconSize","IconVariant","GenericIconComponent","React","ComponentType","MaxLengthArray","T","N","A","ExtractUrlFromFontFaceRule","U","Percentage","PixelsUnit","value","type","RemsUnit","UnitlessUnit","PercentageUnit","Hue","HueStep","SpectrumColor","SharedPrimaryPaletteAlias","SharedSecondaryPaletteAlias","SharedPaletteAlias","DeprecatedAccentAlias","OpacityStep","BackgroundPaletteAlias","BackgroundPalette","PaletteValue","Record","ForegroundPaletteAlias","ForegroundPalette","LinePaletteAlias","LinePalette","ShadowPaletteAlias","ShadowPalette","AlwaysPaletteAliasWithPrefix","DeprecatedAlwaysPaletteAlias","AlwaysPaletteAlias","LinkableValue","$ref","PaletteType","PaletteConfig","hue","step","opacity","Palette","key","background","foreground","line","shadow","ForegroundColor","LineColor","ElevationAlias","BackgroundColor","ShadowColor","PropertyToPaletteAliasMap","backgroundColor","borderColor","color","ShadowSpectrumColor","ShadowPaletteColor","ShadowAlwaysColor","ShadowColorConfig","ShadowOffset","SpacingAlias","Exclude","ShadowOpacity","ShadowSpreadRadius","ShadowPreset","offsetX","offsetY","blur","spread","ShadowVariant","ShadowVariantWithElevation","ShadowVariantInvert","ShadowVariantWithInvert","ShadowVariantConfig","ShadowType","ShadowTypeConfig","ShadowConfig","drop","inset","BreakpointValue","BreakpointsConfig","sm","md","lg","xl","Breakpoint","BreakpointWithBase","TextVariantTypography","TextVariantUi","TextVariantWithoutEmphasized","TextVariant","FontAlias","FontType","FontWeightNumeric","FontWeightDescriptive","TextTransform","TextDecorationLine","LineClampAlias","LineHeight","FontSize","TextTransformConfig","FontSizeConfig","FontFamilyConfig","FontWeightConfig","FontSlantConfig","FontWidthConfig","LineHeightConfig","TextProperty","TypographyUnitValue","TypographyResponsiveProperty","base","breakpoints","TypographyStyleProperty","TypographyStyle","fontFamily","textTransform","fontSize","fontWeight","lineHeight","fontSlant","fontWidth","letterSpacing","TypographyConfig","FontConfig","TShirtSize","TShirtSizeCommon","Extract","AvatarSize","AvatarSizeConfig","AvatarShape","BorderRadius","IconSizeConfig","SpacingConfig","AlwaysPaletteColor","ElevationSurfaceColor","ElevationBackgroundFillColor","ElevationBorderColor","RGBColorValue","RGBAUnit","r","g","b","a","ElevationCustomShadows","RGBUnit","ElevationPreset","BorderWidth","surfaceColor","layerWithBackgroundFill","backgroundFill","backgroundBlurRadius","finalBackgroundOpacity","finalBackgroundValue","fallbackBlurredBackgroundValue","borderWidth","dropShadow","ElevationLevel","ElevationConfig","ColorMode","ElevationGlobalRampSettings","progression","ambientLight","shadowDistance","shadowOpacity","shadowColor","backgroundOpacity","ElevationGlobalRampConfig","isAdvancedModeEnabled","colorMode","BorderRadiusConfig","BorderWidthWithElevation","BorderWidthConfig","ColorModeForApp","ColorModeConfig","ColorsConfig","SpectrumConfig","palette","spectrum","SpectrumRGB","SpectrumValueEntry","rgb","SpectrumValue","ScaleMode","ScaleModeForApp","ScaleConfig","avatarSizes","iconSizes","borderRadius","ScaleModeConfig","ButtonSize","ButtonPalette","ButtonVariant","ButtonContrastVariant","ScaleEffect","ButtonVariantFlat","ButtonSpectrumColor","ButtonPaletteColor","IconButtonSize","InputSize","PlatformMode","HighContrastMode","RegionMode","Modes","scaleMode","Animation","TransitionDelay","TransitionDuration","TransitionTiming","MotionVariant","MotionVariantSpeed","MotionSpringConfigOptions","MotionSpringConfig","damping","stiffness","MotionVariantValues","MotionConfig","FontCssVar","MotionCssVar","UdsCssVar","AriaAttribute","DataAttribute","Flex","FlexGrow","FlexShrink","FlexAlignContent","FlexAlignItems","FlexAlignSelf","FlexDirection","FlexWrap","FlexJustifyContent","FlexBasis","Display","Overflow","Position","ImageStyleProps","contentFit","BorderStyleProps","borderTopStartRadius","borderTopEndRadius","borderBottomStartRadius","borderBottomEndRadius","borderStartColor","borderEndColor","borderTopColor","borderBottomColor","borderVerticalWidth","borderHorizontalWidth","borderStartWidth","borderEndWidth","borderTopWidth","borderBottomWidth","NestedBorderRadiusStyleProps","nestedBorderRadius","nestedBorderRadiusSize","nestedBorderRadiusSpacing","nestedBorderRadiusWidth","ShadowStyleProps","insetShadow","LayoutStyleProps","display","overflow","overflowX","overflowY","position","SpacingStyleProps","spacing","spacingHorizontal","spacingVertical","spacingBottom","spacingEnd","spacingStart","spacingTop","offset","offsetVertical","offsetHorizontal","offsetBottom","offsetEnd","offsetStart","offsetTop","columnGap","rowGap","FlexStyleProps","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","flexWrap","justifyContent","flexBasis","StateStyleProps","interactable","focusable","TextStyleProps","placeholderColor","textAlign","BackgroundStyleProps","CustomSizingStyleProps","iconSize","avatarSize","SizeStyleProps","width","height","StyleProps","UniversalBoxProps","asChild","as","elevation","UniversalStackProps","Omit","gap","separator","index","UniversalTextProps","variant","UniversalIconProps","Icon","name","size","SVGElementProps","SVGSVGElement","IconPropsWithSVGProps","IconSlotRenderProps","BackwardsCompatibleReactElement","UniversalIconSlot","iconProps","UniversalPressableProps","onPress","UniversalIconButtonProps","iconVariant","htmlName","loading","disableEffects","UniversalButtonProps","IconSlotType","Pick","startIcon","endIcon","UniversalImageProps","src","alt","ImgElementProps","HTMLImageElement","ImgHTMLAttributes","ImagePropsWithImgProps","UniversalFormLabelProps","required","hasError","showRequiredAsterisk","label","UniversalInputProps","disabled","helpText","helperTextIcon","reduceMotion","readOnly","DividerVariant","UniversalDividerProps","vertical","contentPosition","LinkVariant","LinkTextVariant","UniversalLinkProps","textVariant","alwaysUnderline","CheckboxValue","CheckboxVariant","CheckboxSize","UniversalCheckboxProps","checked","labelPosition","RadioValue","RadioVariant","RadioSize","UniversalRadioProps","UniversalRadioGroupProps","defaultValue","onChange","SwitchSize","UniversalSwitchProps","isOn","defaultIsOn","onIcon","offIcon","ChipVariant","ChipSize","UniversalChipBaseProps","minWidth","maxWidth","UniversalChipDismissibleProps","onDismiss","dismissButtonAriaLabel","dismissIcon","UniversalChipToggleProps","isToggled","onToggle","UniversalChipButtonProps","UniversalChipLinkProps","href","UniversalChipProps","BadgeVariant","BadgeSize","UniversalBadgeProps","iconColor","AvatarVariant","AvatarAbbreviationStrategy","UniversalAvatarBaseProps","customSize","abbreviationStrategy","className","UniversalAvatarImageProps","srcSet","fallback","UniversalAvatarTextProps","initials","UniversalAvatarIconProps","icon","UniversalAvatarProps","UniversalMenuItemProps","active","slots","root","ref","props","ToastSize","ToastVariant","ToastPosition","UniversalToastProps","message","actionButton","onClickActionButton","closeIcon","onClickCloseButton","id","VerticalPlacement","HorizontalPlacement","TooltipPlacement","TooltipSize","TooltipVariant","UniversalTooltipProps","children","placement","open","portal","UniversalTooltipTriggerProps","UniversalTooltipContentProps","startTitleIcon","title","endContent","ConfigurableComponentName","UniversalTokensConfigAutoBase","UniversalTokensConfigBase","GlobalDefaultsConfig","$defs","links","systems","version","font","motion","typography","elevationGlobalRamp","globalDefaults","UniversalTokensConfigGeneric","ConfigAuto","breakpoint","enableResponsiveType"],"sources":["../../../../types/dist/index.d.ts"],"mappings":";;;;;;;KAYKQ,QAAAA;AAIW;;;AAAA,KAAXC,WAAAA;;AA6BiC;;;;KAvBjCC,oBAAAA,GAAuBC,KAAAA,CAAMC,aAAAA;AAwBJ;AAAA,KAAzBiB,yBAAAA;AAAAA,KACAC,2BAAAA,MAAiCD,yBAAAA;AAAAA,KACjCE,kBAAAA,GAAqBF,yBAAAA,GAA4BC,2BAAAA;AAAAA,KACjDE,qBAAAA;AAAAA,KAEAE,sBAAAA,6BAAmDF,qBAAAA,GAAwBD,kBAAAA;AAAAA,KAE3EO,sBAAAA,iEAAuFN,qBAAAA,GAAwBD,kBAAAA;AAAAA,KAE/GS,gBAAAA,oDAAoER,qBAAAA,GAAwBD,kBAAAA;;KAK5Fa,4BAAAA;;KAEAC,4BAAAA;AAAAA,KACAC,kBAAAA,GAAqBD,4BAAAA,GAA+BD,4BAAAA;AAAAA,KAiBpDgB,eAAAA,GAAkBtB,sBAAAA,GAAyBQ,kBAAAA;AAAAA,KAC3Ce,SAAAA,GAAYrB,gBAAAA,GAAmBM,kBAAAA,GAAqBgB,cAAAA;AAAAA,KACpDC,eAAAA,GAAkB7B,sBAAAA,GAAyBY,kBAAAA,GAAqBgB,cAAAA;AAAAA,KA+BhEqB,aAAAA;AAAAA,KACAC,0BAAAA,GAA6BD,aAAAA,GAAgBrB,cAAAA;AAAAA,KAC7CuB,mBAAAA,MAAyBV,OAAAA,CAAQQ,aAAAA;AAAAA,KAmBjCkB,qBAAAA;AAAAA,KACAC,aAAAA;AAAAA,KACAC,4BAAAA,GAA+BF,qBAAAA,GAAwBC,aAAAA;AAAAA,KAqCvDoC,UAAAA;AAAAA,KACAC,gBAAAA,GAAmBC,OAAAA,CAAQF,UAAAA;AAAAA,KAK3BhE,YAAAA;AAAAA,KAkDAgG,cAAAA;AAAAA,KACA5G,cAAAA,gBAA8B4G,cAAAA;AAAAA,KAiB9B1B,YAAAA,GAAeN,UAAAA;AAAAA,KAEfsB,WAAAA;AAAAA,KACAwB,wBAAAA,GAA2BxB,WAAAA,GAAclG,cAAAA;AAAAA,KA6BzC6I,UAAAA,GAAa/D,OAAAA,CAAQF,UAAAA;AAAAA,KACrBkE,aAAAA;AAAAA,KACAC,aAAAA;AAAAA,KACAC,qBAAAA;AAAAA,KAEAE,iBAAAA,GAAoBH,aAAAA,GAAgBC,qBAAAA,MAA2BnI,OAAAA,CAAQiI,aAAAA,mBAAgCjI,OAAAA,CAAQiI,aAAAA,eAA4BjI,OAAAA,CAAQkI,aAAAA;AAAAA,KASnJM,cAAAA,GAAiBvE,OAAAA,CAAQF,UAAAA,SAAmBC,gBAAAA;AAAAA,KAC5CyE,SAAAA,GAAYxE,OAAAA,CAAQD,gBAAAA;AAAAA,KAYpBmF,aAAAA;AAAAA,KACAC,kBAAAA;AAAAA,KAEAE,kBAAAA;EACHC,OAAAA;EACAC,SAAAA;AAAAA;AAAAA,KAEGC,mBAAAA,aAAgCL,kBAAAA,GAAqBE,kBAAAA;AAAAA,KACrDI,YAAAA,GAAehM,MAAAA,CAAOyL,aAAAA,EAAeM,mBAAAA;AAAAA,KAMrCO,IAAAA;AAAAA,KACAC,QAAAA;AAAAA,KACAC,UAAAA;AAAAA,KACAC,gBAAAA;AAAAA,KACAC,cAAAA;AAAAA,KACAC,aAAAA;AAAAA,KACAC,aAAAA;AAAAA,KACAC,QAAAA;AAAAA,KACAC,kBAAAA;AAAAA,KACAC,SAAAA;AAAAA,KACAC,OAAAA;AAAAA,KACAC,QAAAA;AAAAA,KACAC,QAAAA;AAAAA,KACAC,eAAAA;EACHC,UAAAA;AAAAA;AAAAA,UAEQC,gBAAAA;EACRjD,YAAAA,GAAezD,YAAAA;EACf2G,oBAAAA,GAAuB3G,YAAAA;EACvB4G,kBAAAA,GAAqB5G,YAAAA;EACrB6G,uBAAAA,GAA0B7G,YAAAA;EAC1B8G,qBAAAA,GAAwB9G,YAAAA;EACxB7E,WAAAA,GAAcN,SAAAA;EACdkM,gBAAAA,GAAmBlM,SAAAA;EACnBmM,cAAAA,GAAiBnM,SAAAA;EACjBoM,cAAAA,GAAiBpM,SAAAA;EACjBqM,iBAAAA,GAAoBrM,SAAAA;EACpB2G,WAAAA,GAAcgB,wBAAAA;EACd2E,mBAAAA,GAAsB3E,wBAAAA;EACtB4E,qBAAAA,GAAwB5E,wBAAAA;EACxB6E,gBAAAA,GAAmB7E,wBAAAA;EACnB8E,cAAAA,GAAiB9E,wBAAAA;EACjB+E,cAAAA,GAAiB/E,wBAAAA;EACjBgF,iBAAAA,GAAoBhF,wBAAAA;AAAAA;AAAAA,UAEZiF,4BAAAA;EACRC,kBAAAA;EACAC,sBAAAA,GAAyB3H,YAAAA;EACzB4H,yBAAAA,GAA4BlM,YAAAA;EAC5BmM,uBAAAA,GAA0BrF,wBAAAA;AAAAA;AAAAA,UAElBsF,gBAAAA;EACRrG,UAAAA,GAAarF,0BAAAA;EACb2L,WAAAA,GAAcpM,OAAAA,CAAQQ,aAAAA,EAAerB,cAAAA,IAAkBuB,mBAAAA;AAAAA;AAAAA,UAE/C2L,gBAAAA;EACRC,OAAAA,GAAU5B,OAAAA;EACV6B,QAAAA,GAAW5B,QAAAA;EACX6B,SAAAA,GAAY7B,QAAAA;EACZ8B,SAAAA,GAAY9B,QAAAA;EACZ+B,QAAAA,GAAW9B,QAAAA;AAAAA;AAAAA,UAEH+B,iBAAAA;EACRC,OAAAA,GAAU7M,YAAAA;EACV8M,iBAAAA,GAAoB9M,YAAAA;EACpB+M,eAAAA,GAAkB/M,YAAAA;EAClBgN,aAAAA,GAAgBhN,YAAAA;EAChBiN,UAAAA,GAAajN,YAAAA;EACbkN,YAAAA,GAAelN,YAAAA;EACfmN,UAAAA,GAAanN,YAAAA;EACboN,MAAAA,GAASpN,YAAAA;EACTqN,cAAAA,GAAiBrN,YAAAA;EACjBsN,gBAAAA,GAAmBtN,YAAAA;EACnBuN,YAAAA,GAAevN,YAAAA;EACfwN,SAAAA,GAAYxN,YAAAA;EACZyN,WAAAA,GAAczN,YAAAA;EACd0N,SAAAA,GAAY1N,YAAAA;EACZ2N,SAAAA,GAAY3N,YAAAA;EACZ4N,MAAAA,GAAS5N,YAAAA;AAAAA;AAAAA,UAED6N,cAAAA;EACRC,YAAAA,GAAe1D,gBAAAA;EACf2D,UAAAA,GAAa1D,cAAAA;EACb2D,SAAAA,GAAY1D,aAAAA;EACZ2D,IAAAA,GAAOhE,IAAAA;EACPiE,aAAAA,GAAgB3D,aAAAA;EAChB4D,QAAAA,GAAWjE,QAAAA;EACXkE,UAAAA,GAAajE,UAAAA;EACbkE,QAAAA,GAAW7D,QAAAA;EACX8D,cAAAA,GAAiB7D,kBAAAA;EACjB8D,SAAAA,GAAY7D,SAAAA;AAAAA;AAAAA,UAkBJoE,oBAAAA;EACRtP,eAAAA,GAAkBH,eAAAA;AAAAA;AAAAA,UAMV6P,cAAAA;EACRC,KAAAA;EACAC,MAAAA;AAAAA;AAAAA,UAGQE,iBAAAA,SAA0B9T,iBAAAA,EAAmBsT,oBAAAA,EAAsB9D,gBAAAA,EAAkB6C,cAAAA,EAAgBvB,gBAAAA,EAAkBM,iBAAAA,EAAmBsC,cAAAA,EAAgB9C,gBAAAA,EAAkBL,4BAAAA;EAnE1G;EAqE1EwD,OAAAA;;EAEAC,EAAAA,GAAKlU,WAAAA;EAnEMsP;EAqEX6E,SAAAA,GAAYzJ,cAAAA;AAAAA;;;;AAlEO;UAoFXiK,kBAAAA,QAA0BjU,oBAAAA;;EAElCmU,IAAAA,EAAMD,IAAAA;EAlFclQ;EAoFpBoQ,IAAAA,GAAOtU,QAAAA;EAlFSkE;EAoFhBgQ,OAAAA,GAAUjU,WAAAA;EAlFKiE;EAoFfN,KAAAA,GAAQR,eAAAA;AAAAA;AAAAA,KAELmR,eAAAA,GAAkBV,IAAAA,CAAKpU,cAAAA,CAAe+U,aAAAA;AAAAA,UACjCC,qBAAAA,SAA8BN,kBAAAA,EAAoBI,eAAAA;AAAAA,KACvDG,mBAAAA,GAAsBb,IAAAA,CAAKY,qBAAAA;AAAAA,KAC3BE,+BAAAA,sBAAqDhV,YAAAA;;;;;KAKrDiV,iBAAAA,QAAyB1U,oBAAAA,IAAwBkU,IAAAA,GAAOO,+BAAAA,KAAoCE,SAAAA,EAAWH,mBAAAA,KAAwBC,+BAAAA;AAAAA,UAuC1He,mBAAAA,SAA4B7B,IAAAA,CAAKL,iBAAAA,uBAAwCxE,eAAAA;EAvHpET;EAyHboH,GAAAA;EAvHOxH;EAyHPyH,GAAAA;EAvHWxH;EAyHXiF,KAAAA;EAvHW3E;EAyHX4E,MAAAA;AAAAA;AAAAA,UAoBQgD,mBAAAA,gBAAmC1B,iBAAAA;EA5I1BjG;EA8IjB0H,KAAAA,YAAiBzW,SAAAA,UAAmBA,SAAAA;EA7IxBgP;EA+IZ2H,QAAAA;EA/IqB;EAiJrBL,QAAAA;EA/H4B;EAiI5BM,QAAAA,YAAoB5W,SAAAA,UAAmBA,SAAAA;EAhIvC8D;EAkIA+S,cAAAA,GAAiBnB,YAAAA;EA9HM;EAgIvBa,QAAAA;;EAEA7B,IAAAA,GAAO1H,SAAAA;EA9HD;EAgIN4I,SAAAA,GAAYF,YAAAA;EA7Ha;EA+HzBG,OAAAA,GAAUH,YAAAA;EA3HL9V;EA6HLkX,YAAAA;EAjIkChX;EAmIlCiX,QAAAA;EAnI2EzH;EAqI3EmE,KAAAA,GAAQG,iBAAAA;AAAAA;AAAAA,KAWLwD,WAAAA;AAAAA,KACAC,eAAAA,GAAkBlR,4BAAAA;AAAAA,UACbmR,kBAAAA,gBAAkCtC,iBAAAA;EAlJwGxB;EAoJlJ+D,WAAAA,GAAcF,eAAAA;EApJsKhH;EAsJpLiE,OAAAA,GAAU8C,WAAAA;EAlJVtD;EAoJA8B,SAAAA,GAAYF,YAAAA;EAlJZ3B;EAoJA8B,OAAAA,GAAUH,YAAAA;EApJgB;EAsJ1B8B,eAAAA;AAAAA;AAAAA,KAEGC,aAAAA;AAAAA,KACAC,eAAAA;AAAAA,KACAC,YAAAA;AAAAA,UACKC,sBAAAA;EArIDxX;EAuIPkU,OAAAA,GAAUoD,eAAAA;EAnIFlU;EAqIRkR,IAAAA,GAAOiD,YAAAA;EArIgB;EAuIvBlB,KAAAA,YAAiBzW,SAAAA,UAAmBA,SAAAA;EA/IFM;EAiJlCuX,OAAAA,GAAUJ,aAAAA;EA/IJjD;EAiJN+B,QAAAA;EA/IOnW;EAiJP0W,YAAAA;EA/IUzW;EAiJVyX,aAAAA;AAAAA;AAAAA,KAGGE,YAAAA;AAAAA,KACAC,SAAAA;AAAAA,UACKC,mBAAAA;;EAER5D,OAAAA,GAAU0D,YAAAA;EApJgBnY;EAsJ1B6U,IAAAA,GAAOuD,SAAAA;EAtJkB;EAwJzBxB,KAAAA,YAAiBzW,SAAAA,UAAmBA,SAAAA;EAxJfiU;EA0JrBhT,KAAAA;EA1JyC2T;EA4JzCiD,OAAAA;EA5JsD;EA8JtDtB,QAAAA;EA7J6B;EA+J7BO,YAAAA;EA/JsCvC;EAiKtCuD,aAAAA;AAAAA;AAAAA,KAcGQ,UAAAA;AAAAA,UACKC,oBAAAA,gBAAoCvD,iBAAAA;EAzKeD;EA2K3DL,IAAAA,GAAO4D,UAAAA;EA3K2HvD;EA6KlI0B,KAAAA,YAAiBzW,SAAAA,UAAmBA,SAAAA;EA7K6H;EA+KjKwY,IAAAA;EA/K4BlY;EAiL5BmY,WAAAA;EAjL2D1D;EAmL3D2D,MAAAA,GAAShD,YAAAA;EAnLsFT;EAqL/F0D,OAAAA,GAAUjD,YAAAA;EArLuJ;EAuLjKoB,YAAAA;EAlJO;EAoJPgB,aAAAA;AAAAA;AAAAA,KAEGc,WAAAA;AAAAA,KACAC,QAAAA;AAAAA,KAyCAe,YAAAA;AAAAA,KACAC,SAAAA"}

package/generated/styles.cjs

@@ -1287,6 +1287,36 @@ const styles = StyleSheet.create((theme) => ({
         uppercase: { textTransform: 'uppercase' },
         lowercase: { textTransform: 'lowercase' },
       },
+      dropShadow: {
+        none: { boxShadow: theme.boxShadow.drop['none'] },
+        'elevation-0': { boxShadow: theme.boxShadow.drop['elevation-0'] },
+        'elevation-1': { boxShadow: theme.boxShadow.drop['elevation-1'] },
+        'elevation-2': { boxShadow: theme.boxShadow.drop['elevation-2'] },
+        'elevation-3': { boxShadow: theme.boxShadow.drop['elevation-3'] },
+        'elevation-4': { boxShadow: theme.boxShadow.drop['elevation-4'] },
+        'elevation-5': { boxShadow: theme.boxShadow.drop['elevation-5'] },
+        xs: { boxShadow: theme.boxShadow.drop['xs'] },
+        sm: { boxShadow: theme.boxShadow.drop['sm'] },
+        md: { boxShadow: theme.boxShadow.drop['md'] },
+        lg: { boxShadow: theme.boxShadow.drop['lg'] },
+        xl: { boxShadow: theme.boxShadow.drop['xl'] },
+        '2xl': { boxShadow: theme.boxShadow.drop['2xl'] },
+      },
+      insetShadow: {
+        none: { boxShadow: theme.boxShadow.inset['none'] },
+        xs: { boxShadow: theme.boxShadow.inset['xs'] },
+        sm: { boxShadow: theme.boxShadow.inset['sm'] },
+        md: { boxShadow: theme.boxShadow.inset['md'] },
+        lg: { boxShadow: theme.boxShadow.inset['lg'] },
+        xl: { boxShadow: theme.boxShadow.inset['xl'] },
+        '2xl': { boxShadow: theme.boxShadow.inset['2xl'] },
+        'xs-invert': { boxShadow: theme.boxShadow.inset['xs-invert'] },
+        'sm-invert': { boxShadow: theme.boxShadow.inset['sm-invert'] },
+        'md-invert': { boxShadow: theme.boxShadow.inset['md-invert'] },
+        'lg-invert': { boxShadow: theme.boxShadow.inset['lg-invert'] },
+        'xl-invert': { boxShadow: theme.boxShadow.inset['xl-invert'] },
+        '2xl-invert': { boxShadow: theme.boxShadow.inset['2xl-invert'] },
+      },
       iconSize: {
         xs: { width: theme.iconSize['xs'], height: theme.iconSize['xs'] },
         sm: { width: theme.iconSize['sm'], height: theme.iconSize['sm'] },

package/generated/styles.d.ts

@@ -30,6 +30,7 @@ export declare const styles: {
     borderTopStartRadius?: number;
     borderTopWidth?: number;
     borderWidth?: number;
+    boxShadow?: string;
     color?: string;
     columnGap?: number;
     display?: 'flex' | 'none' | 'contents';
@@ -1201,6 +1202,36 @@ export declare const styles: {
       | undefined;
     textAlign?: 'center' | 'justify' | undefined;
     textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase' | undefined;
+    dropShadow?:
+      | 'none'
+      | 'elevation-0'
+      | 'elevation-1'
+      | 'elevation-2'
+      | 'elevation-3'
+      | 'elevation-4'
+      | 'elevation-5'
+      | '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;
     iconSize?: 'xs' | 'sm' | 'md' | 'lg' | undefined;
     avatarSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined;
   }) => void;
@@ -1863,7 +1894,16 @@ export declare const switchStyles: {
 };
 
 export declare const toastStyles: {
-  root: { borderRadius: number; gap: number; paddingHorizontal: number; paddingVertical: number };
+  root: {
+    borderRadius: number;
+    borderWidth: number;
+    boxShadow: string;
+    gap: number;
+    paddingHorizontal: number;
+    paddingVertical: number;
+    backgroundColor: string;
+    borderColor: string;
+  };
   text: { color: string };
   icon: { fontSize: number; iconSizeToken: 'md'; lineHeight: number; color: string };
   closeIcon: { fontSize: number; iconSizeToken: 'sm'; lineHeight: number; color: string };
@@ -3036,6 +3076,36 @@ export type StyleProps = {
     | undefined;
   textAlign?: 'center' | 'justify' | undefined;
   textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase' | undefined;
+  dropShadow?:
+    | 'none'
+    | 'elevation-0'
+    | 'elevation-1'
+    | 'elevation-2'
+    | 'elevation-3'
+    | 'elevation-4'
+    | 'elevation-5'
+    | '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;
   iconSize?: 'xs' | 'sm' | 'md' | 'lg' | undefined;
   avatarSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined;
 };

package/generated/styles.mjs

@@ -1287,6 +1287,36 @@ const styles = StyleSheet.create((theme) => ({
         uppercase: { textTransform: 'uppercase' },
         lowercase: { textTransform: 'lowercase' },
       },
+      dropShadow: {
+        none: { boxShadow: theme.boxShadow.drop['none'] },
+        'elevation-0': { boxShadow: theme.boxShadow.drop['elevation-0'] },
+        'elevation-1': { boxShadow: theme.boxShadow.drop['elevation-1'] },
+        'elevation-2': { boxShadow: theme.boxShadow.drop['elevation-2'] },
+        'elevation-3': { boxShadow: theme.boxShadow.drop['elevation-3'] },
+        'elevation-4': { boxShadow: theme.boxShadow.drop['elevation-4'] },
+        'elevation-5': { boxShadow: theme.boxShadow.drop['elevation-5'] },
+        xs: { boxShadow: theme.boxShadow.drop['xs'] },
+        sm: { boxShadow: theme.boxShadow.drop['sm'] },
+        md: { boxShadow: theme.boxShadow.drop['md'] },
+        lg: { boxShadow: theme.boxShadow.drop['lg'] },
+        xl: { boxShadow: theme.boxShadow.drop['xl'] },
+        '2xl': { boxShadow: theme.boxShadow.drop['2xl'] },
+      },
+      insetShadow: {
+        none: { boxShadow: theme.boxShadow.inset['none'] },
+        xs: { boxShadow: theme.boxShadow.inset['xs'] },
+        sm: { boxShadow: theme.boxShadow.inset['sm'] },
+        md: { boxShadow: theme.boxShadow.inset['md'] },
+        lg: { boxShadow: theme.boxShadow.inset['lg'] },
+        xl: { boxShadow: theme.boxShadow.inset['xl'] },
+        '2xl': { boxShadow: theme.boxShadow.inset['2xl'] },
+        'xs-invert': { boxShadow: theme.boxShadow.inset['xs-invert'] },
+        'sm-invert': { boxShadow: theme.boxShadow.inset['sm-invert'] },
+        'md-invert': { boxShadow: theme.boxShadow.inset['md-invert'] },
+        'lg-invert': { boxShadow: theme.boxShadow.inset['lg-invert'] },
+        'xl-invert': { boxShadow: theme.boxShadow.inset['xl-invert'] },
+        '2xl-invert': { boxShadow: theme.boxShadow.inset['2xl-invert'] },
+      },
       iconSize: {
         xs: { width: theme.iconSize['xs'], height: theme.iconSize['xs'] },
         sm: { width: theme.iconSize['sm'], height: theme.iconSize['sm'] },

package/generated/unistyles.d.ts

@@ -3968,6 +3968,8 @@ interface ComponentTheme {
   };
   'toast/size/default/root/rest': {
     borderRadius: number;
+    borderWidth: number;
+    boxShadow: string;
     gap: number;
     paddingHorizontal: number;
     paddingVertical: number;
@@ -3978,6 +3980,10 @@ interface ComponentTheme {
   'toast/variant/error/icon/rest': {
     color: string;
   };
+  'toast/variant/error/root/rest': {
+    backgroundColor: string;
+    borderColor: string;
+  };
   'toast/variant/error/rootText/rest': {
     color: string;
   };
@@ -3987,6 +3993,10 @@ interface ComponentTheme {
   'toast/variant/info/icon/rest': {
     color: string;
   };
+  'toast/variant/info/root/rest': {
+    backgroundColor: string;
+    borderColor: string;
+  };
   'toast/variant/info/rootText/rest': {
     color: string;
   };
@@ -3996,6 +4006,10 @@ interface ComponentTheme {
   'toast/variant/loading/icon/rest': {
     color: string;
   };
+  'toast/variant/loading/root/rest': {
+    backgroundColor: string;
+    borderColor: string;
+  };
   'toast/variant/loading/rootText/rest': {
     color: string;
   };
@@ -4005,6 +4019,10 @@ interface ComponentTheme {
   'toast/variant/success/icon/rest': {
     color: string;
   };
+  'toast/variant/success/root/rest': {
+    backgroundColor: string;
+    borderColor: string;
+  };
   'toast/variant/success/rootText/rest': {
     color: string;
   };
@@ -4014,6 +4032,10 @@ interface ComponentTheme {
   'toast/variant/warning/icon/rest': {
     color: string;
   };
+  'toast/variant/warning/root/rest': {
+    backgroundColor: string;
+    borderColor: string;
+  };
   'toast/variant/warning/rootText/rest': {
     color: string;
   };
@@ -4588,20 +4610,38 @@ export interface AppTheme {
     'ui5/emphasized': TypographyVariant;
     'ui6/emphasized': TypographyVariant;
   };
-  shadow: {
-    'elevation-0': number;
-    'elevation-1': number;
-    'elevation-2': number;
-    'elevation-3': number;
-    'elevation-4': number;
-    'elevation-5': number;
-    none: number;
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    '2xl': number;
+  shadow: Record<string, number>;
+  boxShadow: {
+    drop: {
+      'elevation-0': string;
+      'elevation-1': string;
+      'elevation-2': string;
+      'elevation-3': string;
+      'elevation-4': string;
+      'elevation-5': string;
+      none: string;
+      xs: string;
+      sm: string;
+      md: string;
+      lg: string;
+      xl: string;
+      '2xl': string;
+    };
+    inset: {
+      none: string;
+      xs: string;
+      sm: string;
+      md: string;
+      lg: string;
+      xl: string;
+      '2xl': string;
+      'xs-invert': string;
+      'sm-invert': string;
+      'md-invert': string;
+      'lg-invert': string;
+      'xl-invert': string;
+      '2xl-invert': string;
+    };
   };
   components: ComponentTheme;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yahoo/uds-mobile",
-  "version": "1.6.5",
+  "version": "1.8.0",
   "type": "module",
   "bin": {
     "uds-mobile": "./cli/uds-mobile.js"