@pega/cosmos-react-core 2.2.1 → 2.2.4

package/lib/styles/utils.d.ts

@@ -0,0 +1,16 @@
+import { StyledConfig } from 'styled-components';
+import { ContrastScores } from 'polished/lib/types/color';
+export declare const getHoverColors: (color: string) => {
+    background: string | undefined;
+    foreground: string | undefined;
+};
+declare const wcagContrast: Record<keyof ContrastScores | 'AANonText', number>;
+export declare const readableHue: (color1: string, color2: string, { mode, level }?: {
+    mode?: "both" | "dark" | "light" | undefined;
+    level?: number | keyof ContrastScores | "AANonText" | undefined;
+}) => string;
+export declare const omitProps: <O extends object = Record<PropertyKey, unknown>>(...props: PropertyKey[]) => StyledConfig<O>;
+export declare type FontSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+export declare const calculateFontSize: (baseFontSize: string, baseFontScale: string | number) => Record<FontSize, string>;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/lib/styles/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/styles/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAUjD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAK1D,eAAO,MAAM,cAAc,UAAW,MAAM;;;CAa3C,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,EAAE,MAAM,CASpE,CAAC;AAEF,eAAO,MAAM,WAAW,WACd,MAAM,UACN,MAAM;;;MAKb,MAqDF,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC,EACtE,GAAG,KAAK,EAAE,WAAW,EAAE,KACpB,YAAY,CAAC,CAAC,CAEjB,CAAC;AAEH,oBAAY,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC;AAWrE,eAAO,MAAM,iBAAiB,iBAAkB,MAAM,iBAAiB,MAAM,GAAG,MAAM,6BAkBrF,CAAC"}

package/lib/styles/utils.js

@@ -0,0 +1,93 @@
+import { parseToHsl, lighten, readableColor, darken, getContrast, hsl, modularScale } from 'polished';
+import { tryCatch } from '../utils';
+export const getHoverColors = (color) => {
+    const backgroundLightness = tryCatch(() => parseToHsl(color).lightness, () => 1);
+    let hoverColor = tryCatch(() => lighten(0.1, color));
+    let hoverContrastColor = tryCatch(() => readableColor(lighten(0.1, color)));
+    if (backgroundLightness > 0.35) {
+        hoverColor = tryCatch(() => darken(0.1, color));
+        hoverContrastColor = tryCatch(() => readableColor(darken(0.1, color)));
+    }
+    return { background: hoverColor, foreground: hoverContrastColor };
+};
+const wcagContrast = {
+    // https://www.w3.org/TR/WCAG21/#contrast-minimum
+    AA: 4.5,
+    AALarge: 3,
+    // https://www.w3.org/TR/WCAG21/#contrast-enhanced
+    AAA: 7,
+    AAALarge: 4.5,
+    // https://www.w3.org/TR/WCAG21/#non-text-contrast
+    AANonText: 3
+};
+export const readableHue = (color1, color2, { mode = 'both', level = 'AA' } = {}) => {
+    const minContrast = typeof level === 'string' ? wcagContrast[level] : level;
+    if (getContrast(color1, color2) >= minContrast)
+        return color1;
+    const { lightness, ...hueSaturation } = parseToHsl(color1);
+    let shouldLighten = true;
+    let shouldDarken = true;
+    let lightEnough = '';
+    let darkEnough = '';
+    for (let i = 0; i <= 1; i += 0.01) {
+        if (shouldLighten) {
+            const lightented = hsl({
+                ...hueSaturation,
+                lightness: Math.min(lightness + i, 1)
+            });
+            if (getContrast(lightented, color2) >= minContrast) {
+                if (mode !== 'dark')
+                    return lightented;
+                shouldLighten = false;
+                lightEnough = lightented;
+            }
+            if (lightness + i >= 1)
+                shouldLighten = false;
+        }
+        if (shouldDarken) {
+            const darkened = hsl({
+                ...hueSaturation,
+                lightness: Math.max(lightness - i, 0)
+            });
+            if (getContrast(darkened, color2) >= minContrast) {
+                if (mode !== 'light')
+                    return darkened;
+                shouldDarken = false;
+                darkEnough = darkened;
+            }
+            if (lightness - i <= 0)
+                shouldDarken = false;
+        }
+        if (!shouldLighten && !shouldDarken)
+            break;
+    }
+    if (lightEnough)
+        return lightEnough;
+    if (darkEnough)
+        return darkEnough;
+    return readableColor(color2);
+};
+export const omitProps = (...props) => ({
+    shouldForwardProp: (prop, defaultValidatorFn) => !props.includes(prop) && defaultValidatorFn(prop)
+});
+const stepsMap = {
+    xxs: -2,
+    xs: -1,
+    s: 0,
+    m: 1,
+    l: 2,
+    xl: 3,
+    xxl: 4
+};
+export const calculateFontSize = (baseFontSize, baseFontScale) => {
+    if (baseFontScale === 'linear')
+        return Object.fromEntries(Object.entries(stepsMap).map(([size, steps]) => [
+            size,
+            `calc(${baseFontSize} + (${steps} * 0.0625rem))`
+        ]));
+    return Object.fromEntries(Object.entries(stepsMap).map(([size, steps]) => [
+        size,
+        tryCatch(() => modularScale(steps, baseFontSize, baseFontScale), () => baseFontSize)
+    ]));
+};
+//# sourceMappingURL=utils.js.map

package/lib/styles/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/styles/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { StyledConfig } from 'styled-components';\nimport {\n  parseToHsl,\n  lighten,\n  readableColor,\n  darken,\n  getContrast,\n  hsl,\n  modularScale\n} from 'polished';\nimport { ContrastScores } from 'polished/lib/types/color';\nimport { ModularScaleRatio } from 'polished/lib/types/modularScaleRatio';\n\nimport { tryCatch } from '../utils';\n\nexport const getHoverColors = (color: string) => {\n  const backgroundLightness = tryCatch(\n    () => parseToHsl(color).lightness,\n    () => 1\n  );\n  let hoverColor = tryCatch(() => lighten(0.1, color));\n  let hoverContrastColor = tryCatch(() => readableColor(lighten(0.1, color)));\n  if (backgroundLightness > 0.35) {\n    hoverColor = tryCatch(() => darken(0.1, color));\n    hoverContrastColor = tryCatch(() => readableColor(darken(0.1, color)));\n  }\n\n  return { background: hoverColor, foreground: hoverContrastColor };\n};\n\nconst wcagContrast: Record<keyof ContrastScores | 'AANonText', number> = {\n  // https://www.w3.org/TR/WCAG21/#contrast-minimum\n  AA: 4.5,\n  AALarge: 3,\n  // https://www.w3.org/TR/WCAG21/#contrast-enhanced\n  AAA: 7,\n  AAALarge: 4.5,\n  // https://www.w3.org/TR/WCAG21/#non-text-contrast\n  AANonText: 3\n};\n\nexport const readableHue = (\n  color1: string,\n  color2: string,\n  {\n    mode = 'both',\n    level = 'AA'\n  }: { mode?: 'light' | 'dark' | 'both'; level?: keyof typeof wcagContrast | number } = {}\n): string => {\n  const minContrast = typeof level === 'string' ? wcagContrast[level] : level;\n\n  if (getContrast(color1, color2) >= minContrast) return color1;\n\n  const { lightness, ...hueSaturation } = parseToHsl(color1);\n\n  let shouldLighten = true;\n  let shouldDarken = true;\n\n  let lightEnough = '';\n  let darkEnough = '';\n\n  for (let i = 0; i <= 1; i += 0.01) {\n    if (shouldLighten) {\n      const lightented = hsl({\n        ...hueSaturation,\n        lightness: Math.min(lightness + i, 1)\n      });\n\n      if (getContrast(lightented, color2) >= minContrast) {\n        if (mode !== 'dark') return lightented;\n\n        shouldLighten = false;\n        lightEnough = lightented;\n      }\n\n      if (lightness + i >= 1) shouldLighten = false;\n    }\n\n    if (shouldDarken) {\n      const darkened = hsl({\n        ...hueSaturation,\n        lightness: Math.max(lightness - i, 0)\n      });\n\n      if (getContrast(darkened, color2) >= minContrast) {\n        if (mode !== 'light') return darkened;\n\n        shouldDarken = false;\n        darkEnough = darkened;\n      }\n\n      if (lightness - i <= 0) shouldDarken = false;\n    }\n\n    if (!shouldLighten && !shouldDarken) break;\n  }\n\n  if (lightEnough) return lightEnough;\n  if (darkEnough) return darkEnough;\n\n  return readableColor(color2);\n};\n\nexport const omitProps: <O extends object = Record<PropertyKey, unknown>>(\n  ...props: PropertyKey[]\n) => StyledConfig<O> = (...props) => ({\n  shouldForwardProp: (prop, defaultValidatorFn) => !props.includes(prop) && defaultValidatorFn(prop)\n});\n\nexport type FontSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\nconst stepsMap = {\n  xxs: -2,\n  xs: -1,\n  s: 0,\n  m: 1,\n  l: 2,\n  xl: 3,\n  xxl: 4\n};\n\nexport const calculateFontSize = (baseFontSize: string, baseFontScale: string | number) => {\n  if (baseFontScale === 'linear')\n    return Object.fromEntries(\n      Object.entries(stepsMap).map(([size, steps]) => [\n        size,\n        `calc(${baseFontSize} + (${steps} * 0.0625rem))`\n      ])\n    ) as Record<FontSize, string>;\n\n  return Object.fromEntries(\n    Object.entries(stepsMap).map(([size, steps]) => [\n      size,\n      tryCatch(\n        () => modularScale(steps, baseFontSize, baseFontScale as ModularScaleRatio),\n        () => baseFontSize\n      )\n    ])\n  ) as Record<FontSize, string>;\n};\n"]}

package/lib/theme/ThemeMachine.d.ts

@@ -0,0 +1,32 @@
+import { DeepPartial } from '../types';
+export interface ThemeLeaf<Value> {
+    $type: string;
+    $value: Value;
+    $constant?: boolean;
+    $comment?: string;
+}
+export declare type ThemeDefinition = {
+    [key: string]: ThemeLeaf<unknown> | ThemeDefinition;
+};
+export declare type ToThemeIFace<Node, Extension = never> = Node extends ThemeLeaf<infer LeafVal> ? (LeafVal extends null ? LeafVal | string : LeafVal) | Extension : Node extends object ? {
+    readonly [Key in Exclude<keyof Node, '$comment'>]: ToThemeIFace<Node[Key], Extension>;
+} : Node | Extension;
+export declare type SettableTheme<Def extends ThemeDefinition> = DeepPartial<ToThemeIFace<Def, symbol>>;
+export declare const resetToInitial: unique symbol;
+declare class ThemeMachine<Definition extends ThemeDefinition> {
+    #private;
+    readonly theme: ToThemeIFace<Definition>;
+    overrideInTree(keys: string[]): boolean;
+    constructTheme(theme: SettableTheme<Definition>): ToThemeIFace<Definition>;
+    constructor({ theme, parent, definition }: {
+        theme?: SettableTheme<Definition>;
+        parent: ThemeMachine<Definition>;
+        definition?: never;
+    } | {
+        theme?: SettableTheme<Definition>;
+        parent?: never;
+        definition: Definition;
+    });
+}
+export default ThemeMachine;
+//# sourceMappingURL=ThemeMachine.d.ts.map

package/lib/theme/ThemeMachine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeMachine.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeMachine.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,MAAM,WAAW,SAAS,CAAC,KAAK;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,oBAAY,eAAe,GAAG;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,eAAe,CAAC;CACrD,CAAC;AAEF,oBAAY,YAAY,CAAC,IAAI,EAAE,SAAS,GAAG,KAAK,IAAI,IAAI,SAAS,SAAS,CAAC,MAAM,OAAO,CAAC,GACrF,CAAC,OAAO,SAAS,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG,SAAS,GAC/D,IAAI,SAAS,MAAM,GACnB;IACE,QAAQ,EAAE,GAAG,IAAI,OAAO,CAAC,MAAM,IAAI,EAAE,UAAU,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC;CACtF,GACD,IAAI,GAAG,SAAS,CAAC;AAErB,oBAAY,aAAa,CAAC,GAAG,SAAS,eAAe,IAAI,WAAW,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AAEhG,eAAO,MAAM,cAAc,eAA6D,CAAC;AAEzF,cAAM,YAAY,CAAC,UAAU,SAAS,eAAe;;IAOnD,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAEzC,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO;IAevC,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC;gBAyD9D,EACV,KAAuC,EACvC,MAAM,EACN,UAAU,EACX,EACG;QAAE,KAAK,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QAAC,MAAM,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;QAAC,UAAU,CAAC,EAAE,KAAK,CAAA;KAAE,GAC3F;QAAE,KAAK,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QAAC,MAAM,CAAC,EAAE,KAAK,CAAC;QAAC,UAAU,EAAE,UAAU,CAAA;KAAE;CAMlF;AAED,eAAe,YAAY,CAAC"}

package/lib/theme/ThemeMachine.js

@@ -0,0 +1,92 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _ThemeMachine_parent, _ThemeMachine_definition, _ThemeMachine_overrides;
+import { deepGet, defineSmartGetter } from '../utils';
+export const resetToInitial = Symbol.for('@pega/cosmos-react-core.theme.resetToInitial');
+class ThemeMachine {
+    constructor({ theme = {}, parent, definition }) {
+        _ThemeMachine_parent.set(this, void 0);
+        _ThemeMachine_definition.set(this, void 0);
+        _ThemeMachine_overrides.set(this, void 0);
+        Object.defineProperty(this, "theme", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        __classPrivateFieldSet(this, _ThemeMachine_parent, parent ?? null, "f");
+        __classPrivateFieldSet(this, _ThemeMachine_definition, parent ? __classPrivateFieldGet(parent, _ThemeMachine_definition, "f") : definition, "f");
+        __classPrivateFieldSet(this, _ThemeMachine_overrides, new Map(), "f");
+        this.theme = this.constructTheme(theme);
+    }
+    overrideInTree(keys) {
+        let ancestor = this;
+        const fullProp = keys.join('.');
+        while (ancestor) {
+            // Trigger getters in the ancestor themes.
+            deepGet(ancestor.theme, keys);
+            if (__classPrivateFieldGet(ancestor, _ThemeMachine_overrides, "f").has(fullProp))
+                return !!__classPrivateFieldGet(ancestor, _ThemeMachine_overrides, "f").get(fullProp);
+            ancestor = __classPrivateFieldGet(ancestor, _ThemeMachine_parent, "f");
+        }
+        return false;
+    }
+    constructTheme(theme) {
+        const constructForNode = (keys = []) => {
+            const themeNode = {};
+            Object.keys(deepGet(__classPrivateFieldGet(this, _ThemeMachine_definition, "f"), keys)).forEach(key => {
+                // Ignore comment nodes.
+                if (key === '$comment')
+                    return;
+                const propKeys = [...keys, key];
+                const defNode = deepGet(__classPrivateFieldGet(this, _ThemeMachine_definition, "f"), propKeys);
+                // If it is not a leaf node of the theme definition...
+                if (defNode.$type === undefined) {
+                    // recursively run for child nodes.
+                    defineSmartGetter(themeNode, key, () => constructForNode(propKeys));
+                    return;
+                }
+                const themeValue = deepGet(theme, propKeys);
+                // If a theme value was set for this ThemeMachine...
+                if (themeValue !== undefined) {
+                    // set overrides to true, unless it is being reset.
+                    __classPrivateFieldGet(this, _ThemeMachine_overrides, "f").set(propKeys.join('.'), themeValue !== resetToInitial);
+                }
+                // If a theme value was set for this ThemeMachine, is not being reset, and is for a non-constant property...
+                if (themeValue !== undefined && themeValue !== resetToInitial && !defNode.$constant) {
+                    // set to the provided value.
+                    themeNode[key] = themeValue;
+                }
+                // If the property has been overridden in the tree (and not reset)...
+                else if (this.overrideInTree(propKeys)) {
+                    // set to the value in the parent theme.
+                    defineSmartGetter(themeNode, key, () => deepGet(__classPrivateFieldGet(this, _ThemeMachine_parent, "f").theme, propKeys));
+                }
+                // If the property type is inherited...
+                else if (defNode.$type === 'inherited') {
+                    // set to the value of the inherited property in this theme.
+                    defineSmartGetter(themeNode, key, () => deepGet(this.theme, defNode.$value.split('.')));
+                }
+                // If the property type is literal...
+                else if (defNode.$type === 'literal') {
+                    // set to the value listed in the definition.
+                    themeNode[key] = defNode.$value;
+                }
+            });
+            return themeNode;
+        };
+        return constructForNode();
+    }
+}
+_ThemeMachine_parent = new WeakMap(), _ThemeMachine_definition = new WeakMap(), _ThemeMachine_overrides = new WeakMap();
+export default ThemeMachine;
+//# sourceMappingURL=ThemeMachine.js.map

package/lib/theme/ThemeMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeMachine.js","sourceRoot":"","sources":["../../src/theme/ThemeMachine.ts"],"names":[],"mappings":"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","sourcesContent":["import { deepGet, defineSmartGetter } from '../utils';\nimport { DeepPartial } from '../types';\n\nexport interface ThemeLeaf<Value> {\n  $type: string;\n  $value: Value;\n  $constant?: boolean;\n  $comment?: string;\n}\n\nexport type ThemeDefinition = {\n  [key: string]: ThemeLeaf<unknown> | ThemeDefinition;\n};\n\nexport type ToThemeIFace<Node, Extension = never> = Node extends ThemeLeaf<infer LeafVal>\n  ? (LeafVal extends null ? LeafVal | string : LeafVal) | Extension\n  : Node extends object\n  ? {\n      readonly [Key in Exclude<keyof Node, '$comment'>]: ToThemeIFace<Node[Key], Extension>;\n    }\n  : Node | Extension;\n\nexport type SettableTheme<Def extends ThemeDefinition> = DeepPartial<ToThemeIFace<Def, symbol>>;\n\nexport const resetToInitial = Symbol.for('@pega/cosmos-react-core.theme.resetToInitial');\n\nclass ThemeMachine<Definition extends ThemeDefinition> {\n  #parent: ThemeMachine<Definition> | null;\n\n  #definition: Definition;\n\n  #overrides: Map<string, boolean>;\n\n  readonly theme: ToThemeIFace<Definition>;\n\n  overrideInTree(keys: string[]): boolean {\n    let ancestor: ThemeMachine<Definition> | null = this;\n    const fullProp = keys.join('.');\n\n    while (ancestor) {\n      // Trigger getters in the ancestor themes.\n      deepGet(ancestor.theme, keys);\n\n      if (ancestor.#overrides.has(fullProp)) return !!ancestor.#overrides.get(fullProp);\n      ancestor = ancestor.#parent;\n    }\n\n    return false;\n  }\n\n  constructTheme(theme: SettableTheme<Definition>): ToThemeIFace<Definition> {\n    const constructForNode = (keys: string[] = []) => {\n      const themeNode: Record<string, any> = {};\n\n      Object.keys(deepGet(this.#definition, keys)).forEach(key => {\n        // Ignore comment nodes.\n        if (key === '$comment') return;\n\n        const propKeys = [...keys, key];\n        const defNode: Record<string, any> = deepGet(this.#definition, propKeys);\n\n        // If it is not a leaf node of the theme definition...\n        if (defNode.$type === undefined) {\n          // recursively run for child nodes.\n          defineSmartGetter(themeNode, key, () => constructForNode(propKeys));\n          return;\n        }\n\n        const themeValue = deepGet(theme, propKeys);\n\n        // If a theme value was set for this ThemeMachine...\n        if (themeValue !== undefined) {\n          // set overrides to true, unless it is being reset.\n          this.#overrides.set(propKeys.join('.'), themeValue !== resetToInitial);\n        }\n\n        // If a theme value was set for this ThemeMachine, is not being reset, and is for a non-constant property...\n        if (themeValue !== undefined && themeValue !== resetToInitial && !defNode.$constant) {\n          // set to the provided value.\n          themeNode[key] = themeValue;\n        }\n\n        // If the property has been overridden in the tree (and not reset)...\n        else if (this.overrideInTree(propKeys)) {\n          // set to the value in the parent theme.\n          defineSmartGetter(themeNode, key, () => deepGet(this.#parent!.theme, propKeys));\n        }\n\n        // If the property type is inherited...\n        else if (defNode.$type === 'inherited') {\n          // set to the value of the inherited property in this theme.\n          defineSmartGetter(themeNode, key, () => deepGet(this.theme, defNode.$value.split('.')));\n        }\n\n        // If the property type is literal...\n        else if (defNode.$type === 'literal') {\n          // set to the value listed in the definition.\n          themeNode[key] = defNode.$value;\n        }\n      });\n\n      return themeNode;\n    };\n\n    return constructForNode() as ToThemeIFace<Definition>;\n  }\n\n  constructor({\n    theme = {} as SettableTheme<Definition>,\n    parent,\n    definition\n  }:\n    | { theme?: SettableTheme<Definition>; parent: ThemeMachine<Definition>; definition?: never }\n    | { theme?: SettableTheme<Definition>; parent?: never; definition: Definition }) {\n    this.#parent = parent ?? null;\n    this.#definition = parent ? parent.#definition : definition!;\n    this.#overrides = new Map();\n    this.theme = this.constructTheme(theme);\n  }\n}\n\nexport default ThemeMachine;\n"]}

package/lib/theme/index.d.ts

@@ -0,0 +1,11 @@
+export * from './theme';
+export { default as ThemeMachine } from './ThemeMachine';
+export * from './ThemeMachine';
+export { default as LargeTextTheme } from './themes/largeTextTheme.json';
+export { default as SmallTextTheme } from './themes/smallTextTheme.json';
+export { default as BuildTheme } from './themes/buildTheme.json';
+export { default as LegacyBuildTheme } from './themes/legacyBuildTheme.json';
+export { default as DarkTheme } from './themes/darkTheme.json';
+export { default as HubbleTheme } from './themes/hubbleTheme.json';
+export { default as SquareTheme } from './themes/squareTheme.json';
+//# sourceMappingURL=index.d.ts.map

package/lib/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC"}

package/lib/theme/index.js

@@ -0,0 +1,11 @@
+export * from './theme';
+export { default as ThemeMachine } from './ThemeMachine';
+export * from './ThemeMachine';
+export { default as LargeTextTheme } from './themes/largeTextTheme.json';
+export { default as SmallTextTheme } from './themes/smallTextTheme.json';
+export { default as BuildTheme } from './themes/buildTheme.json';
+export { default as LegacyBuildTheme } from './themes/legacyBuildTheme.json';
+export { default as DarkTheme } from './themes/darkTheme.json';
+export { default as HubbleTheme } from './themes/hubbleTheme.json';
+export { default as SquareTheme } from './themes/squareTheme.json';
+//# sourceMappingURL=index.js.map

package/lib/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export * from './theme';\nexport { default as ThemeMachine } from './ThemeMachine';\nexport * from './ThemeMachine';\nexport { default as LargeTextTheme } from './themes/largeTextTheme.json';\nexport { default as SmallTextTheme } from './themes/smallTextTheme.json';\nexport { default as BuildTheme } from './themes/buildTheme.json';\nexport { default as LegacyBuildTheme } from './themes/legacyBuildTheme.json';\nexport { default as DarkTheme } from './themes/darkTheme.json';\nexport { default as HubbleTheme } from './themes/hubbleTheme.json';\nexport { default as SquareTheme } from './themes/squareTheme.json';\n"]}