@rededor/cura 0.5.4 → 1.0.0-alpha.0

package/dist/types/api/cura-api.d.ts

@@ -1,6 +1,6 @@
 import { CuraConfig, APIThemeFunctions } from './cura-api.type';
 export default class CuraAPI {
-  theme: APIThemeFunctions;
-  localAssetsPath: string;
-  constructor(config?: CuraConfig);
+    theme: APIThemeFunctions;
+    localAssetsPath: string;
+    constructor(config?: CuraConfig);
 }

package/dist/types/api/cura-api.type.d.ts

@@ -1,66 +1,66 @@
 export interface CuraCustomThemeColorDepth {
-  base?: string;
-  depth0?: string;
-  depth20?: string;
-  depth40?: string;
-  depth80?: string;
-  depth100?: string;
+    base?: string;
+    depth0?: string;
+    depth20?: string;
+    depth40?: string;
+    depth80?: string;
+    depth100?: string;
 }
 export interface CuraCustomThemeColors {
-  primary?: CuraCustomThemeColorDepth;
-  secondary?: CuraCustomThemeColorDepth;
-  accent?: CuraCustomThemeColorDepth;
+    primary?: CuraCustomThemeColorDepth;
+    secondary?: CuraCustomThemeColorDepth;
+    accent?: CuraCustomThemeColorDepth;
 }
 export interface CuraCustomThemeSpacing {
-  base?: string;
+    base?: string;
 }
 export interface CuraCustomThemeFontFamily {
-  title?: string;
-  body?: string;
+    title?: string;
+    body?: string;
 }
 export interface CuraCustomThemeFontSize {
-  base?: string;
+    base?: string;
 }
 export interface CuraCustomThemeFont {
-  family?: CuraCustomThemeFontFamily;
-  size?: CuraCustomThemeFontSize;
+    family?: CuraCustomThemeFontFamily;
+    size?: CuraCustomThemeFontSize;
 }
 export interface CuraCustomThemeDefinitions {
-  colors?: CuraCustomThemeColors;
-  spacing?: CuraCustomThemeSpacing;
-  font?: CuraCustomThemeFont;
+    colors?: CuraCustomThemeColors;
+    spacing?: CuraCustomThemeSpacing;
+    font?: CuraCustomThemeFont;
 }
 export interface CuraCustomTheme {
-  name: string;
-  definitions: CuraCustomThemeDefinitions;
-  fromPreset?: string;
+    name: string;
+    definitions: CuraCustomThemeDefinitions;
+    fromPreset?: string;
 }
 export interface CuraConfig {
-  localAssetsPath?: string;
-  theme?: string;
-  customTheme?: CuraCustomTheme;
-  onReady?(api?: any): any;
+    localAssetsPath?: string;
+    theme?: string;
+    customTheme?: CuraCustomTheme;
+    onReady?(api?: any): any;
 }
 export declare enum InterfaceModes {
-  LIGHT = "light",
-  DARK = "dark"
+    LIGHT = "light",
+    DARK = "dark"
 }
 export interface APIThemeFunctions {
-  load(themeTag: string): unknown;
-  setCustom(customThemeDefinitions: CuraCustomTheme): unknown;
-  colors: {
-    getColor(colorWithDepth?: string, opacity?: number): string;
-  };
-  fonts: {
-    getFamily(type?: string): string;
-    getWeights(): any;
-    getSize(): string;
-    getColor(): string;
-  };
-  spacing: {
-    getSpacing(): string;
-  };
-  breakpoints: {
-    get(): any;
-  };
+    load(themeTag: string): unknown;
+    setCustom(customThemeDefinitions: CuraCustomTheme): unknown;
+    colors: {
+        getColor(colorWithDepth?: string, opacity?: number): string;
+    };
+    fonts: {
+        getFamily(type?: string): string;
+        getWeights(): any;
+        getSize(): string;
+        getColor(): string;
+    };
+    spacing: {
+        getSpacing(): string;
+    };
+    breakpoints: {
+        get(): any;
+    };
 }

package/dist/types/api/modules/cura-theme-breakpoints-module.d.ts

@@ -1,5 +1,5 @@
 export default class CuraThemeBreakpointsModule {
-  constructor();
-  /** Returns the base spacing var defined in the theme */
-  get(size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge', position?: 'min' | 'max'): any;
+    constructor();
+    /** Returns the base spacing var defined in the theme */
+    get(size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge', position?: 'min' | 'max'): any;
 }

package/dist/types/api/modules/cura-theme-colors-module.d.ts

@@ -1,48 +1,48 @@
 export default class CuraThemeColorsModule {
-  NeutralDepthAlias: {
-    purewhite: string;
-    white: string;
-    pale: string;
-    lighter: string;
-    light: string;
-    base: string;
-    medium: string;
-    dark: string;
-    darker: string;
-    black: string;
-  };
-  ColorDepthAlias: {
-    lighter: string;
-    light: string;
-    base: string;
-    dark: string;
-    darker: string;
-  };
-  constructor();
-  /**
-   * Get theme color.
-   * @param colorWithDepth string Ex.: primary-light
-   * @returns RGBA value.
-   */
-  getColor(colorWithDepth?: string, opacity?: number): string;
-  /**
-   * Internal: Look for static color by name and depth.
-   * @param color Color name.
-   * @param depth Depth number or alias.
-   * @returns RGBA value.
-   */
-  getStatic(color: string, depth: string, opacity?: number): string;
-  /**
-   * Internal: Look for theme dynamic colors.
-   * @param color Color name.
-   * @param depth Color depth.
-   * @returns RGBA value.
-   */
-  getDynamic(color: string, depth: string, opacity: number): string;
-  /**
-   * Internal: Split color strings
-   * @param colorWithDepth Color string [color]-[depth]. Ex.: primary-dark.
-   * @returns Object { color: string, depth: string }.
-   */
-  private splitColorDepth;
+    NeutralDepthAlias: {
+        purewhite: string;
+        white: string;
+        pale: string;
+        lighter: string;
+        light: string;
+        base: string;
+        medium: string;
+        dark: string;
+        darker: string;
+        black: string;
+    };
+    ColorDepthAlias: {
+        lighter: string;
+        light: string;
+        base: string;
+        dark: string;
+        darker: string;
+    };
+    constructor();
+    /**
+     * Get theme color.
+     * @param colorWithDepth string Ex.: primary-light
+     * @returns RGBA value.
+     */
+    getColor(colorWithDepth?: string, opacity?: number): string;
+    /**
+     * Internal: Look for static color by name and depth.
+     * @param color Color name.
+     * @param depth Depth number or alias.
+     * @returns RGBA value.
+     */
+    getStatic(color: string, depth: string, opacity?: number): string;
+    /**
+     * Internal: Look for theme dynamic colors.
+     * @param color Color name.
+     * @param depth Color depth.
+     * @returns RGBA value.
+     */
+    getDynamic(color: string, depth: string, opacity: number): string;
+    /**
+     * Internal: Split color strings
+     * @param colorWithDepth Color string [color]-[depth]. Ex.: primary-dark.
+     * @returns Object { color: string, depth: string }.
+     */
+    private splitColorDepth;
 }

package/dist/types/api/modules/cura-theme-fonts-module.d.ts

@@ -1,24 +1,24 @@
 export default class CuraThemeFontsModule {
-  constructor();
-  /**
-   * 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?: string): 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.
-   */
-  getWeights(): any;
-  /**
-   * Get the CSS variable related to the font size base defined by the theme.
-   * @returns Related CSS variable as a string.
-   */
-  getSize: () => string;
-  /**
-   * Get CSS variable related to the font color defined by the theme.
-   * @returns Related CSS variable as a string.
-   */
-  getColor: () => string;
+    constructor();
+    /**
+     * 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?: string): 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.
+     */
+    getWeights(): any;
+    /**
+     * Get the CSS variable related to the font size base defined by the theme.
+     * @returns Related CSS variable as a string.
+     */
+    getSize: () => string;
+    /**
+     * Get CSS variable related to the font color defined by the theme.
+     * @returns Related CSS variable as a string.
+     */
+    getColor: () => string;
 }

package/dist/types/api/modules/cura-theme-module.d.ts

@@ -4,29 +4,29 @@ 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 {
-  rootElement: HTMLElement;
-  prefix: string;
-  colors: CuraThemeColorsModule;
-  spacing: CuraThemeSpacingModule;
-  fonts: CuraThemeFontsModule;
-  breakpoints: CuraThemeBreakpointsModule;
-  constructor();
-  /**
-   * Load a theme.
-   * @param theme Theme tag.
-   */
-  load(theme?: string): void;
-  /**
-   * Define a custom theme
-   * @param customTheme Custom theme object definition
-   */
-  setCustom(customTheme: CuraCustomTheme): void;
-  /** Set css var based on object structure */
-  setCssVar: (prop: any, path: any) => void;
-  groupPath: (a: any, b: any) => string;
-  isObject: (val: any) => boolean;
-  /** Deep merge objects */
-  mergeObject: (from: any, to: any) => void;
-  /** Set css vars from preset object */
-  buildCssVars: (path: any, obj: any) => void;
+    rootElement: HTMLElement;
+    prefix: string;
+    colors: CuraThemeColorsModule;
+    spacing: CuraThemeSpacingModule;
+    fonts: CuraThemeFontsModule;
+    breakpoints: CuraThemeBreakpointsModule;
+    constructor();
+    /**
+     * Load a theme.
+     * @param theme Theme tag.
+     */
+    load(theme?: string): void;
+    /**
+     * Define a custom theme
+     * @param customTheme Custom theme object definition
+     */
+    setCustom(customTheme: CuraCustomTheme): void;
+    /** Set css var based on object structure */
+    setCssVar: (prop: any, path: any) => void;
+    groupPath: (a: any, b: any) => string;
+    isObject: (val: any) => boolean;
+    /** Deep merge objects */
+    mergeObject: (from: any, to: any) => void;
+    /** Set css vars from preset object */
+    buildCssVars: (path: any, obj: any) => void;
 }

package/dist/types/api/modules/cura-theme-spacing-module.d.ts

@@ -1,6 +1,6 @@
 export default class CuraThemeSpacingModule {
-  private curaSpacing;
-  constructor();
-  /** Returns the base spacing var defined in the theme */
-  getSpacing(): string;
+    private curaSpacing;
+    constructor();
+    /** Returns the base spacing var defined in the theme */
+    getSpacing(): string;
 }

package/dist/types/api/theme-presets/static.d.ts

@@ -2,68 +2,68 @@
  * Static
  */
 export declare const Static: {
-  color: {
-    success: {
-      '100': string;
-      '300': string;
-      '500': string;
-      '700': string;
-      '900': string;
+    color: {
+        success: {
+            '100': string;
+            '300': string;
+            '500': string;
+            '700': string;
+            '900': string;
+        };
+        info: {
+            '100': string;
+            '300': string;
+            '500': string;
+            '700': string;
+            '900': string;
+        };
+        error: {
+            '100': string;
+            '300': string;
+            '500': string;
+            '700': string;
+            '900': string;
+        };
+        warning: {
+            '100': string;
+            '300': string;
+            '500': string;
+            '700': string;
+            '900': string;
+        };
+        neutral: {
+            '0': string;
+            '100': string;
+            '200': string;
+            '300': string;
+            '400': string;
+            '500': string;
+            '600': string;
+            '700': string;
+            '800': string;
+            '900': string;
+        };
     };
-    info: {
-      '100': string;
-      '300': string;
-      '500': string;
-      '700': string;
-      '900': string;
+    breakpoints: {
+        xsmall: {
+            min: number;
+            max: number;
+        };
+        small: {
+            min: number;
+            max: number;
+        };
+        medium: {
+            min: number;
+            max: number;
+        };
+        large: {
+            min: number;
+            max: number;
+        };
+        xlarge: {
+            min: number;
+            max: number;
+        };
     };
-    error: {
-      '100': string;
-      '300': string;
-      '500': string;
-      '700': string;
-      '900': string;
-    };
-    warning: {
-      '100': string;
-      '300': string;
-      '500': string;
-      '700': string;
-      '900': string;
-    };
-    neutral: {
-      '0': string;
-      '100': string;
-      '200': string;
-      '300': string;
-      '400': string;
-      '500': string;
-      '600': string;
-      '700': string;
-      '800': string;
-      '900': string;
-    };
-  };
-  breakpoints: {
-    xsmall: {
-      min: number;
-      max: number;
-    };
-    small: {
-      min: number;
-      max: number;
-    };
-    medium: {
-      min: number;
-      max: number;
-    };
-    large: {
-      min: number;
-      max: number;
-    };
-    xlarge: {
-      min: number;
-      max: number;
-    };
-  };
 };

package/dist/types/api/theme-presets/theme-default.d.ts

@@ -2,45 +2,45 @@
  * Cura Default Theme
  */
 export declare const ThemeDefault: {
-  color: {
-    primary: {
-      '100': string;
-      '300': string;
-      '500': string;
-      '700': string;
-      '900': string;
+    color: {
+        primary: {
+            '100': string;
+            '300': string;
+            '500': string;
+            '700': string;
+            '900': string;
+        };
+        secondary: {
+            '100': string;
+            '300': string;
+            '500': string;
+            '700': string;
+            '900': string;
+        };
+        accent: {
+            '100': string;
+            '300': string;
+            '500': string;
+            '700': string;
+            '900': string;
+        };
     };
-    secondary: {
-      '100': string;
-      '300': string;
-      '500': string;
-      '700': string;
-      '900': string;
+    spacing: {
+        base: number;
     };
-    accent: {
-      '100': string;
-      '300': string;
-      '500': string;
-      '700': string;
-      '900': string;
+    font: {
+        size: string;
+        color: string;
+        body: string;
+        heading: string;
+        display: string;
+        weights: {
+            thin: number;
+            light: number;
+            regular: number;
+            medium: number;
+            bold: number;
+            black: number;
+        };
     };
-  };
-  spacing: {
-    base: number;
-  };
-  font: {
-    size: string;
-    color: string;
-    body: string;
-    heading: string;
-    display: string;
-    weights: {
-      thin: number;
-      light: number;
-      regular: number;
-      medium: number;
-      bold: number;
-      black: number;
-    };
-  };
 };

package/dist/types/api/theme-presets/theme-legacy-default.d.ts

@@ -1,43 +1,43 @@
 export declare const ThemeLegacyDefault: {
-  color: {
-    primary: {
-      '100': string;
-      '300': string;
-      '500': string;
-      '700': string;
-      '900': string;
+    color: {
+        primary: {
+            '100': string;
+            '300': string;
+            '500': string;
+            '700': string;
+            '900': string;
+        };
+        secondary: {
+            '100': string;
+            '300': string;
+            '500': string;
+            '700': string;
+            '900': string;
+        };
+        accent: {
+            '100': string;
+            '300': string;
+            '500': string;
+            '700': string;
+            '900': string;
+        };
     };
-    secondary: {
-      '100': string;
-      '300': string;
-      '500': string;
-      '700': string;
-      '900': string;
+    spacing: {
+        base: number;
     };
-    accent: {
-      '100': string;
-      '300': string;
-      '500': string;
-      '700': string;
-      '900': string;
+    font: {
+        size: string;
+        color: string;
+        body: string;
+        heading: string;
+        display: string;
+        weights: {
+            thin: number;
+            light: number;
+            regular: number;
+            medium: number;
+            bold: number;
+            black: number;
+        };
     };
-  };
-  spacing: {
-    base: number;
-  };
-  font: {
-    size: string;
-    color: string;
-    body: string;
-    heading: string;
-    display: string;
-    weights: {
-      thin: number;
-      light: number;
-      regular: number;
-      medium: number;
-      bold: number;
-      black: number;
-    };
-  };
 };