@yahoo/uds-v5-wip 0.0.1

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

@@ -0,0 +1,326 @@
+import { defaultFoundationPreset } from "./defaultPreset.js";
+//#region ../foundational-presets/dist/darkMoody.js
+const darkMoodyFoundationPreset = defaultFoundationPreset.defineAtomicTokens([
+	{
+		properties: ["color"],
+		tokens: [
+			{
+				name: "brand",
+				value: "#07cdee",
+				modifiers: { _dark: "#22d3ee" }
+			},
+			{
+				name: "on-brand",
+				value: "#ffffff",
+				modifiers: { _dark: "#0a0a0a" }
+			},
+			{
+				name: "accent",
+				value: "#d1a5fb",
+				modifiers: { _dark: "#d0a4fd" }
+			},
+			{
+				name: "on-accent",
+				value: "#ffffff",
+				modifiers: { _dark: "#0a0a0a" }
+			},
+			{
+				name: "alert",
+				value: "#df1313",
+				modifiers: { _dark: "#fa9b9b" }
+			},
+			{
+				name: "on-alert",
+				value: "#ffffff",
+				modifiers: { _dark: "#09090b" }
+			},
+			{
+				name: "positive",
+				value: "#17843f",
+				modifiers: { _dark: "#4ade80" }
+			},
+			{
+				name: "on-positive",
+				value: "#ffffff",
+				modifiers: { _dark: "#09090b" }
+			},
+			{
+				name: "warning",
+				value: "#bf5105",
+				modifiers: { _dark: "#fca156" }
+			},
+			{
+				name: "on-warning",
+				value: "#ffffff",
+				modifiers: { _dark: "#09090b" }
+			},
+			{
+				name: "primary",
+				value: "#171717",
+				modifiers: { _dark: "#0a0a0a" }
+			},
+			{
+				name: "on-primary",
+				value: "#e5e5e5",
+				modifiers: { _dark: "#f5f5f5" }
+			},
+			{
+				name: "secondary",
+				value: "#262626",
+				modifiers: { _dark: "#171717" }
+			},
+			{
+				name: "on-secondary",
+				value: "#b7b7b7",
+				modifiers: { _dark: "#b2b2b2" }
+			},
+			{
+				name: "tertiary",
+				value: "#1c1c1c",
+				modifiers: { _dark: "#141414" }
+			},
+			{
+				name: "on-tertiary",
+				value: "#b3b3b3",
+				modifiers: { _dark: "#b1b1b1" }
+			},
+			{
+				name: "inverse",
+				value: "#f5f5f5",
+				modifiers: { _dark: "#e5e5e5" }
+			},
+			{
+				name: "on-inverse",
+				value: "#171717",
+				modifiers: { _dark: "#0a0a0a" }
+			}
+		]
+	},
+	{
+		properties: ["bg"],
+		tokens: [
+			{
+				name: "brand",
+				value: "#048298",
+				modifiers: { _dark: "#22d3ee" }
+			},
+			{
+				name: "surface",
+				value: "#0f0f0f",
+				modifiers: { _dark: "#050505" }
+			},
+			{
+				name: "accent",
+				value: "#a044f6",
+				modifiers: { _dark: "#c996fc" }
+			},
+			{
+				name: "alert",
+				value: "#eb1616",
+				modifiers: { _dark: "#f98d8d" }
+			},
+			{
+				name: "positive",
+				value: "#188841",
+				modifiers: { _dark: "#4ade80" }
+			},
+			{
+				name: "warning",
+				value: "#c55405",
+				modifiers: { _dark: "#fb923c" }
+			},
+			{
+				name: "primary",
+				value: "#171717",
+				modifiers: { _dark: "#0a0a0a" }
+			},
+			{
+				name: "elevation-1",
+				value: "#171717",
+				modifiers: { _dark: "#141414" }
+			},
+			{
+				name: "elevation-2",
+				value: "#171717",
+				modifiers: { _dark: "#1f1f1f" }
+			},
+			{
+				name: "elevation-3",
+				value: "#171717",
+				modifiers: { _dark: "#2a2a2a" }
+			},
+			{
+				name: "secondary",
+				value: "#262626",
+				modifiers: { _dark: "#171717" }
+			},
+			{
+				name: "tertiary",
+				value: "#1c1c1c",
+				modifiers: { _dark: "#141414" }
+			},
+			{
+				name: "inverse",
+				value: "#f5f5f5",
+				modifiers: { _dark: "#e5e5e5" }
+			},
+			{
+				name: "brand-wash",
+				value: "#083344",
+				modifiers: { _dark: "#042f2e" }
+			},
+			{
+				name: "accent-wash",
+				value: "#3b0764",
+				modifiers: { _dark: "#2e1065" }
+			},
+			{
+				name: "alert-wash",
+				value: "#fef2f2",
+				modifiers: { _dark: "#450a0a" }
+			},
+			{
+				name: "positive-wash",
+				value: "#f0fdf4",
+				modifiers: { _dark: "#052e16" }
+			},
+			{
+				name: "warning-wash",
+				value: "#fff7ed",
+				modifiers: { _dark: "#431407" }
+			}
+		]
+	},
+	{
+		properties: ["borderColor"],
+		tokens: [
+			{
+				name: "brand",
+				value: "#048298",
+				modifiers: { _dark: "#22d3ee" }
+			},
+			{
+				name: "surface",
+				value: "#fafafa",
+				modifiers: { _dark: "#09090b" }
+			},
+			{
+				name: "accent",
+				value: "#a044f6",
+				modifiers: { _dark: "#c996fc" }
+			},
+			{
+				name: "alert",
+				value: "#eb1616",
+				modifiers: { _dark: "#f98d8d" }
+			},
+			{
+				name: "positive",
+				value: "#188841",
+				modifiers: { _dark: "#4ade80" }
+			},
+			{
+				name: "warning",
+				value: "#c55405",
+				modifiers: { _dark: "#fb923c" }
+			},
+			{
+				name: "primary",
+				value: "#171717",
+				modifiers: { _dark: "#0a0a0a" }
+			},
+			{
+				name: "secondary",
+				value: "#262626",
+				modifiers: { _dark: "#171717" }
+			},
+			{
+				name: "tertiary",
+				value: "#fafafa",
+				modifiers: { _dark: "#18181b" }
+			},
+			{
+				name: "inverse",
+				value: "#18181b",
+				modifiers: { _dark: "#fafafa" }
+			},
+			{
+				name: "brand-wash",
+				value: "#eff6ff",
+				modifiers: { _dark: "#172554" }
+			},
+			{
+				name: "accent-wash",
+				value: "#fff1f2",
+				modifiers: { _dark: "#4c0519" }
+			},
+			{
+				name: "alert-wash",
+				value: "#fef2f2",
+				modifiers: { _dark: "#450a0a" }
+			},
+			{
+				name: "positive-wash",
+				value: "#f0fdf4",
+				modifiers: { _dark: "#052e16" }
+			},
+			{
+				name: "warning-wash",
+				value: "#fff7ed",
+				modifiers: { _dark: "#431407" }
+			}
+		]
+	},
+	{
+		properties: ["borderRadius"],
+		tokens: [
+			{
+				name: "none",
+				value: "0px"
+			},
+			{
+				name: "xs",
+				value: "2px"
+			},
+			{
+				name: "sm",
+				value: "4px"
+			},
+			{
+				name: "md",
+				value: "6px"
+			},
+			{
+				name: "lg",
+				value: "16px"
+			},
+			{
+				name: "xl",
+				value: "32px"
+			},
+			{
+				name: "full",
+				value: "1e5px"
+			}
+		]
+	},
+	{
+		properties: ["fontFamily"],
+		tokens: [
+			{
+				name: "sans",
+				value: "var(--uds-font-family-sora, ui-sans-serif, system-ui, sans-serif)"
+			},
+			{
+				name: "serif",
+				value: "var(--uds-font-family-playfair-display, Georgia, Times, Times New Roman, serif)"
+			},
+			{
+				name: "mono",
+				value: "var(--uds-font-family-jetbrains-mono, Menlo, Monaco, Courier New, monospace)"
+			}
+		]
+	}
+]);
+//#endregion
+export { darkMoodyFoundationPreset };