@rededor/cura 0.5.2 → 0.5.4

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

@@ -0,0 +1,51 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class CuraButtonOutline {
+  /**
+  * Button size: small | medium (default) | large  = medium
+  */
+  size: 'small' | 'medium' | 'large';
+  /**
+  * Disabled state. Boolean.
+  */
+  disabled: boolean;
+  /**
+  * selected state. Boolean.
+  */
+  selected: boolean;
+  /**
+  * Icon position: left (default) | right.
+  */
+  iconPosition: 'left' | 'right';
+  /**
+  * Color base from color scheme. Default: accent.
+  */
+  color: string;
+  /**
+  * Set the font color to dark or light.
+  */
+  background: 'dark' | 'light';
+  /**
+  * fontcolor theme of the checkbox.
+  * Can be 'dark' or 'light'.
+  */
+  fontcolor: 'dark' | 'light';
+  /**
+  * hovered state. Boolean.
+  */
+  hovered: boolean;
+  styles: {};
+  onclick: EventEmitter<{
+    selected: boolean;
+  }>;
+  theme: import("../../../api/cura-api.type").APIThemeFunctions;
+  weights: any;
+  setColors(): void;
+  setStyles(): void;
+  connectedCallback(): void;
+  handleMouseEnter(): void;
+  handleMouseLeave(): void;
+  getIcon(): any;
+  handleClick(e: Event): void;
+  getClasses(): {};
+  render(): any;
+}

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

@@ -0,0 +1,16 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class CuraAlert {
+  host: HTMLElement;
+  type: 'info' | 'success' | 'warning' | 'error';
+  floating: boolean;
+  label: string;
+  closeable: boolean;
+  styles: {};
+  close: EventEmitter<void>;
+  setColors(): void;
+  connectedCallback(): void;
+  getClasses(): {};
+  getNameIcon(): string;
+  handleClose: () => void;
+  render(): any;
+}

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

@@ -0,0 +1,79 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ label, ...args }: {
+    [x: string]: any;
+    label: any;
+  }) => string;
+  argTypes: {
+    floating: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    closeable: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    type: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+      name: string;
+    };
+    label: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+      };
+      name: string;
+    };
+    actions: {
+      control: string;
+      description: string;
+      defaultValue: string;
+      table: {
+        category: string;
+      };
+    };
+    content: {
+      control: string;
+      description: string;
+      defaultValue: string;
+      table: {
+        category: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const Alert: {
+  args: {
+    label: string;
+    type: string;
+    closeable: boolean;
+    floating: boolean;
+    content: string;
+    actions: string;
+  };
+};

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

@@ -5,48 +5,6 @@ export declare class CuraIcon {
   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;

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

@@ -0,0 +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;
+  };
+};

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

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

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

@@ -0,0 +1,100 @@
+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;
+    checked: boolean;
+    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;
+}

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

@@ -0,0 +1,199 @@
+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;
+      name: string;
+      description: string;
+      table: {
+        category: string;
+      };
+    };
+    checked: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    required: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    status: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    indeterminate: {
+      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;
+      };
+      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;
+        };
+      };
+    };
+    value: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+      };
+    };
+    name: {
+      control: string;
+      description: string;
+      table: {
+        category: string;
+      };
+    };
+    background: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    iconColor: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      name: 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 Checkbox: {
+  args: {
+    label: string;
+    size: string;
+    status: string;
+    color: string;
+    position: string;
+    background: string;
+    iconColor: string;
+    value: string;
+    name: string;
+    ontabindex: number;
+    message: string;
+    checked: boolean;
+    required: boolean;
+    indeterminate: boolean;
+    disabled: boolean;
+  };
+};

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

@@ -0,0 +1,14 @@
+export declare const formsSizes: {
+  large: {
+    size: number;
+    gap: number;
+  };
+  medium: {
+    size: number;
+    gap: number;
+  };
+  small: {
+    size: number;
+    gap: number;
+  };
+};

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

@@ -0,0 +1,138 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { FactoryArg, InputMask, MaskedRegExp } from 'imask';
+import { MaskOptionsMap } from './mask-presets/input-mask-presets';
+export type MaskPreset = keyof MaskOptionsMap;
+export declare class CuraInputText {
+  /**
+   * Mode of the input: 'default' or 'transparent' (default: 'default')
+   */
+  mode: 'default' | 'transparent';
+  /**
+   * Indicates input status(default: default)
+   */
+  status: 'error' | 'success' | 'default';
+  /**
+   * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')
+   */
+  size: 'small' | 'medium' | 'large';
+  /**
+   * Type of the input: 'text', 'number' (default: 'text')
+   */
+  type: 'text' | 'number';
+  /**
+   * Label text for the input
+   */
+  label: string;
+  /**
+   * Placeholder text for the input
+   */
+  placeholder?: string | null;
+  /**
+   * Value of the input field
+   */
+  value: string | number;
+  /**
+   * Whether to display a cura icon (default: null)
+   */
+  iconName?: string;
+  /**
+   * Helper text displayed below the input
+   */
+  helperText?: string;
+  /**
+   * Whether the input is disabled (default: false)
+   */
+  disabled?: boolean;
+  /**
+   * Whether the input is required (default: false)
+   */
+  required?: boolean;
+  /**
+   * Mask preset for input formatting: 'cpf', 'cnpj', 'phone', 'date', etc. Uses IMask library.
+   * @see: https://imask.js.org/
+   */
+  maskPreset?: MaskPreset;
+  /**
+   * Regular expression for custom input masking. Uses IMask library.
+   *  @see: https://imask.js.org/
+   */
+  maskRegex?: MaskedRegExp['mask'] | string | null;
+  /**
+   * Advanced mask object to be used with IMask library
+   * @see: https://imask.js.org/
+   */
+  maskAdvanced?: FactoryArg | string | null;
+  /**
+   * Maximum length of the input value (default: undefined)
+   */
+  maxlength?: number | undefined;
+  /**
+   * Whether the input is read-only (default: false)
+   */
+  readOnly?: boolean;
+  /**
+   * Whether the input is in loading state (default: false)
+   */
+  isLoading?: boolean;
+  /**
+   * Internal state: Whether the input is hovered (default: false)
+   */
+  isHovered: boolean;
+  /**
+   * Internal state: Whether the input is focused (default: false)
+   */
+  isFocused: boolean;
+  /**
+   * Internal state: Styles object for dynamic styling
+   */
+  styles: {
+    [key: string]: string;
+  };
+  /**
+   * Icon button name for the clear button (default: 'closeCircle')
+   */
+  clearIcon?: boolean;
+  /**
+   * Emitted when the value of the input changes
+   * @type {EventEmitter<string | number>}
+   */
+  valueChange: EventEmitter<string | number>;
+  inputRef: HTMLInputElement;
+  /**
+   * Instance of InputMask is returned when IMask constructor is called.
+   */
+  maskedInput: InputMask<FactoryArg>;
+  weights: {
+    [key: string]: string;
+  };
+  connectedCallback(): void;
+  getClasses(): {
+    [x: string]: boolean;
+    disabled: boolean;
+    isLoading: boolean;
+    isFocused: boolean;
+    isHovered: boolean;
+    isSuccess: boolean;
+    isError: boolean;
+    transparent: boolean;
+  };
+  getLabelColor(): "neutral-black" | "neutral-medium" | "neutral-dark";
+  renderIcon(): any;
+  renderHelperText(): any;
+  componentDidLoad(): void;
+  handleMouseEnter(): void;
+  handleMouseLeave(): void;
+  handleMaskUpdate(): void;
+  handleClearInput(): void;
+  handleInputFocus(): void;
+  handleInputBlur(): void;
+  handleMaskPresetChange(): void;
+  handleMaskRegexChange(): void;
+  handlemaskAdvancedChange(): void;
+  handleValueChange(newValue: string): void;
+  initializeMask(): void;
+  handleInputChange(event: any): void;
+  handleKeyDown(event: KeyboardEvent): void;
+  handleBlockInvalidNumber(e: KeyboardEvent): void;
+  render(): any;
+}