@yahoo/uds 3.58.2-beta.1 → 3.59.0-beta.2

package/dist/tailwind/utils/getScaleModeStyles.js

@@ -0,0 +1,25 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+//#region src/tailwind/utils/getScaleModeStyles.ts
+function getStylesForScaleMode(config) {
+	return {
+		...config.borderRadius._vars,
+		...config.borderWidth._vars,
+		...config.avatarSizes._vars,
+		...config.iconSizes._vars
+	};
+}
+function getScaleModeStyles(tokens) {
+	return {
+		xSmall: getStylesForScaleMode(tokens.scaleMode.xSmall),
+		small: getStylesForScaleMode(tokens.scaleMode.small),
+		medium: getStylesForScaleMode(tokens.scaleMode.medium),
+		large: getStylesForScaleMode(tokens.scaleMode.large),
+		xLarge: getStylesForScaleMode(tokens.scaleMode.xLarge),
+		xxLarge: getStylesForScaleMode(tokens.scaleMode.xxLarge),
+		xxxLarge: getStylesForScaleMode(tokens.scaleMode.xxxLarge)
+	};
+}
+
+//#endregion
+export { getScaleModeStyles };
+//# sourceMappingURL=getScaleModeStyles.js.map

package/dist/tailwind/utils/getScaleModeStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getScaleModeStyles.js","names":[],"sources":["../../../src/tailwind/utils/getScaleModeStyles.ts"],"sourcesContent":["import type { ScaleMode } from '@yahoo/uds/tokens';\nimport type { WebTokens } from '@yahoo/uds/tokens/parseTokens';\n\nfunction getStylesForScaleMode(config: WebTokens['scaleMode'][ScaleMode]) {\n  return {\n    ...config.borderRadius._vars,\n    ...config.borderWidth._vars,\n    ...config.avatarSizes._vars,\n    ...config.iconSizes._vars,\n  };\n}\n\nexport function getScaleModeStyles(tokens: WebTokens) {\n  return {\n    xSmall: getStylesForScaleMode(tokens.scaleMode.xSmall),\n    small: getStylesForScaleMode(tokens.scaleMode.small),\n    medium: getStylesForScaleMode(tokens.scaleMode.medium),\n    large: getStylesForScaleMode(tokens.scaleMode.large),\n    xLarge: getStylesForScaleMode(tokens.scaleMode.xLarge),\n    xxLarge: getStylesForScaleMode(tokens.scaleMode.xxLarge),\n    xxxLarge: getStylesForScaleMode(tokens.scaleMode.xxxLarge),\n  };\n}\n"],"mappings":";;AAGA,SAAS,sBAAsB,QAA2C;AACxE,QAAO;EACL,GAAG,OAAO,aAAa;EACvB,GAAG,OAAO,YAAY;EACtB,GAAG,OAAO,YAAY;EACtB,GAAG,OAAO,UAAU;EACrB;;AAGH,SAAgB,mBAAmB,QAAmB;AACpD,QAAO;EACL,QAAQ,sBAAsB,OAAO,UAAU,OAAO;EACtD,OAAO,sBAAsB,OAAO,UAAU,MAAM;EACpD,QAAQ,sBAAsB,OAAO,UAAU,OAAO;EACtD,OAAO,sBAAsB,OAAO,UAAU,MAAM;EACpD,QAAQ,sBAAsB,OAAO,UAAU,OAAO;EACtD,SAAS,sBAAsB,OAAO,UAAU,QAAQ;EACxD,UAAU,sBAAsB,OAAO,UAAU,SAAS;EAC3D"}

package/dist/tailwind/utils/getShadowPresetValues.cjs

@@ -0,0 +1,81 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_tokens_utils_entries = require('../../tokens/utils/entries.cjs');
+let __yahoo_uds_fixtures = require("@yahoo/uds/fixtures");
+
+//#region src/tailwind/utils/getShadowPresetValues.ts
+const ALWAYS_AS_RGB = {
+	black: "0 0 0",
+	white: "255 255 255"
+};
+/**
+* Generate a single shadow value from a shadow preset configuration
+*
+* @param preset - The shadow preset configuration
+* @param index - Optional index for numbered shadows (2-5)
+* @param shadowType - The type of shadow (drop or inset)
+* @returns A CSS box-shadow value string
+*/
+function getShadowLayerValue({ preset, prefix, shadowType }) {
+	const varPrefix = `--uds-${shadowType}-shadow-`;
+	const isPaletteColor = preset.color?.type === "palette";
+	const isAlwaysColor = preset.color?.type === "always";
+	let shadowColor = `var(--uds-${isPaletteColor ? "shadow" : "spectrum"}-color-${preset?.color?.value})`;
+	if (isAlwaysColor) shadowColor = ALWAYS_AS_RGB[preset.color.value];
+	const defaultColor = `var(${varPrefix}${prefix ? `${prefix}-` : ""}color, ${shadowColor})`;
+	const cssValues = [
+		`${__yahoo_uds_fixtures.shadowOffsetMap[preset.offsetX]}px`,
+		`${__yahoo_uds_fixtures.shadowOffsetMap[preset.offsetY]}px`,
+		`${__yahoo_uds_fixtures.spacingMap[preset.blur]}px`,
+		`${__yahoo_uds_fixtures.shadowSpreadRadiusMap[preset.spread]}px`
+	].map((value) => value).join(" ");
+	const colorValue = `rgb(${defaultColor} / var(${varPrefix}${prefix ? `${prefix}-` : ""}opacity, ${Number(preset.opacity) / 100}))`;
+	return `${shadowType === "inset" ? "inset " : ""}${cssValues} ${colorValue}`;
+}
+/**
+* Generate shadow values from the shadow config presets.
+* Each size can have multiple shadow presets that are combined into a single box-shadow.
+*
+* For regular shadows:
+* - Uses the outer shadow configuration from the shadow config
+* - Uses CSS variables with the --uds-shadow-* prefix for shadow properties
+* - The first shadow uses default variable names, subsequent shadows are numbered (e.g. --uds-shadow-2-*)
+* - Shadow colors are scoped to the element, allowing for instance-specific colors
+*
+* For inset shadows:
+* - Uses the inner shadow configuration from the shadow config
+* - Uses CSS variables with the --uds-inset-shadow-* prefix for shadow properties
+* - Adds the 'inset' keyword to each shadow value
+* - Shadow colors are scoped to the element, allowing for instance-specific colors
+*
+* This approach ensures that both regular and inset shadows use the correct CSS variables
+* set by the shadow utilities, while allowing for instance-specific color customization.
+* The separation of variable namespaces allows both shadow types to be used together on the same element.
+*
+* When both shadow and inset-shadow utilities are used together on an element,
+* they combine to create a box-shadow with both outer and inner shadows.
+*
+* @returns A record of shadow values by size (xs, sm, md, etc.)
+*/
+function getShadowPresetValues({ config, shadowType }) {
+	const presets = config?.shadow?.[shadowType];
+	if (!presets) return {};
+	const result = {};
+	require_tokens_utils_entries.entries(presets).forEach(([key, presetArray]) => {
+		if (key === "none") {
+			result[`--uds-${shadowType}-shadow-${key}`] = "0 0 transparent";
+			return;
+		}
+		const shadowValues = presetArray.map((preset, index) => getShadowLayerValue({
+			preset,
+			prefix: index > 0 ? `${index + 1}` : void 0,
+			shadowType
+		}));
+		result[`--uds-${shadowType}-shadow-${key}`] = `${shadowValues.join(", ")}`;
+	});
+	return result;
+}
+
+//#endregion
+exports.getShadowLayerValue = getShadowLayerValue;
+exports.getShadowPresetValues = getShadowPresetValues;

package/dist/tailwind/utils/getShadowPresetValues.d.cts

@@ -0,0 +1,57 @@
+import { ShadowPreset, ShadowType, UniversalTokensConfig } from "../../tokens/types.cjs";
+import "../../tokens/index.cjs";
+
+//#region src/tailwind/utils/getShadowPresetValues.d.ts
+
+/**
+ * Generate a single shadow value from a shadow preset configuration
+ *
+ * @param preset - The shadow preset configuration
+ * @param index - Optional index for numbered shadows (2-5)
+ * @param shadowType - The type of shadow (drop or inset)
+ * @returns A CSS box-shadow value string
+ */
+declare function getShadowLayerValue({
+  preset,
+  prefix,
+  shadowType
+}: {
+  preset: ShadowPreset;
+  prefix?: string;
+  shadowType: ShadowType;
+}): string;
+/**
+ * Generate shadow values from the shadow config presets.
+ * Each size can have multiple shadow presets that are combined into a single box-shadow.
+ *
+ * For regular shadows:
+ * - Uses the outer shadow configuration from the shadow config
+ * - Uses CSS variables with the --uds-shadow-* prefix for shadow properties
+ * - The first shadow uses default variable names, subsequent shadows are numbered (e.g. --uds-shadow-2-*)
+ * - Shadow colors are scoped to the element, allowing for instance-specific colors
+ *
+ * For inset shadows:
+ * - Uses the inner shadow configuration from the shadow config
+ * - Uses CSS variables with the --uds-inset-shadow-* prefix for shadow properties
+ * - Adds the 'inset' keyword to each shadow value
+ * - Shadow colors are scoped to the element, allowing for instance-specific colors
+ *
+ * This approach ensures that both regular and inset shadows use the correct CSS variables
+ * set by the shadow utilities, while allowing for instance-specific color customization.
+ * The separation of variable namespaces allows both shadow types to be used together on the same element.
+ *
+ * When both shadow and inset-shadow utilities are used together on an element,
+ * they combine to create a box-shadow with both outer and inner shadows.
+ *
+ * @returns A record of shadow values by size (xs, sm, md, etc.)
+ */
+declare function getShadowPresetValues({
+  config,
+  shadowType
+}: {
+  config: UniversalTokensConfig;
+  shadowType: ShadowType;
+}): Record<string, string>;
+//#endregion
+export { getShadowLayerValue, getShadowPresetValues };
+//# sourceMappingURL=getShadowPresetValues.d.cts.map

package/dist/tailwind/utils/getShadowPresetValues.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getShadowPresetValues.d.cts","names":[],"sources":["../../../src/tailwind/utils/getShadowPresetValues.ts"],"sourcesContent":[],"mappings":";;;;;;;;AAM2B,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,CAAA,MAAA,CAAA;;;;;iBAgBlB,mBAAA,CAOK;EAAA,MAAA;EAAA,MAAA;EAAA;CAAA,CAAA,CAAA;EAAU,MAAA,CAAA,CAFd,YAEc;EAmEf,MAAA,CAAA,CAAA,CAAA,MAAA;EACP,UAAA,CAAA,CApEY,UAoEZ;CACA,CAAA,CAAA,CAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;iBAFO,qBAAA;;;;UAIC;cACI;IACb"}

package/dist/tailwind/utils/getShadowPresetValues.d.ts

@@ -0,0 +1,57 @@
+import { ShadowPreset, ShadowType, UniversalTokensConfig } from "../../tokens/types.js";
+import "../../tokens/index.js";
+
+//#region src/tailwind/utils/getShadowPresetValues.d.ts
+
+/**
+ * Generate a single shadow value from a shadow preset configuration
+ *
+ * @param preset - The shadow preset configuration
+ * @param index - Optional index for numbered shadows (2-5)
+ * @param shadowType - The type of shadow (drop or inset)
+ * @returns A CSS box-shadow value string
+ */
+declare function getShadowLayerValue({
+  preset,
+  prefix,
+  shadowType
+}: {
+  preset: ShadowPreset;
+  prefix?: string;
+  shadowType: ShadowType;
+}): string;
+/**
+ * Generate shadow values from the shadow config presets.
+ * Each size can have multiple shadow presets that are combined into a single box-shadow.
+ *
+ * For regular shadows:
+ * - Uses the outer shadow configuration from the shadow config
+ * - Uses CSS variables with the --uds-shadow-* prefix for shadow properties
+ * - The first shadow uses default variable names, subsequent shadows are numbered (e.g. --uds-shadow-2-*)
+ * - Shadow colors are scoped to the element, allowing for instance-specific colors
+ *
+ * For inset shadows:
+ * - Uses the inner shadow configuration from the shadow config
+ * - Uses CSS variables with the --uds-inset-shadow-* prefix for shadow properties
+ * - Adds the 'inset' keyword to each shadow value
+ * - Shadow colors are scoped to the element, allowing for instance-specific colors
+ *
+ * This approach ensures that both regular and inset shadows use the correct CSS variables
+ * set by the shadow utilities, while allowing for instance-specific color customization.
+ * The separation of variable namespaces allows both shadow types to be used together on the same element.
+ *
+ * When both shadow and inset-shadow utilities are used together on an element,
+ * they combine to create a box-shadow with both outer and inner shadows.
+ *
+ * @returns A record of shadow values by size (xs, sm, md, etc.)
+ */
+declare function getShadowPresetValues({
+  config,
+  shadowType
+}: {
+  config: UniversalTokensConfig;
+  shadowType: ShadowType;
+}): Record<string, string>;
+//#endregion
+export { getShadowLayerValue, getShadowPresetValues };
+//# sourceMappingURL=getShadowPresetValues.d.ts.map

package/dist/tailwind/utils/getShadowPresetValues.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getShadowPresetValues.d.ts","names":[],"sources":["../../../src/tailwind/utils/getShadowPresetValues.ts"],"sourcesContent":[],"mappings":";;;;;;;;AAM2B,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,CAAA,MAAA,CAAA;;;;;iBAgBlB,mBAAA,CAOK;EAAA,MAAA;EAAA,MAAA;EAAA;CAAA,CAAA,CAAA;EAAU,MAAA,CAAA,CAFd,YAEc;EAmEf,MAAA,CAAA,CAAA,CAAA,MAAA;EACP,UAAA,CAAA,CApEY,UAoEZ;CACA,CAAA,CAAA,CAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;iBAFO,qBAAA;;;;UAIC;cACI;IACb"}

package/dist/tailwind/utils/getShadowPresetValues.js

@@ -0,0 +1,80 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { entries } from "../../tokens/utils/entries.js";
+import { shadowOffsetMap, shadowSpreadRadiusMap, spacingMap } from "@yahoo/uds/fixtures";
+
+//#region src/tailwind/utils/getShadowPresetValues.ts
+const ALWAYS_AS_RGB = {
+	black: "0 0 0",
+	white: "255 255 255"
+};
+/**
+* Generate a single shadow value from a shadow preset configuration
+*
+* @param preset - The shadow preset configuration
+* @param index - Optional index for numbered shadows (2-5)
+* @param shadowType - The type of shadow (drop or inset)
+* @returns A CSS box-shadow value string
+*/
+function getShadowLayerValue({ preset, prefix, shadowType }) {
+	const varPrefix = `--uds-${shadowType}-shadow-`;
+	const isPaletteColor = preset.color?.type === "palette";
+	const isAlwaysColor = preset.color?.type === "always";
+	let shadowColor = `var(--uds-${isPaletteColor ? "shadow" : "spectrum"}-color-${preset?.color?.value})`;
+	if (isAlwaysColor) shadowColor = ALWAYS_AS_RGB[preset.color.value];
+	const defaultColor = `var(${varPrefix}${prefix ? `${prefix}-` : ""}color, ${shadowColor})`;
+	const cssValues = [
+		`${shadowOffsetMap[preset.offsetX]}px`,
+		`${shadowOffsetMap[preset.offsetY]}px`,
+		`${spacingMap[preset.blur]}px`,
+		`${shadowSpreadRadiusMap[preset.spread]}px`
+	].map((value) => value).join(" ");
+	const colorValue = `rgb(${defaultColor} / var(${varPrefix}${prefix ? `${prefix}-` : ""}opacity, ${Number(preset.opacity) / 100}))`;
+	return `${shadowType === "inset" ? "inset " : ""}${cssValues} ${colorValue}`;
+}
+/**
+* Generate shadow values from the shadow config presets.
+* Each size can have multiple shadow presets that are combined into a single box-shadow.
+*
+* For regular shadows:
+* - Uses the outer shadow configuration from the shadow config
+* - Uses CSS variables with the --uds-shadow-* prefix for shadow properties
+* - The first shadow uses default variable names, subsequent shadows are numbered (e.g. --uds-shadow-2-*)
+* - Shadow colors are scoped to the element, allowing for instance-specific colors
+*
+* For inset shadows:
+* - Uses the inner shadow configuration from the shadow config
+* - Uses CSS variables with the --uds-inset-shadow-* prefix for shadow properties
+* - Adds the 'inset' keyword to each shadow value
+* - Shadow colors are scoped to the element, allowing for instance-specific colors
+*
+* This approach ensures that both regular and inset shadows use the correct CSS variables
+* set by the shadow utilities, while allowing for instance-specific color customization.
+* The separation of variable namespaces allows both shadow types to be used together on the same element.
+*
+* When both shadow and inset-shadow utilities are used together on an element,
+* they combine to create a box-shadow with both outer and inner shadows.
+*
+* @returns A record of shadow values by size (xs, sm, md, etc.)
+*/
+function getShadowPresetValues({ config, shadowType }) {
+	const presets = config?.shadow?.[shadowType];
+	if (!presets) return {};
+	const result = {};
+	entries(presets).forEach(([key, presetArray]) => {
+		if (key === "none") {
+			result[`--uds-${shadowType}-shadow-${key}`] = "0 0 transparent";
+			return;
+		}
+		const shadowValues = presetArray.map((preset, index) => getShadowLayerValue({
+			preset,
+			prefix: index > 0 ? `${index + 1}` : void 0,
+			shadowType
+		}));
+		result[`--uds-${shadowType}-shadow-${key}`] = `${shadowValues.join(", ")}`;
+	});
+	return result;
+}
+
+//#endregion
+export { getShadowLayerValue, getShadowPresetValues };
+//# sourceMappingURL=getShadowPresetValues.js.map

package/dist/tailwind/utils/getShadowPresetValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getShadowPresetValues.js","names":["result: Record<string, string>"],"sources":["../../../src/tailwind/utils/getShadowPresetValues.ts"],"sourcesContent":["import { shadowOffsetMap, shadowSpreadRadiusMap, spacingMap } from '@yahoo/uds/fixtures';\nimport type {\n  AlwaysPaletteAlias,\n  ShadowPreset,\n  ShadowType,\n  UniversalTokensConfig,\n} from '@yahoo/uds/tokens';\nimport { entries } from '@yahoo/uds/tokens';\n\nconst ALWAYS_AS_RGB = { black: '0 0 0', white: '255 255 255' } as Record<\n  AlwaysPaletteAlias,\n  string\n>;\n\n/**\n * Generate a single shadow value from a shadow preset configuration\n *\n * @param preset - The shadow preset configuration\n * @param index - Optional index for numbered shadows (2-5)\n * @param shadowType - The type of shadow (drop or inset)\n * @returns A CSS box-shadow value string\n */\nfunction getShadowLayerValue({\n  preset,\n  prefix,\n  shadowType,\n}: {\n  preset: ShadowPreset;\n  prefix?: string;\n  shadowType: ShadowType;\n}) {\n  // Generate a prefix for the shadow layer or use an empty string if it's the first shadow\n  // Use different variable prefixes for regular vs inset shadows\n  // Note: We still use the same color variables for both types\n  const varPrefix = `--uds-${shadowType}-shadow-`;\n\n  // For colors, we always use the shared color variables\n  const isPaletteColor = preset.color?.type === 'palette';\n  const isAlwaysColor = preset.color?.type === 'always';\n\n  let shadowColor = `var(--uds-${isPaletteColor ? 'shadow' : 'spectrum'}-color-${preset?.color?.value})`;\n\n  // We need white in rgb format for the shadow to be visible\n  if (isAlwaysColor) {\n    shadowColor = ALWAYS_AS_RGB[preset.color.value as AlwaysPaletteAlias];\n  }\n\n  const defaultColor = `var(${varPrefix}${prefix ? `${prefix}-` : ''}color, ${shadowColor})`;\n\n  // Define shadow properties in a structured way\n  const shadowProps = [\n    `${shadowOffsetMap[preset.offsetX]}px`,\n    `${shadowOffsetMap[preset.offsetY]}px`,\n    `${spacingMap[preset.blur]}px`,\n    `${shadowSpreadRadiusMap[preset.spread]}px`,\n  ] as const;\n\n  // Generate CSS variables with fallbacks, using the appropriate prefix\n  const cssValues = shadowProps.map((value) => value).join(' ');\n\n  // Add the color/opacity component\n  // Note: We use the appropriate variable prefix for opacity, but keep the shared color variables\n  const colorValue = `rgb(${defaultColor} / var(${varPrefix}${prefix ? `${prefix}-` : ''}opacity, ${\n    Number(preset.opacity) / 100\n  }))`;\n\n  // Return the final value with inset keyword if needed\n  // The 'inset' keyword must be at the beginning of the shadow value for CSS to recognize it as an inset shadow\n  return `${shadowType === 'inset' ? 'inset ' : ''}${cssValues} ${colorValue}`;\n}\n\n/**\n * Generate shadow values from the shadow config presets.\n * Each size can have multiple shadow presets that are combined into a single box-shadow.\n *\n * For regular shadows:\n * - Uses the outer shadow configuration from the shadow config\n * - Uses CSS variables with the --uds-shadow-* prefix for shadow properties\n * - The first shadow uses default variable names, subsequent shadows are numbered (e.g. --uds-shadow-2-*)\n * - Shadow colors are scoped to the element, allowing for instance-specific colors\n *\n * For inset shadows:\n * - Uses the inner shadow configuration from the shadow config\n * - Uses CSS variables with the --uds-inset-shadow-* prefix for shadow properties\n * - Adds the 'inset' keyword to each shadow value\n * - Shadow colors are scoped to the element, allowing for instance-specific colors\n *\n * This approach ensures that both regular and inset shadows use the correct CSS variables\n * set by the shadow utilities, while allowing for instance-specific color customization.\n * The separation of variable namespaces allows both shadow types to be used together on the same element.\n *\n * When both shadow and inset-shadow utilities are used together on an element,\n * they combine to create a box-shadow with both outer and inner shadows.\n *\n * @returns A record of shadow values by size (xs, sm, md, etc.)\n */\nfunction getShadowPresetValues({\n  config,\n  shadowType,\n}: {\n  config: UniversalTokensConfig;\n  shadowType: ShadowType;\n}) {\n  const presets = config?.shadow?.[shadowType];\n\n  // Bail fast if no presets\n  if (!presets) {\n    return {};\n  }\n\n  const result: Record<string, string> = {};\n\n  // Process shadows\n  entries(presets).forEach(([key, presetArray]) => {\n    // Special case for none - always use transparent shadow to avoid breaking combined box-shadows\n    if (key === 'none') {\n      result[`--uds-${shadowType}-shadow-${key}`] = '0 0 transparent';\n      return;\n    }\n\n    const shadowValues = presetArray.map((preset, index) =>\n      getShadowLayerValue({ preset, prefix: index > 0 ? `${index + 1}` : undefined, shadowType }),\n    );\n\n    // Join the shadow values with the appropriate separator\n    // For inset shadows, we ensure each shadow has the 'inset' keyword\n    result[`--uds-${shadowType}-shadow-${key}`] = `${shadowValues.join(', ')}`;\n  });\n\n  return result;\n}\n\nexport { getShadowLayerValue, getShadowPresetValues };\n"],"mappings":";;;;;AASA,MAAM,gBAAgB;CAAE,OAAO;CAAS,OAAO;CAAe;;;;;;;;;AAa9D,SAAS,oBAAoB,EAC3B,QACA,QACA,cAKC;CAID,MAAM,YAAY,SAAS,WAAW;CAGtC,MAAM,iBAAiB,OAAO,OAAO,SAAS;CAC9C,MAAM,gBAAgB,OAAO,OAAO,SAAS;CAE7C,IAAI,cAAc,aAAa,iBAAiB,WAAW,WAAW,SAAS,QAAQ,OAAO,MAAM;AAGpG,KAAI,cACF,eAAc,cAAc,OAAO,MAAM;CAG3C,MAAM,eAAe,OAAO,YAAY,SAAS,GAAG,OAAO,KAAK,GAAG,SAAS,YAAY;CAWxF,MAAM,YARc;EAClB,GAAG,gBAAgB,OAAO,SAAS;EACnC,GAAG,gBAAgB,OAAO,SAAS;EACnC,GAAG,WAAW,OAAO,MAAM;EAC3B,GAAG,sBAAsB,OAAO,QAAQ;EACzC,CAG6B,KAAK,UAAU,MAAM,CAAC,KAAK,IAAI;CAI7D,MAAM,aAAa,OAAO,aAAa,SAAS,YAAY,SAAS,GAAG,OAAO,KAAK,GAAG,WACrF,OAAO,OAAO,QAAQ,GAAG,IAC1B;AAID,QAAO,GAAG,eAAe,UAAU,WAAW,KAAK,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BlE,SAAS,sBAAsB,EAC7B,QACA,cAIC;CACD,MAAM,UAAU,QAAQ,SAAS;AAGjC,KAAI,CAAC,QACH,QAAO,EAAE;CAGX,MAAMA,SAAiC,EAAE;AAGzC,SAAQ,QAAQ,CAAC,SAAS,CAAC,KAAK,iBAAiB;AAE/C,MAAI,QAAQ,QAAQ;AAClB,UAAO,SAAS,WAAW,UAAU,SAAS;AAC9C;;EAGF,MAAM,eAAe,YAAY,KAAK,QAAQ,UAC5C,oBAAoB;GAAE;GAAQ,QAAQ,QAAQ,IAAI,GAAG,QAAQ,MAAM;GAAW;GAAY,CAAC,CAC5F;AAID,SAAO,SAAS,WAAW,UAAU,SAAS,GAAG,aAAa,KAAK,KAAK;GACxE;AAEF,QAAO"}

package/dist/tailwind/utils/getShadowStyles.cjs

@@ -0,0 +1,18 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_tokens_consts_cssTokens = require('../../tokens/consts/cssTokens.cjs');
+const require_tokens_utils_entries = require('../../tokens/utils/entries.cjs');
+const require_tokens_utils_fromEntries = require('../../tokens/utils/fromEntries.cjs');
+
+//#region src/tailwind/utils/getShadowStyles.ts
+function getShadowStyles({ config, shadowType }) {
+	const shadowTypeConfig = config.shadow[shadowType];
+	return require_tokens_utils_fromEntries.fromEntries(require_tokens_utils_entries.entries(shadowTypeConfig).map(([shadowVariant]) => {
+		return [`.uds-${shadowType}-shadow-${shadowVariant}`, {
+			[`--uds-${shadowType}-shadow`]: `var(--${require_tokens_consts_cssTokens.UDS_PREFIX}-${shadowType}-shadow-${shadowVariant})`,
+			boxShadow: `var(--${require_tokens_consts_cssTokens.UDS_PREFIX}-drop-shadow, 0 0 transparent), var(--${require_tokens_consts_cssTokens.UDS_PREFIX}-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)`
+		}];
+	}));
+}
+
+//#endregion
+exports.getShadowStyles = getShadowStyles;

package/dist/tailwind/utils/getShadowStyles.d.cts

@@ -0,0 +1,17 @@
+import { ShadowType, UniversalTokensConfig } from "../../tokens/types.cjs";
+import "../../tokens/index.cjs";
+
+//#region src/tailwind/utils/getShadowStyles.d.ts
+declare function getShadowStyles({
+  config,
+  shadowType
+}: {
+  config: UniversalTokensConfig;
+  shadowType: ShadowType;
+}): Record<".uds-inset-shadow-sm" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xs", {
+  readonly [x: string]: "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
+  readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
+}>;
+//#endregion
+export { getShadowStyles };
+//# sourceMappingURL=getShadowStyles.d.cts.map

package/dist/tailwind/utils/getShadowStyles.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getShadowStyles.d.cts","names":[],"sources":["../../../src/tailwind/utils/getShadowStyles.ts"],"sourcesContent":[],"mappings":";;;;iBAGS,eAAA;;;AAHkE;UAOjE;cACI;AAR6D,CAAA,CAAA,CAAA,CAS1E,MANQ,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAe,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA;EACtB,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA;EACA,QAAA,CAAA,SAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA;CAEQ,CAAA"}

package/dist/tailwind/utils/getShadowStyles.d.ts

@@ -0,0 +1,17 @@
+import { ShadowType, UniversalTokensConfig } from "../../tokens/types.js";
+import "../../tokens/index.js";
+
+//#region src/tailwind/utils/getShadowStyles.d.ts
+declare function getShadowStyles({
+  config,
+  shadowType
+}: {
+  config: UniversalTokensConfig;
+  shadowType: ShadowType;
+}): Record<".uds-inset-shadow-sm" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xs", {
+  readonly [x: string]: "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
+  readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
+}>;
+//#endregion
+export { getShadowStyles };
+//# sourceMappingURL=getShadowStyles.d.ts.map

package/dist/tailwind/utils/getShadowStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getShadowStyles.d.ts","names":[],"sources":["../../../src/tailwind/utils/getShadowStyles.ts"],"sourcesContent":[],"mappings":";;;;iBAGS,eAAA;;;AAHkE;UAOjE;cACI;AAR6D,CAAA,CAAA,CAAA,CAS1E,MANQ,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAe,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA;EACtB,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA;EACA,QAAA,CAAA,SAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA;CAEQ,CAAA"}

package/dist/tailwind/utils/getShadowStyles.js

@@ -0,0 +1,19 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { UDS_PREFIX } from "../../tokens/consts/cssTokens.js";
+import { entries } from "../../tokens/utils/entries.js";
+import { fromEntries } from "../../tokens/utils/fromEntries.js";
+
+//#region src/tailwind/utils/getShadowStyles.ts
+function getShadowStyles({ config, shadowType }) {
+	const shadowTypeConfig = config.shadow[shadowType];
+	return fromEntries(entries(shadowTypeConfig).map(([shadowVariant]) => {
+		return [`.uds-${shadowType}-shadow-${shadowVariant}`, {
+			[`--uds-${shadowType}-shadow`]: `var(--${UDS_PREFIX}-${shadowType}-shadow-${shadowVariant})`,
+			boxShadow: `var(--${UDS_PREFIX}-drop-shadow, 0 0 transparent), var(--${UDS_PREFIX}-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)`
+		}];
+	}));
+}
+
+//#endregion
+export { getShadowStyles };
+//# sourceMappingURL=getShadowStyles.js.map

package/dist/tailwind/utils/getShadowStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getShadowStyles.js","names":[],"sources":["../../../src/tailwind/utils/getShadowStyles.ts"],"sourcesContent":["import type { ShadowType, UniversalTokensConfig } from '@yahoo/uds/tokens';\nimport { entries, fromEntries, UDS_PREFIX } from '@yahoo/uds/tokens';\n\nfunction getShadowStyles({\n  config,\n  shadowType,\n}: {\n  config: UniversalTokensConfig;\n  shadowType: ShadowType;\n}) {\n  const shadowTypeConfig = config.shadow[shadowType];\n\n  const tuple = entries(shadowTypeConfig).map(([shadowVariant]) => {\n    return [\n      `.uds-${shadowType}-shadow-${shadowVariant}`,\n      {\n        [`--uds-${shadowType}-shadow`]: `var(--${UDS_PREFIX}-${shadowType}-shadow-${shadowVariant})`,\n        boxShadow: `var(--${UDS_PREFIX}-drop-shadow, 0 0 transparent), var(--${UDS_PREFIX}-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)`,\n      },\n    ] as const;\n  });\n\n  return fromEntries(tuple);\n}\n\nexport { getShadowStyles };\n"],"mappings":";;;;;;AAGA,SAAS,gBAAgB,EACvB,QACA,cAIC;CACD,MAAM,mBAAmB,OAAO,OAAO;AAYvC,QAAO,YAVO,QAAQ,iBAAiB,CAAC,KAAK,CAAC,mBAAmB;AAC/D,SAAO,CACL,QAAQ,WAAW,UAAU,iBAC7B;IACG,SAAS,WAAW,WAAW,SAAS,WAAW,GAAG,WAAW,UAAU,cAAc;GAC1F,WAAW,SAAS,WAAW,wCAAwC,WAAW;GACnF,CACF;GACD,CAEuB"}

package/dist/tailwind/utils/getShadowVars.cjs

@@ -0,0 +1,26 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_tokens_consts_cssTokens = require('../../tokens/consts/cssTokens.cjs');
+const require_tokens_utils_fromEntries = require('../../tokens/utils/fromEntries.cjs');
+
+//#region src/tailwind/utils/getShadowVars.ts
+function getShadowVarsForType(shadowType, udsConfig) {
+	const shadowTypeConfig = udsConfig.shadow?.[shadowType];
+	if (!shadowTypeConfig) return {};
+	return require_tokens_utils_fromEntries.fromEntries(Object.entries(shadowTypeConfig).map(([shadowVariant, shadowPreset]) => {
+		const value = shadowPreset.map((preset) => {
+			const colorVar = preset.color.type === "palette" ? `--${require_tokens_consts_cssTokens.UDS_PREFIX}-shadow-color-${preset.color.value}` : `--${require_tokens_consts_cssTokens.UDS_PREFIX}-spectrum-color-${preset.color.value}`;
+			const value$1 = `${preset.offsetX} ${preset.offsetY} ${preset.blur} ${preset.spread} var(${colorVar})`;
+			return shadowType === "inset" ? `inset ${value$1}` : value$1;
+		}).join(",");
+		return [`--${require_tokens_consts_cssTokens.UDS_PREFIX}-${shadowType}-shadow-${shadowVariant}`, value];
+	}));
+}
+function getShadowVars(udsConfig) {
+	return {
+		...getShadowVarsForType("drop", udsConfig),
+		...getShadowVarsForType("inset", udsConfig)
+	};
+}
+
+//#endregion
+exports.getShadowVars = getShadowVars;

package/dist/tailwind/utils/getShadowVars.d.cts

@@ -0,0 +1,8 @@
+import { UniversalTokensConfig } from "../../tokens/types.cjs";
+import "../../tokens/index.cjs";
+
+//#region src/tailwind/utils/getShadowVars.d.ts
+declare function getShadowVars(udsConfig: UniversalTokensConfig): {};
+//#endregion
+export { getShadowVars };
+//# sourceMappingURL=getShadowVars.d.cts.map

package/dist/tailwind/utils/getShadowVars.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getShadowVars.d.cts","names":[],"sources":["../../../src/tailwind/utils/getShadowVars.ts"],"sourcesContent":[],"mappings":";;;;iBAkCgB,aAAA,YAAyB"}

package/dist/tailwind/utils/getShadowVars.d.ts

@@ -0,0 +1,8 @@
+import { UniversalTokensConfig } from "../../tokens/types.js";
+import "../../tokens/index.js";
+
+//#region src/tailwind/utils/getShadowVars.d.ts
+declare function getShadowVars(udsConfig: UniversalTokensConfig): {};
+//#endregion
+export { getShadowVars };
+//# sourceMappingURL=getShadowVars.d.ts.map

package/dist/tailwind/utils/getShadowVars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getShadowVars.d.ts","names":[],"sources":["../../../src/tailwind/utils/getShadowVars.ts"],"sourcesContent":[],"mappings":";;;;iBAkCgB,aAAA,YAAyB"}

package/dist/tailwind/utils/getShadowVars.js

@@ -0,0 +1,27 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { UDS_PREFIX } from "../../tokens/consts/cssTokens.js";
+import { fromEntries } from "../../tokens/utils/fromEntries.js";
+
+//#region src/tailwind/utils/getShadowVars.ts
+function getShadowVarsForType(shadowType, udsConfig) {
+	const shadowTypeConfig = udsConfig.shadow?.[shadowType];
+	if (!shadowTypeConfig) return {};
+	return fromEntries(Object.entries(shadowTypeConfig).map(([shadowVariant, shadowPreset]) => {
+		const value = shadowPreset.map((preset) => {
+			const colorVar = preset.color.type === "palette" ? `--${UDS_PREFIX}-shadow-color-${preset.color.value}` : `--${UDS_PREFIX}-spectrum-color-${preset.color.value}`;
+			const value$1 = `${preset.offsetX} ${preset.offsetY} ${preset.blur} ${preset.spread} var(${colorVar})`;
+			return shadowType === "inset" ? `inset ${value$1}` : value$1;
+		}).join(",");
+		return [`--${UDS_PREFIX}-${shadowType}-shadow-${shadowVariant}`, value];
+	}));
+}
+function getShadowVars(udsConfig) {
+	return {
+		...getShadowVarsForType("drop", udsConfig),
+		...getShadowVarsForType("inset", udsConfig)
+	};
+}
+
+//#endregion
+export { getShadowVars };
+//# sourceMappingURL=getShadowVars.js.map

package/dist/tailwind/utils/getShadowVars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getShadowVars.js","names":["value"],"sources":["../../../src/tailwind/utils/getShadowVars.ts"],"sourcesContent":["import type { ShadowType, ShadowVariant, UniversalTokensConfig } from '@yahoo/uds/tokens';\nimport { fromEntries, UDS_PREFIX } from '@yahoo/uds/tokens';\n\nfunction getShadowVarsForType<T extends ShadowType>(\n  shadowType: T,\n  udsConfig: UniversalTokensConfig,\n) {\n  const shadowTypeConfig = udsConfig.shadow?.[shadowType];\n\n  // Return empty object if no config for this shadow type\n  if (!shadowTypeConfig) {\n    return {};\n  }\n\n  const tuple = Object.entries(shadowTypeConfig).map(([shadowVariant, shadowPreset]) => {\n    const value = shadowPreset\n      .map((preset) => {\n        const colorVar =\n          preset.color.type === 'palette'\n            ? `--${UDS_PREFIX}-shadow-color-${preset.color.value}`\n            : `--${UDS_PREFIX}-spectrum-color-${preset.color.value}`;\n        const value = `${preset.offsetX} ${preset.offsetY} ${preset.blur} ${preset.spread} var(${colorVar})`;\n        return shadowType === 'inset' ? `inset ${value}` : value;\n      })\n      .join(',');\n    return [\n      `--${UDS_PREFIX}-${shadowType}-shadow-${shadowVariant as ShadowVariant}`,\n      value,\n    ] as const;\n  });\n\n  return fromEntries(tuple);\n}\n\nexport function getShadowVars(udsConfig: UniversalTokensConfig) {\n  return {\n    ...getShadowVarsForType('drop', udsConfig),\n    ...getShadowVarsForType('inset', udsConfig),\n  };\n}\n"],"mappings":";;;;;AAGA,SAAS,qBACP,YACA,WACA;CACA,MAAM,mBAAmB,UAAU,SAAS;AAG5C,KAAI,CAAC,iBACH,QAAO,EAAE;AAoBX,QAAO,YAjBO,OAAO,QAAQ,iBAAiB,CAAC,KAAK,CAAC,eAAe,kBAAkB;EACpF,MAAM,QAAQ,aACX,KAAK,WAAW;GACf,MAAM,WACJ,OAAO,MAAM,SAAS,YAClB,KAAK,WAAW,gBAAgB,OAAO,MAAM,UAC7C,KAAK,WAAW,kBAAkB,OAAO,MAAM;GACrD,MAAMA,UAAQ,GAAG,OAAO,QAAQ,GAAG,OAAO,QAAQ,GAAG,OAAO,KAAK,GAAG,OAAO,OAAO,OAAO,SAAS;AAClG,UAAO,eAAe,UAAU,SAASA,YAAUA;IACnD,CACD,KAAK,IAAI;AACZ,SAAO,CACL,KAAK,WAAW,GAAG,WAAW,UAAU,iBACxC,MACD;GACD,CAEuB;;AAG3B,SAAgB,cAAc,WAAkC;AAC9D,QAAO;EACL,GAAG,qBAAqB,QAAQ,UAAU;EAC1C,GAAG,qBAAqB,SAAS,UAAU;EAC5C"}

package/dist/tailwind/utils/index.cjs

@@ -0,0 +1,22 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_tailwind_components_getResponsiveTextStyles = require('../components/getResponsiveTextStyles.cjs');
+const require_tailwind_utils_getShadowPresetValues = require('./getShadowPresetValues.cjs');
+const require_tailwind_utils_addFontsPlugin = require('./addFontsPlugin.cjs');
+const require_tailwind_utils_getColorModeStyles = require('./getColorModeStyles.cjs');
+const require_tailwind_utils_getFontFaceDeclarations = require('./getFontFaceDeclarations.cjs');
+const require_tailwind_utils_getFontStyles = require('./getFontStyles.cjs');
+const require_tailwind_utils_getMotionStyles = require('./getMotionStyles.cjs');
+const require_tailwind_utils_getScaleModeStyles = require('./getScaleModeStyles.cjs');
+const require_tailwind_utils_getShadowStyles = require('./getShadowStyles.cjs');
+
+exports.addFontsPlugin = require_tailwind_utils_addFontsPlugin.addFontsPlugin;
+exports.getBaseTextVars = require_tailwind_components_getResponsiveTextStyles.getBaseTextVars;
+exports.getColorModeStyles = require_tailwind_utils_getColorModeStyles.getColorModeStyles;
+exports.getFontFaceDeclarations = require_tailwind_utils_getFontFaceDeclarations.getFontFaceDeclarations;
+exports.getFontStyles = require_tailwind_utils_getFontStyles.getFontStyles;
+exports.getMotionStyles = require_tailwind_utils_getMotionStyles.getMotionStyles;
+exports.getResponsiveTextStyles = require_tailwind_components_getResponsiveTextStyles.getResponsiveTextStyles;
+exports.getScaleModeStyles = require_tailwind_utils_getScaleModeStyles.getScaleModeStyles;
+exports.getShadowLayerValue = require_tailwind_utils_getShadowPresetValues.getShadowLayerValue;
+exports.getShadowPresetValues = require_tailwind_utils_getShadowPresetValues.getShadowPresetValues;
+exports.getShadowStyles = require_tailwind_utils_getShadowStyles.getShadowStyles;

package/dist/tailwind/utils/index.d.cts

@@ -0,0 +1,10 @@
+import { getBaseTextVars, getResponsiveTextStyles } from "../components/getResponsiveTextStyles.cjs";
+import { AddFontsPluginOptions, addFontsPlugin } from "./addFontsPlugin.cjs";
+import { getColorModeStyles } from "./getColorModeStyles.cjs";
+import { getFontFaceDeclarations } from "./getFontFaceDeclarations.cjs";
+import { getFontStyles } from "./getFontStyles.cjs";
+import { getMotionStyles } from "./getMotionStyles.cjs";
+import { getScaleModeStyles } from "./getScaleModeStyles.cjs";
+import { getShadowLayerValue, getShadowPresetValues } from "./getShadowPresetValues.cjs";
+import { getShadowStyles } from "./getShadowStyles.cjs";
+export { AddFontsPluginOptions, addFontsPlugin, getBaseTextVars, getColorModeStyles, getFontFaceDeclarations, getFontStyles, getMotionStyles, getResponsiveTextStyles, getScaleModeStyles, getShadowLayerValue, getShadowPresetValues, getShadowStyles };

package/dist/tailwind/utils/index.d.ts

@@ -0,0 +1,10 @@
+import { getBaseTextVars, getResponsiveTextStyles } from "../components/getResponsiveTextStyles.js";
+import { AddFontsPluginOptions, addFontsPlugin } from "./addFontsPlugin.js";
+import { getColorModeStyles } from "./getColorModeStyles.js";
+import { getFontFaceDeclarations } from "./getFontFaceDeclarations.js";
+import { getFontStyles } from "./getFontStyles.js";
+import { getMotionStyles } from "./getMotionStyles.js";
+import { getScaleModeStyles } from "./getScaleModeStyles.js";
+import { getShadowLayerValue, getShadowPresetValues } from "./getShadowPresetValues.js";
+import { getShadowStyles } from "./getShadowStyles.js";
+export { AddFontsPluginOptions, addFontsPlugin, getBaseTextVars, getColorModeStyles, getFontFaceDeclarations, getFontStyles, getMotionStyles, getResponsiveTextStyles, getScaleModeStyles, getShadowLayerValue, getShadowPresetValues, getShadowStyles };

package/dist/tailwind/utils/index.js

@@ -0,0 +1,12 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { getBaseTextVars, getResponsiveTextStyles } from "../components/getResponsiveTextStyles.js";
+import { getShadowLayerValue, getShadowPresetValues } from "./getShadowPresetValues.js";
+import { addFontsPlugin } from "./addFontsPlugin.js";
+import { getColorModeStyles } from "./getColorModeStyles.js";
+import { getFontFaceDeclarations } from "./getFontFaceDeclarations.js";
+import { getFontStyles } from "./getFontStyles.js";
+import { getMotionStyles } from "./getMotionStyles.js";
+import { getScaleModeStyles } from "./getScaleModeStyles.js";
+import { getShadowStyles } from "./getShadowStyles.js";
+
+export { addFontsPlugin, getBaseTextVars, getColorModeStyles, getFontFaceDeclarations, getFontStyles, getMotionStyles, getResponsiveTextStyles, getScaleModeStyles, getShadowLayerValue, getShadowPresetValues, getShadowStyles };