@atom-learning/components 6.0.0-beta.0 → 6.0.0-beta.10

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

@@ -0,0 +1,190 @@
+type ColorSchemeKeys = 'interactive' | 'base' | 'accent' | 'foreground';
+type ColorScheme = Partial<Record<`--${ColorSchemeKeys}` | `--${ColorSchemeKeys}-${string}`, string>>;
+export declare const colorSchemes: Record<string, ColorScheme>;
+export declare const bases: {
+    primary1: {
+        colorName: string;
+        color0: string;
+    };
+    primary2: {
+        colorName: string;
+    };
+    grey1: {
+        colorName: string;
+        color0: string;
+    };
+    grey2: {
+        colorName: string;
+    };
+    blue1: {
+        colorName: string;
+        color0: string;
+    };
+    blue2: {
+        colorName: string;
+    };
+    pink1: {
+        colorName: string;
+        color0: string;
+    };
+    pink2: {
+        colorName: string;
+    };
+    purple1: {
+        colorName: string;
+        color0: string;
+    };
+    purple2: {
+        colorName: string;
+    };
+    cyan1: {
+        colorName: string;
+        color0: string;
+    };
+    cyan2: {
+        colorName: string;
+    };
+    green1: {
+        colorName: string;
+        color0: string;
+    };
+    green2: {
+        colorName: string;
+    };
+    magenta1: {
+        colorName: string;
+        color0: string;
+    };
+    magenta2: {
+        colorName: string;
+    };
+    red1: {
+        colorName: string;
+        color0: string;
+    };
+    red2: {
+        colorName: string;
+    };
+    teal1: {
+        colorName: string;
+        color0: string;
+    };
+    teal2: {
+        colorName: string;
+    };
+    orange1: {
+        colorName: string;
+        color0: string;
+    };
+    orange2: {
+        colorName: string;
+    };
+    yellow1: {
+        colorName: string;
+        color0: string;
+    };
+    yellow2: {
+        colorName: string;
+    };
+    lime1: {
+        colorName: string;
+        color0: string;
+    };
+    lime2: {
+        colorName: string;
+    };
+};
+export declare const accents: {
+    primary1: {
+        colorName: string;
+        color0: string;
+    };
+    primary2: {
+        colorName: string;
+    };
+    grey1: {
+        colorName: string;
+        color0: string;
+    };
+    grey2: {
+        colorName: string;
+    };
+    blue1: {
+        colorName: string;
+        color0: string;
+    };
+    blue2: {
+        colorName: string;
+    };
+    pink1: {
+        colorName: string;
+        color0: string;
+    };
+    pink2: {
+        colorName: string;
+    };
+    purple1: {
+        colorName: string;
+        color0: string;
+    };
+    purple2: {
+        colorName: string;
+    };
+    cyan1: {
+        colorName: string;
+        color0: string;
+    };
+    cyan2: {
+        colorName: string;
+    };
+    green1: {
+        colorName: string;
+        color0: string;
+    };
+    green2: {
+        colorName: string;
+    };
+    magenta1: {
+        colorName: string;
+        color0: string;
+    };
+    magenta2: {
+        colorName: string;
+    };
+    red1: {
+        colorName: string;
+        color0: string;
+    };
+    red2: {
+        colorName: string;
+    };
+    teal1: {
+        colorName: string;
+        color0: string;
+    };
+    teal2: {
+        colorName: string;
+    };
+    orange1: {
+        colorName: string;
+        color0: string;
+    };
+    orange2: {
+        colorName: string;
+    };
+    yellow1: {
+        colorName: string;
+        color0: string;
+    };
+    yellow2: {
+        colorName: string;
+    };
+    lime1: {
+        colorName: string;
+        color0: string;
+    };
+    lime2: {
+        colorName: string;
+    };
+};
+export {};

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

@@ -1,2 +1,2 @@
-const m=({prefix:e,colorName:o,color0:l=""})=>{const r={};let c=1;l&&(r["--".concat(e,"-").concat(c)]="var(--color-".concat(l,")"),c++);let t=1;for(c;c<=11;c++)r["--".concat(e,"-").concat(c)]="var(--color-".concat(o,"-").concat(t*100,")"),t++;for(let n in r)r[n]===void 0&&delete r[n];return r},a={};a["interactive-loContrast"]={"--interactive-foreground":"var(--foreground)","--interactive-1":"var(--accent-1)","--interactive-2":"var(--accent-2)","--interactive-3":"var(--accent-3)"},a["interactive-hiContrast"]={"--interactive-foreground":"var(--foreground-7-plus)","--interactive-1":"var(--accent-9)","--interactive-2":"var(--accent-10)","--interactive-3":"var(--accent-11)"};const i={primary1:{colorName:"primary",color0:"white"},primary2:{colorName:"primary"},grey1:{colorName:"grey",color0:"white"},grey2:{colorName:"grey"},blue1:{colorName:"blue",color0:"white"},blue2:{colorName:"blue"},pink1:{colorName:"pink",color0:"white"},pink2:{colorName:"pink"},purple1:{colorName:"purple",color0:"white"},purple2:{colorName:"purple"},cyan1:{colorName:"cyan",color0:"white"},cyan2:{colorName:"cyan"},green1:{colorName:"green",color0:"white"},green2:{colorName:"green"},magenta1:{colorName:"magenta",color0:"white"},magenta2:{colorName:"magenta"},red1:{colorName:"red",color0:"white"},red2:{colorName:"red"},teal1:{colorName:"teal",color0:"white"},teal2:{colorName:"teal"},orange1:{colorName:"orange",color0:"white"},orange2:{colorName:"orange"},yellow1:{colorName:"yellow",color0:"white"},yellow2:{colorName:"yellow"},lime1:{colorName:"lime",color0:"white"},lime2:{colorName:"lime"}},N={primary1:{colorName:"primary",color0:"white"},primary2:{colorName:"primary"},grey1:{colorName:"grey",color0:"white"},grey2:{colorName:"grey"},blue1:{colorName:"blue",color0:"white"},blue2:{colorName:"blue"},pink1:{colorName:"pink",color0:"white"},pink2:{colorName:"pink"},purple1:{colorName:"purple",color0:"white"},purple2:{colorName:"purple"},cyan1:{colorName:"cyan",color0:"white"},cyan2:{colorName:"cyan"},green1:{colorName:"green",color0:"white"},green2:{colorName:"green"},magenta1:{colorName:"magenta",color0:"white"},magenta2:{colorName:"magenta"},red1:{colorName:"red",color0:"white"},red2:{colorName:"red"},teal1:{colorName:"teal",color0:"white"},teal2:{colorName:"teal"},orange1:{colorName:"orange",color0:"white"},orange2:{colorName:"orange"},yellow1:{colorName:"yellow",color0:"white"},yellow2:{colorName:"yellow"},lime1:{colorName:"lime",color0:"white"},lime2:{colorName:"lime"}};Object.entries(i).forEach(([e,o])=>{const l="base-".concat(e);a[l]={"--foreground":"var(--color-grey-1000)","--foreground-7-plus":"var(--color-white)",...m({prefix:"base",colorName:o.colorName,color0:o.color0})}}),Object.entries(N).forEach(([e,o])=>{a["accent-".concat(e)]=m({prefix:"accent",colorName:o.colorName,color0:o.color0})});export{N as accents,i as bases,a as colorSchemes};
+const n=({prefix:e,colorName:o,color0:a=""})=>{const l={};let r=1;a&&(l["--".concat(e,"-").concat(r)]="var(--color-".concat(a,")"),r++);let t=1;for(r;r<=11;r++)l["--".concat(e,"-").concat(r)]="var(--color-".concat(o,"-").concat(t*100,")"),t++;return l},c={};c["interactive-loContrast"]={"--interactive-foreground":"var(--foreground)","--interactive-1":"var(--accent-1)","--interactive-2":"var(--accent-2)","--interactive-3":"var(--accent-3)"},c["interactive-hiContrast"]={"--interactive-foreground":"var(--foreground-7-plus)","--interactive-1":"var(--accent-9)","--interactive-2":"var(--accent-10)","--interactive-3":"var(--accent-11)"};const m={primary1:{colorName:"primary",color0:"white"},primary2:{colorName:"primary"},grey1:{colorName:"grey",color0:"white"},grey2:{colorName:"grey"},blue1:{colorName:"blue",color0:"white"},blue2:{colorName:"blue"},pink1:{colorName:"pink",color0:"white"},pink2:{colorName:"pink"},purple1:{colorName:"purple",color0:"white"},purple2:{colorName:"purple"},cyan1:{colorName:"cyan",color0:"white"},cyan2:{colorName:"cyan"},green1:{colorName:"green",color0:"white"},green2:{colorName:"green"},magenta1:{colorName:"magenta",color0:"white"},magenta2:{colorName:"magenta"},red1:{colorName:"red",color0:"white"},red2:{colorName:"red"},teal1:{colorName:"teal",color0:"white"},teal2:{colorName:"teal"},orange1:{colorName:"orange",color0:"white"},orange2:{colorName:"orange"},yellow1:{colorName:"yellow",color0:"white"},yellow2:{colorName:"yellow"},lime1:{colorName:"lime",color0:"white"},lime2:{colorName:"lime"}},i={primary1:{colorName:"primary",color0:"white"},primary2:{colorName:"primary"},grey1:{colorName:"grey",color0:"white"},grey2:{colorName:"grey"},blue1:{colorName:"blue",color0:"white"},blue2:{colorName:"blue"},pink1:{colorName:"pink",color0:"white"},pink2:{colorName:"pink"},purple1:{colorName:"purple",color0:"white"},purple2:{colorName:"purple"},cyan1:{colorName:"cyan",color0:"white"},cyan2:{colorName:"cyan"},green1:{colorName:"green",color0:"white"},green2:{colorName:"green"},magenta1:{colorName:"magenta",color0:"white"},magenta2:{colorName:"magenta"},red1:{colorName:"red",color0:"white"},red2:{colorName:"red"},teal1:{colorName:"teal",color0:"white"},teal2:{colorName:"teal"},orange1:{colorName:"orange",color0:"white"},orange2:{colorName:"orange"},yellow1:{colorName:"yellow",color0:"white"},yellow2:{colorName:"yellow"},lime1:{colorName:"lime",color0:"white"},lime2:{colorName:"lime"}};Object.entries(m).forEach(([e,o])=>{const a="base-".concat(e);c[a]={"--foreground":"var(--color-grey-1000)","--foreground-7-plus":"var(--color-white)",...n({prefix:"base",colorName:o.colorName,color0:o.color0})}}),Object.entries(i).forEach(([e,o])=>{c["accent-".concat(e)]=n({prefix:"accent",colorName:o.colorName,color0:o.color0})});export{i as accents,m as bases,c as colorSchemes};
 //# sourceMappingURL=ColorScheme.config.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColorScheme.config.js","sources":["../../../src/experiments/color-scheme/ColorScheme.config.ts"],"sourcesContent":["type ColorSchemeKeys = 'interactive' | 'base' | 'accent' | 'foreground'\n\ntype ColorScheme = Partial<\n  Record<\n    `--${ColorSchemeKeys}` | `--${ColorSchemeKeys}-${string}`,\n    `var(${string})`\n  >\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: ColorScheme = {}\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  for (let key in colors) {\n    if (colors[key] === undefined) {\n      delete colors[key]\n    }\n  }\n  return colors as Required<ColorScheme>\n}\n\nexport const colorSchemes: Record<string, ColorScheme> = {}\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\nexport const bases = {\n  primary1: { colorName: 'primary', color0: 'white' },\n  primary2: { colorName: 'primary' },\n  grey1: { colorName: 'grey', color0: 'white' },\n  grey2: { colorName: 'grey' },\n  blue1: { colorName: 'blue', color0: 'white' },\n  blue2: { colorName: 'blue' },\n  pink1: { colorName: 'pink', color0: 'white' },\n  pink2: { colorName: 'pink' },\n  purple1: { colorName: 'purple', color0: 'white' },\n  purple2: { colorName: 'purple' },\n  cyan1: { colorName: 'cyan', color0: 'white' },\n  cyan2: { colorName: 'cyan' },\n  green1: { colorName: 'green', color0: 'white' },\n  green2: { colorName: 'green' },\n  magenta1: { colorName: 'magenta', color0: 'white' },\n  magenta2: { colorName: 'magenta' },\n  red1: { colorName: 'red', color0: 'white' },\n  red2: { colorName: 'red' },\n  teal1: { colorName: 'teal', color0: 'white' },\n  teal2: { colorName: 'teal' },\n  orange1: { colorName: 'orange', color0: 'white' },\n  orange2: { colorName: 'orange' },\n  yellow1: { colorName: 'yellow', color0: 'white' },\n  yellow2: { colorName: 'yellow' },\n  lime1: { colorName: 'lime', color0: 'white' },\n  lime2: { colorName: 'lime' }\n} satisfies Record<string, ColorSchemeConfig>\n\nexport const accents = {\n  primary1: { colorName: 'primary', color0: 'white' },\n  primary2: { colorName: 'primary' },\n  grey1: { colorName: 'grey', color0: 'white' },\n  grey2: { colorName: 'grey' },\n  blue1: { colorName: 'blue', color0: 'white' },\n  blue2: { colorName: 'blue' },\n  pink1: { colorName: 'pink', color0: 'white' },\n  pink2: { colorName: 'pink' },\n  purple1: { colorName: 'purple', color0: 'white' },\n  purple2: { colorName: 'purple' },\n  cyan1: { colorName: 'cyan', color0: 'white' },\n  cyan2: { colorName: 'cyan' },\n  green1: { colorName: 'green', color0: 'white' },\n  green2: { colorName: 'green' },\n  magenta1: { colorName: 'magenta', color0: 'white' },\n  magenta2: { colorName: 'magenta' },\n  red1: { colorName: 'red', color0: 'white' },\n  red2: { colorName: 'red' },\n  teal1: { colorName: 'teal', color0: 'white' },\n  teal2: { colorName: 'teal' },\n  orange1: { colorName: 'orange', color0: 'white' },\n  orange2: { colorName: 'orange' },\n  yellow1: { colorName: 'yellow', color0: 'white' },\n  yellow2: { colorName: 'yellow' },\n  lime1: { colorName: 'lime', color0: 'white' },\n  lime2: { colorName: 'lime' }\n} satisfies Record<string, ColorSchemeConfig>\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"],"names":["generateColors","prefix","colorName","color0","colors","i","k","key","colorSchemes","bases","accents","name","config","themeName"],"mappings":"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"}
+{"version":3,"file":"ColorScheme.config.js","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\nexport const bases = {\n  primary1: { colorName: 'primary', color0: 'white' },\n  primary2: { colorName: 'primary' },\n  grey1: { colorName: 'grey', color0: 'white' },\n  grey2: { colorName: 'grey' },\n  blue1: { colorName: 'blue', color0: 'white' },\n  blue2: { colorName: 'blue' },\n  pink1: { colorName: 'pink', color0: 'white' },\n  pink2: { colorName: 'pink' },\n  purple1: { colorName: 'purple', color0: 'white' },\n  purple2: { colorName: 'purple' },\n  cyan1: { colorName: 'cyan', color0: 'white' },\n  cyan2: { colorName: 'cyan' },\n  green1: { colorName: 'green', color0: 'white' },\n  green2: { colorName: 'green' },\n  magenta1: { colorName: 'magenta', color0: 'white' },\n  magenta2: { colorName: 'magenta' },\n  red1: { colorName: 'red', color0: 'white' },\n  red2: { colorName: 'red' },\n  teal1: { colorName: 'teal', color0: 'white' },\n  teal2: { colorName: 'teal' },\n  orange1: { colorName: 'orange', color0: 'white' },\n  orange2: { colorName: 'orange' },\n  yellow1: { colorName: 'yellow', color0: 'white' },\n  yellow2: { colorName: 'yellow' },\n  lime1: { colorName: 'lime', color0: 'white' },\n  lime2: { colorName: 'lime' }\n} satisfies Record<string, ColorSchemeConfig>\n\nexport const accents = {\n  primary1: { colorName: 'primary', color0: 'white' },\n  primary2: { colorName: 'primary' },\n  grey1: { colorName: 'grey', color0: 'white' },\n  grey2: { colorName: 'grey' },\n  blue1: { colorName: 'blue', color0: 'white' },\n  blue2: { colorName: 'blue' },\n  pink1: { colorName: 'pink', color0: 'white' },\n  pink2: { colorName: 'pink' },\n  purple1: { colorName: 'purple', color0: 'white' },\n  purple2: { colorName: 'purple' },\n  cyan1: { colorName: 'cyan', color0: 'white' },\n  cyan2: { colorName: 'cyan' },\n  green1: { colorName: 'green', color0: 'white' },\n  green2: { colorName: 'green' },\n  magenta1: { colorName: 'magenta', color0: 'white' },\n  magenta2: { colorName: 'magenta' },\n  red1: { colorName: 'red', color0: 'white' },\n  red2: { colorName: 'red' },\n  teal1: { colorName: 'teal', color0: 'white' },\n  teal2: { colorName: 'teal' },\n  orange1: { colorName: 'orange', color0: 'white' },\n  orange2: { colorName: 'orange' },\n  yellow1: { colorName: 'yellow', color0: 'white' },\n  yellow2: { colorName: 'yellow' },\n  lime1: { colorName: 'lime', color0: 'white' },\n  lime2: { colorName: 'lime' }\n} satisfies Record<string, ColorSchemeConfig>\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"],"names":["generateColors","prefix","colorName","color0","colors","i","k","colorSchemes","bases","accents","name","config","themeName"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+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';
+};
+/**
+ * @experimental Component has not been finalised. Further design input required. Use with caution.
+ */
+export declare const ColorScheme: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & TcolorScheme & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,2 +1,2 @@
-import{Slot as l}from"@radix-ui/react-slot";import*as o from"react";import{colorSchemes as e}from"./ColorScheme.config.js";const c=o.forwardRef(({base:t="",accent:r="",interactive:a="",asChild:m=!1,...i},n)=>o.createElement(m?l:"div",{...i,ref:n,style:{...e["interactive-".concat(a)],...e["accent-".concat(r)],...e["base-".concat(t)]}}));c.displayName="ColorScheme";export{c as ColorScheme};
+import{Slot as f}from"@radix-ui/react-slot";import*as r from"react";import{colorSchemes as e}from"./ColorScheme.config.js";const a=r.forwardRef(({base:c="",accent:o="",interactive:t="",asChild:m=!1,...n},i)=>{const s=m?f:"div",l={...t&&e["interactive-".concat(t)],...o&&e["accent-".concat(o)],...c&&e["base-".concat(c)]};return r.createElement(s,{...n,ref:i,style:l})});a.displayName="ColorScheme";export{a as ColorScheme};
 //# sourceMappingURL=ColorScheme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColorScheme.js","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 TColorSchemeOwnProps = TcolorScheme & {\n  asChild?: boolean\n}\n\ntype TColorSchemeProps = React.HTMLAttributes<HTMLDivElement> &\n  TColorSchemeOwnProps\n\n/**\n * @experimental Component has not been finalised. Further design input required. Use with caution.\n */\nexport const ColorScheme: React.ForwardRefExoticComponent<TColorSchemeProps> =\n  React.forwardRef(\n    (\n      { base = '', accent = '', interactive = '', asChild = false, ...rest },\n      ref\n    ) => {\n      const Component = asChild ? Slot : 'div'\n      return (\n        <Component\n          {...rest}\n          ref={ref}\n          style={{\n            ...colorSchemes[`interactive-${interactive}`],\n            ...colorSchemes[`accent-${accent}`],\n            ...colorSchemes[`base-${base}`]\n          }}\n        />\n      )\n    }\n  )\n\nColorScheme.displayName = 'ColorScheme'\n"],"names":["ColorScheme","React","base","accent","interactive","asChild","rest","ref","Slot","colorSchemes"],"mappings":"2HAqBa,MAAAA,EACXC,EAAM,WACJ,CACE,CAAE,KAAAC,EAAO,GAAI,OAAAC,EAAS,GAAI,YAAAC,EAAc,GAAI,QAAAC,EAAU,GAAO,GAAGC,CAAK,EACrEC,IAIEN,EAAA,cAFgBI,EAAUG,EAAO,MAEhC,CACE,GAAGF,EACJ,IAAKC,EACL,MAAO,CACL,GAAGE,EAAa,eAAe,OAAAL,CAAa,CAAA,EAC5C,GAAGK,EAAa,UAAU,OAAAN,CAAQ,CAAA,EAClC,GAAGM,EAAa,QAAQ,OAAAP,CAAAA,CAAM,CAChC,CAAA,CACF,CAGN,EAEFF,EAAY,YAAc"}
+{"version":3,"file":"ColorScheme.js","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 TColorSchemeOwnProps = TcolorScheme & {\n  asChild?: boolean\n}\n\ntype TColorSchemeProps = React.HTMLAttributes<HTMLDivElement> &\n  TColorSchemeOwnProps\n\n/**\n * @experimental Component has not been finalised. Further design input required. Use with caution.\n */\nexport const ColorScheme = React.forwardRef<HTMLDivElement, TColorSchemeProps>(\n  (\n    { base = '', accent = '', interactive = '', asChild = false, ...rest },\n    ref\n  ) => {\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)\n\nColorScheme.displayName = 'ColorScheme'\n"],"names":["ColorScheme","React","base","accent","interactive","asChild","rest","ref","Component","Slot","style","colorSchemes"],"mappings":"iIAqBaA,EAAcC,EAAM,WAC/B,CACE,CAAE,KAAAC,EAAO,GAAI,OAAAC,EAAS,GAAI,YAAAC,EAAc,GAAI,QAAAC,EAAU,GAAO,GAAGC,CAAK,EACrEC,IACG,CACH,MAAMC,EAAYH,EAAUI,EAAO,MAG7BC,EAAQ,CACZ,GAAIN,GAAeO,EAAa,eAAe,OAAAP,EAAa,EAC5D,GAAID,GAAUQ,EAAa,UAAU,OAAAR,CAAAA,CAAQ,EAC7C,GAAID,GAAQS,EAAa,QAAQ,OAAAT,CAAAA,CAAM,CACzC,EAEA,OAAOD,EAAA,cAACO,EAAA,CAAW,GAAGF,EAAM,IAAKC,EAAK,MAAOG,CAAAA,CAAO,CACtD,CACF,EAEAV,EAAY,YAAc"}

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

@@ -0,0 +1,2 @@
+export { ColorScheme } from './ColorScheme';
+export type { TcolorScheme } from './ColorScheme';