@rededor/cura 0.5.5 → 1.0.0-alpha.1

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

@@ -0,0 +1,98 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: ({ slot, ...args }: {
+        [x: string]: any;
+        slot: any;
+    }) => string;
+    argTypes: {
+        hasPadding: {
+            name: string;
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        hasShadow: {
+            name: string;
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        type: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        href: {
+            control: string;
+            description: string;
+            name: string;
+            table: {
+                category: string;
+            };
+        };
+        target: {
+            control: string;
+            description: string;
+            name: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        colorMode: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            name: string;
+        };
+        slot: {
+            name: string;
+            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const CuraCard: {
+    args: {
+        hasPadding: boolean;
+        hasShadow: boolean;
+        type: string;
+        colorMode: string;
+        target: string;
+        href: string;
+        slot: string;
+    };
+};

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

@@ -1,14 +1,14 @@
 export declare class CuraIcon {
-  name: string;
-  color: string;
-  size: string | number;
-  iconset: string;
-  disabled: boolean;
-  host: HTMLElement;
-  sizeHandler(size: string | number): void;
-  colorHandler(): void;
-  assetsPath: string;
-  connectedCallback(): void;
-  setHostProperty(prop: string, value: string): void;
-  render(): any;
+    name: string;
+    color: string;
+    size: string | number;
+    iconset: string;
+    disabled: boolean;
+    host: HTMLElement;
+    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.definitions.d.ts

@@ -1,47 +1,47 @@
 export declare const microIcons: string[];
 export declare const iconSizes: {
-  "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;
-  };
-  micro: {
-    size: number;
-    stroke: number;
-  };
-  default: {
-    size: number;
-    stroke: number;
-  };
+    "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;
+    };
+    micro: {
+        size: number;
+        stroke: number;
+    };
+    default: {
+        size: number;
+        stroke: number;
+    };
 };

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

@@ -1,65 +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;
+    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;
+        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;
+        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;
+            };
         };
-      };
-    };
-    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;
-  };
+    args: {
+        name: string;
+        size: string;
+        color: string;
+        disabled: boolean;
+    };
 };

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

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

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

@@ -1,7 +1,7 @@
 declare const _default: {
-  title: string;
-  tags: string[];
-  render: () => string;
+    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

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

package/dist/types/components/forms/cura-checkbox/cura-checkbox.d.ts

@@ -1,100 +1,116 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class CuraCheckbox {
-  /**
-   * Reflects the checked state of the checkbox.
-   * Mutable property allowing state change.
-   */
-  checked: boolean;
-  /**
-   * Reflects the indeterminate state of the checkbox.
-   * Mutable property allowing state change.
-   */
-  indeterminate: boolean;
-  /**
-  * Status of the checkbox.
-  * Can be 'error', 'success', or 'default'.
-  */
-  status: 'error' | 'success' | 'default';
-  /**
-   * Reflects the disabled state of the checkbox.
-   */
-  disabled: boolean;
-  /**
-  * Reflects the required state of the checkbox.
-  */
-  required: boolean;
-  /**
-   * Text label associated with the checkbox.
-   */
-  label: string;
-  /**
-   * Specifies the tabindex of the checkbox.
-   */
-  ontabindex: number;
-  /**
-   * Position of the label relative to the checkbox.
-   * Can be 'left' or 'right'.
-   */
-  position: 'left' | 'right';
-  /**
-   * Value associated with the checkbox.
-   */
-  value: string;
-  /**
-   * Name attribute of the checkbox.
-   */
-  name: string;
-  /**
-   * Size of the checkbox.
-   * Can be 'small', 'medium', or 'large'.
-   */
-  size: 'small' | 'medium' | 'large';
-  /**
-   * Background theme of the checkbox.
-   * Can be 'dark' or 'light'.
-   */
-  background: 'dark' | 'light';
-  /**
-  * iconColor theme of the checkbox.
-  * Can be 'dark' or 'light'.
-  */
-  iconColor: 'dark' | 'light';
-  /**
-   * Color theme of the checkbox.
-   */
-  color: string;
-  styles: {};
-  host: HTMLElement;
-  onchange: EventEmitter<{
-    value: string;
+    /**
+     * Reflects the checked state of the checkbox.
+     * Mutable property allowing state change.
+     */
     checked: boolean;
+    /**
+     * Reflects the indeterminate state of the checkbox.
+     * Mutable property allowing state change.
+     */
     indeterminate: boolean;
-  }>;
-  isDarkbackground: () => boolean;
-  isDarkIconColor: () => boolean;
-  sizeHandler(): void;
-  /**
-   * Watches changes in color and background properties to update styles.
-   */
-  setColors(): void;
-  connectedCallback(): void;
-  /**
-   * Handles click event on the checkbox.
-   * Emits onchange event with value, checked, and indeterminate states.
-   */
-  handleClick: () => void;
-  /**
-   * Retrieves classes based on component state for conditional styling.
-   */
-  getClasses(): {};
-  /**
- * Assigns color based on status and background theme.
- * @param defaultColor Default color.
- */
-  assignColor(type: 'icon' | 'label' | 'message'): string;
-  /**
-   * Retrieves icon element based on checkbox state.
-   */
-  getIcon(): any;
-  render(): any;
+    /**
+     * Status of the checkbox.
+     * Can be 'error', 'success', or 'default'.
+     */
+    status: 'error' | 'success' | 'default';
+    /**
+     * Reflects the disabled state of the checkbox.
+     */
+    disabled: boolean;
+    /**
+     * Reflects the required state of the checkbox.
+     */
+    required: boolean;
+    /**
+     * Text label associated with the checkbox.
+     */
+    label: string;
+    /**
+     * Specifies the tabindex of the checkbox.
+     */
+    ontabindex: number;
+    /**
+     * Position of the label relative to the checkbox.
+     * Can be 'left' or 'right'.
+     */
+    position: 'left' | 'right';
+    /**
+     * Value associated with the checkbox.
+     */
+    value: string;
+    /**
+     * Name attribute of the checkbox.
+     */
+    name: string;
+    /**
+     * Size of the checkbox.
+     * Can be 'small', 'medium', or 'large'.
+     */
+    size: 'small' | 'medium' | 'large';
+    /**
+     * Background theme of the checkbox.
+     * Can be 'dark' or 'light'.
+     */
+    background: 'dark' | 'light';
+    /**
+     * iconColor theme of the checkbox.
+     * Can be 'dark' or 'light'.
+     */
+    iconColor: 'dark' | 'light';
+    /**
+     * Color theme of the checkbox.
+     */
+    color: string;
+    styles: {};
+    host: HTMLElement;
+    onchange: EventEmitter<{
+        value: string;
+        checked: boolean;
+        indeterminate: boolean;
+    }>;
+    internals: ElementInternals;
+    isDarkBackground: () => boolean;
+    isDarkIconColor: () => boolean;
+    sizeHandler(): void;
+    /**
+     * Watches changes in color and background properties to update styles.
+     */
+    setColors(): void;
+    connectedCallback(): void;
+    /**
+     * Callback for form association.
+     */
+    formAssociatedCallback(form: {
+        ariaLabel: string;
+    }): void;
+    /**
+     * Callback to restore the switch state from the form.
+     */
+    formStateRestoreCallback(state: {
+        value: string;
+        checked: boolean;
+        indeterminate: boolean;
+    }): void;
+    /**
+     * Callback to reset the switch state when the form is reset.
+     */
+    formResetCallback(): void;
+    /**
+     * Callback to update the switch's disabled state when the form's disabled state changes.
+     */
+    formDisabledCallback(disabled: boolean): void;
+    handleClick: () => void;
+    getClasses(): {};
+    /**
+     * Assigns color based on status and background theme.
+     * @param defaultColor Default color.
+     */
+    assignColor(type: 'icon' | 'label' | 'message'): string;
+    /**
+     * Retrieves icon element based on checkbox state.
+     */
+    getIcon(): any;
+    render(): any;
 }