@atom-learning/components 11.6.0 → 12.0.0-beta.1

package/dist/components/badge/Badge.colorscheme.config.js

@@ -1,100 +0,0 @@
-//#region src/components/badge/Badge.colorscheme.config.ts
-var createScheme = (c, overrides = {}) => ({
-	"--text-subtle": `var(--color-${c}-1000)`,
-	"--background-subtle": `var(--color-${c}-200)`,
-	"--text-subtle-hover": `var(--color-${c}-1100)`,
-	"--background-subtle-hover": `var(--color-${c}-300)`,
-	"--text-bold": "white",
-	"--background-bold": `var(--color-${c}-800)`,
-	"--background-bold-hover": `var(--color-${c}-900)`,
-	"--text-on-white": `var(--color-${c}-800)`,
-	...overrides
-});
-var info = {
-	"--text-subtle": "var(--color-info-mid)",
-	"--background-subtle": "var(--color-info-light)",
-	"--text-bold": "white",
-	"--background-bold": "var(--color-info)",
-	"--text-on-white": "var(--color-info)"
-};
-var neutral = {
-	"--text-subtle": "var(--color-grey-900)",
-	"--background-subtle": "var(--color-grey-100)",
-	"--text-bold": "white",
-	"--background-bold": "var(--color-grey-800)",
-	"--text-on-white": "var(--color-grey-800)"
-};
-var success = {
-	"--text-subtle": "var(--color-success-mid)",
-	"--background-subtle": "var(--color-success-light)",
-	"--text-bold": "white",
-	"--background-bold": "var(--color-success)",
-	"--text-on-white": "var(--color-success)"
-};
-var danger = {
-	"--text-subtle": "var(--color-danger-mid)",
-	"--background-subtle": "var(--color-danger-light)",
-	"--text-bold": "white",
-	"--background-bold": "var(--color-danger)",
-	"--text-on-white": "var(--color-danger)"
-};
-var warning = {
-	"--text-subtle": "var(--color-warning-text)",
-	"--background-subtle": "var(--color-warning-light)",
-	"--text-bold": "var(--color-grey-1000)",
-	"--background-bold": "var(--color-warning)",
-	"--text-on-white": "var(--color-warning)"
-};
-var badgeSemanticNames = [
-	"info",
-	"neutral",
-	"success",
-	"danger",
-	"warning"
-];
-var colorSchemes = {
-	info,
-	neutral,
-	success,
-	danger,
-	warning,
-	primary: createScheme("primary"),
-	grey: createScheme("grey"),
-	blue: createScheme("blue"),
-	pink: createScheme("pink"),
-	purple: createScheme("purple", { "--text-on-white": "var(--color-purple-700)" }),
-	cyan: createScheme("cyan"),
-	green: createScheme("green"),
-	magenta: createScheme("magenta"),
-	red: createScheme("red", { "--background-subtle-hover": "var(--color-red-400)" }),
-	teal: createScheme("teal"),
-	orange: createScheme("orange", {
-		"--text-bold": "var(--color-grey-1200)",
-		"--background-bold": "var(--color-orange-600)",
-		"--background-bold-hover": "var(--color-orange-700)",
-		"--text-on-white": "var(--color-orange-1000)"
-	}),
-	yellow: createScheme("yellow", {
-		"--text-bold": "var(--color-grey-1200)",
-		"--background-bold": "var(--color-yellow-500)",
-		"--background-bold-hover": "var(--color-yellow-600)",
-		"--text-on-white": "var(--color-yellow-900)"
-	}),
-	lime: createScheme("lime", {
-		"--text-bold": "var(--color-grey-1200)",
-		"--background-bold": "var(--color-lime-600)",
-		"--background-bold-hover": "var(--color-lime-700)",
-		"--text-on-white": "var(--color-lime-900)"
-	}),
-	lapis: createScheme("lapis", {
-		"--background-bold": "var(--color-lapis-700)",
-		"--text-on-white": "var(--color-lapis-700)"
-	}),
-	maroon: createScheme("maroon", { "--text-on-white": "var(--color-maroon-700)" }),
-	marsh: createScheme("marsh", { "--text-on-white": "var(--color-marsh-700)" }),
-	emerald: createScheme("emerald")
-};
-//#endregion
-export { badgeSemanticNames, colorSchemes };
-
-//# sourceMappingURL=Badge.colorscheme.config.js.map

package/dist/components/badge/Badge.colorscheme.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.colorscheme.config.js","names":[],"sources":["../../../src/components/badge/Badge.colorscheme.config.ts"],"sourcesContent":["/*\n\t•\tFactory for non-semantic color schemes\n*/\nconst createScheme = (c: string, overrides: Record<string, string> = {}) => ({\n  '--text-subtle': `var(--color-${c}-1000)`,\n  '--background-subtle': `var(--color-${c}-200)`,\n  '--text-subtle-hover': `var(--color-${c}-1100)`,\n  '--background-subtle-hover': `var(--color-${c}-300)`,\n  '--text-bold': 'white',\n  '--background-bold': `var(--color-${c}-800)`,\n  '--background-bold-hover': `var(--color-${c}-900)`,\n  '--text-on-white': `var(--color-${c}-800)`,\n  ...overrides\n})\n\n/*\n\t•\tSemantic themes\n*/\nconst info = {\n  '--text-subtle': 'var(--color-info-mid)',\n  '--background-subtle': 'var(--color-info-light)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-info)',\n  '--text-on-white': 'var(--color-info)'\n}\nconst neutral = {\n  '--text-subtle': 'var(--color-grey-900)',\n  '--background-subtle': 'var(--color-grey-100)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-grey-800)',\n  '--text-on-white': 'var(--color-grey-800)'\n}\nconst success = {\n  '--text-subtle': 'var(--color-success-mid)',\n  '--background-subtle': 'var(--color-success-light)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-success)',\n  '--text-on-white': 'var(--color-success)'\n}\nconst danger = {\n  '--text-subtle': 'var(--color-danger-mid)',\n  '--background-subtle': 'var(--color-danger-light)',\n  '--text-bold': 'white',\n  '--background-bold': 'var(--color-danger)',\n  '--text-on-white': 'var(--color-danger)'\n}\nconst warning = {\n  '--text-subtle': 'var(--color-warning-text)',\n  '--background-subtle': 'var(--color-warning-light)',\n  '--text-bold': 'var(--color-grey-1000)',\n  '--background-bold': 'var(--color-warning)',\n  '--text-on-white': 'var(--color-warning)'\n}\n\n/*\n\t•\tNon-semantic themes\n*/\nexport const badgeSemanticNames = [\n  'info',\n  'neutral',\n  'success',\n  'danger',\n  'warning'\n]\nexport const colorSchemes = {\n  info,\n  neutral,\n  success,\n  danger,\n  warning,\n  primary: createScheme('primary'),\n  grey: createScheme('grey'),\n  blue: createScheme('blue'),\n  pink: createScheme('pink'),\n  purple: createScheme('purple', {\n    '--text-on-white': 'var(--color-purple-700)'\n  }),\n  cyan: createScheme('cyan'),\n  green: createScheme('green'),\n  magenta: createScheme('magenta'),\n  red: createScheme('red', {\n    '--background-subtle-hover': 'var(--color-red-400)'\n  }),\n  teal: createScheme('teal'),\n  orange: createScheme('orange', {\n    '--text-bold': 'var(--color-grey-1200)',\n    '--background-bold': 'var(--color-orange-600)',\n    '--background-bold-hover': 'var(--color-orange-700)',\n    '--text-on-white': 'var(--color-orange-1000)'\n  }),\n  yellow: createScheme('yellow', {\n    '--text-bold': 'var(--color-grey-1200)',\n    '--background-bold': 'var(--color-yellow-500)',\n    '--background-bold-hover': 'var(--color-yellow-600)',\n    '--text-on-white': 'var(--color-yellow-900)'\n  }),\n  lime: createScheme('lime', {\n    '--text-bold': 'var(--color-grey-1200)',\n    '--background-bold': 'var(--color-lime-600)',\n    '--background-bold-hover': 'var(--color-lime-700)',\n    '--text-on-white': 'var(--color-lime-900)'\n  }),\n  lapis: createScheme('lapis', {\n    '--background-bold': 'var(--color-lapis-700)',\n    '--text-on-white': 'var(--color-lapis-700)'\n  }),\n  maroon: createScheme('maroon', {\n    '--text-on-white': 'var(--color-maroon-700)'\n  }),\n  marsh: createScheme('marsh', { '--text-on-white': 'var(--color-marsh-700)' }),\n  emerald: createScheme('emerald')\n}\n"],"mappings":";AAGA,IAAM,gBAAgB,GAAW,YAAoC,CAAC,OAAO;CAC3E,iBAAiB,eAAe,EAAE;CAClC,uBAAuB,eAAe,EAAE;CACxC,uBAAuB,eAAe,EAAE;CACxC,6BAA6B,eAAe,EAAE;CAC9C,eAAe;CACf,qBAAqB,eAAe,EAAE;CACtC,2BAA2B,eAAe,EAAE;CAC5C,mBAAmB,eAAe,EAAE;CACpC,GAAG;AACL;AAKA,IAAM,OAAO;CACX,iBAAiB;CACjB,uBAAuB;CACvB,eAAe;CACf,qBAAqB;CACrB,mBAAmB;AACrB;AACA,IAAM,UAAU;CACd,iBAAiB;CACjB,uBAAuB;CACvB,eAAe;CACf,qBAAqB;CACrB,mBAAmB;AACrB;AACA,IAAM,UAAU;CACd,iBAAiB;CACjB,uBAAuB;CACvB,eAAe;CACf,qBAAqB;CACrB,mBAAmB;AACrB;AACA,IAAM,SAAS;CACb,iBAAiB;CACjB,uBAAuB;CACvB,eAAe;CACf,qBAAqB;CACrB,mBAAmB;AACrB;AACA,IAAM,UAAU;CACd,iBAAiB;CACjB,uBAAuB;CACvB,eAAe;CACf,qBAAqB;CACrB,mBAAmB;AACrB;AAKA,IAAa,qBAAqB;CAChC;CACA;CACA;CACA;CACA;AACF;AACA,IAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACA,SAAS,aAAa,SAAS;CAC/B,MAAM,aAAa,MAAM;CACzB,MAAM,aAAa,MAAM;CACzB,MAAM,aAAa,MAAM;CACzB,QAAQ,aAAa,UAAU,EAC7B,mBAAmB,0BACrB,CAAC;CACD,MAAM,aAAa,MAAM;CACzB,OAAO,aAAa,OAAO;CAC3B,SAAS,aAAa,SAAS;CAC/B,KAAK,aAAa,OAAO,EACvB,6BAA6B,uBAC/B,CAAC;CACD,MAAM,aAAa,MAAM;CACzB,QAAQ,aAAa,UAAU;EAC7B,eAAe;EACf,qBAAqB;EACrB,2BAA2B;EAC3B,mBAAmB;CACrB,CAAC;CACD,QAAQ,aAAa,UAAU;EAC7B,eAAe;EACf,qBAAqB;EACrB,2BAA2B;EAC3B,mBAAmB;CACrB,CAAC;CACD,MAAM,aAAa,QAAQ;EACzB,eAAe;EACf,qBAAqB;EACrB,2BAA2B;EAC3B,mBAAmB;CACrB,CAAC;CACD,OAAO,aAAa,SAAS;EAC3B,qBAAqB;EACrB,mBAAmB;CACrB,CAAC;CACD,QAAQ,aAAa,UAAU,EAC7B,mBAAmB,0BACrB,CAAC;CACD,OAAO,aAAa,SAAS,EAAE,mBAAmB,yBAAyB,CAAC;CAC5E,SAAS,aAAa,SAAS;AACjC"}

package/dist/components/navigation/NavigationMenu.colorscheme.config.d.ts

@@ -1,21 +0,0 @@
-export declare const colorSchemes: {
-    light: {
-        '--text': string;
-        '--text-hover': string;
-        '--text-active': string;
-        '--text-selected': string;
-        '--text-selected-hover': string;
-        '--text-selected-pressed': string;
-        '--text-selected-focus': string;
-        '--background': string;
-        '--background-hover': string;
-        '--background-active': string;
-        '--background-selected': string;
-        '--background-selected-hover': string;
-        '--background-selected-pressed': string;
-        '--item-text-selected': string;
-        '--item-background-selected': string;
-        '--trigger-background-open': string;
-        '--dropdown-background': string;
-    };
-};

package/dist/components/navigation/NavigationMenu.colorscheme.config.js

@@ -1,23 +0,0 @@
-var colorSchemes = { light: {
-	"--text": "var(--color-text-subtle)",
-	"--text-hover": "var(--color-grey-1000)",
-	"--text-active": "var(--color-grey-1000)",
-	"--text-selected": "var(--color-primary-800)",
-	"--text-selected-hover": "var(--color-primary-800)",
-	"--text-selected-pressed": "var(--color-primary-800)",
-	"--text-selected-focus": "var(--color-primary-800)",
-	"--background": "white",
-	"--background-hover": "var(--color-grey-100)",
-	"--background-active": "var(--color-grey-200)",
-	"--background-selected": "var(--color-primary-100)",
-	"--background-selected-hover": "var(--color-grey-100)",
-	"--background-selected-pressed": "var(--color-grey-200)",
-	"--item-text-selected": "var(--color-grey-900)",
-	"--item-background-selected": "var(--color-grey-900)",
-	"--trigger-background-open": "var(--color-grey-200)",
-	"--dropdown-background": "white"
-} };
-//#endregion
-export { colorSchemes };
-
-//# sourceMappingURL=NavigationMenu.colorscheme.config.js.map

package/dist/components/navigation/NavigationMenu.colorscheme.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationMenu.colorscheme.config.js","names":[],"sources":["../../../src/components/navigation/NavigationMenu.colorscheme.config.ts"],"sourcesContent":["const light = {\n  '--text': 'var(--color-text-subtle)',\n  '--text-hover': 'var(--color-grey-1000)',\n  '--text-active': 'var(--color-grey-1000)',\n  '--text-selected': 'var(--color-primary-800)',\n  '--text-selected-hover': 'var(--color-primary-800)',\n  '--text-selected-pressed': 'var(--color-primary-800)',\n  '--text-selected-focus': 'var(--color-primary-800)',\n  '--background': 'white',\n  '--background-hover': 'var(--color-grey-100)',\n  '--background-active': 'var(--color-grey-200)',\n  '--background-selected': 'var(--color-primary-100)',\n  '--background-selected-hover': 'var(--color-grey-100)',\n  '--background-selected-pressed': 'var(--color-grey-200)',\n  '--item-text-selected': 'var(--color-grey-900)',\n  '--item-background-selected': 'var(--color-grey-900)',\n  '--trigger-background-open': 'var(--color-grey-200)',\n  '--dropdown-background': 'white'\n}\n\nexport const colorSchemes = {\n  light\n}\n"],"mappings":"AAoBA,IAAa,eAAe,EAC1B;CApBA,UAAU;CACV,gBAAgB;CAChB,iBAAiB;CACjB,mBAAmB;CACnB,yBAAyB;CACzB,2BAA2B;CAC3B,yBAAyB;CACzB,gBAAgB;CAChB,sBAAsB;CACtB,uBAAuB;CACvB,yBAAyB;CACzB,+BAA+B;CAC/B,iCAAiC;CACjC,wBAAwB;CACxB,8BAA8B;CAC9B,6BAA6B;CAC7B,yBAAyB;AAIzB,EACF"}

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.colorscheme.config.d.ts

@@ -1,10 +0,0 @@
-export declare const colorSchemes: {
-    light: {
-        '--text': string;
-        '--background': string;
-        '--background-hover': string;
-        '--background-active': string;
-        '--text-selected': string;
-        '--background-selected': string;
-    };
-};

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.colorscheme.config.js

@@ -1,12 +0,0 @@
-var colorSchemes = { light: {
-	"--text": "var(--foreground)",
-	"--background": "var(--base-1)",
-	"--background-hover": "var(--base-2)",
-	"--background-active": "var(--base-3)",
-	"--text-selected": "var(--accent-9)",
-	"--background-selected": "var(--accent-2)"
-} };
-//#endregion
-export { colorSchemes };
-
-//# sourceMappingURL=NavigationMenuVertical.colorscheme.config.js.map

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.colorscheme.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationMenuVertical.colorscheme.config.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.colorscheme.config.ts"],"sourcesContent":["const light = {\n  '--text': 'var(--foreground)',\n  '--background': 'var(--base-1)',\n  '--background-hover': 'var(--base-2)',\n  '--background-active': 'var(--base-3)',\n  '--text-selected': 'var(--accent-9)',\n  '--background-selected': 'var(--accent-2)'\n}\n\nexport const colorSchemes = {\n  light\n}\n"],"mappings":"AASA,IAAa,eAAe,EAC1B;CATA,UAAU;CACV,gBAAgB;CAChB,sBAAsB;CACtB,uBAAuB;CACvB,mBAAmB;CACnB,yBAAyB;AAIzB,EACF"}

package/dist/components/segmented-control/SegmentedControl.types.d.ts

@@ -1 +0,0 @@
-export type SegmentedControlTheme = 'primary' | 'marsh';

package/dist/components/top-bar/TopBar.colorscheme.config.d.ts

@@ -1,7 +0,0 @@
-export declare const colorSchemes: {
-    light: {
-        '--background': string;
-        '--divider': string;
-        '--border-bottom': string;
-    };
-};

package/dist/components/top-bar/TopBar.colorscheme.config.js

@@ -1,9 +0,0 @@
-var colorSchemes = { light: {
-	"--background": "white",
-	"--divider": "var(--color-grey-200)",
-	"--border-bottom": "var(--color-grey-200)"
-} };
-//#endregion
-export { colorSchemes };
-
-//# sourceMappingURL=TopBar.colorscheme.config.js.map

package/dist/components/top-bar/TopBar.colorscheme.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TopBar.colorscheme.config.js","names":[],"sources":["../../../src/components/top-bar/TopBar.colorscheme.config.ts"],"sourcesContent":["const light = {\n  '--background': 'white',\n  '--divider': 'var(--color-grey-200)',\n  '--border-bottom': 'var(--color-grey-200)'\n}\n\nexport const colorSchemes = {\n  light\n}\n"],"mappings":"AAMA,IAAa,eAAe,EAC1B;CANA,gBAAgB;CAChB,aAAa;CACb,mBAAmB;AAInB,EACF"}

package/dist/experiments/color-scheme/ColorScheme.config.d.ts

@@ -1,10 +0,0 @@
-type ColorSchemeKeys = 'interactive' | 'base' | 'accent' | 'foreground';
-type ColorScheme = Partial<Record<`--${ColorSchemeKeys}` | `--${ColorSchemeKeys}-${string}`, string>>;
-type ColorSchemeConfig = {
-    colorName: string;
-    color0?: string;
-};
-export declare const colorSchemes: Record<string, ColorScheme>;
-export declare const bases: Record<string, ColorSchemeConfig>;
-export declare const accents: Record<string, ColorSchemeConfig>;
-export {};

package/dist/experiments/color-scheme/ColorScheme.config.js

@@ -1,74 +0,0 @@
-//#region src/experiments/color-scheme/ColorScheme.config.ts
-var generateColors = ({ prefix, colorName, color0 = "" }) => {
-	const colors = {};
-	let i = 1;
-	if (color0) {
-		colors[`--${prefix}-${i}`] = `var(--color-${color0})`;
-		i++;
-	}
-	let k = 1;
-	for (; i <= 11; i++) {
-		colors[`--${prefix}-${i}`] = `var(--color-${colorName}-${k * 100})`;
-		k++;
-	}
-	return colors;
-};
-var colorSchemes = {};
-colorSchemes["interactive-loContrast"] = {
-	"--interactive-foreground": "var(--foreground)",
-	"--interactive-1": "var(--accent-1)",
-	"--interactive-2": "var(--accent-2)",
-	"--interactive-3": "var(--accent-3)"
-};
-colorSchemes["interactive-hiContrast"] = {
-	"--interactive-foreground": "var(--foreground-7-plus)",
-	"--interactive-1": "var(--accent-9)",
-	"--interactive-2": "var(--accent-10)",
-	"--interactive-3": "var(--accent-11)"
-};
-var colorNames = [
-	"primary",
-	"grey",
-	"blue",
-	"pink",
-	"purple",
-	"cyan",
-	"green",
-	"magenta",
-	"red",
-	"teal",
-	"orange",
-	"yellow",
-	"lime"
-];
-var createVariants = () => Object.fromEntries(colorNames.flatMap((c) => [[`${c}1`, {
-	colorName: c,
-	color0: "white"
-}], [`${c}2`, { colorName: c }]]));
-var bases = createVariants();
-var accents = bases;
-(() => {
-	Object.entries(bases).forEach(([name, config]) => {
-		const themeName = `base-${name}`;
-		colorSchemes[themeName] = {
-			"--foreground": "var(--color-grey-1000)",
-			"--foreground-7-plus": "var(--color-white)",
-			...generateColors({
-				prefix: "base",
-				colorName: config.colorName,
-				color0: config.color0
-			})
-		};
-	});
-	Object.entries(accents).forEach(([name, config]) => {
-		colorSchemes[`accent-${name}`] = generateColors({
-			prefix: "accent",
-			colorName: config.colorName,
-			color0: config.color0
-		});
-	});
-})();
-//#endregion
-export { accents, bases, colorSchemes };
-
-//# sourceMappingURL=ColorScheme.config.js.map

package/dist/experiments/color-scheme/ColorScheme.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorScheme.config.js","names":[],"sources":["../../../src/experiments/color-scheme/ColorScheme.config.ts"],"sourcesContent":["type ColorSchemeKeys = 'interactive' | 'base' | 'accent' | 'foreground'\n\n// ColorScheme is a partial record, but values are always strings (never undefined)\ntype ColorScheme = Partial<\n  Record<`--${ColorSchemeKeys}` | `--${ColorSchemeKeys}-${string}`, string>\n>\n\ntype ColorSchemeConfig = { colorName: string; color0?: string }\n\nconst generateColors = ({\n  prefix,\n  colorName,\n  color0 = ''\n}: {\n  prefix: ColorSchemeKeys\n  colorName: string\n  color0?: string\n}): ColorScheme => {\n  const colors: Record<string, string> = {}\n  let i = 1\n  if (color0) {\n    colors[`--${prefix}-${i}`] = `var(--color-${color0})`\n    i++\n  }\n  let k = 1\n  for (i; i <= 11; i++) {\n    colors[`--${prefix}-${i}`] = `var(--color-${colorName}-${k * 100})`\n    k++\n  }\n  return colors as ColorScheme\n}\n\nexport const colorSchemes: Record<string, ColorScheme> = {} as Record<\n  string,\n  ColorScheme\n>\n\ncolorSchemes['interactive-loContrast'] = {\n  '--interactive-foreground': 'var(--foreground)',\n  '--interactive-1': 'var(--accent-1)',\n  '--interactive-2': 'var(--accent-2)',\n  '--interactive-3': 'var(--accent-3)'\n}\n\ncolorSchemes['interactive-hiContrast'] = {\n  '--interactive-foreground': 'var(--foreground-7-plus)',\n  '--interactive-1': 'var(--accent-9)',\n  '--interactive-2': 'var(--accent-10)',\n  '--interactive-3': 'var(--accent-11)'\n}\n\nconst colorNames = [\n  'primary',\n  'grey',\n  'blue',\n  'pink',\n  'purple',\n  'cyan',\n  'green',\n  'magenta',\n  'red',\n  'teal',\n  'orange',\n  'yellow',\n  'lime'\n]\n\nconst createVariants = () =>\n  Object.fromEntries(\n    colorNames.flatMap((c) => [\n      [`${c}1`, { colorName: c, color0: 'white' }],\n      [`${c}2`, { colorName: c }]\n    ])\n  ) as Record<string, ColorSchemeConfig>\n\nexport const bases = createVariants()\nexport const accents = bases\n;(() => {\n  Object.entries(bases).forEach(\n    ([name, config]: [string, ColorSchemeConfig]) => {\n      const themeName = `base-${name}`\n      colorSchemes[themeName] = {\n        '--foreground': 'var(--color-grey-1000)',\n        '--foreground-7-plus': 'var(--color-white)',\n        ...generateColors({\n          prefix: 'base',\n          colorName: config.colorName,\n          color0: config.color0\n        })\n      }\n    }\n  )\n\n  Object.entries(accents).forEach(\n    ([name, config]: [string, ColorSchemeConfig]) => {\n      colorSchemes[`accent-${name}`] = generateColors({\n        prefix: 'accent',\n        colorName: config.colorName,\n        color0: config.color0\n      })\n    }\n  )\n})()\n"],"mappings":";AASA,IAAM,kBAAkB,EACtB,QACA,WACA,SAAS,SAKQ;CACjB,MAAM,SAAiC,CAAC;CACxC,IAAI,IAAI;CACR,IAAI,QAAQ;EACV,OAAO,KAAK,OAAO,GAAG,OAAO,eAAe,OAAO;EACnD;CACF;CACA,IAAI,IAAI;CACR,OAAQ,KAAK,IAAI,KAAK;EACpB,OAAO,KAAK,OAAO,GAAG,OAAO,eAAe,UAAU,GAAG,IAAI,IAAI;EACjE;CACF;CACA,OAAO;AACT;AAEA,IAAa,eAA4C,CAAC;AAK1D,aAAa,4BAA4B;CACvC,4BAA4B;CAC5B,mBAAmB;CACnB,mBAAmB;CACnB,mBAAmB;AACrB;AAEA,aAAa,4BAA4B;CACvC,4BAA4B;CAC5B,mBAAmB;CACnB,mBAAmB;CACnB,mBAAmB;AACrB;AAEA,IAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,IAAM,uBACJ,OAAO,YACL,WAAW,SAAS,MAAM,CACxB,CAAC,GAAG,EAAE,IAAI;CAAE,WAAW;CAAG,QAAQ;AAAQ,CAAC,GAC3C,CAAC,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAC5B,CAAC,CACH;AAEF,IAAa,QAAQ,eAAe;AACpC,IAAa,UAAU;OACf;CACN,OAAO,QAAQ,KAAK,CAAC,CAAC,SACnB,CAAC,MAAM,YAAyC;EAC/C,MAAM,YAAY,QAAQ;EAC1B,aAAa,aAAa;GACxB,gBAAgB;GAChB,uBAAuB;GACvB,GAAG,eAAe;IAChB,QAAQ;IACR,WAAW,OAAO;IAClB,QAAQ,OAAO;GACjB,CAAC;EACH;CACF,CACF;CAEA,OAAO,QAAQ,OAAO,CAAC,CAAC,SACrB,CAAC,MAAM,YAAyC;EAC/C,aAAa,UAAU,UAAU,eAAe;GAC9C,QAAQ;GACR,WAAW,OAAO;GAClB,QAAQ,OAAO;EACjB,CAAC;CACH,CACF;AACF,EAAA,CAAG"}

package/dist/experiments/color-scheme/ColorScheme.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { accents, bases } from './ColorScheme.config';
-export type TcolorScheme = {
-    base?: keyof typeof bases;
-    accent?: keyof typeof accents;
-    interactive?: 'loContrast' | 'hiContrast';
-};
-type ColorSchemeOwnProps = TcolorScheme & {
-    asChild?: boolean;
-    ref?: React.Ref<HTMLDivElement>;
-};
-type ColorSchemeProps = React.HTMLAttributes<HTMLDivElement> & ColorSchemeOwnProps;
-/**
- * @experimental Component has not been finalised. Further design input required. Use with caution.
- */
-export declare const ColorScheme: ({ ref, base, accent, interactive, asChild, ...rest }: ColorSchemeProps) => React.JSX.Element;
-export {};

package/dist/experiments/color-scheme/ColorScheme.js

@@ -1,25 +0,0 @@
-import { colorSchemes } from "./ColorScheme.config.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import { Slot } from "@radix-ui/react-slot";
-//#region src/experiments/color-scheme/ColorScheme.tsx
-/**
-* @experimental Component has not been finalised. Further design input required. Use with caution.
-*/
-var ColorScheme = ({ ref, base = "", accent = "", interactive, asChild = false, ...rest }) => {
-	const Component = asChild ? Slot : "div";
-	const style = {
-		...interactive && colorSchemes[`interactive-${interactive}`],
-		...accent && colorSchemes[`accent-${accent}`],
-		...base && colorSchemes[`base-${base}`]
-	};
-	return /* @__PURE__ */ jsx(Component, {
-		...rest,
-		ref,
-		style
-	});
-};
-//#endregion
-export { ColorScheme };
-
-//# sourceMappingURL=ColorScheme.js.map

package/dist/experiments/color-scheme/ColorScheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorScheme.js","names":[],"sources":["../../../src/experiments/color-scheme/ColorScheme.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { accents, bases, colorSchemes } from './ColorScheme.config'\n\nexport type TcolorScheme = {\n  base?: keyof typeof bases\n  accent?: keyof typeof accents\n  interactive?: 'loContrast' | 'hiContrast'\n}\n\ntype ColorSchemeOwnProps = TcolorScheme & {\n  asChild?: boolean\n  ref?: React.Ref<HTMLDivElement>\n}\n\ntype ColorSchemeProps = React.HTMLAttributes<HTMLDivElement> &\n  ColorSchemeOwnProps\n\n/**\n * @experimental Component has not been finalised. Further design input required. Use with caution.\n */\nexport const ColorScheme = ({\n  ref,\n  base = '',\n  accent = '',\n  interactive,\n  asChild = false,\n  ...rest\n}: ColorSchemeProps) => {\n  const Component = asChild ? Slot : 'div'\n\n  // Build style object - config ensures values are always strings (never undefined)\n  const style = {\n    ...(interactive && colorSchemes[`interactive-${interactive}`]),\n    ...(accent && colorSchemes[`accent-${accent}`]),\n    ...(base && colorSchemes[`base-${base}`])\n  } as React.CSSProperties\n\n  return <Component {...rest} ref={ref} style={style} />\n}\n"],"mappings":";;;;;;;;AAsBA,IAAa,eAAe,EAC1B,KACA,OAAO,IACP,SAAS,IACT,aACA,UAAU,OACV,GAAG,WACmB;CACtB,MAAM,YAAY,UAAU,OAAO;CAGnC,MAAM,QAAQ;EACZ,GAAI,eAAe,aAAa,eAAe;EAC/C,GAAI,UAAU,aAAa,UAAU;EACrC,GAAI,QAAQ,aAAa,QAAQ;CACnC;CAEA,OAAO,oBAAC,WAAD;EAAW,GAAI;EAAW;EAAY;CAAQ,CAAA;AACvD"}