@rededor/cura 0.5.4 → 1.0.0-alpha.0

package/dist/collection/api/cura-api.js

@@ -1,34 +1,34 @@
-import CuraThemeModule from './modules/cura-theme-module';
+import CuraThemeModule from "./modules/cura-theme-module";
 export default class CuraAPI {
-  constructor(config) {
-    this.localAssetsPath = config && config.localAssetsPath ? config.localAssetsPath : `/assets`;
-    const themeModule = new CuraThemeModule();
-    this.theme = {
-      load: function (themeTag) { themeModule.load(themeTag); },
-      setCustom: function (customThemeDefinitions) { themeModule.setCustom(customThemeDefinitions); },
-      colors: {
-        getColor: function (colorWithDepth, opacity) { return themeModule.colors.getColor(colorWithDepth, opacity); },
-      },
-      fonts: {
-        getFamily: function (type) { return themeModule.fonts.getFamily(type); },
-        getWeights: function () { return themeModule.fonts.getWeights(); },
-        getSize: function () { return themeModule.fonts.getSize(); },
-        getColor: function () { return themeModule.fonts.getColor(); }
-      },
-      spacing: {
-        getSpacing: function () { return themeModule.spacing.getSpacing(); },
-      },
-      breakpoints: {
-        get: function (size, position) { return themeModule.breakpoints.get(size, position); }
-      }
-    };
-    if (config && config.customTheme) {
-      this.theme.setCustom(config.customTheme);
+    constructor(config) {
+        this.localAssetsPath = config && config.localAssetsPath ? config.localAssetsPath : `/assets`;
+        const themeModule = new CuraThemeModule();
+        this.theme = {
+            load: function (themeTag) { themeModule.load(themeTag); },
+            setCustom: function (customThemeDefinitions) { themeModule.setCustom(customThemeDefinitions); },
+            colors: {
+                getColor: function (colorWithDepth, opacity) { return themeModule.colors.getColor(colorWithDepth, opacity); },
+            },
+            fonts: {
+                getFamily: function (type) { return themeModule.fonts.getFamily(type); },
+                getWeights: function () { return themeModule.fonts.getWeights(); },
+                getSize: function () { return themeModule.fonts.getSize(); },
+                getColor: function () { return themeModule.fonts.getColor(); }
+            },
+            spacing: {
+                getSpacing: function () { return themeModule.spacing.getSpacing(); },
+            },
+            breakpoints: {
+                get: function (size, position) { return themeModule.breakpoints.get(size, position); }
+            }
+        };
+        if (config && config.customTheme) {
+            this.theme.setCustom(config.customTheme);
+        }
+        else {
+            const theme = config && config.theme ? config.theme : 'default';
+            this.theme.load(theme);
+        }
     }
-    else {
-      const theme = config && config.theme ? config.theme : 'default';
-      this.theme.load(theme);
-    }
-  }
 }
 //# sourceMappingURL=cura-api.js.map

package/dist/collection/api/cura-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"cura-api.js","sourceRoot":"","sources":["../../src/api/cura-api.ts"],"names":[],"mappings":"AACA,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,OAAO;EAK1B,YAAa,MAAmB;IAC9B,IAAI,CAAC,eAAe,GAAG,MAAM,IAAI,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7F,MAAM,WAAW,GAAG,IAAI,eAAe,EAAE,CAAC;IAC1C,IAAI,CAAC,KAAK,GAAG;MACX,IAAI,EAAE,UAAS,QAAgB,IAAI,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;MAChE,SAAS,EAAE,UAAS,sBAAuC,IAAI,WAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC;MAC/G,MAAM,EAAE;QACN,QAAQ,EAAE,UAAS,cAAuB,EAAE,OAAgB,IAAI,OAAO,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC,CAAA,CAAC,CAAC;OAC9H;MACD,KAAK,EAAE;QACL,SAAS,EAAE,UAAS,IAAa,IAAI,OAAO,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA,CAAC,CAAC;QAC/E,UAAU,EAAE,cAAa,OAAO,WAAW,CAAC,KAAK,CAAC,UAAU,EAAE,CAAA,CAAC,CAAC;QAChE,OAAO,EAAE,cAAa,OAAO,WAAW,CAAC,KAAK,CAAC,OAAO,EAAE,CAAA,CAAC,CAAC;QAC1D,QAAQ,EAAE,cAAa,OAAO,WAAW,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAA,CAAC,CAAC;OAC7D;MACD,OAAO,EAAE;QACP,UAAU,EAAE,cAAa,OAAO,WAAW,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;OACpE;MACD,WAAW,EAAE;QACX,GAAG,EAAE,UAAS,IAAyD,EAAE,QAAwB,IAAI,OAAO,WAAW,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;OAC3J;KACH,CAAC;IACD,IAAI,MAAM,IAAI,MAAM,CAAC,WAAW,EAAE;MAChC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;KAC1C;SAAM;MACL,MAAM,KAAK,GAAG,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;MAChE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACxB;EACH,CAAC;CAEF","sourcesContent":["import { CuraConfig, APIThemeFunctions, CuraCustomTheme } from './cura-api.type';\nimport CuraThemeModule from './modules/cura-theme-module';\n\nexport default class CuraAPI {\n\n  theme: APIThemeFunctions;\n  localAssetsPath: string;\n\n  constructor (config?: CuraConfig) {\n    this.localAssetsPath = config && config.localAssetsPath ? config.localAssetsPath : `/assets`;\n    const themeModule = new CuraThemeModule();\n    this.theme = {\n      load: function(themeTag: string) { themeModule.load(themeTag); },\n      setCustom: function(customThemeDefinitions: CuraCustomTheme) { themeModule.setCustom(customThemeDefinitions); },\n      colors: {\n        getColor: function(colorWithDepth?: string, opacity?: number) { return themeModule.colors.getColor(colorWithDepth, opacity) },\n      },\n      fonts: {\n        getFamily: function(type?: string) { return themeModule.fonts.getFamily(type) },\n        getWeights: function() { return themeModule.fonts.getWeights() },\n        getSize: function() { return themeModule.fonts.getSize() },\n        getColor: function() { return themeModule.fonts.getColor() }\n      },\n      spacing: {\n        getSpacing: function() { return themeModule.spacing.getSpacing(); },\n      },\n      breakpoints: {\n        get: function(size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge', position?: 'min' | 'max') { return themeModule.breakpoints.get(size, position); }\n      }\n   };\n    if (config && config.customTheme) {\n      this.theme.setCustom(config.customTheme);\n    } else {\n      const theme = config && config.theme ? config.theme : 'default';\n      this.theme.load(theme);\n    }\n  }\n\n}\n"]}
+{"version":3,"file":"cura-api.js","sourceRoot":"","sources":["../../src/api/cura-api.ts"],"names":[],"mappings":"AACA,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,OAAO;IAK1B,YAAa,MAAmB;QAC9B,IAAI,CAAC,eAAe,GAAG,MAAM,IAAI,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC;QAC7F,MAAM,WAAW,GAAG,IAAI,eAAe,EAAE,CAAC;QAC1C,IAAI,CAAC,KAAK,GAAG;YACX,IAAI,EAAE,UAAS,QAAgB,IAAI,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YAChE,SAAS,EAAE,UAAS,sBAAuC,IAAI,WAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC;YAC/G,MAAM,EAAE;gBACN,QAAQ,EAAE,UAAS,cAAuB,EAAE,OAAgB,IAAI,OAAO,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC,CAAA,CAAC,CAAC;aAC9H;YACD,KAAK,EAAE;gBACL,SAAS,EAAE,UAAS,IAAa,IAAI,OAAO,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA,CAAC,CAAC;gBAC/E,UAAU,EAAE,cAAa,OAAO,WAAW,CAAC,KAAK,CAAC,UAAU,EAAE,CAAA,CAAC,CAAC;gBAChE,OAAO,EAAE,cAAa,OAAO,WAAW,CAAC,KAAK,CAAC,OAAO,EAAE,CAAA,CAAC,CAAC;gBAC1D,QAAQ,EAAE,cAAa,OAAO,WAAW,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAA,CAAC,CAAC;aAC7D;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,cAAa,OAAO,WAAW,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;aACpE;YACD,WAAW,EAAE;gBACX,GAAG,EAAE,UAAS,IAAyD,EAAE,QAAwB,IAAI,OAAO,WAAW,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;aAC3J;SACH,CAAC;QACD,IAAI,MAAM,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC;YACjC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,MAAM,KAAK,GAAG,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;YAChE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;CAEF","sourcesContent":["import { CuraConfig, APIThemeFunctions, CuraCustomTheme } from './cura-api.type';\nimport CuraThemeModule from './modules/cura-theme-module';\n\nexport default class CuraAPI {\n\n  theme: APIThemeFunctions;\n  localAssetsPath: string;\n\n  constructor (config?: CuraConfig) {\n    this.localAssetsPath = config && config.localAssetsPath ? config.localAssetsPath : `/assets`;\n    const themeModule = new CuraThemeModule();\n    this.theme = {\n      load: function(themeTag: string) { themeModule.load(themeTag); },\n      setCustom: function(customThemeDefinitions: CuraCustomTheme) { themeModule.setCustom(customThemeDefinitions); },\n      colors: {\n        getColor: function(colorWithDepth?: string, opacity?: number) { return themeModule.colors.getColor(colorWithDepth, opacity) },\n      },\n      fonts: {\n        getFamily: function(type?: string) { return themeModule.fonts.getFamily(type) },\n        getWeights: function() { return themeModule.fonts.getWeights() },\n        getSize: function() { return themeModule.fonts.getSize() },\n        getColor: function() { return themeModule.fonts.getColor() }\n      },\n      spacing: {\n        getSpacing: function() { return themeModule.spacing.getSpacing(); },\n      },\n      breakpoints: {\n        get: function(size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge', position?: 'min' | 'max') { return themeModule.breakpoints.get(size, position); }\n      }\n   };\n    if (config && config.customTheme) {\n      this.theme.setCustom(config.customTheme);\n    } else {\n      const theme = config && config.theme ? config.theme : 'default';\n      this.theme.load(theme);\n    }\n  }\n\n}\n"]}

package/dist/collection/api/cura-api.type.js

@@ -1,7 +1,7 @@
 ;
 export var InterfaceModes;
 (function (InterfaceModes) {
-  InterfaceModes["LIGHT"] = "light";
-  InterfaceModes["DARK"] = "dark";
+    InterfaceModes["LIGHT"] = "light";
+    InterfaceModes["DARK"] = "dark";
 })(InterfaceModes || (InterfaceModes = {}));
 //# sourceMappingURL=cura-api.type.js.map

package/dist/collection/api/cura-api.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"cura-api.type.js","sourceRoot":"","sources":["../../src/api/cura-api.type.ts"],"names":[],"mappings":"AA+CC,CAAC;AAEF,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;EACxB,iCAAe,CAAA;EACf,+BAAa,CAAA;AACf,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB","sourcesContent":["export interface CuraCustomThemeColorDepth {\n  base?: string,\n  depth0?: string,\n  depth20?: string,\n  depth40?: string,\n  depth80?: string,\n  depth100?: string\n}\nexport interface CuraCustomThemeColors {\n  primary?: CuraCustomThemeColorDepth,\n  secondary?: CuraCustomThemeColorDepth,\n  accent?: CuraCustomThemeColorDepth\n}\n\nexport interface CuraCustomThemeSpacing {\n  base?: string;\n}\n\nexport interface CuraCustomThemeFontFamily {\n  title?: string;\n  body?: string;\n}\nexport interface CuraCustomThemeFontSize {\n  base?: string;\n}\nexport interface CuraCustomThemeFont {\n  family?: CuraCustomThemeFontFamily;\n  size?: CuraCustomThemeFontSize;\n}\n\nexport interface CuraCustomThemeDefinitions {\n  colors?: CuraCustomThemeColors,\n  spacing?: CuraCustomThemeSpacing,\n  font?: CuraCustomThemeFont\n}\n\nexport interface CuraCustomTheme {\n  name: string;\n  definitions: CuraCustomThemeDefinitions;\n  fromPreset?: string;\n}\n\nexport interface CuraConfig {\n  localAssetsPath?: string;\n  theme?: string;\n  customTheme?: CuraCustomTheme;\n  onReady?(api? : any): any;\n};\n\nexport enum InterfaceModes {\n  LIGHT = 'light',\n  DARK = 'dark'\n}\n\nexport interface APIThemeFunctions {\n  load(themeTag: string): unknown,\n  setCustom(customThemeDefinitions: CuraCustomTheme): unknown,\n  colors: {\n    getColor(colorWithDepth?: string, opacity?: number): string,\n  },\n  fonts: {\n    getFamily(type?: string): string,\n    getWeights(): any,\n    getSize(): string,\n    getColor(): string\n  },\n  spacing: {\n    getSpacing(): string,\n  },\n  breakpoints: {\n    get(): any\n  }\n}\n\n"]}
+{"version":3,"file":"cura-api.type.js","sourceRoot":"","sources":["../../src/api/cura-api.type.ts"],"names":[],"mappings":"AA+CC,CAAC;AAEF,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,iCAAe,CAAA;IACf,+BAAa,CAAA;AACf,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB","sourcesContent":["export interface CuraCustomThemeColorDepth {\n  base?: string,\n  depth0?: string,\n  depth20?: string,\n  depth40?: string,\n  depth80?: string,\n  depth100?: string\n}\nexport interface CuraCustomThemeColors {\n  primary?: CuraCustomThemeColorDepth,\n  secondary?: CuraCustomThemeColorDepth,\n  accent?: CuraCustomThemeColorDepth\n}\n\nexport interface CuraCustomThemeSpacing {\n  base?: string;\n}\n\nexport interface CuraCustomThemeFontFamily {\n  title?: string;\n  body?: string;\n}\nexport interface CuraCustomThemeFontSize {\n  base?: string;\n}\nexport interface CuraCustomThemeFont {\n  family?: CuraCustomThemeFontFamily;\n  size?: CuraCustomThemeFontSize;\n}\n\nexport interface CuraCustomThemeDefinitions {\n  colors?: CuraCustomThemeColors,\n  spacing?: CuraCustomThemeSpacing,\n  font?: CuraCustomThemeFont\n}\n\nexport interface CuraCustomTheme {\n  name: string;\n  definitions: CuraCustomThemeDefinitions;\n  fromPreset?: string;\n}\n\nexport interface CuraConfig {\n  localAssetsPath?: string;\n  theme?: string;\n  customTheme?: CuraCustomTheme;\n  onReady?(api? : any): any;\n};\n\nexport enum InterfaceModes {\n  LIGHT = 'light',\n  DARK = 'dark'\n}\n\nexport interface APIThemeFunctions {\n  load(themeTag: string): unknown,\n  setCustom(customThemeDefinitions: CuraCustomTheme): unknown,\n  colors: {\n    getColor(colorWithDepth?: string, opacity?: number): string,\n  },\n  fonts: {\n    getFamily(type?: string): string,\n    getWeights(): any,\n    getSize(): string,\n    getColor(): string\n  },\n  spacing: {\n    getSpacing(): string,\n  },\n  breakpoints: {\n    get(): any\n  }\n}\n\n"]}

package/dist/collection/api/modules/cura-theme-breakpoints-module.js

@@ -1,14 +1,14 @@
-import { Static } from '../theme-presets/static';
+import { Static } from "../theme-presets/static";
 export default class CuraThemeBreakpointsModule {
-  constructor() { }
-  /** Returns the base spacing var defined in the theme */
-  get(size = null, position = null) {
-    if (size) {
-      const breakpoint = position ? Static.breakpoints[size][position] : Static.breakpoints[size];
-      if (breakpoint || breakpoint === 0)
-        return breakpoint;
+    constructor() { }
+    /** Returns the base spacing var defined in the theme */
+    get(size = null, position = null) {
+        if (size) {
+            const breakpoint = position ? Static.breakpoints[size][position] : Static.breakpoints[size];
+            if (breakpoint || breakpoint === 0)
+                return breakpoint;
+        }
+        return Static.breakpoints;
     }
-    return Static.breakpoints;
-  }
 }
 //# sourceMappingURL=cura-theme-breakpoints-module.js.map

package/dist/collection/api/modules/cura-theme-breakpoints-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"cura-theme-breakpoints-module.js","sourceRoot":"","sources":["../../../src/api/modules/cura-theme-breakpoints-module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,0BAA0B;EAE7C,gBAAe,CAAC;EAEhB,wDAAwD;EACxD,GAAG,CAAC,OAA2D,IAAI,EAAE,WAA0B,IAAI;IACjG,IAAI,IAAI,EAAE;MACR,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;MAC5F,IAAI,UAAU,IAAI,UAAU,KAAK,CAAC;QAAE,OAAO,UAAU,CAAC;KACvD;IACD,OAAO,MAAM,CAAC,WAAW,CAAC;EAC5B,CAAC;CACF","sourcesContent":["import { Static } from '../theme-presets/static';\n\nexport default class CuraThemeBreakpointsModule {\n\n  constructor() {}\n\n  /** Returns the base spacing var defined in the theme */\n  get(size: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' = null, position: 'min' | 'max' = null): any {\n    if (size) {\n      const breakpoint = position ? Static.breakpoints[size][position] : Static.breakpoints[size];\n      if (breakpoint || breakpoint === 0) return breakpoint;\n    }\n    return Static.breakpoints;\n  }\n}\n"]}
+{"version":3,"file":"cura-theme-breakpoints-module.js","sourceRoot":"","sources":["../../../src/api/modules/cura-theme-breakpoints-module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,0BAA0B;IAE7C,gBAAe,CAAC;IAEhB,wDAAwD;IACxD,GAAG,CAAC,OAA2D,IAAI,EAAE,WAA0B,IAAI;QACjG,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC5F,IAAI,UAAU,IAAI,UAAU,KAAK,CAAC;gBAAE,OAAO,UAAU,CAAC;QACxD,CAAC;QACD,OAAO,MAAM,CAAC,WAAW,CAAC;IAC5B,CAAC;CACF","sourcesContent":["import { Static } from '../theme-presets/static';\n\nexport default class CuraThemeBreakpointsModule {\n\n  constructor() {}\n\n  /** Returns the base spacing var defined in the theme */\n  get(size: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' = null, position: 'min' | 'max' = null): any {\n    if (size) {\n      const breakpoint = position ? Static.breakpoints[size][position] : Static.breakpoints[size];\n      if (breakpoint || breakpoint === 0) return breakpoint;\n    }\n    return Static.breakpoints;\n  }\n}\n"]}

package/dist/collection/api/modules/cura-theme-colors-module.js

@@ -1,76 +1,76 @@
 import { Static } from "../theme-presets/static";
 export default class CuraThemeColorsModule {
-  constructor() {
-    this.NeutralDepthAlias = {
-      'purewhite': '0',
-      'white': '100',
-      'pale': '200',
-      'lighter': '300',
-      'light': '400',
-      'base': '500',
-      'medium': '600',
-      'dark': '700',
-      'darker': '800',
-      'black': '900',
-    };
-    this.ColorDepthAlias = {
-      'lighter': '100',
-      'light': '300',
-      'base': '500',
-      'dark': '700',
-      'darker': '900'
-    };
-  }
-  /**
-   * Get theme color.
-   * @param colorWithDepth string Ex.: primary-light
-   * @returns RGBA value.
-   */
-  getColor(colorWithDepth = "primary-base", opacity = 1) {
-    const { color, depth } = this.splitColorDepth(colorWithDepth);
-    const staticColor = this.getStatic(color, depth, opacity);
-    if (staticColor)
-      return staticColor;
-    return this.getDynamic(color, depth, opacity);
-  }
-  /**
-   * Internal: Look for static color by name and depth.
-   * @param color Color name.
-   * @param depth Depth number or alias.
-   * @returns RGBA value.
-   */
-  getStatic(color, depth, opacity = 1) {
-    var _a, _b, _c;
-    const colorObj = Static.color[color];
-    if (!colorObj)
-      return null;
-    const alias = color === 'neutral' ? this.NeutralDepthAlias[depth] : this.ColorDepthAlias[depth];
-    return ((_a = Static.color[color]) === null || _a === void 0 ? void 0 : _a[alias])
-      ? `rgba(${(_b = Static.color[color]) === null || _b === void 0 ? void 0 : _b[alias]}, ${opacity})`
-      : `rgba(${(_c = Static.color[color]) === null || _c === void 0 ? void 0 : _c[depth]}, ${opacity})`;
-  }
-  /**
-   * Internal: Look for theme dynamic colors.
-   * @param color Color name.
-   * @param depth Color depth.
-   * @returns RGBA value.
-   */
-  getDynamic(color, depth, opacity) {
-    const themeVar = this.ColorDepthAlias[depth]
-      ? `--cura-color-${color}-${this.ColorDepthAlias[depth]}`
-      : `--cura-color-${color}-${depth}`;
-    return getComputedStyle(document.documentElement).getPropertyValue(themeVar)
-      ? `rgba(var(${themeVar}), ${opacity})`
-      : `rgba(var(--cura-color-primary-500), ${opacity})`;
-  }
-  /**
-   * Internal: Split color strings
-   * @param colorWithDepth Color string [color]-[depth]. Ex.: primary-dark.
-   * @returns Object { color: string, depth: string }.
-   */
-  splitColorDepth(colorWithDepth) {
-    const [color, depth] = colorWithDepth.toLowerCase().split(/-(.*)/);
-    return { color: color !== null && color !== void 0 ? color : "primary", depth: depth !== null && depth !== void 0 ? depth : "base" };
-  }
+    constructor() {
+        this.NeutralDepthAlias = {
+            'purewhite': '0',
+            'white': '100',
+            'pale': '200',
+            'lighter': '300',
+            'light': '400',
+            'base': '500',
+            'medium': '600',
+            'dark': '700',
+            'darker': '800',
+            'black': '900',
+        };
+        this.ColorDepthAlias = {
+            'lighter': '100',
+            'light': '300',
+            'base': '500',
+            'dark': '700',
+            'darker': '900'
+        };
+    }
+    /**
+     * Get theme color.
+     * @param colorWithDepth string Ex.: primary-light
+     * @returns RGBA value.
+     */
+    getColor(colorWithDepth = "primary-base", opacity = 1) {
+        const { color, depth } = this.splitColorDepth(colorWithDepth);
+        const staticColor = this.getStatic(color, depth, opacity);
+        if (staticColor)
+            return staticColor;
+        return this.getDynamic(color, depth, opacity);
+    }
+    /**
+     * Internal: Look for static color by name and depth.
+     * @param color Color name.
+     * @param depth Depth number or alias.
+     * @returns RGBA value.
+     */
+    getStatic(color, depth, opacity = 1) {
+        var _a, _b, _c;
+        const colorObj = Static.color[color];
+        if (!colorObj)
+            return null;
+        const alias = color === 'neutral' ? this.NeutralDepthAlias[depth] : this.ColorDepthAlias[depth];
+        return ((_a = Static.color[color]) === null || _a === void 0 ? void 0 : _a[alias])
+            ? `rgba(${(_b = Static.color[color]) === null || _b === void 0 ? void 0 : _b[alias]}, ${opacity})`
+            : `rgba(${(_c = Static.color[color]) === null || _c === void 0 ? void 0 : _c[depth]}, ${opacity})`;
+    }
+    /**
+     * Internal: Look for theme dynamic colors.
+     * @param color Color name.
+     * @param depth Color depth.
+     * @returns RGBA value.
+     */
+    getDynamic(color, depth, opacity) {
+        const themeVar = this.ColorDepthAlias[depth]
+            ? `--cura-color-${color}-${this.ColorDepthAlias[depth]}`
+            : `--cura-color-${color}-${depth}`;
+        return getComputedStyle(document.documentElement).getPropertyValue(themeVar)
+            ? `rgba(var(${themeVar}), ${opacity})`
+            : `rgba(var(--cura-color-primary-500), ${opacity})`;
+    }
+    /**
+     * Internal: Split color strings
+     * @param colorWithDepth Color string [color]-[depth]. Ex.: primary-dark.
+     * @returns Object { color: string, depth: string }.
+     */
+    splitColorDepth(colorWithDepth) {
+        const [color, depth] = colorWithDepth.toLowerCase().split(/-(.*)/);
+        return { color: color !== null && color !== void 0 ? color : "primary", depth: depth !== null && depth !== void 0 ? depth : "base" };
+    }
 }
 //# sourceMappingURL=cura-theme-colors-module.js.map

package/dist/collection/api/modules/cura-theme-colors-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"cura-theme-colors-module.js","sourceRoot":"","sources":["../../../src/api/modules/cura-theme-colors-module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,qBAAqB;EAuBxC;IArBA,sBAAiB,GAAG;MAClB,WAAW,EAAE,GAAG;MAChB,OAAO,EAAE,KAAK;MACd,MAAM,EAAE,KAAK;MACb,SAAS,EAAE,KAAK;MAChB,OAAO,EAAE,KAAK;MACd,MAAM,EAAE,KAAK;MACb,QAAQ,EAAE,KAAK;MACf,MAAM,EAAE,KAAK;MACb,QAAQ,EAAE,KAAK;MACf,OAAO,EAAE,KAAK;KACf,CAAC;IAEF,oBAAe,GAAG;MAChB,SAAS,EAAE,KAAK;MAChB,OAAO,EAAE,KAAK;MACd,MAAM,EAAE,KAAK;MACb,MAAM,EAAE,KAAK;MACb,QAAQ,EAAE,KAAK;KAChB,CAAA;EAEc,CAAC;EAEhB;;;;KAIG;EACH,QAAQ,CAAC,iBAAyB,cAAc,EAAE,OAAO,GAAG,CAAC;IAC3D,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;IAC9D,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IAC1D,IAAI,WAAW;MAAE,OAAO,WAAW,CAAC;IACpC,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;EAChD,CAAC;EAED;;;;;KAKG;EACH,SAAS,CAAC,KAAa,EAAE,KAAa,EAAE,OAAO,GAAG,CAAC;;IACjD,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACrC,IAAI,CAAC,QAAQ;MAAE,OAAO,IAAI,CAAC;IAC3B,MAAM,KAAK,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAChG,OAAO,CAAA,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,0CAAG,KAAK,CAAC;MACjC,CAAC,CAAC,QAAQ,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,0CAAG,KAAK,CAAC,KAAK,OAAO,GAAG;MACrD,CAAC,CAAC,QAAQ,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,0CAAG,KAAK,CAAC,KAAK,OAAO,GAAG,CAAC;EAC1D,CAAC;EAED;;;;;KAKG;EACH,UAAU,CAAC,KAAa,EAAE,KAAa,EAAE,OAAe;IACtD,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;MAC1C,CAAC,CAAC,gBAAgB,KAAK,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE;MACxD,CAAC,CAAC,gBAAgB,KAAK,IAAI,KAAK,EAAE,CAAC;IACrC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC;MAC1E,CAAC,CAAC,YAAY,QAAQ,MAAM,OAAO,GAAG;MACtC,CAAC,CAAC,uCAAuC,OAAO,GAAG,CAAC;EACxD,CAAC;EAED;;;;KAIG;EACK,eAAe,CAAC,cAAsB;IAC5C,MAAM,CAAE,KAAK,EAAE,KAAK,CAAE,GAAG,cAAc,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACrE,OAAO,EAAE,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,EAAE,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,MAAM,EAAE,CAAC;EAC/D,CAAC;CAEF","sourcesContent":["import { Static } from \"../theme-presets/static\";\n\nexport default class CuraThemeColorsModule {\n\n  NeutralDepthAlias = {\n    'purewhite': '0',\n    'white': '100',\n    'pale': '200',\n    'lighter': '300',\n    'light': '400',\n    'base': '500',\n    'medium': '600',\n    'dark': '700',\n    'darker': '800',\n    'black': '900',\n  };\n\n  ColorDepthAlias = {\n    'lighter': '100',\n    'light': '300',\n    'base': '500',\n    'dark': '700',\n    'darker': '900'\n  }\n\n  constructor() {}\n\n  /**\n   * Get theme color.\n   * @param colorWithDepth string Ex.: primary-light\n   * @returns RGBA value.\n   */\n  getColor(colorWithDepth: string = \"primary-base\", opacity = 1): string {\n    const { color, depth } = this.splitColorDepth(colorWithDepth);\n    const staticColor = this.getStatic(color, depth, opacity);\n    if (staticColor) return staticColor;\n    return this.getDynamic(color, depth, opacity);\n  }\n\n  /**\n   * Internal: Look for static color by name and depth.\n   * @param color Color name.\n   * @param depth Depth number or alias.\n   * @returns RGBA value.\n   */\n  getStatic(color: string, depth: string, opacity = 1) {\n    const colorObj = Static.color[color];\n    if (!colorObj) return null;\n    const alias = color === 'neutral' ? this.NeutralDepthAlias[depth] : this.ColorDepthAlias[depth];\n    return Static.color[color]?.[alias]\n      ? `rgba(${Static.color[color]?.[alias]}, ${opacity})`\n      : `rgba(${Static.color[color]?.[depth]}, ${opacity})`;\n  }\n\n  /**\n   * Internal: Look for theme dynamic colors.\n   * @param color Color name.\n   * @param depth Color depth.\n   * @returns RGBA value.\n   */\n  getDynamic(color: string, depth: string, opacity: number) {\n    const themeVar = this.ColorDepthAlias[depth]\n      ? `--cura-color-${color}-${this.ColorDepthAlias[depth]}`\n      : `--cura-color-${color}-${depth}`;\n    return getComputedStyle(document.documentElement).getPropertyValue(themeVar)\n      ? `rgba(var(${themeVar}), ${opacity})`\n      : `rgba(var(--cura-color-primary-500), ${opacity})`;\n  }\n\n  /**\n   * Internal: Split color strings\n   * @param colorWithDepth Color string [color]-[depth]. Ex.: primary-dark.\n   * @returns Object { color: string, depth: string }.\n   */\n  private splitColorDepth(colorWithDepth: string): { color: string, depth: string } {\n    const [ color, depth ] = colorWithDepth.toLowerCase().split(/-(.*)/);\n    return { color: color ?? \"primary\", depth: depth ?? \"base\" };\n  }\n\n}\n"]}
+{"version":3,"file":"cura-theme-colors-module.js","sourceRoot":"","sources":["../../../src/api/modules/cura-theme-colors-module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,qBAAqB;IAuBxC;QArBA,sBAAiB,GAAG;YAClB,WAAW,EAAE,GAAG;YAChB,OAAO,EAAE,KAAK;YACd,MAAM,EAAE,KAAK;YACb,SAAS,EAAE,KAAK;YAChB,OAAO,EAAE,KAAK;YACd,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,KAAK;YACf,OAAO,EAAE,KAAK;SACf,CAAC;QAEF,oBAAe,GAAG;YAChB,SAAS,EAAE,KAAK;YAChB,OAAO,EAAE,KAAK;YACd,MAAM,EAAE,KAAK;YACb,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,KAAK;SAChB,CAAA;IAEc,CAAC;IAEhB;;;;OAIG;IACH,QAAQ,CAAC,iBAAyB,cAAc,EAAE,OAAO,GAAG,CAAC;QAC3D,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QAC9D,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAC1D,IAAI,WAAW;YAAE,OAAO,WAAW,CAAC;QACpC,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACH,SAAS,CAAC,KAAa,EAAE,KAAa,EAAE,OAAO,GAAG,CAAC;;QACjD,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC;QAC3B,MAAM,KAAK,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAChG,OAAO,CAAA,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,0CAAG,KAAK,CAAC;YACjC,CAAC,CAAC,QAAQ,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,0CAAG,KAAK,CAAC,KAAK,OAAO,GAAG;YACrD,CAAC,CAAC,QAAQ,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,0CAAG,KAAK,CAAC,KAAK,OAAO,GAAG,CAAC;IAC1D,CAAC;IAED;;;;;OAKG;IACH,UAAU,CAAC,KAAa,EAAE,KAAa,EAAE,OAAe;QACtD,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;YAC1C,CAAC,CAAC,gBAAgB,KAAK,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE;YACxD,CAAC,CAAC,gBAAgB,KAAK,IAAI,KAAK,EAAE,CAAC;QACrC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC;YAC1E,CAAC,CAAC,YAAY,QAAQ,MAAM,OAAO,GAAG;YACtC,CAAC,CAAC,uCAAuC,OAAO,GAAG,CAAC;IACxD,CAAC;IAED;;;;OAIG;IACK,eAAe,CAAC,cAAsB;QAC5C,MAAM,CAAE,KAAK,EAAE,KAAK,CAAE,GAAG,cAAc,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACrE,OAAO,EAAE,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,EAAE,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,MAAM,EAAE,CAAC;IAC/D,CAAC;CAEF","sourcesContent":["import { Static } from \"../theme-presets/static\";\n\nexport default class CuraThemeColorsModule {\n\n  NeutralDepthAlias = {\n    'purewhite': '0',\n    'white': '100',\n    'pale': '200',\n    'lighter': '300',\n    'light': '400',\n    'base': '500',\n    'medium': '600',\n    'dark': '700',\n    'darker': '800',\n    'black': '900',\n  };\n\n  ColorDepthAlias = {\n    'lighter': '100',\n    'light': '300',\n    'base': '500',\n    'dark': '700',\n    'darker': '900'\n  }\n\n  constructor() {}\n\n  /**\n   * Get theme color.\n   * @param colorWithDepth string Ex.: primary-light\n   * @returns RGBA value.\n   */\n  getColor(colorWithDepth: string = \"primary-base\", opacity = 1): string {\n    const { color, depth } = this.splitColorDepth(colorWithDepth);\n    const staticColor = this.getStatic(color, depth, opacity);\n    if (staticColor) return staticColor;\n    return this.getDynamic(color, depth, opacity);\n  }\n\n  /**\n   * Internal: Look for static color by name and depth.\n   * @param color Color name.\n   * @param depth Depth number or alias.\n   * @returns RGBA value.\n   */\n  getStatic(color: string, depth: string, opacity = 1) {\n    const colorObj = Static.color[color];\n    if (!colorObj) return null;\n    const alias = color === 'neutral' ? this.NeutralDepthAlias[depth] : this.ColorDepthAlias[depth];\n    return Static.color[color]?.[alias]\n      ? `rgba(${Static.color[color]?.[alias]}, ${opacity})`\n      : `rgba(${Static.color[color]?.[depth]}, ${opacity})`;\n  }\n\n  /**\n   * Internal: Look for theme dynamic colors.\n   * @param color Color name.\n   * @param depth Color depth.\n   * @returns RGBA value.\n   */\n  getDynamic(color: string, depth: string, opacity: number) {\n    const themeVar = this.ColorDepthAlias[depth]\n      ? `--cura-color-${color}-${this.ColorDepthAlias[depth]}`\n      : `--cura-color-${color}-${depth}`;\n    return getComputedStyle(document.documentElement).getPropertyValue(themeVar)\n      ? `rgba(var(${themeVar}), ${opacity})`\n      : `rgba(var(--cura-color-primary-500), ${opacity})`;\n  }\n\n  /**\n   * Internal: Split color strings\n   * @param colorWithDepth Color string [color]-[depth]. Ex.: primary-dark.\n   * @returns Object { color: string, depth: string }.\n   */\n  private splitColorDepth(colorWithDepth: string): { color: string, depth: string } {\n    const [ color, depth ] = colorWithDepth.toLowerCase().split(/-(.*)/);\n    return { color: color ?? \"primary\", depth: depth ?? \"base\" };\n  }\n\n}\n"]}

package/dist/collection/api/modules/cura-theme-fonts-module.js

@@ -1,36 +1,36 @@
 import { ThemeDefault } from "../theme-presets/theme-default";
 export default class CuraThemeFontsModule {
-  constructor() {
+    constructor() {
+        /**
+         * Get the CSS variable related to the font size base defined by the theme.
+         * @returns Related CSS variable as a string.
+         */
+        this.getSize = () => `var(--cura-font-size)`;
+        /**
+         * Get CSS variable related to the font color defined by the theme.
+         * @returns Related CSS variable as a string.
+         */
+        this.getColor = () => `var(--cura-font-color)`;
+    }
     /**
-     * Get the CSS variable related to the font size base defined by the theme.
-     * @returns Related CSS variable as a string.
+     * Get the CSS variable related to the font family defined by the theme.
+     * @param type 'body' | 'heading' | 'display'
+     * @returns Related css variable as a string.
      */
-    this.getSize = () => `var(--cura-font-size)`;
+    getFamily(type = "body") {
+        const curaFontFamilyCSSVar = `--cura-font-${type.toLowerCase()}`;
+        return getComputedStyle(document.body).getPropertyValue(curaFontFamilyCSSVar)
+            ? `var(${curaFontFamilyCSSVar})`
+            : 'var(--cura-font-body)';
+    }
     /**
-     * Get CSS variable related to the font color defined by the theme.
-     * @returns Related CSS variable as a string.
+     * Get the CSS variables related to font weights defined by the theme.
+     * @returns Object with CSS vars weights definitions for thin, light, regular, medium, bold and black fonts.
      */
-    this.getColor = () => `var(--cura-font-color)`;
-  }
-  /**
-   * Get the CSS variable related to the font family defined by the theme.
-   * @param type 'body' | 'heading' | 'display'
-   * @returns Related css variable as a string.
-   */
-  getFamily(type = "body") {
-    const curaFontFamilyCSSVar = `--cura-font-${type.toLowerCase()}`;
-    return getComputedStyle(document.body).getPropertyValue(curaFontFamilyCSSVar)
-      ? `var(${curaFontFamilyCSSVar})`
-      : 'var(--cura-font-body)';
-  }
-  /**
-   * Get the CSS variables related to font weights defined by the theme.
-   * @returns Object with CSS vars weights definitions for thin, light, regular, medium, bold and black fonts.
-   */
-  getWeights() {
-    const weights = {};
-    Object.keys(ThemeDefault.font.weights).forEach((key) => weights[key] = `var(--cura-font-weights-${key})`);
-    return weights;
-  }
+    getWeights() {
+        const weights = {};
+        Object.keys(ThemeDefault.font.weights).forEach((key) => weights[key] = `var(--cura-font-weights-${key})`);
+        return weights;
+    }
 }
 //# sourceMappingURL=cura-theme-fonts-module.js.map

package/dist/collection/api/modules/cura-theme-fonts-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"cura-theme-fonts-module.js","sourceRoot":"","sources":["../../../src/api/modules/cura-theme-fonts-module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,MAAM,CAAC,OAAO,OAAO,oBAAoB;EAEvC;IAwBA;;;OAGG;IACH,YAAO,GAAG,GAAG,EAAE,CAAC,uBAAuB,CAAC;IAExC;;;OAGG;IACH,aAAQ,GAAG,GAAG,EAAE,CAAC,wBAAwB,CAAC;EAlC3B,CAAC;EAEhB;;;;KAIG;EACH,SAAS,CAAC,OAAe,MAAM;IAC7B,MAAM,oBAAoB,GAAG,eAAe,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;IACjE,OAAO,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;MAC3E,CAAC,CAAC,OAAO,oBAAoB,GAAG;MAChC,CAAC,CAAC,uBAAuB,CAAC;EAC9B,CAAC;EAED;;;KAGG;EACH,UAAU;IACR,MAAM,OAAO,GAAG,EAAE,CAAC;IACnB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,2BAA2B,GAAG,GAAG,CAAC,CAAC;IAC1G,OAAO,OAAO,CAAC;EACjB,CAAC;CAcF","sourcesContent":["import { ThemeDefault } from \"../theme-presets/theme-default\";\n\nexport default class CuraThemeFontsModule {\n\n  constructor() {}\n\n  /**\n   * Get the CSS variable related to the font family defined by the theme.\n   * @param type 'body' | 'heading' | 'display'\n   * @returns Related css variable as a string.\n   */\n  getFamily(type: string = \"body\"): string {\n    const curaFontFamilyCSSVar = `--cura-font-${type.toLowerCase()}`;\n    return getComputedStyle(document.body).getPropertyValue(curaFontFamilyCSSVar)\n      ? `var(${curaFontFamilyCSSVar})`\n      : 'var(--cura-font-body)';\n  }\n\n  /**\n   * Get the CSS variables related to font weights defined by the theme.\n   * @returns Object with CSS vars weights definitions for thin, light, regular, medium, bold and black fonts.\n   */\n  getWeights(): any {\n    const weights = {};\n    Object.keys(ThemeDefault.font.weights).forEach((key) => weights[key] = `var(--cura-font-weights-${key})`);\n    return weights;\n  }\n\n  /**\n   * Get the CSS variable related to the font size base defined by the theme.\n   * @returns Related CSS variable as a string.\n   */\n  getSize = () => `var(--cura-font-size)`;\n\n  /**\n   * Get CSS variable related to the font color defined by the theme.\n   * @returns Related CSS variable as a string.\n   */\n  getColor = () => `var(--cura-font-color)`;\n\n}\n"]}
+{"version":3,"file":"cura-theme-fonts-module.js","sourceRoot":"","sources":["../../../src/api/modules/cura-theme-fonts-module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,MAAM,CAAC,OAAO,OAAO,oBAAoB;IAEvC;QAwBA;;;WAGG;QACH,YAAO,GAAG,GAAG,EAAE,CAAC,uBAAuB,CAAC;QAExC;;;WAGG;QACH,aAAQ,GAAG,GAAG,EAAE,CAAC,wBAAwB,CAAC;IAlC3B,CAAC;IAEhB;;;;OAIG;IACH,SAAS,CAAC,OAAe,MAAM;QAC7B,MAAM,oBAAoB,GAAG,eAAe,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;QACjE,OAAO,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;YAC3E,CAAC,CAAC,OAAO,oBAAoB,GAAG;YAChC,CAAC,CAAC,uBAAuB,CAAC;IAC9B,CAAC;IAED;;;OAGG;IACH,UAAU;QACR,MAAM,OAAO,GAAG,EAAE,CAAC;QACnB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,2BAA2B,GAAG,GAAG,CAAC,CAAC;QAC1G,OAAO,OAAO,CAAC;IACjB,CAAC;CAcF","sourcesContent":["import { ThemeDefault } from \"../theme-presets/theme-default\";\n\nexport default class CuraThemeFontsModule {\n\n  constructor() {}\n\n  /**\n   * Get the CSS variable related to the font family defined by the theme.\n   * @param type 'body' | 'heading' | 'display'\n   * @returns Related css variable as a string.\n   */\n  getFamily(type: string = \"body\"): string {\n    const curaFontFamilyCSSVar = `--cura-font-${type.toLowerCase()}`;\n    return getComputedStyle(document.body).getPropertyValue(curaFontFamilyCSSVar)\n      ? `var(${curaFontFamilyCSSVar})`\n      : 'var(--cura-font-body)';\n  }\n\n  /**\n   * Get the CSS variables related to font weights defined by the theme.\n   * @returns Object with CSS vars weights definitions for thin, light, regular, medium, bold and black fonts.\n   */\n  getWeights(): any {\n    const weights = {};\n    Object.keys(ThemeDefault.font.weights).forEach((key) => weights[key] = `var(--cura-font-weights-${key})`);\n    return weights;\n  }\n\n  /**\n   * Get the CSS variable related to the font size base defined by the theme.\n   * @returns Related CSS variable as a string.\n   */\n  getSize = () => `var(--cura-font-size)`;\n\n  /**\n   * Get CSS variable related to the font color defined by the theme.\n   * @returns Related CSS variable as a string.\n   */\n  getColor = () => `var(--cura-font-color)`;\n\n}\n"]}

package/dist/collection/api/modules/cura-theme-module.js

@@ -4,75 +4,75 @@ import CuraThemeSpacingModule from "./cura-theme-spacing-module";
 import CuraThemeFontsModule from "./cura-theme-fonts-module";
 import CuraThemeBreakpointsModule from "./cura-theme-breakpoints-module";
 export default class CuraThemeModule {
-  constructor() {
-    this.prefix = '--cura';
-    this.colors = new CuraThemeColorsModule();
-    this.spacing = new CuraThemeSpacingModule();
-    this.fonts = new CuraThemeFontsModule();
-    this.breakpoints = new CuraThemeBreakpointsModule();
-    /* Private */
-    /** Set css var based on object structure */
-    this.setCssVar = (prop, path) => {
-      const varName = this.groupPath(path, prop[0]);
-      this.rootElement.style.setProperty(varName, prop[1]);
-    };
-    this.groupPath = (a, b) => `${a}-${b}`;
-    this.isObject = (val) => {
-      return val && typeof val === 'object' && !Array.isArray(val);
-    };
-    /** Deep merge objects */
-    this.mergeObject = (from, to) => {
-      const entries = Object.entries(from);
-      for (let e of entries) {
-        if (this.isObject(e[1])) {
-          this.mergeObject(e[1], to[e[0]]);
-        }
-        else {
-          to[e[0]] = e[1];
-        }
-      }
-    };
-    /** Set css vars from preset object */
-    this.buildCssVars = (path, obj) => {
-      const entries = Object.entries(obj);
-      for (let e of entries) {
-        if (this.isObject(e[1])) {
-          this.buildCssVars(this.groupPath(path, e[0]), e[1]);
+    constructor() {
+        this.prefix = '--cura';
+        this.colors = new CuraThemeColorsModule();
+        this.spacing = new CuraThemeSpacingModule();
+        this.fonts = new CuraThemeFontsModule();
+        this.breakpoints = new CuraThemeBreakpointsModule();
+        /* Private */
+        /** Set css var based on object structure */
+        this.setCssVar = (prop, path) => {
+            const varName = this.groupPath(path, prop[0]);
+            this.rootElement.style.setProperty(varName, prop[1]);
+        };
+        this.groupPath = (a, b) => `${a}-${b}`;
+        this.isObject = (val) => {
+            return val && typeof val === 'object' && !Array.isArray(val);
+        };
+        /** Deep merge objects */
+        this.mergeObject = (from, to) => {
+            const entries = Object.entries(from);
+            for (let e of entries) {
+                if (this.isObject(e[1])) {
+                    this.mergeObject(e[1], to[e[0]]);
+                }
+                else {
+                    to[e[0]] = e[1];
+                }
+            }
+        };
+        /** Set css vars from preset object */
+        this.buildCssVars = (path, obj) => {
+            const entries = Object.entries(obj);
+            for (let e of entries) {
+                if (this.isObject(e[1])) {
+                    this.buildCssVars(this.groupPath(path, e[0]), e[1]);
+                }
+                else {
+                    this.setCssVar(e, path);
+                }
+            }
+        };
+        this.rootElement = window.document.documentElement;
+    }
+    /**
+     * Load a theme.
+     * @param theme Theme tag.
+     */
+    load(theme = 'default') {
+        const preset = ThemePresets[theme] ? ThemePresets[theme] : ThemePresets.default;
+        this.buildCssVars(this.prefix, preset);
+    }
+    /**
+     * Define a custom theme
+     * @param customTheme Custom theme object definition
+     */
+    setCustom(customTheme) {
+        const customTag = customTheme.name;
+        if (customTag in ThemePresets) {
+            console.log('Error building custom theme. Theme %s already exists. Loading default theme.', customTag);
+            this.load('default');
         }
         else {
-          this.setCssVar(e, path);
+            const preset = customTheme.fromPreset && customTheme.fromPreset in ThemePresets
+                ? ThemePresets[customTheme.fromPreset]
+                : ThemePresets.default;
+            const newTheme = Object.assign({}, JSON.parse(JSON.stringify(preset)));
+            this.mergeObject(customTheme.definitions, newTheme);
+            ThemePresets[customTag] = newTheme;
+            this.load(customTag);
         }
-      }
-    };
-    this.rootElement = window.document.documentElement;
-  }
-  /**
-   * Load a theme.
-   * @param theme Theme tag.
-   */
-  load(theme = 'default') {
-    const preset = ThemePresets[theme] ? ThemePresets[theme] : ThemePresets.default;
-    this.buildCssVars(this.prefix, preset);
-  }
-  /**
-   * Define a custom theme
-   * @param customTheme Custom theme object definition
-   */
-  setCustom(customTheme) {
-    const customTag = customTheme.name;
-    if (customTag in ThemePresets) {
-      console.log('Error building custom theme. Theme %s already exists. Loading default theme.', customTag);
-      this.load('default');
-    }
-    else {
-      const preset = customTheme.fromPreset && customTheme.fromPreset in ThemePresets
-        ? ThemePresets[customTheme.fromPreset]
-        : ThemePresets.default;
-      const newTheme = Object.assign({}, JSON.parse(JSON.stringify(preset)));
-      this.mergeObject(customTheme.definitions, newTheme);
-      ThemePresets[customTag] = newTheme;
-      this.load(customTag);
     }
-  }
 }
 //# sourceMappingURL=cura-theme-module.js.map

package/dist/collection/api/modules/cura-theme-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"cura-theme-module.js","sourceRoot":"","sources":["../../../src/api/modules/cura-theme-module.ts"],"names":[],"mappings":"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","sourcesContent":["import { ThemePresets } from \"../theme-presets/theme-presets\";\nimport { CuraCustomTheme } from \"../cura-api.type\";\nimport CuraThemeColorsModule from \"./cura-theme-colors-module\";\nimport CuraThemeSpacingModule from \"./cura-theme-spacing-module\";\nimport CuraThemeFontsModule from \"./cura-theme-fonts-module\";\nimport CuraThemeBreakpointsModule from \"./cura-theme-breakpoints-module\";\n\nexport default class CuraThemeModule {\n\n  rootElement: HTMLElement;\n  prefix = '--cura';\n  colors = new CuraThemeColorsModule();\n  spacing = new CuraThemeSpacingModule();\n  fonts = new CuraThemeFontsModule();\n  breakpoints = new CuraThemeBreakpointsModule();\n\n  constructor() {\n    this.rootElement = window.document.documentElement;\n  }\n\n  /**\n   * Load a theme.\n   * @param theme Theme tag.\n   */\n  load(theme = 'default') {\n    const preset = ThemePresets[theme] ? ThemePresets[theme] : ThemePresets.default;\n    this.buildCssVars(this.prefix, preset);\n  }\n\n  /**\n   * Define a custom theme\n   * @param customTheme Custom theme object definition\n   */\n  setCustom(customTheme: CuraCustomTheme) {\n    const customTag = customTheme.name;\n    if (customTag in ThemePresets) {\n      console.log('Error building custom theme. Theme %s already exists. Loading default theme.', customTag);\n      this.load('default');\n    } else {\n      const preset = customTheme.fromPreset && customTheme.fromPreset in ThemePresets\n        ? ThemePresets[customTheme.fromPreset]\n        : ThemePresets.default;\n      const newTheme = {...JSON.parse(JSON.stringify(preset))};\n      this.mergeObject(customTheme.definitions, newTheme);\n      ThemePresets[customTag] = newTheme;\n      this.load(customTag);\n    }\n  }\n\n  /* Private */\n\n  /** Set css var based on object structure */\n  setCssVar = (prop, path) => {\n    const varName = this.groupPath(path, prop[0]);\n    this.rootElement.style.setProperty(varName, prop[1]);\n  }\n\n  groupPath = (a, b) => `${a}-${b}`;\n\n  isObject = (val) => {\n    return val && typeof val === 'object' && !Array.isArray(val);\n  }\n\n  /** Deep merge objects */\n  mergeObject = (from, to) => {\n    const entries = Object.entries(from);\n    for (let e of entries) {\n      if (this.isObject(e[1])) {\n        this.mergeObject(e[1], to[e[0]]);\n      } else {\n        to[e[0]] = e[1];\n      }\n    }\n  }\n\n  /** Set css vars from preset object */\n  buildCssVars = (path, obj) => {\n    const entries = Object.entries(obj);\n    for (let e of entries) {\n      if (this.isObject(e[1])) {\n        this.buildCssVars(this.groupPath(path, e[0]), e[1]);\n      } else {\n        this.setCssVar(e, path);\n      }\n    }\n  }\n}\n"]}
+{"version":3,"file":"cura-theme-module.js","sourceRoot":"","sources":["../../../src/api/modules/cura-theme-module.ts"],"names":[],"mappings":"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","sourcesContent":["import { ThemePresets } from \"../theme-presets/theme-presets\";\nimport { CuraCustomTheme } from \"../cura-api.type\";\nimport CuraThemeColorsModule from \"./cura-theme-colors-module\";\nimport CuraThemeSpacingModule from \"./cura-theme-spacing-module\";\nimport CuraThemeFontsModule from \"./cura-theme-fonts-module\";\nimport CuraThemeBreakpointsModule from \"./cura-theme-breakpoints-module\";\n\nexport default class CuraThemeModule {\n\n  rootElement: HTMLElement;\n  prefix = '--cura';\n  colors = new CuraThemeColorsModule();\n  spacing = new CuraThemeSpacingModule();\n  fonts = new CuraThemeFontsModule();\n  breakpoints = new CuraThemeBreakpointsModule();\n\n  constructor() {\n    this.rootElement = window.document.documentElement;\n  }\n\n  /**\n   * Load a theme.\n   * @param theme Theme tag.\n   */\n  load(theme = 'default') {\n    const preset = ThemePresets[theme] ? ThemePresets[theme] : ThemePresets.default;\n    this.buildCssVars(this.prefix, preset);\n  }\n\n  /**\n   * Define a custom theme\n   * @param customTheme Custom theme object definition\n   */\n  setCustom(customTheme: CuraCustomTheme) {\n    const customTag = customTheme.name;\n    if (customTag in ThemePresets) {\n      console.log('Error building custom theme. Theme %s already exists. Loading default theme.', customTag);\n      this.load('default');\n    } else {\n      const preset = customTheme.fromPreset && customTheme.fromPreset in ThemePresets\n        ? ThemePresets[customTheme.fromPreset]\n        : ThemePresets.default;\n      const newTheme = {...JSON.parse(JSON.stringify(preset))};\n      this.mergeObject(customTheme.definitions, newTheme);\n      ThemePresets[customTag] = newTheme;\n      this.load(customTag);\n    }\n  }\n\n  /* Private */\n\n  /** Set css var based on object structure */\n  setCssVar = (prop, path) => {\n    const varName = this.groupPath(path, prop[0]);\n    this.rootElement.style.setProperty(varName, prop[1]);\n  }\n\n  groupPath = (a, b) => `${a}-${b}`;\n\n  isObject = (val) => {\n    return val && typeof val === 'object' && !Array.isArray(val);\n  }\n\n  /** Deep merge objects */\n  mergeObject = (from, to) => {\n    const entries = Object.entries(from);\n    for (let e of entries) {\n      if (this.isObject(e[1])) {\n        this.mergeObject(e[1], to[e[0]]);\n      } else {\n        to[e[0]] = e[1];\n      }\n    }\n  }\n\n  /** Set css vars from preset object */\n  buildCssVars = (path, obj) => {\n    const entries = Object.entries(obj);\n    for (let e of entries) {\n      if (this.isObject(e[1])) {\n        this.buildCssVars(this.groupPath(path, e[0]), e[1]);\n      } else {\n        this.setCssVar(e, path);\n      }\n    }\n  }\n}\n"]}

package/dist/collection/api/modules/cura-theme-spacing-module.js

@@ -1,13 +1,13 @@
 export default class CuraThemeSpacingModule {
-  constructor() {
-    this.curaSpacing = '--cura-spacing-base';
-  }
-  /** Returns the base spacing var defined in the theme */
-  getSpacing() {
-    if (getComputedStyle(document.body).getPropertyValue(this.curaSpacing)) {
-      return `var(${this.curaSpacing})`;
+    constructor() {
+        this.curaSpacing = '--cura-spacing-base';
+    }
+    /** Returns the base spacing var defined in the theme */
+    getSpacing() {
+        if (getComputedStyle(document.body).getPropertyValue(this.curaSpacing)) {
+            return `var(${this.curaSpacing})`;
+        }
+        return '4';
     }
-    return '4';
-  }
 }
 //# sourceMappingURL=cura-theme-spacing-module.js.map

package/dist/collection/api/modules/cura-theme-spacing-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"cura-theme-spacing-module.js","sourceRoot":"","sources":["../../../src/api/modules/cura-theme-spacing-module.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAO,sBAAsB;EAIzC;IAFQ,gBAAW,GAAG,qBAAqB,CAAC;EAE7B,CAAC;EAEhB,wDAAwD;EACxD,UAAU;IACR,IAAI,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;MACtE,OAAO,OAAO,IAAI,CAAC,WAAW,GAAG,CAAC;KACnC;IACD,OAAO,GAAG,CAAC;EACb,CAAC;CACF","sourcesContent":["export default class CuraThemeSpacingModule {\n\n  private curaSpacing = '--cura-spacing-base';\n\n  constructor() {}\n\n  /** Returns the base spacing var defined in the theme */\n  getSpacing(): string {\n    if (getComputedStyle(document.body).getPropertyValue(this.curaSpacing)) {\n      return `var(${this.curaSpacing})`;\n    }\n    return '4';\n  }\n}\n"]}
+{"version":3,"file":"cura-theme-spacing-module.js","sourceRoot":"","sources":["../../../src/api/modules/cura-theme-spacing-module.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAO,sBAAsB;IAIzC;QAFQ,gBAAW,GAAG,qBAAqB,CAAC;IAE7B,CAAC;IAEhB,wDAAwD;IACxD,UAAU;QACR,IAAI,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;YACvE,OAAO,OAAO,IAAI,CAAC,WAAW,GAAG,CAAC;QACpC,CAAC;QACD,OAAO,GAAG,CAAC;IACb,CAAC;CACF","sourcesContent":["export default class CuraThemeSpacingModule {\n\n  private curaSpacing = '--cura-spacing-base';\n\n  constructor() {}\n\n  /** Returns the base spacing var defined in the theme */\n  getSpacing(): string {\n    if (getComputedStyle(document.body).getPropertyValue(this.curaSpacing)) {\n      return `var(${this.curaSpacing})`;\n    }\n    return '4';\n  }\n}\n"]}