@rededor/cura 0.5.1 → 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-label/cura-label.d.ts

@@ -0,0 +1,54 @@
+export declare class CuraLabel {
+  /**
+   * Set size of body text.
+   * Values: medium (default) | large | small | xsmall.
+   */
+  size: 'medium' | 'large' | 'small' | 'xsmall';
+  /**
+   * Label font weight. It is possible to use regular HTML tags like <b> or <strong> as well.
+   * Values: regular (default) | bold.
+   */
+  weight: 'regular' | 'bold';
+  /**
+  * Apply design system color to interactive elements like <a> and <abbr> inside the text.
+  * Values: Color from design system scheme. Default to 'accent-dark'.
+  */
+  spotColor: string;
+  /**
+   * Text color.
+   * Values: Color from design system scheme. Default to the font color from the theme.
+   */
+  color: string;
+  handleChangeColor(): void;
+  /**
+   * CSS margin-block property values.
+   * Default to 1.25em
+   */
+  marginBlock: string;
+  /**
+   * CSS line-height property values.
+   * Default to 140%
+   */
+  lineHeight: string;
+  /**
+   * Host element <cura-label>
+   */
+  host: HTMLElement;
+  /**
+   * Internal Props
+   */
+  weights: any;
+  fontSizeBase: string;
+  styles: {};
+  theme: import("../../../api/cura-api.type").APIThemeFunctions;
+  connectedCallback(): void;
+  getClasses(): {};
+  setFontProperties(): void;
+  setColors(): void;
+  hostCSSProperties(): {
+    '--margin-block': string;
+    '--font-size-base': string;
+    '--line-height': string;
+  };
+  render(): any;
+}

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

@@ -0,0 +1,126 @@
+declare const _default: {
+  title: string;
+  tags: string[];
+  render: ({ label, ...args }: {
+    [x: string]: any;
+    label: any;
+  }) => string;
+  argTypes: {
+    label: {
+      control: string;
+      description: string;
+      name: string;
+    };
+    size: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    weight: {
+      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;
+        };
+      };
+    };
+    spotColor: {
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      name: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    marginBlock: {
+      control: string;
+      description: string;
+      name: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    lineHeight: {
+      control: string;
+      description: string;
+      name: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    cssMarginBlock: {
+      control: string;
+      description: string;
+      name: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    cssLineHeight: {
+      control: string;
+      description: string;
+      name: string;
+      table: {
+        category: string;
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+};
+export default _default;
+export declare const Label: {
+  args: {
+    label: string;
+    size: string;
+    weight: string;
+    color: string;
+    spotColor: string;
+    marginBlock: string;
+    lineHeight: string;
+    cssMarginBlock: string;
+    cssLineHeight: string;
+  };
+};

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;
+  };
+};