@pega/cosmos-react-core 5.0.0-dev.4.7 → 5.0.0-dev.4.9

package/lib/styles/utils.js

@@ -1,93 +0,0 @@
-import { parseToHsl, lighten, readableColor, darken, getContrast, hsl, modularScale, stripUnit, math } 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) => {
-    return Object.fromEntries(Object.entries(stepsMap).map(([size, steps]) => {
-        const calculation = tryCatch(() => baseFontScale === 'linear'
-            ? math(`${baseFontSize} + (${steps} * 0.0625rem)`)
-            : modularScale(steps, baseFontSize, baseFontScale), () => baseFontSize);
-        if (size === 'xs' && Number.parseFloat(`${stripUnit(calculation)}`) < 0.75) {
-            return [size, `max(calc((${baseFontSize} + 12px) / 2), 12px)`];
-        }
-        return [size, `max(${calculation}, 12px)`];
-    }));
-};
-//# sourceMappingURL=utils.js.map

package/lib/styles/utils.js.map

@@ -1 +0,0 @@
-{"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  stripUnit,\n  math\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: [prop: keyof O, ...props: (keyof O)[]]\n): StyledConfig<O> => ({\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  return Object.fromEntries(\n    Object.entries(stepsMap).map(([size, steps]) => {\n      const calculation = tryCatch(\n        () =>\n          baseFontScale === 'linear'\n            ? math(`${baseFontSize} + (${steps} * 0.0625rem)`)\n            : modularScale(steps, baseFontSize, baseFontScale as ModularScaleRatio),\n        () => baseFontSize\n      );\n\n      if (size === 'xs' && Number.parseFloat(`${stripUnit(calculation)}`) < 0.75) {\n        return [size, `max(calc((${baseFontSize} + 12px) / 2), 12px)`];\n      }\n\n      return [size, `max(${calculation}, 12px)`];\n    })\n  ) as Record<FontSize, string>;\n};\n"]}

package/lib/theme/ThemeMachine.d.ts

@@ -1,40 +0,0 @@
-import { DeepPartial } from '../types';
-export interface ThemeLeaf<Value> {
-    $type: string;
-    $value: Value;
-    $constant?: boolean;
-    $comment?: string;
-}
-export type ThemeDefinition = {
-    [key: string]: ThemeLeaf<unknown> | ThemeDefinition;
-};
-export type ToThemeIFace<Node, Extension = never> = Node extends ThemeLeaf<infer LeafVal> ? (LeafVal extends null ? LeafVal | string : LeafVal) | Extension : Node extends object ? {
-    readonly [Key in keyof Node as Key extends '$comment' ? never : Key]: ToThemeIFace<Node[Key], Extension>;
-} : Node | Extension;
-export type SettableTheme<Def extends ThemeDefinition> = DeepPartial<ToThemeIFace<Def, symbol>>;
-export declare const resetToInitial: unique symbol;
-export interface ThemeMachineLike<Definition extends ThemeDefinition> {
-    parent: ThemeMachineLike<Definition> | null;
-    definition: Definition;
-    overrides: Map<string, boolean>;
-    readonly theme: ToThemeIFace<Definition>;
-}
-declare class ThemeMachine<Definition extends ThemeDefinition> implements ThemeMachineLike<Definition> {
-    parent: ThemeMachineLike<Definition> | null;
-    definition: Definition;
-    overrides: Map<string, boolean>;
-    readonly theme: ToThemeIFace<Definition>;
-    overrideInTree(keys: string[]): boolean;
-    constructTheme(theme: SettableTheme<Definition>): ToThemeIFace<Definition>;
-    constructor({ theme, parent, definition }: {
-        theme?: SettableTheme<Definition>;
-        parent: ThemeMachineLike<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

@@ -1 +0,0 @@
-{"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,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,eAAe,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,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,MAAM,IAAI,IAAI,GAAG,SAAS,UAAU,GAAG,KAAK,GAAG,GAAG,GAAG,YAAY,CAChF,IAAI,CAAC,GAAG,CAAC,EACT,SAAS,CACV;CACF,GACD,IAAI,GAAG,SAAS,CAAC;AAErB,MAAM,MAAM,aAAa,CAAC,GAAG,SAAS,eAAe,IAAI,WAAW,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AAEhG,eAAO,MAAM,cAAc,eAA6D,CAAC;AAEzF,MAAM,WAAW,gBAAgB,CAAC,UAAU,SAAS,eAAe;IAClE,MAAM,EAAE,gBAAgB,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;IAE5C,UAAU,EAAE,UAAU,CAAC;IAEvB,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEhC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CAC1C;AAED,cAAM,YAAY,CAAC,UAAU,SAAS,eAAe,CAAE,YAAW,gBAAgB,CAAC,UAAU,CAAC;IAC5F,MAAM,EAAE,gBAAgB,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;IAE5C,UAAU,EAAE,UAAU,CAAC;IAEvB,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEhC,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;QACE,KAAK,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QAClC,MAAM,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;QACrC,UAAU,CAAC,EAAE,KAAK,CAAC;KACpB,GACD;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

@@ -1,74 +0,0 @@
-import { deepGet, defineSmartGetter } from '../utils';
-export const resetToInitial = Symbol.for('@pega/cosmos-react-core.theme.resetToInitial');
-class ThemeMachine {
-    parent;
-    definition;
-    overrides;
-    theme;
-    overrideInTree(keys) {
-        let ancestor = this;
-        const fullProp = keys.join('.');
-        while (ancestor) {
-            // Trigger getters in the ancestor themes.
-            deepGet(ancestor.theme, keys);
-            if (ancestor.overrides.has(fullProp))
-                return !!ancestor.overrides.get(fullProp);
-            ancestor = ancestor.parent;
-        }
-        return false;
-    }
-    constructTheme(theme) {
-        const constructForNode = (keys = []) => {
-            const themeNode = {};
-            Object.keys(deepGet(this.definition, keys)).forEach(key => {
-                // Ignore comment nodes.
-                if (key === '$comment')
-                    return;
-                const propKeys = [...keys, key];
-                const defNode = deepGet(this.definition, 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.
-                    this.overrides.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(this.parent.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();
-    }
-    constructor({ theme = {}, parent, definition }) {
-        this.parent = parent ?? null;
-        this.definition = parent ? parent.definition : definition;
-        this.overrides = new Map();
-        this.theme = this.constructTheme(theme);
-    }
-}
-export default ThemeMachine;
-//# sourceMappingURL=ThemeMachine.js.map

package/lib/theme/ThemeMachine.js.map

@@ -1 +0,0 @@
-{"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 keyof Node as Key extends '$comment' ? never : Key]: ToThemeIFace<\n        Node[Key],\n        Extension\n      >;\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\nexport interface ThemeMachineLike<Definition extends ThemeDefinition> {\n  parent: ThemeMachineLike<Definition> | null;\n\n  definition: Definition;\n\n  overrides: Map<string, boolean>;\n\n  readonly theme: ToThemeIFace<Definition>;\n}\n\nclass ThemeMachine<Definition extends ThemeDefinition> implements ThemeMachineLike<Definition> {\n  parent: ThemeMachineLike<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: ThemeMachineLike<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    | {\n        theme?: SettableTheme<Definition>;\n        parent: ThemeMachineLike<Definition>;\n        definition?: never;\n      }\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

@@ -1,14 +0,0 @@
-export * from './theme';
-export { default as ThemeMachine } from './ThemeMachine';
-export * from './ThemeMachine';
-export { default as Aries2023Theme } from './themes/aries2023Theme.json';
-export { default as Aries2023DarkTheme } from './themes/aries2023DarkTheme.json';
-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';
-export { default as WSSTheme } from './themes/wssTheme.json';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"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,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACjF,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;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC"}

package/lib/theme/index.js

@@ -1,14 +0,0 @@
-export * from './theme';
-export { default as ThemeMachine } from './ThemeMachine';
-export * from './ThemeMachine';
-export { default as Aries2023Theme } from './themes/aries2023Theme.json';
-export { default as Aries2023DarkTheme } from './themes/aries2023DarkTheme.json';
-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';
-export { default as WSSTheme } from './themes/wssTheme.json';
-//# sourceMappingURL=index.js.map

package/lib/theme/index.js.map

@@ -1 +0,0 @@
-{"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,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACjF,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;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC","sourcesContent":["export * from './theme';\nexport { default as ThemeMachine } from './ThemeMachine';\nexport * from './ThemeMachine';\nexport { default as Aries2023Theme } from './themes/aries2023Theme.json';\nexport { default as Aries2023DarkTheme } from './themes/aries2023DarkTheme.json';\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';\nexport { default as WSSTheme } from './themes/wssTheme.json';\n"]}