@rededor/cura 0.5.2 → 0.5.3

package/dist/types/components/forms/cura-input-text/cura-input-text.stories.d.ts

@@ -0,0 +1,224 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ helperText, ...args }: {
+    [x: string]: any;
+    helperText: any;
+  }) => string;
+  argTypes: {
+    mode: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    status: {
+      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;
+        };
+      };
+    };
+    type: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    label: {
+      control: string;
+      description: string;
+      required: boolean;
+      table: {
+        category: string;
+      };
+    };
+    placeholder: {
+      control: string;
+      description: string;
+      required: boolean;
+      table: {
+        category: string;
+      };
+    };
+    helperText: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+      };
+    };
+    value: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+      };
+    };
+    maskPreset: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      required: boolean;
+      table: {
+        category: string;
+      };
+    };
+    maskRegex: {
+      control: string;
+      description: string;
+      required: boolean;
+      table: {
+        category: string;
+      };
+    };
+    maskAdvanced: {
+      control: {
+        type: string;
+      };
+      description: string;
+      required: boolean;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: JSON;
+        };
+      };
+    };
+    required: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    maxlength: {
+      control: string;
+      description: string;
+      required: boolean;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: any;
+        };
+      };
+    };
+    clearIcon: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    iconName: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      required: boolean;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    disabled: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    readOnly: {
+      control: string;
+      description: string;
+      category: string;
+      required: boolean;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    isLoading: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+  };
+};
+export default _default;
+export declare const InputText: {
+  args: {
+    mode: string;
+    status: string;
+    size: string;
+    type: string;
+    label: string;
+    placeholder: string;
+    value: string;
+    iconName: string;
+    clearIcon: boolean;
+    helperText: string;
+    maskPreset: any;
+    maskRegex: any;
+    maskAdvanced: any;
+    disabled: boolean;
+    required: boolean;
+    isLoading: boolean;
+    readOnly: boolean;
+    maxlength: any;
+  };
+};

package/dist/types/components/forms/cura-input-text/mask-presets/input-mask-presets.d.ts

@@ -0,0 +1,5 @@
+import { FactoryArg } from 'imask/esm/index';
+export type MaskOptionsMap = {
+  [key: string]: FactoryArg;
+};
+export declare const maskOptions: MaskOptionsMap;

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

@@ -0,0 +1,81 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class CuraRadio {
+  /**
+   * Reflects the checked state of the radio button.
+   * Mutable property allowing state change.
+   */
+  checked: boolean;
+  /**
+   * Status of the radio button.
+   * Can be 'error', 'success', or 'default'.
+  */
+  status: 'error' | 'success' | 'default';
+  /**
+   * Reflects the disabled state of the radio button.
+   */
+  disabled: boolean;
+  /**
+ * Reflects the required state of the radio button.
+ */
+  required: boolean;
+  /**
+   * Text label associated with the radio button.
+   */
+  label: string;
+  /**
+   * Specifies the tabindex of the radio button.
+   */
+  ontabindex: number;
+  /**
+   * Position of the label relative to the radio button.
+   * Can be 'left' or 'right'.
+   */
+  position: "left" | "right";
+  /**
+   * Value associated with the radio button.
+   */
+  value: string;
+  /**
+   * Name attribute of the radio button.
+   */
+  name: string;
+  /**
+   * Background theme of the radio button.
+   * Can be 'dark' or 'light'.
+   */
+  background: 'dark' | 'light';
+  /**
+   * Size of the radio button.
+   * Can be 'small', 'medium', or 'large'.
+   */
+  size: 'small' | 'medium' | 'large';
+  /**
+   * Color theme of the radio button.
+   */
+  color: string;
+  styles: {};
+  host: HTMLElement;
+  onchange: EventEmitter<{
+    value: string;
+    checked: boolean;
+  }>;
+  sizes: {
+    large: {
+      size: number;
+    };
+    medium: {
+      size: number;
+    };
+    small: {
+      size: number;
+    };
+  };
+  isDarkbackground: () => boolean;
+  sizeHandler(): void;
+  setColors(): void;
+  connectedCallback(): void;
+  handleClick: () => void;
+  getClasses(): {};
+  assignColor(type: 'label' | 'message'): string;
+  render(): any;
+}

package/dist/types/components/forms/cura-radio/cura-radio.stories.d.ts

@@ -0,0 +1,180 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ message, ...args }: {
+    [x: string]: any;
+    message: any;
+  }) => string;
+  argTypes: {
+    label: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+      };
+    };
+    message: {
+      control: string;
+      description: string;
+      name: string;
+      table: {
+        category: string;
+      };
+    };
+    checked: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    disabled: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    required: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    ontabindex: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: number;
+        };
+      };
+      name: string;
+    };
+    position: {
+      control: {
+        type: string;
+      };
+      options: 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;
+        };
+      };
+    };
+    background: {
+      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;
+        };
+      };
+    };
+    value: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    name: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    status: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    onchange: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+};
+export default _default;
+export declare const CuraRadioStory: {
+  args: {
+    label: string;
+    message: string;
+    checked: boolean;
+    required: boolean;
+    disabled: boolean;
+    size: string;
+    position: string;
+    background: string;
+    status: string;
+    color: string;
+    value: string;
+    name: string;
+    ontabindex: number;
+  };
+};

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

@@ -0,0 +1,62 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class CuraSwitch {
+  /**
+   * Indicates whether the switch is checked or not.
+   */
+  checked: boolean;
+  /**
+   * Indicates whether the switch is disabled or not.
+   */
+  disabled: boolean;
+  /**
+   * The label text to display next to the switch.
+   */
+  label: string;
+  /**
+   * Tab index for the switch element.
+   * Reflects as an HTML attribute.
+   */
+  ontabindex: number;
+  /**
+   * Position of the label relative to the switch.
+   * Can be 'left' or 'right'.
+   */
+  position: "left" | "right";
+  /**
+   * Size of the switch.
+   * Can be 'small', 'medium', or 'large'.
+   */
+  size: 'small' | 'medium' | 'large';
+  /**
+   * Background style of the switch.
+   * Can be 'dark' or 'light'.
+   */
+  background: 'dark' | 'light';
+  /**
+   * Accent color of the switch.
+   */
+  color: string;
+  styles: {};
+  onchange: EventEmitter<{
+    checked: boolean;
+  }>;
+  sizes: {
+    large: {
+      size: number;
+    };
+    medium: {
+      size: number;
+    };
+    small: {
+      size: number;
+    };
+  };
+  isDarkbackground: () => boolean;
+  sizeHandler(): void;
+  setColors(): void;
+  connectedCallback(): void;
+  toggleSwitch: () => any;
+  assignColor(colorDark: string, colorLight: string): string;
+  getClasses(): {};
+  render(): any;
+}

package/dist/types/components/forms/cura-switch/cura-switch.stories.d.ts

@@ -0,0 +1,135 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ label, message, ...args }: {
+    [x: string]: any;
+    label: any;
+    message: any;
+  }) => string;
+  argTypes: {
+    label: {
+      control: string;
+      description: string;
+      name: string;
+      table: {
+        category: string;
+      };
+    };
+    message: {
+      control: string;
+      description: string;
+      name: string;
+      table: {
+        category: string;
+      };
+    };
+    checked: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    disabled: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    ontabindex: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: number;
+        };
+      };
+      name: string;
+    };
+    position: {
+      control: {
+        type: string;
+      };
+      options: 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;
+        };
+      };
+    };
+    background: {
+      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;
+        };
+      };
+    };
+    onchange: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+};
+export default _default;
+export declare const CuraSwitchStory: {
+  args: {
+    label: string;
+    color: string;
+    message: string;
+    checked: boolean;
+    size: string;
+    disabled: boolean;
+    position: string;
+    background: string;
+    ontabindex: number;
+  };
+};