@yahoo/uds-v5-wip 1.60.0 → 1.62.0

package/dist/foundational-presets/dist/defaultPreset.js

@@ -1,615 +0,0 @@
-import { uds } from "../../config/dist/createConfig.js";
-import "../../config/dist/index.js";
-import { style_props_exports } from "./style-props.js";
-//#region ../foundational-presets/dist/defaultPreset.js
-const defaultFoundationPreset = uds.defineModes({
-	colorMode: { options: { dark: { css: ".dark" } } },
-	responsive: { options: {
-		sm: { media: "(min-width: 640px)" },
-		md: { media: "(min-width: 768px)" },
-		lg: { media: "(min-width: 1024px)" },
-		xl: { media: "(min-width: 1280px)" },
-		"2xl": { media: "(min-width: 1536px)" }
-	} }
-}).defineVars({
-	color: {
-		$type: "color",
-		inherit: { value: "inherit" },
-		current: { value: "currentColor" },
-		transparent: { value: "transparent" },
-		"always/black": { value: "#000" },
-		"always/white": { value: "#fff" },
-		brand: {
-			value: "#1167f4",
-			_dark: "#88bcfb"
-		},
-		"on-brand": {
-			value: "#ffffff",
-			_dark: "#09090b"
-		},
-		accent: {
-			value: "#da1c46",
-			_dark: "#fc9aa8"
-		},
-		"on-accent": {
-			value: "#ffffff",
-			_dark: "#09090b"
-		},
-		alert: {
-			value: "#df1313",
-			_dark: "#fa9b9b"
-		},
-		"on-alert": {
-			value: "#ffffff",
-			_dark: "#09090b"
-		},
-		positive: {
-			value: "#17843f",
-			_dark: "#4ade80"
-		},
-		"on-positive": {
-			value: "#ffffff",
-			_dark: "#09090b"
-		},
-		warning: {
-			value: "#bf5105",
-			_dark: "#fca156"
-		},
-		"on-warning": {
-			value: "#ffffff",
-			_dark: "#09090b"
-		},
-		primary: {
-			value: "#52525b",
-			_dark: "#09090b"
-		},
-		"on-primary": {
-			value: "#18181b",
-			_dark: "#fafafa"
-		},
-		secondary: {
-			value: "#a1a1aa",
-			_dark: "#a1a1aa"
-		},
-		"on-secondary": {
-			value: "#6f6f78",
-			_dark: "#b7b7bd"
-		},
-		tertiary: {
-			value: "#fafafa",
-			_dark: "#18181b"
-		},
-		"on-tertiary": {
-			value: "#71717a",
-			_dark: "#b2b2b9"
-		},
-		inverse: {
-			value: "#18181b",
-			_dark: "#fafafa"
-		},
-		"on-inverse": {
-			value: "#fafafa",
-			_dark: "#09090b"
-		}
-	},
-	bg: {
-		$type: "color",
-		brand: {
-			value: "#1e6ff5",
-			_dark: "#71affb"
-		},
-		surface: {
-			value: "#fafafa",
-			_dark: "#09090b"
-		},
-		accent: {
-			value: "#e11d48",
-			_dark: "#fc8a9a"
-		},
-		alert: {
-			value: "#eb1616",
-			_dark: "#f98d8d"
-		},
-		positive: {
-			value: "#188841",
-			_dark: "#4ade80"
-		},
-		warning: {
-			value: "#c55405",
-			_dark: "#fb923c"
-		},
-		primary: {
-			value: "#fff",
-			_dark: "#09090b"
-		},
-		"elevation-1": {
-			value: "#fff",
-			_dark: "#18181b"
-		},
-		"elevation-2": {
-			value: "#fff",
-			_dark: "#27272a"
-		},
-		"elevation-3": {
-			value: "#fff",
-			_dark: "#3f3f46"
-		},
-		secondary: {
-			value: "#f4f4f5",
-			_dark: "#27272a"
-		},
-		tertiary: {
-			value: "#fafafa",
-			_dark: "#18181b"
-		},
-		inverse: {
-			value: "#18181b",
-			_dark: "#fafafa"
-		},
-		"brand-wash": {
-			value: "#eff6ff",
-			_dark: "#172554"
-		},
-		"accent-wash": {
-			value: "#fff1f2",
-			_dark: "#4c0519"
-		},
-		"alert-wash": {
-			value: "#fef2f2",
-			_dark: "#450a0a"
-		},
-		"positive-wash": {
-			value: "#f0fdf4",
-			_dark: "#052e16"
-		},
-		"warning-wash": {
-			value: "#fff7ed",
-			_dark: "#431407"
-		},
-		overlay: {
-			value: "rgba(0,0,0,0.5)",
-			_dark: "rgba(0,0,0,0.7)"
-		}
-	},
-	borderColor: {
-		$type: "color",
-		brand: {
-			value: "#1e6ff5",
-			_dark: "#71affb"
-		},
-		surface: {
-			value: "#fafafa",
-			_dark: "#09090b"
-		},
-		accent: {
-			value: "#e11d48",
-			_dark: "#fc8a9a"
-		},
-		alert: {
-			value: "#eb1616",
-			_dark: "#f98d8d"
-		},
-		positive: {
-			value: "#188841",
-			_dark: "#4ade80"
-		},
-		warning: {
-			value: "#c55405",
-			_dark: "#fb923c"
-		},
-		primary: {
-			value: "#fff",
-			_dark: "#09090b"
-		},
-		secondary: {
-			value: "#f4f4f5",
-			_dark: "#27272a"
-		},
-		tertiary: {
-			value: "#fafafa",
-			_dark: "#18181b"
-		},
-		inverse: {
-			value: "#18181b",
-			_dark: "#fafafa"
-		},
-		"brand-wash": {
-			value: "#eff6ff",
-			_dark: "#172554"
-		},
-		"accent-wash": {
-			value: "#fff1f2",
-			_dark: "#4c0519"
-		},
-		"alert-wash": {
-			value: "#fef2f2",
-			_dark: "#450a0a"
-		},
-		"positive-wash": {
-			value: "#f0fdf4",
-			_dark: "#052e16"
-		},
-		"warning-wash": {
-			value: "#fff7ed",
-			_dark: "#431407"
-		}
-	},
-	borderWidth: {
-		$type: "dimension",
-		none: { value: "0px" },
-		thin: { value: "1px" },
-		medium: { value: "2px" },
-		thick: { value: "4px" }
-	},
-	outlineWidth: {
-		$type: "dimension",
-		0: { value: "0px" },
-		1: { value: "1px" },
-		2: { value: "2px" },
-		4: { value: "4px" },
-		8: { value: "8px" }
-	},
-	outlineOffset: {
-		$type: "dimension",
-		0: { value: "0px" },
-		1: { value: "1px" },
-		2: { value: "2px" },
-		4: { value: "4px" },
-		8: { value: "8px" }
-	},
-	divideWidth: {
-		$type: "dimension",
-		0: { value: "0px" },
-		2: { value: "2px" },
-		4: { value: "4px" },
-		8: { value: "8px" },
-		reverse: {
-			value: "reverse",
-			$type: "string"
-		}
-	},
-	ringWidth: {
-		$type: "dimension",
-		0: { value: "0px" },
-		1: { value: "1px" },
-		2: { value: "2px" },
-		4: { value: "4px" },
-		8: { value: "8px" },
-		inset: {
-			value: "inset",
-			$type: "string"
-		}
-	},
-	ringOffsetWidth: {
-		$type: "dimension",
-		0: { value: "0px" },
-		1: { value: "1px" },
-		2: { value: "2px" },
-		4: { value: "4px" },
-		8: { value: "8px" }
-	},
-	fontWeight: {
-		$type: "fontWeight",
-		thin: { value: "100" },
-		extralight: { value: "200" },
-		light: { value: "300" },
-		normal: { value: "400" },
-		medium: { value: "500" },
-		semibold: { value: "600" },
-		bold: { value: "700" },
-		extrabold: { value: "800" },
-		black: { value: "900" }
-	},
-	lineHeight: {
-		$type: "number",
-		none: { value: "1" },
-		tight: { value: "1.25" },
-		normal: { value: "1.5" },
-		relaxed: { value: "1.75" }
-	},
-	letterSpacing: {
-		$type: "dimension",
-		tighter: { value: "-0.05em" },
-		tight: { value: "-0.025em" },
-		normal: { value: "0em" },
-		wide: { value: "0.025em" },
-		wider: { value: "0.05em" },
-		widest: { value: "0.1em" }
-	},
-	spacing: {
-		$type: "dimension",
-		px: { value: "1px" },
-		0: { value: "0px" },
-		.5: { value: "0.125rem" },
-		1: { value: "0.25rem" },
-		1.5: { value: "0.375rem" },
-		2: { value: "0.5rem" },
-		2.5: { value: "0.625rem" },
-		3: { value: "0.75rem" },
-		3.5: { value: "0.875rem" },
-		4: { value: "1rem" },
-		5: { value: "1.25rem" },
-		6: { value: "1.5rem" },
-		7: { value: "1.75rem" },
-		8: { value: "2rem" },
-		9: { value: "2.25rem" },
-		10: { value: "2.5rem" },
-		11: { value: "2.75rem" },
-		12: { value: "3rem" },
-		14: { value: "3.5rem" },
-		16: { value: "4rem" },
-		20: { value: "5rem" },
-		24: { value: "6rem" },
-		28: { value: "7rem" },
-		32: { value: "8rem" },
-		36: { value: "9rem" },
-		40: { value: "10rem" },
-		44: { value: "11rem" },
-		48: { value: "12rem" },
-		52: { value: "13rem" },
-		56: { value: "14rem" },
-		60: { value: "15rem" },
-		64: { value: "16rem" },
-		72: { value: "18rem" },
-		80: { value: "20rem" },
-		96: { value: "24rem" }
-	},
-	position: {
-		$type: "dimension",
-		auto: {
-			value: "auto",
-			$type: "string"
-		},
-		full: { value: "100%" },
-		"1/2": { value: "50%" },
-		"1/3": { value: "33.333333%" },
-		"2/3": { value: "66.666667%" },
-		"1/4": { value: "25%" },
-		"2/4": { value: "50%" },
-		"3/4": { value: "75%" }
-	},
-	aspectRatio: {
-		$type: "string",
-		square: { value: "1 / 1" },
-		landscape: { value: "4 / 3" },
-		portrait: { value: "3 / 4" },
-		widescreen: { value: "16 / 9" },
-		ultrawide: { value: "21 / 9" },
-		golden: { value: "1.618 / 1" }
-	},
-	flex: {
-		$type: "string",
-		1: { value: "1 1 0%" },
-		auto: { value: "1 1 auto" },
-		initial: { value: "0 1 auto" },
-		none: { value: "none" }
-	},
-	flexGrow: {
-		$type: "number",
-		0: { value: "0" },
-		1: { value: "1" }
-	},
-	flexShrink: {
-		$type: "number",
-		0: { value: "0" }
-	},
-	opacity: {
-		$type: "number",
-		0: { value: "0" },
-		5: { value: "5" },
-		10: { value: "10" },
-		20: { value: "20" },
-		25: { value: "25" },
-		30: { value: "30" },
-		40: { value: "40" },
-		50: { value: "50" },
-		60: { value: "60" },
-		70: { value: "70" },
-		75: { value: "75" },
-		80: { value: "80" },
-		90: { value: "90" },
-		95: { value: "95" },
-		100: { value: "100" }
-	},
-	radius: {
-		$type: "dimension",
-		none: { value: "0px" },
-		xs: { value: "2px" },
-		sm: { value: "4px" },
-		md: { value: "6px" },
-		lg: { value: "16px" },
-		xl: { value: "32px" },
-		full: { value: "1e5px" }
-	},
-	animation: {
-		$type: "string",
-		none: { value: "none" },
-		spin: { value: "spin 1s linear infinite" },
-		ping: { value: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite" }
-	},
-	shadow: {
-		$type: "string",
-		"2xs": { value: "0 1px rgb(0 0 0 / 0.05)" },
-		xs: { value: "0 1px 2px 0 rgb(0 0 0 / 0.05)" },
-		sm: { value: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)" },
-		md: { value: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)" },
-		lg: { value: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)" },
-		xl: { value: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)" },
-		"2xl": { value: "0 25px 50px -12px rgb(0 0 0 / 0.25)" },
-		inner: { value: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)" },
-		none: { value: "none" }
-	},
-	blur: {
-		$type: "string",
-		none: { value: "blur(0)" },
-		sm: { value: "blur(4px)" },
-		md: { value: "blur(12px)" },
-		lg: { value: "blur(16px)" },
-		xl: { value: "blur(24px)" },
-		"2xl": { value: "blur(40px)" },
-		"3xl": { value: "blur(64px)" }
-	},
-	textShadow: {
-		$type: "string",
-		"2xs": { value: "0 1px 0 rgb(0 0 0 / 0.15)" },
-		xs: { value: "0 1px 1px rgb(0 0 0 / 0.2)" },
-		sm: { value: "0 1px 2px rgb(0 0 0 / 0.25)" },
-		md: { value: "0 2px 4px rgb(0 0 0 / 0.25)" },
-		lg: { value: "0 4px 8px rgb(0 0 0 / 0.25)" },
-		none: { value: "none" }
-	},
-	zIndex: {
-		$type: "number",
-		auto: {
-			value: "auto",
-			$type: "string"
-		},
-		0: { value: "0" },
-		10: { value: "10" },
-		20: { value: "20" },
-		30: { value: "30" },
-		40: { value: "40" },
-		50: { value: "50" }
-	},
-	size: {
-		$type: "dimension",
-		auto: {
-			value: "auto",
-			$type: "string"
-		},
-		full: { value: "100%" },
-		min: {
-			value: "min-content",
-			$type: "string"
-		},
-		max: {
-			value: "max-content",
-			$type: "string"
-		},
-		fit: {
-			value: "fit-content",
-			$type: "string"
-		},
-		"1/2": { value: "50%" },
-		"1/3": { value: "33.333333%" },
-		"2/3": { value: "66.666667%" },
-		"1/4": { value: "25%" },
-		"2/4": { value: "50%" },
-		"3/4": { value: "75%" },
-		"1/5": { value: "20%" },
-		"2/5": { value: "40%" },
-		"3/5": { value: "60%" },
-		"4/5": { value: "80%" },
-		"1/6": { value: "16.666667%" },
-		"2/6": { value: "33.333333%" },
-		"3/6": { value: "50%" },
-		"4/6": { value: "66.666667%" },
-		"5/6": { value: "83.333333%" }
-	},
-	w: {
-		$type: "dimension",
-		screen: { value: "100vw" },
-		svw: { value: "100svw" },
-		lvw: { value: "100lvw" },
-		dvw: { value: "100dvw" }
-	},
-	h: {
-		$type: "dimension",
-		screen: { value: "100vh" },
-		svh: { value: "100svh" },
-		lvh: { value: "100lvh" },
-		dvh: { value: "100dvh" }
-	},
-	rotate: {
-		$type: "dimension",
-		0: { value: "0deg" },
-		1: { value: "1deg" },
-		2: { value: "2deg" },
-		3: { value: "3deg" },
-		6: { value: "6deg" },
-		12: { value: "12deg" },
-		45: { value: "45deg" },
-		90: { value: "90deg" },
-		180: { value: "180deg" }
-	},
-	scale: {
-		$type: "number",
-		0: { value: "0" },
-		50: { value: ".5" },
-		75: { value: ".75" },
-		90: { value: ".9" },
-		95: { value: ".95" },
-		100: { value: "1" },
-		105: { value: "1.05" },
-		110: { value: "1.1" },
-		125: { value: "1.25" },
-		150: { value: "1.5" },
-		200: { value: "2" }
-	},
-	skew: {
-		$type: "dimension",
-		0: { value: "0deg" },
-		1: { value: "1deg" },
-		2: { value: "2deg" },
-		3: { value: "3deg" },
-		6: { value: "6deg" },
-		12: { value: "12deg" }
-	},
-	translate: {
-		$type: "dimension",
-		0: { value: "0px" },
-		.5: { value: "0.125rem" },
-		1: { value: "0.25rem" },
-		1.5: { value: "0.375rem" },
-		2: { value: "0.5rem" },
-		2.5: { value: "0.625rem" },
-		3: { value: "0.75rem" },
-		3.5: { value: "0.875rem" },
-		4: { value: "1rem" },
-		5: { value: "1.25rem" },
-		6: { value: "1.5rem" },
-		7: { value: "1.75rem" },
-		8: { value: "2rem" },
-		9: { value: "2.25rem" },
-		10: { value: "2.5rem" },
-		11: { value: "2.75rem" },
-		12: { value: "3rem" },
-		14: { value: "3.5rem" },
-		16: { value: "4rem" },
-		20: { value: "5rem" },
-		24: { value: "6rem" },
-		28: { value: "7rem" },
-		32: { value: "8rem" },
-		36: { value: "9rem" },
-		40: { value: "10rem" },
-		44: { value: "11rem" },
-		48: { value: "12rem" },
-		52: { value: "13rem" },
-		56: { value: "14rem" },
-		60: { value: "15rem" },
-		64: { value: "16rem" },
-		72: { value: "18rem" },
-		80: { value: "20rem" },
-		96: { value: "24rem" },
-		"1/2": { value: "50%" },
-		"1/3": { value: "33.333333%" },
-		"2/3": { value: "66.666667%" },
-		"1/4": { value: "25%" },
-		"3/4": { value: "75%" },
-		full: { value: "100%" }
-	},
-	strokeWidth: {
-		$type: "dimension",
-		0: { value: "0px" },
-		1: { value: "1px" },
-		2: { value: "2px" }
-	},
-	fontFamily: {
-		$type: "fontFamily",
-		sans: { value: "var(--uds-font-family-geist, ui-sans-serif, system-ui, sans-serif)" },
-		serif: { value: "Georgia, Times, Times New Roman, serif" },
-		mono: { value: "var(--uds-font-family-geist-mono, Menlo, Monaco, Courier New, monospace)" }
-	}
-}).registerStyleProps(style_props_exports);
-//#endregion
-export { defaultFoundationPreset };

package/dist/foundational-presets/dist/index.d.ts

@@ -1 +0,0 @@
-import { defaultFoundationPreset } from "./defaultPreset.js";

package/dist/foundational-presets/dist/index.js

@@ -1 +0,0 @@
-import "./defaultPreset.js";

package/dist/foundational-presets/dist/motion.d.ts

@@ -1,12 +0,0 @@
-//#region ../foundational-presets/dist/motion.d.ts
-interface InterpolateMarker {
-  __type: 'interpolate';
-  output: number[];
-  extrapolate: 'clamp' | 'extend' | 'identity';
-}
-declare function interpolate(config: {
-  output: number[];
-  extrapolate?: 'clamp' | 'extend' | 'identity';
-}): InterpolateMarker;
-//#endregion
-export { InterpolateMarker, interpolate };