@rededor/cura 0.5.0-alpha.0 → 0.5.0

package/dist/types/components/buttons/cura-button-outline/cura-button-outline.stories.d.ts

@@ -0,0 +1,171 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ label, ...args }: {
+    [x: string]: any;
+    label: any;
+  }) => string;
+  argTypes: {
+    label: {
+      control: string;
+      description: string;
+      name: string;
+    };
+    disabled: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    isLoading: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    size: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    color: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    fontColor: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    textAlign: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    fullWidth: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    iconName: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+      };
+      name: string;
+    };
+    iconPosition: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    iconOnly: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    href: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+      };
+    };
+    target: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+};
+export default _default;
+export declare const ButtonOutline: {
+  args: {
+    label: string;
+    size: string;
+    color: string;
+    fontColor: string;
+    textAlign: string;
+    iconName: string;
+    iconPosition: string;
+    iconOnly: boolean;
+    disabled: boolean;
+    isLoading: boolean;
+    href: string;
+    target: string;
+    fullWidth: boolean;
+  };
+};

package/dist/types/components/buttons/cura-button-transparent/cura-button-transparent.d.ts

@@ -0,0 +1,61 @@
+export declare class CuraButtonTransparent {
+  /**
+   * Button size: small | medium | large (default)
+   */
+  size: 'small' | 'medium' | 'large';
+  /**
+   * Disabled state. Boolean.
+   */
+  disabled: boolean;
+  /**
+   * Loading state. Boolean.
+   */
+  isLoading: boolean;
+  /**
+   * Name of the icon to be used from iconset.
+   */
+  iconName: string;
+  /**
+   * Custom iconset if needed.
+   */
+  iconset: string;
+  /**
+   * Icon position: left (default) | right.
+   */
+  iconPosition: 'left' | 'right';
+  /**
+   * Set button to FAB/icon only.
+   */
+  iconOnly: false;
+  /**
+   * Property href switch button to link.
+   */
+  href: string;
+  /**
+   * Set target if link.
+   */
+  target: string;
+  /**
+   * Color base from color scheme. Default: accent.
+   */
+  color: string;
+  handleChangeColor(): void;
+  /**
+   * Set the font color to dark or light.
+   */
+  fontColor: 'dark' | 'light';
+  /**
+   * Set text aligment for the button label.
+   * Vales: left (default) | center | right.
+   */
+  textAlign: 'left' | 'center' | 'right';
+  styles: {};
+  weights: any;
+  connectedCallback(): void;
+  getClasses(): {};
+  setColors(): void;
+  getIcon(): any;
+  getSymbolColor(): string;
+  handleClick(e: Event): void;
+  render(): any;
+}

package/dist/types/components/buttons/cura-button-transparent/cura-button-transparent.stories.d.ts

@@ -0,0 +1,171 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ label, ...args }: {
+    [x: string]: any;
+    label: any;
+  }) => string;
+  argTypes: {
+    label: {
+      control: string;
+      description: string;
+      name: string;
+    };
+    disabled: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    isLoading: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    size: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    color: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    fontColor: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    textAlign: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    fullWidth: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    iconName: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+      };
+      name: string;
+    };
+    iconPosition: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    iconOnly: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    href: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+      };
+    };
+    target: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+};
+export default _default;
+export declare const ButtonTransparent: {
+  args: {
+    label: string;
+    size: string;
+    color: string;
+    fontColor: string;
+    textAlign: string;
+    iconName: string;
+    iconPosition: string;
+    iconOnly: boolean;
+    disabled: boolean;
+    isLoading: boolean;
+    href: string;
+    target: string;
+    fullWidth: boolean;
+  };
+};

package/dist/types/components/cura-icon/cura-icon.d.ts

@@ -0,0 +1,56 @@
+export declare class CuraIcon {
+  name: string;
+  color: string;
+  size: string | number;
+  iconset: string;
+  disabled: boolean;
+  host: HTMLElement;
+  sizes: {
+    "128": {
+      size: number;
+      stroke: number;
+    };
+    "72": {
+      size: number;
+      stroke: number;
+    };
+    "64": {
+      size: number;
+      stroke: number;
+    };
+    "48": {
+      size: number;
+      stroke: number;
+    };
+    "40": {
+      size: number;
+      stroke: number;
+    };
+    "32": {
+      size: number;
+      stroke: number;
+    };
+    "24": {
+      size: number;
+      stroke: number;
+    };
+    "20": {
+      size: number;
+      stroke: number;
+    };
+    "16": {
+      size: number;
+      stroke: number;
+    };
+    default: {
+      size: number;
+      stroke: number;
+    };
+  };
+  sizeHandler(size: string | number): void;
+  colorHandler(): void;
+  assetsPath: string;
+  connectedCallback(): void;
+  setHostProperty(prop: string, value: string): void;
+  render(): any;
+}

package/dist/types/components/cura-icon/cura-icon.stories.d.ts

@@ -0,0 +1,65 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ label, ...args }: {
+    [x: string]: any;
+    label: any;
+  }) => string;
+  argTypes: {
+    disabled: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    size: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    color: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    name: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const Icon: {
+  args: {
+    name: string;
+    size: string;
+    color: string;
+    disabled: boolean;
+  };
+};

package/dist/types/components/cura-icons-view/cura-icons-view.d.ts

@@ -0,0 +1,7 @@
+export declare class CuraIconsView {
+  sizes: number[];
+  colors: string[];
+  selected: string;
+  setSelected: (icon: any) => void;
+  render(): any;
+}

package/dist/types/components/cura-icons-view/cura-icons-view.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: () => string;
+};
+export default _default;
+export declare const IconsetDefault: {};

package/dist/types/components/cura-page-template/cura-page-template.d.ts

@@ -0,0 +1,8 @@
+export declare class CuraPageTemplate {
+  contentwidth: 'default' | 'centered';
+  host: HTMLElement;
+  styles: any;
+  connectedCallback(): void;
+  getClasses(): {};
+  render(): any;
+}

package/dist/types/components/loaders/cura-loader-circle/cura-loader-circle.d.ts

@@ -0,0 +1,23 @@
+export declare class CuraLoaderCircle {
+  /**
+   * Loader size. Values: small, medium or large.
+   */
+  size: 'small' | 'medium' | 'large' | 'xlarge';
+  /**
+   * One from color scheme. Default: neutral-white.
+   */
+  color: string;
+  sizes: {
+    xlarge: number;
+    large: number;
+    medium: number;
+    small: number;
+    default: number;
+  };
+  getPxSize: () => number;
+  getStyles(): {
+    '--size': string;
+    '--color': string;
+  };
+  render(): any;
+}

package/dist/types/components/loaders/cura-loader-circle/cura-loader-circle.stories.d.ts

@@ -0,0 +1,43 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ label, ...args }: {
+    [x: string]: any;
+    label: any;
+  }) => string;
+  argTypes: {
+    size: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    color: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+};
+export default _default;
+export declare const LoaderCircle: {
+  args: {
+    size: string;
+    color: string;
+  };
+};

package/dist/types/components/text/cura-display/cura-display.d.ts

@@ -0,0 +1,38 @@
+export declare class CuraDisplay {
+  /**
+   * Heading level for semantics.
+   * Values: 1(default)-6.
+   */
+  level: number;
+  /**
+  * Heading style size.
+  * Values: small | regular(default) | large.
+  */
+  size: string;
+  /**
+  * Apply light color to text in dark background.
+  * Values: boolean.
+  */
+  inverted: boolean;
+  /**
+  * Apply base system color to elements like <a> and <abbr>.
+  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
+  */
+  spotColor: string;
+  /**
+   * Host element <cura-heading>
+   */
+  host: HTMLElement;
+  /**
+   * Internal Props
+   */
+  weights: any;
+  styles: any;
+  connectedCallback(): void;
+  getClasses(): {};
+  setFontProperties(): void;
+  setColors(): void;
+  setHostProperty(prop: string, value: string): void;
+  getHeadingTag(): any;
+  render(): any;
+}