@yahoo/uds 3.66.1 → 3.67.0-beta.2

package/dist/tokens/configs/motion.js

@@ -0,0 +1,132 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+//#region src/tokens/configs/motion.ts
+const animation = {
+	none: "none",
+	spin: "spin 1s linear infinite",
+	ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
+	pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+	bounce: "bounce 1s infinite"
+};
+const transitionDelay = {
+	"0": "0s",
+	"75": "75ms",
+	"100": "100ms",
+	"150": "150ms",
+	"200": "200ms",
+	"300": "300ms",
+	"500": "500ms",
+	"700": "700ms",
+	"1000": "1000ms"
+};
+const transitionDuration = {
+	"0": "0s",
+	"75": "75ms",
+	"100": "100ms",
+	"150": "150ms",
+	"200": "200ms",
+	"300": "300ms",
+	"500": "500ms",
+	"700": "700ms",
+	"1000": "1000ms"
+};
+const transitionTiming = {
+	linear: "linear",
+	in: "cubic-bezier(0.4, 0, 1, 1)",
+	out: "cubic-bezier(0, 0, 0.2, 1)",
+	"in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
+};
+const motion = {
+	damped: {
+		"1": {
+			damping: 20.585796264350424,
+			stiffness: 62.37968115365702
+		},
+		"2": {
+			damping: 29.312551281312288,
+			stiffness: 126.47801753759964
+		},
+		"3": {
+			damping: 48.92799401356162,
+			stiffness: 352.3892336537332
+		},
+		"4": {
+			damping: 123.42690994256348,
+			stiffness: 2242.474548821137
+		}
+	},
+	smooth: {
+		"1": {
+			damping: 16.46863701148034,
+			stiffness: 67.80400125397502
+		},
+		"2": {
+			damping: 23.45004102504983,
+			stiffness: 137.47610601913004
+		},
+		"3": {
+			damping: 39.1423952108493,
+			stiffness: 383.03177571057955
+		},
+		"4": {
+			damping: 98.7415279540508,
+			stiffness: 2437.4723356751488
+		}
+	},
+	subtle: {
+		"1": {
+			damping: 13.04316051309243,
+			stiffness: 67.80400125397502
+		},
+		"2": {
+			damping: 18.572432491839468,
+			stiffness: 137.47610601913004
+		},
+		"3": {
+			damping: 31.000777006992646,
+			stiffness: 383.03177571057955
+		},
+		"4": {
+			damping: 78.20329013960823,
+			stiffness: 2437.4723356751488
+		}
+	},
+	bouncy: {
+		"1": {
+			damping: 9.229712940600143,
+			stiffness: 48.880672622541795
+		},
+		"2": {
+			damping: 12.634144343496553,
+			stiffness: 91.59092691366399
+		},
+		"3": {
+			damping: 19.40217701790486,
+			stiffness: 216.00395877230474
+		},
+		"4": {
+			damping: 37.541723184430275,
+			stiffness: 808.7032559422912
+		}
+	},
+	veryBouncy: {
+		"1": {
+			damping: 6.902290754946187,
+			stiffness: 38.92152745126911
+		},
+		"2": {
+			damping: 9.155550514215523,
+			stiffness: 68.48134828711234
+		},
+		"3": {
+			damping: 13.244464908166709,
+			stiffness: 143.30858570843873
+		},
+		"4": {
+			damping: 22.17862652876726,
+			stiffness: 401.85804919502965
+		}
+	}
+};
+
+//#endregion
+export { animation, motion, transitionDelay, transitionDuration, transitionTiming };

package/dist/tokens/configs/palette.cjs

@@ -0,0 +1,402 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region src/tokens/configs/palette.ts
+const lightPalette = {
+	background: {
+		primary: {
+			hue: "gray",
+			step: "0"
+		},
+		secondary: {
+			hue: "carbon",
+			step: "2"
+		},
+		accent: {
+			hue: "carbon",
+			step: "2"
+		},
+		brand: {
+			hue: "purple",
+			step: "9"
+		},
+		"brand-secondary": {
+			hue: "purple",
+			step: "1"
+		},
+		info: {
+			hue: "blue",
+			step: "5"
+		},
+		"info-secondary": {
+			hue: "blue",
+			step: "1"
+		},
+		alert: {
+			hue: "red",
+			step: "9"
+		},
+		"alert-secondary": {
+			hue: "red",
+			step: "2"
+		},
+		positive: {
+			hue: "green",
+			step: "5"
+		},
+		"positive-secondary": {
+			hue: "green",
+			step: "2"
+		},
+		warning: {
+			hue: "orange",
+			step: "5"
+		},
+		"warning-secondary": {
+			hue: "orange",
+			step: "2"
+		}
+	},
+	foreground: {
+		primary: {
+			hue: "carbon",
+			step: "13"
+		},
+		secondary: {
+			hue: "carbon",
+			step: "10"
+		},
+		tertiary: {
+			hue: "gray",
+			step: "9"
+		},
+		muted: {
+			hue: "gray",
+			step: "8"
+		},
+		"on-color": {
+			hue: "gray",
+			step: "0"
+		},
+		accent: {
+			hue: "carbon",
+			step: "7"
+		},
+		brand: {
+			hue: "purple",
+			step: "9"
+		},
+		"brand-secondary": {
+			hue: "purple",
+			step: "11"
+		},
+		info: {
+			hue: "blue",
+			step: "8"
+		},
+		"info-secondary": {
+			hue: "blue",
+			step: "12"
+		},
+		alert: {
+			hue: "red",
+			step: "9"
+		},
+		"alert-secondary": {
+			hue: "red",
+			step: "12"
+		},
+		positive: {
+			hue: "green",
+			step: "7"
+		},
+		"positive-secondary": {
+			hue: "green",
+			step: "12"
+		},
+		warning: {
+			hue: "orange",
+			step: "8"
+		},
+		"warning-secondary": {
+			hue: "orange",
+			step: "12"
+		}
+	},
+	line: {
+		primary: {
+			hue: "gray",
+			step: "12"
+		},
+		secondary: {
+			hue: "gray",
+			step: "9"
+		},
+		tertiary: {
+			hue: "gray",
+			step: "7"
+		},
+		muted: {
+			hue: "gray",
+			step: "3"
+		},
+		accent: {
+			hue: "carbon",
+			step: "2"
+		},
+		brand: {
+			hue: "purple",
+			step: "9"
+		},
+		"brand-secondary": {
+			hue: "purple",
+			step: "6"
+		},
+		info: {
+			hue: "blue",
+			step: "9"
+		},
+		"info-secondary": {
+			hue: "blue",
+			step: "5"
+		},
+		alert: {
+			hue: "red",
+			step: "9"
+		},
+		"alert-secondary": {
+			hue: "red",
+			step: "5"
+		},
+		positive: {
+			hue: "green",
+			step: "9"
+		},
+		"positive-secondary": {
+			hue: "green",
+			step: "5"
+		},
+		warning: {
+			hue: "orange",
+			step: "9"
+		},
+		"warning-secondary": {
+			hue: "orange",
+			step: "7"
+		}
+	},
+	shadow: {
+		primary: {
+			hue: "carbon",
+			step: "12"
+		},
+		secondary: {
+			hue: "purple",
+			step: "9"
+		}
+	}
+};
+const darkPalette = {
+	background: {
+		primary: {
+			hue: "gray",
+			step: "1"
+		},
+		secondary: {
+			hue: "carbon",
+			step: "2"
+		},
+		accent: {
+			hue: "carbon",
+			step: "14"
+		},
+		brand: {
+			hue: "purple",
+			step: "9"
+		},
+		"brand-secondary": {
+			hue: "purple",
+			step: "1"
+		},
+		info: {
+			hue: "blue",
+			step: "5"
+		},
+		"info-secondary": {
+			hue: "blue",
+			step: "3"
+		},
+		alert: {
+			hue: "red",
+			step: "9"
+		},
+		"alert-secondary": {
+			hue: "red",
+			step: "3"
+		},
+		positive: {
+			hue: "green",
+			step: "5"
+		},
+		"positive-secondary": {
+			hue: "green",
+			step: "3"
+		},
+		warning: {
+			hue: "orange",
+			step: "7"
+		},
+		"warning-secondary": {
+			hue: "orange",
+			step: "3"
+		}
+	},
+	foreground: {
+		primary: {
+			hue: "carbon",
+			step: "13"
+		},
+		secondary: {
+			hue: "carbon",
+			step: "10"
+		},
+		tertiary: {
+			hue: "gray",
+			step: "9"
+		},
+		muted: {
+			hue: "gray",
+			step: "8"
+		},
+		"on-color": {
+			hue: "gray",
+			step: "0"
+		},
+		accent: {
+			hue: "carbon",
+			step: "7"
+		},
+		brand: {
+			hue: "purple",
+			step: "9"
+		},
+		"brand-secondary": {
+			hue: "purple",
+			step: "12"
+		},
+		info: {
+			hue: "blue",
+			step: "8"
+		},
+		"info-secondary": {
+			hue: "blue",
+			step: "12"
+		},
+		alert: {
+			hue: "red",
+			step: "9"
+		},
+		"alert-secondary": {
+			hue: "red",
+			step: "12"
+		},
+		positive: {
+			hue: "green",
+			step: "7"
+		},
+		"positive-secondary": {
+			hue: "green",
+			step: "12"
+		},
+		warning: {
+			hue: "orange",
+			step: "7"
+		},
+		"warning-secondary": {
+			hue: "orange",
+			step: "12"
+		}
+	},
+	line: {
+		primary: {
+			hue: "gray",
+			step: "12"
+		},
+		secondary: {
+			hue: "gray",
+			step: "9"
+		},
+		tertiary: {
+			hue: "gray",
+			step: "7"
+		},
+		muted: {
+			hue: "gray",
+			step: "3"
+		},
+		accent: {
+			hue: "carbon",
+			step: "1"
+		},
+		brand: {
+			hue: "purple",
+			step: "9"
+		},
+		"brand-secondary": {
+			hue: "purple",
+			step: "5"
+		},
+		info: {
+			hue: "blue",
+			step: "9"
+		},
+		"info-secondary": {
+			hue: "blue",
+			step: "5"
+		},
+		alert: {
+			hue: "red",
+			step: "9"
+		},
+		"alert-secondary": {
+			hue: "red",
+			step: "5"
+		},
+		positive: {
+			hue: "green",
+			step: "9"
+		},
+		"positive-secondary": {
+			hue: "green",
+			step: "5"
+		},
+		warning: {
+			hue: "orange",
+			step: "9"
+		},
+		"warning-secondary": {
+			hue: "orange",
+			step: "7"
+		}
+	},
+	shadow: {
+		primary: {
+			hue: "carbon",
+			step: "0"
+		},
+		secondary: {
+			hue: "purple",
+			step: "9"
+		}
+	}
+};
+const alwaysPalette = {
+	white: "#ffffff",
+	black: "#000000",
+	transparent: "transparent",
+	current: "currentColor"
+};
+
+//#endregion
+exports.alwaysPalette = alwaysPalette;
+exports.darkPalette = darkPalette;
+exports.lightPalette = lightPalette;

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

@@ -0,0 +1,13 @@
+import { PaletteConfig } from "../types.cjs";
+
+//#region src/tokens/configs/palette.d.ts
+declare const lightPalette: PaletteConfig;
+declare const darkPalette: PaletteConfig;
+declare const alwaysPalette: {
+  white: string;
+  black: string;
+  transparent: string;
+  current: string;
+};
+//#endregion
+export { alwaysPalette, darkPalette, lightPalette };

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

@@ -0,0 +1,13 @@
+import { PaletteConfig } from "../types.js";
+
+//#region src/tokens/configs/palette.d.ts
+declare const lightPalette: PaletteConfig;
+declare const darkPalette: PaletteConfig;
+declare const alwaysPalette: {
+  white: string;
+  black: string;
+  transparent: string;
+  current: string;
+};
+//#endregion
+export { alwaysPalette, darkPalette, lightPalette };