@react-native-rethemed/shadcn-ui-tokens 0.1.0 → 0.1.2

package/dist/tokens.gen.mjs

@@ -0,0 +1,898 @@
+//#region src/tokens.gen.ts
+/** Each base color's `cssVarsV4` as top-level semantic colors with shadcn/ui's names (`primary`, `primary-foreground`, `chart-1`, `sidebar-ring`), oklch converted to hex. */
+const baseColors = {
+	neutral: {
+		background: {
+			light: "#ffffff",
+			dark: "#0a0a0a"
+		},
+		foreground: {
+			light: "#0a0a0a",
+			dark: "#fafafa"
+		},
+		card: {
+			light: "#ffffff",
+			dark: "#171717"
+		},
+		"card-foreground": {
+			light: "#0a0a0a",
+			dark: "#fafafa"
+		},
+		popover: {
+			light: "#ffffff",
+			dark: "#171717"
+		},
+		"popover-foreground": {
+			light: "#0a0a0a",
+			dark: "#fafafa"
+		},
+		primary: {
+			light: "#171717",
+			dark: "#e5e5e5"
+		},
+		"primary-foreground": {
+			light: "#fafafa",
+			dark: "#171717"
+		},
+		secondary: {
+			light: "#f5f5f5",
+			dark: "#262626"
+		},
+		"secondary-foreground": {
+			light: "#171717",
+			dark: "#fafafa"
+		},
+		muted: {
+			light: "#f5f5f5",
+			dark: "#262626"
+		},
+		"muted-foreground": {
+			light: "#737373",
+			dark: "#a1a1a1"
+		},
+		accent: {
+			light: "#f5f5f5",
+			dark: "#262626"
+		},
+		"accent-foreground": {
+			light: "#171717",
+			dark: "#fafafa"
+		},
+		destructive: {
+			light: "#e7000b",
+			dark: "#ff6467"
+		},
+		border: {
+			light: "#e5e5e5",
+			dark: "#ffffff1a"
+		},
+		input: {
+			light: "#e5e5e5",
+			dark: "#ffffff26"
+		},
+		ring: {
+			light: "#a1a1a1",
+			dark: "#737373"
+		},
+		"chart-1": {
+			light: "#d4d4d4",
+			dark: "#d4d4d4"
+		},
+		"chart-2": {
+			light: "#737373",
+			dark: "#737373"
+		},
+		"chart-3": {
+			light: "#525252",
+			dark: "#525252"
+		},
+		"chart-4": {
+			light: "#404040",
+			dark: "#404040"
+		},
+		"chart-5": {
+			light: "#262626",
+			dark: "#262626"
+		},
+		sidebar: {
+			light: "#fafafa",
+			dark: "#171717"
+		},
+		"sidebar-foreground": {
+			light: "#0a0a0a",
+			dark: "#fafafa"
+		},
+		"sidebar-primary": {
+			light: "#171717",
+			dark: "#1447e6"
+		},
+		"sidebar-primary-foreground": {
+			light: "#fafafa",
+			dark: "#fafafa"
+		},
+		"sidebar-accent": {
+			light: "#f5f5f5",
+			dark: "#262626"
+		},
+		"sidebar-accent-foreground": {
+			light: "#171717",
+			dark: "#fafafa"
+		},
+		"sidebar-border": {
+			light: "#e5e5e5",
+			dark: "#ffffff1a"
+		},
+		"sidebar-ring": {
+			light: "#a1a1a1",
+			dark: "#737373"
+		}
+	},
+	stone: {
+		background: {
+			light: "#ffffff",
+			dark: "#0c0a09"
+		},
+		foreground: {
+			light: "#0c0a09",
+			dark: "#fafaf9"
+		},
+		card: {
+			light: "#ffffff",
+			dark: "#1c1917"
+		},
+		"card-foreground": {
+			light: "#0c0a09",
+			dark: "#fafaf9"
+		},
+		popover: {
+			light: "#ffffff",
+			dark: "#1c1917"
+		},
+		"popover-foreground": {
+			light: "#0c0a09",
+			dark: "#fafaf9"
+		},
+		primary: {
+			light: "#1c1917",
+			dark: "#e7e5e4"
+		},
+		"primary-foreground": {
+			light: "#fafaf9",
+			dark: "#1c1917"
+		},
+		secondary: {
+			light: "#f5f5f4",
+			dark: "#292524"
+		},
+		"secondary-foreground": {
+			light: "#1c1917",
+			dark: "#fafaf9"
+		},
+		muted: {
+			light: "#f5f5f4",
+			dark: "#292524"
+		},
+		"muted-foreground": {
+			light: "#79716b",
+			dark: "#a6a09b"
+		},
+		accent: {
+			light: "#f5f5f4",
+			dark: "#292524"
+		},
+		"accent-foreground": {
+			light: "#1c1917",
+			dark: "#fafaf9"
+		},
+		destructive: {
+			light: "#e7000b",
+			dark: "#ff6467"
+		},
+		border: {
+			light: "#e7e5e4",
+			dark: "#ffffff1a"
+		},
+		input: {
+			light: "#e7e5e4",
+			dark: "#ffffff26"
+		},
+		ring: {
+			light: "#a6a09b",
+			dark: "#79716b"
+		},
+		"chart-1": {
+			light: "#d6d3d1",
+			dark: "#d6d3d1"
+		},
+		"chart-2": {
+			light: "#79716b",
+			dark: "#79716b"
+		},
+		"chart-3": {
+			light: "#57534d",
+			dark: "#57534d"
+		},
+		"chart-4": {
+			light: "#44403b",
+			dark: "#44403b"
+		},
+		"chart-5": {
+			light: "#292524",
+			dark: "#292524"
+		},
+		sidebar: {
+			light: "#fafaf9",
+			dark: "#1c1917"
+		},
+		"sidebar-foreground": {
+			light: "#0c0a09",
+			dark: "#fafaf9"
+		},
+		"sidebar-primary": {
+			light: "#1c1917",
+			dark: "#1447e6"
+		},
+		"sidebar-primary-foreground": {
+			light: "#fafaf9",
+			dark: "#fafaf9"
+		},
+		"sidebar-accent": {
+			light: "#f5f5f4",
+			dark: "#292524"
+		},
+		"sidebar-accent-foreground": {
+			light: "#1c1917",
+			dark: "#fafaf9"
+		},
+		"sidebar-border": {
+			light: "#e7e5e4",
+			dark: "#ffffff1a"
+		},
+		"sidebar-ring": {
+			light: "#a6a09b",
+			dark: "#79716b"
+		}
+	},
+	zinc: {
+		background: {
+			light: "#ffffff",
+			dark: "#09090b"
+		},
+		foreground: {
+			light: "#09090b",
+			dark: "#fafafa"
+		},
+		card: {
+			light: "#ffffff",
+			dark: "#18181b"
+		},
+		"card-foreground": {
+			light: "#09090b",
+			dark: "#fafafa"
+		},
+		popover: {
+			light: "#ffffff",
+			dark: "#18181b"
+		},
+		"popover-foreground": {
+			light: "#09090b",
+			dark: "#fafafa"
+		},
+		primary: {
+			light: "#18181b",
+			dark: "#e4e4e7"
+		},
+		"primary-foreground": {
+			light: "#fafafa",
+			dark: "#18181b"
+		},
+		secondary: {
+			light: "#f4f4f5",
+			dark: "#27272a"
+		},
+		"secondary-foreground": {
+			light: "#18181b",
+			dark: "#fafafa"
+		},
+		muted: {
+			light: "#f4f4f5",
+			dark: "#27272a"
+		},
+		"muted-foreground": {
+			light: "#71717b",
+			dark: "#9f9fa9"
+		},
+		accent: {
+			light: "#f4f4f5",
+			dark: "#27272a"
+		},
+		"accent-foreground": {
+			light: "#18181b",
+			dark: "#fafafa"
+		},
+		destructive: {
+			light: "#e7000b",
+			dark: "#ff6467"
+		},
+		border: {
+			light: "#e4e4e7",
+			dark: "#ffffff1a"
+		},
+		input: {
+			light: "#e4e4e7",
+			dark: "#ffffff26"
+		},
+		ring: {
+			light: "#9f9fa9",
+			dark: "#71717b"
+		},
+		"chart-1": {
+			light: "#d4d4d8",
+			dark: "#d4d4d8"
+		},
+		"chart-2": {
+			light: "#71717b",
+			dark: "#71717b"
+		},
+		"chart-3": {
+			light: "#52525c",
+			dark: "#52525c"
+		},
+		"chart-4": {
+			light: "#3f3f46",
+			dark: "#3f3f46"
+		},
+		"chart-5": {
+			light: "#27272a",
+			dark: "#27272a"
+		},
+		sidebar: {
+			light: "#fafafa",
+			dark: "#18181b"
+		},
+		"sidebar-foreground": {
+			light: "#09090b",
+			dark: "#fafafa"
+		},
+		"sidebar-primary": {
+			light: "#18181b",
+			dark: "#1447e6"
+		},
+		"sidebar-primary-foreground": {
+			light: "#fafafa",
+			dark: "#fafafa"
+		},
+		"sidebar-accent": {
+			light: "#f4f4f5",
+			dark: "#27272a"
+		},
+		"sidebar-accent-foreground": {
+			light: "#18181b",
+			dark: "#fafafa"
+		},
+		"sidebar-border": {
+			light: "#e4e4e7",
+			dark: "#ffffff1a"
+		},
+		"sidebar-ring": {
+			light: "#9f9fa9",
+			dark: "#71717b"
+		}
+	},
+	mauve: {
+		background: {
+			light: "#ffffff",
+			dark: "#0c090c"
+		},
+		foreground: {
+			light: "#0c090c",
+			dark: "#fafafa"
+		},
+		card: {
+			light: "#ffffff",
+			dark: "#1d161e"
+		},
+		"card-foreground": {
+			light: "#0c090c",
+			dark: "#fafafa"
+		},
+		popover: {
+			light: "#ffffff",
+			dark: "#1d161e"
+		},
+		"popover-foreground": {
+			light: "#0c090c",
+			dark: "#fafafa"
+		},
+		primary: {
+			light: "#1d161e",
+			dark: "#e7e4e7"
+		},
+		"primary-foreground": {
+			light: "#fafafa",
+			dark: "#1d161e"
+		},
+		secondary: {
+			light: "#f3f1f3",
+			dark: "#2a212c"
+		},
+		"secondary-foreground": {
+			light: "#1d161e",
+			dark: "#fafafa"
+		},
+		muted: {
+			light: "#f3f1f3",
+			dark: "#2a212c"
+		},
+		"muted-foreground": {
+			light: "#79697b",
+			dark: "#a89ea9"
+		},
+		accent: {
+			light: "#f3f1f3",
+			dark: "#2a212c"
+		},
+		"accent-foreground": {
+			light: "#1d161e",
+			dark: "#fafafa"
+		},
+		destructive: {
+			light: "#e7000b",
+			dark: "#ff6467"
+		},
+		border: {
+			light: "#e7e4e7",
+			dark: "#ffffff1a"
+		},
+		input: {
+			light: "#e7e4e7",
+			dark: "#ffffff26"
+		},
+		ring: {
+			light: "#a89ea9",
+			dark: "#79697b"
+		},
+		"chart-1": {
+			light: "#d7d0d7",
+			dark: "#d7d0d7"
+		},
+		"chart-2": {
+			light: "#79697b",
+			dark: "#79697b"
+		},
+		"chart-3": {
+			light: "#594c5b",
+			dark: "#594c5b"
+		},
+		"chart-4": {
+			light: "#463947",
+			dark: "#463947"
+		},
+		"chart-5": {
+			light: "#2a212c",
+			dark: "#2a212c"
+		},
+		sidebar: {
+			light: "#fafafa",
+			dark: "#1d161e"
+		},
+		"sidebar-foreground": {
+			light: "#0c090c",
+			dark: "#fafafa"
+		},
+		"sidebar-primary": {
+			light: "#1d161e",
+			dark: "#1447e6"
+		},
+		"sidebar-primary-foreground": {
+			light: "#fafafa",
+			dark: "#fafafa"
+		},
+		"sidebar-accent": {
+			light: "#f3f1f3",
+			dark: "#2a212c"
+		},
+		"sidebar-accent-foreground": {
+			light: "#1d161e",
+			dark: "#fafafa"
+		},
+		"sidebar-border": {
+			light: "#e7e4e7",
+			dark: "#ffffff1a"
+		},
+		"sidebar-ring": {
+			light: "#a89ea9",
+			dark: "#79697b"
+		}
+	},
+	olive: {
+		background: {
+			light: "#ffffff",
+			dark: "#0c0c09"
+		},
+		foreground: {
+			light: "#0c0c09",
+			dark: "#fbfbf9"
+		},
+		card: {
+			light: "#ffffff",
+			dark: "#1d1d16"
+		},
+		"card-foreground": {
+			light: "#0c0c09",
+			dark: "#fbfbf9"
+		},
+		popover: {
+			light: "#ffffff",
+			dark: "#1d1d16"
+		},
+		"popover-foreground": {
+			light: "#0c0c09",
+			dark: "#fbfbf9"
+		},
+		primary: {
+			light: "#1d1d16",
+			dark: "#e8e8e3"
+		},
+		"primary-foreground": {
+			light: "#fbfbf9",
+			dark: "#1d1d16"
+		},
+		secondary: {
+			light: "#f4f4f0",
+			dark: "#2b2b22"
+		},
+		"secondary-foreground": {
+			light: "#1d1d16",
+			dark: "#fbfbf9"
+		},
+		muted: {
+			light: "#f4f4f0",
+			dark: "#2b2b22"
+		},
+		"muted-foreground": {
+			light: "#7c7c67",
+			dark: "#abab9c"
+		},
+		accent: {
+			light: "#f4f4f0",
+			dark: "#2b2b22"
+		},
+		"accent-foreground": {
+			light: "#1d1d16",
+			dark: "#fbfbf9"
+		},
+		destructive: {
+			light: "#e7000b",
+			dark: "#ff6467"
+		},
+		border: {
+			light: "#e8e8e3",
+			dark: "#ffffff1a"
+		},
+		input: {
+			light: "#e8e8e3",
+			dark: "#ffffff26"
+		},
+		ring: {
+			light: "#abab9c",
+			dark: "#7c7c67"
+		},
+		"chart-1": {
+			light: "#d8d8d0",
+			dark: "#d8d8d0"
+		},
+		"chart-2": {
+			light: "#7c7c67",
+			dark: "#7c7c67"
+		},
+		"chart-3": {
+			light: "#5b5b4b",
+			dark: "#5b5b4b"
+		},
+		"chart-4": {
+			light: "#474739",
+			dark: "#474739"
+		},
+		"chart-5": {
+			light: "#2b2b22",
+			dark: "#2b2b22"
+		},
+		sidebar: {
+			light: "#fbfbf9",
+			dark: "#1d1d16"
+		},
+		"sidebar-foreground": {
+			light: "#0c0c09",
+			dark: "#fbfbf9"
+		},
+		"sidebar-primary": {
+			light: "#1d1d16",
+			dark: "#1447e6"
+		},
+		"sidebar-primary-foreground": {
+			light: "#fbfbf9",
+			dark: "#fbfbf9"
+		},
+		"sidebar-accent": {
+			light: "#f4f4f0",
+			dark: "#2b2b22"
+		},
+		"sidebar-accent-foreground": {
+			light: "#1d1d16",
+			dark: "#fbfbf9"
+		},
+		"sidebar-border": {
+			light: "#e8e8e3",
+			dark: "#ffffff1a"
+		},
+		"sidebar-ring": {
+			light: "#abab9c",
+			dark: "#7c7c67"
+		}
+	},
+	mist: {
+		background: {
+			light: "#ffffff",
+			dark: "#090b0c"
+		},
+		foreground: {
+			light: "#090b0c",
+			dark: "#f9fbfb"
+		},
+		card: {
+			light: "#ffffff",
+			dark: "#161b1d"
+		},
+		"card-foreground": {
+			light: "#090b0c",
+			dark: "#f9fbfb"
+		},
+		popover: {
+			light: "#ffffff",
+			dark: "#161b1d"
+		},
+		"popover-foreground": {
+			light: "#090b0c",
+			dark: "#f9fbfb"
+		},
+		primary: {
+			light: "#161b1d",
+			dark: "#e3e7e8"
+		},
+		"primary-foreground": {
+			light: "#f9fbfb",
+			dark: "#161b1d"
+		},
+		secondary: {
+			light: "#f1f3f3",
+			dark: "#22292b"
+		},
+		"secondary-foreground": {
+			light: "#161b1d",
+			dark: "#f9fbfb"
+		},
+		muted: {
+			light: "#f1f3f3",
+			dark: "#22292b"
+		},
+		"muted-foreground": {
+			light: "#67787c",
+			dark: "#9ca8ab"
+		},
+		accent: {
+			light: "#f1f3f3",
+			dark: "#22292b"
+		},
+		"accent-foreground": {
+			light: "#161b1d",
+			dark: "#f9fbfb"
+		},
+		destructive: {
+			light: "#e7000b",
+			dark: "#ff6467"
+		},
+		border: {
+			light: "#e3e7e8",
+			dark: "#ffffff1a"
+		},
+		input: {
+			light: "#e3e7e8",
+			dark: "#ffffff26"
+		},
+		ring: {
+			light: "#9ca8ab",
+			dark: "#67787c"
+		},
+		"chart-1": {
+			light: "#d0d6d8",
+			dark: "#d0d6d8"
+		},
+		"chart-2": {
+			light: "#67787c",
+			dark: "#67787c"
+		},
+		"chart-3": {
+			light: "#4b585b",
+			dark: "#4b585b"
+		},
+		"chart-4": {
+			light: "#394447",
+			dark: "#394447"
+		},
+		"chart-5": {
+			light: "#22292b",
+			dark: "#22292b"
+		},
+		sidebar: {
+			light: "#f9fbfb",
+			dark: "#161b1d"
+		},
+		"sidebar-foreground": {
+			light: "#090b0c",
+			dark: "#f9fbfb"
+		},
+		"sidebar-primary": {
+			light: "#161b1d",
+			dark: "#1447e6"
+		},
+		"sidebar-primary-foreground": {
+			light: "#f9fbfb",
+			dark: "#f9fbfb"
+		},
+		"sidebar-accent": {
+			light: "#f1f3f3",
+			dark: "#22292b"
+		},
+		"sidebar-accent-foreground": {
+			light: "#161b1d",
+			dark: "#f9fbfb"
+		},
+		"sidebar-border": {
+			light: "#e3e7e8",
+			dark: "#ffffff1a"
+		},
+		"sidebar-ring": {
+			light: "#9ca8ab",
+			dark: "#67787c"
+		}
+	},
+	taupe: {
+		background: {
+			light: "#ffffff",
+			dark: "#0c0a09"
+		},
+		foreground: {
+			light: "#0c0a09",
+			dark: "#fbfaf9"
+		},
+		card: {
+			light: "#ffffff",
+			dark: "#1d1816"
+		},
+		"card-foreground": {
+			light: "#0c0a09",
+			dark: "#fbfaf9"
+		},
+		popover: {
+			light: "#ffffff",
+			dark: "#1d1816"
+		},
+		"popover-foreground": {
+			light: "#0c0a09",
+			dark: "#fbfaf9"
+		},
+		primary: {
+			light: "#1d1816",
+			dark: "#e8e4e3"
+		},
+		"primary-foreground": {
+			light: "#fbfaf9",
+			dark: "#1d1816"
+		},
+		secondary: {
+			light: "#f3f1f1",
+			dark: "#2b2422"
+		},
+		"secondary-foreground": {
+			light: "#1d1816",
+			dark: "#fbfaf9"
+		},
+		muted: {
+			light: "#f3f1f1",
+			dark: "#2b2422"
+		},
+		"muted-foreground": {
+			light: "#7c6d67",
+			dark: "#aba09c"
+		},
+		accent: {
+			light: "#f3f1f1",
+			dark: "#2b2422"
+		},
+		"accent-foreground": {
+			light: "#1d1816",
+			dark: "#fbfaf9"
+		},
+		destructive: {
+			light: "#e7000b",
+			dark: "#ff6467"
+		},
+		border: {
+			light: "#e8e4e3",
+			dark: "#ffffff1a"
+		},
+		input: {
+			light: "#e8e4e3",
+			dark: "#ffffff26"
+		},
+		ring: {
+			light: "#aba09c",
+			dark: "#7c6d67"
+		},
+		"chart-1": {
+			light: "#d8d2d0",
+			dark: "#d8d2d0"
+		},
+		"chart-2": {
+			light: "#7c6d67",
+			dark: "#7c6d67"
+		},
+		"chart-3": {
+			light: "#5b4f4b",
+			dark: "#5b4f4b"
+		},
+		"chart-4": {
+			light: "#473c39",
+			dark: "#473c39"
+		},
+		"chart-5": {
+			light: "#2b2422",
+			dark: "#2b2422"
+		},
+		sidebar: {
+			light: "#fbfaf9",
+			dark: "#1d1816"
+		},
+		"sidebar-foreground": {
+			light: "#0c0a09",
+			dark: "#fbfaf9"
+		},
+		"sidebar-primary": {
+			light: "#1d1816",
+			dark: "#1447e6"
+		},
+		"sidebar-primary-foreground": {
+			light: "#fbfaf9",
+			dark: "#fbfaf9"
+		},
+		"sidebar-accent": {
+			light: "#f3f1f1",
+			dark: "#2b2422"
+		},
+		"sidebar-accent-foreground": {
+			light: "#1d1816",
+			dark: "#fbfaf9"
+		},
+		"sidebar-border": {
+			light: "#e8e4e3",
+			dark: "#ffffff1a"
+		},
+		"sidebar-ring": {
+			light: "#aba09c",
+			dark: "#7c6d67"
+		}
+	}
+};
+/** `--radius` (0.625rem) and the `radius-*` scale shadcn/ui derives from it, in points. */
+const radii = {
+	sm: 6,
+	md: 8,
+	lg: 10,
+	xl: 14,
+	"2xl": 18,
+	"3xl": 22,
+	"4xl": 26
+};
+//#endregion
+export { baseColors, radii };