@yahoo/uds 3.66.0 → 3.67.0-beta.1

package/dist/tokens/configs/shadow.cjs

@@ -0,0 +1,332 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region src/tokens/configs/shadow.ts
+const shadow = {
+	drop: {
+		none: [],
+		xs: [{
+			offsetX: "0",
+			offsetY: "px",
+			blur: "0.5",
+			spread: "0",
+			opacity: "5",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		sm: [{
+			offsetX: "0",
+			offsetY: "px",
+			blur: "0.5",
+			spread: "0",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "px",
+			blur: "1",
+			spread: "0",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		md: [{
+			offsetX: "0",
+			offsetY: "1",
+			blur: "1.5",
+			spread: "-px",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "0.5",
+			blur: "1",
+			spread: "-0.5",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		lg: [{
+			offsetX: "0",
+			offsetY: "1",
+			blur: "1.5",
+			spread: "-1",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "2.5",
+			blur: "3.5",
+			spread: "-0.5",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		xl: [{
+			offsetX: "0",
+			offsetY: "2",
+			blur: "2.5",
+			spread: "-1.5",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "5",
+			blur: "6",
+			spread: "-1",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		"2xl": [{
+			offsetX: "0",
+			offsetY: "6",
+			blur: "12",
+			spread: "-3",
+			opacity: "25",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}]
+	},
+	inset: {
+		none: [],
+		xs: [{
+			offsetX: "0",
+			offsetY: "px",
+			blur: "0.5",
+			spread: "0",
+			opacity: "5",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		sm: [{
+			offsetX: "0",
+			offsetY: "px",
+			blur: "0.5",
+			spread: "0",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "px",
+			blur: "1",
+			spread: "0",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		md: [{
+			offsetX: "0",
+			offsetY: "1",
+			blur: "1.5",
+			spread: "-px",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "0.5",
+			blur: "1",
+			spread: "-0.5",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		lg: [{
+			offsetX: "0",
+			offsetY: "1",
+			blur: "1.5",
+			spread: "-1",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "2.5",
+			blur: "3.5",
+			spread: "-0.5",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		xl: [{
+			offsetX: "0",
+			offsetY: "2",
+			blur: "2.5",
+			spread: "-1.5",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "5",
+			blur: "6",
+			spread: "-1",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		"2xl": [{
+			offsetX: "0",
+			offsetY: "6",
+			blur: "12",
+			spread: "-3",
+			opacity: "25",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		"xs-invert": [{
+			offsetX: "0",
+			offsetY: "px",
+			blur: "0.5",
+			spread: "0",
+			opacity: "5",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}],
+		"sm-invert": [{
+			offsetX: "0",
+			offsetY: "px",
+			blur: "0.5",
+			spread: "0",
+			opacity: "10",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "px",
+			blur: "1",
+			spread: "0",
+			opacity: "10",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}],
+		"md-invert": [{
+			offsetX: "0",
+			offsetY: "1",
+			blur: "1.5",
+			spread: "-px",
+			opacity: "10",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "0.5",
+			blur: "1",
+			spread: "-0.5",
+			opacity: "10",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}],
+		"lg-invert": [{
+			offsetX: "0",
+			offsetY: "1",
+			blur: "1.5",
+			spread: "-1",
+			opacity: "10",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "2.5",
+			blur: "3.5",
+			spread: "-0.5",
+			opacity: "10",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}],
+		"xl-invert": [{
+			offsetX: "0",
+			offsetY: "2",
+			blur: "2.5",
+			spread: "-1.5",
+			opacity: "10",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "5",
+			blur: "6",
+			spread: "-1",
+			opacity: "10",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}],
+		"2xl-invert": [{
+			offsetX: "0",
+			offsetY: "6",
+			blur: "12",
+			spread: "-3",
+			opacity: "25",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}]
+	}
+};
+
+//#endregion
+exports.shadow = shadow;

package/dist/tokens/configs/shadow.d.cts

@@ -0,0 +1,6 @@
+import { ShadowConfig } from "../types.cjs";
+
+//#region src/tokens/configs/shadow.d.ts
+declare const shadow: ShadowConfig;
+//#endregion
+export { shadow };

package/dist/tokens/configs/shadow.d.ts

@@ -0,0 +1,6 @@
+import { ShadowConfig } from "../types.js";
+
+//#region src/tokens/configs/shadow.d.ts
+declare const shadow: ShadowConfig;
+//#endregion
+export { shadow };

package/dist/tokens/configs/shadow.js

@@ -0,0 +1,331 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+//#region src/tokens/configs/shadow.ts
+const shadow = {
+	drop: {
+		none: [],
+		xs: [{
+			offsetX: "0",
+			offsetY: "px",
+			blur: "0.5",
+			spread: "0",
+			opacity: "5",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		sm: [{
+			offsetX: "0",
+			offsetY: "px",
+			blur: "0.5",
+			spread: "0",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "px",
+			blur: "1",
+			spread: "0",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		md: [{
+			offsetX: "0",
+			offsetY: "1",
+			blur: "1.5",
+			spread: "-px",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "0.5",
+			blur: "1",
+			spread: "-0.5",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		lg: [{
+			offsetX: "0",
+			offsetY: "1",
+			blur: "1.5",
+			spread: "-1",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "2.5",
+			blur: "3.5",
+			spread: "-0.5",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		xl: [{
+			offsetX: "0",
+			offsetY: "2",
+			blur: "2.5",
+			spread: "-1.5",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "5",
+			blur: "6",
+			spread: "-1",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		"2xl": [{
+			offsetX: "0",
+			offsetY: "6",
+			blur: "12",
+			spread: "-3",
+			opacity: "25",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}]
+	},
+	inset: {
+		none: [],
+		xs: [{
+			offsetX: "0",
+			offsetY: "px",
+			blur: "0.5",
+			spread: "0",
+			opacity: "5",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		sm: [{
+			offsetX: "0",
+			offsetY: "px",
+			blur: "0.5",
+			spread: "0",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "px",
+			blur: "1",
+			spread: "0",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		md: [{
+			offsetX: "0",
+			offsetY: "1",
+			blur: "1.5",
+			spread: "-px",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "0.5",
+			blur: "1",
+			spread: "-0.5",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		lg: [{
+			offsetX: "0",
+			offsetY: "1",
+			blur: "1.5",
+			spread: "-1",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "2.5",
+			blur: "3.5",
+			spread: "-0.5",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		xl: [{
+			offsetX: "0",
+			offsetY: "2",
+			blur: "2.5",
+			spread: "-1.5",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "5",
+			blur: "6",
+			spread: "-1",
+			opacity: "10",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		"2xl": [{
+			offsetX: "0",
+			offsetY: "6",
+			blur: "12",
+			spread: "-3",
+			opacity: "25",
+			color: {
+				type: "palette",
+				value: "primary"
+			}
+		}],
+		"xs-invert": [{
+			offsetX: "0",
+			offsetY: "px",
+			blur: "0.5",
+			spread: "0",
+			opacity: "5",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}],
+		"sm-invert": [{
+			offsetX: "0",
+			offsetY: "px",
+			blur: "0.5",
+			spread: "0",
+			opacity: "10",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "px",
+			blur: "1",
+			spread: "0",
+			opacity: "10",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}],
+		"md-invert": [{
+			offsetX: "0",
+			offsetY: "1",
+			blur: "1.5",
+			spread: "-px",
+			opacity: "10",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "0.5",
+			blur: "1",
+			spread: "-0.5",
+			opacity: "10",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}],
+		"lg-invert": [{
+			offsetX: "0",
+			offsetY: "1",
+			blur: "1.5",
+			spread: "-1",
+			opacity: "10",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "2.5",
+			blur: "3.5",
+			spread: "-0.5",
+			opacity: "10",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}],
+		"xl-invert": [{
+			offsetX: "0",
+			offsetY: "2",
+			blur: "2.5",
+			spread: "-1.5",
+			opacity: "10",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}, {
+			offsetX: "0",
+			offsetY: "5",
+			blur: "6",
+			spread: "-1",
+			opacity: "10",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}],
+		"2xl-invert": [{
+			offsetX: "0",
+			offsetY: "6",
+			blur: "12",
+			spread: "-3",
+			opacity: "25",
+			color: {
+				type: "always",
+				value: "white"
+			}
+		}]
+	}
+};
+
+//#endregion
+export { shadow };

package/dist/tokens/configs/sizes.cjs

@@ -0,0 +1,26 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let __yahoo_uds_icons_tokens = require("@yahoo/uds-icons/tokens");
+
+//#region src/tokens/configs/sizes.ts
+const compactAvatarSizes = {
+	xs: 24,
+	sm: 28,
+	md: 40,
+	lg: 52,
+	xl: 64
+};
+const normalAvatarSizes = compactAvatarSizes;
+const compactIconSizes = __yahoo_uds_icons_tokens.ICON_SIZE_MAP;
+const normalIconSizes = __yahoo_uds_icons_tokens.ICON_SIZE_MAP;
+const inputSizes = {
+	md: 40,
+	lg: 52
+};
+
+//#endregion
+exports.compactAvatarSizes = compactAvatarSizes;
+exports.compactIconSizes = compactIconSizes;
+exports.inputSizes = inputSizes;
+exports.normalAvatarSizes = normalAvatarSizes;
+exports.normalIconSizes = normalIconSizes;

package/dist/tokens/configs/sizes.d.cts

@@ -0,0 +1,10 @@
+import { AvatarSizeConfig, IconSizeConfig, InputSize } from "../types.cjs";
+
+//#region src/tokens/configs/sizes.d.ts
+declare const compactAvatarSizes: AvatarSizeConfig;
+declare const normalAvatarSizes: AvatarSizeConfig;
+declare const compactIconSizes: IconSizeConfig;
+declare const normalIconSizes: IconSizeConfig;
+declare const inputSizes: Record<InputSize, number>;
+//#endregion
+export { compactAvatarSizes, compactIconSizes, inputSizes, normalAvatarSizes, normalIconSizes };

package/dist/tokens/configs/sizes.d.ts

@@ -0,0 +1,10 @@
+import { AvatarSizeConfig, IconSizeConfig, InputSize } from "../types.js";
+
+//#region src/tokens/configs/sizes.d.ts
+declare const compactAvatarSizes: AvatarSizeConfig;
+declare const normalAvatarSizes: AvatarSizeConfig;
+declare const compactIconSizes: IconSizeConfig;
+declare const normalIconSizes: IconSizeConfig;
+declare const inputSizes: Record<InputSize, number>;
+//#endregion
+export { compactAvatarSizes, compactIconSizes, inputSizes, normalAvatarSizes, normalIconSizes };