@scania/tegel 0.0.1-beta.7 → 0.0.2

package/dist/types/components/textarea/textarea.stories.d.ts

@@ -0,0 +1,116 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: any;
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    placeholder: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    disabled: {
+      description: string;
+      name: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    readonly: {
+      description: string;
+      name: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    label: {
+      description: string;
+      name: string;
+      control: {
+        type: string;
+      };
+    };
+    labelPosition: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+    };
+    helper: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    maxLength: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    rows: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    state: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+  };
+  args: {
+    placeholder: string;
+    disabled: boolean;
+    readonly: boolean;
+    label: string;
+    labelPosition: string;
+    helper: string;
+    maxLength: number;
+    rows: number;
+    state: string;
+    modeVariant: string;
+  };
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components/textfield/textfield.d.ts

@@ -1,42 +1,52 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class Textfield {
-  /** Textinput for focus state */
-  textInput?: HTMLInputElement;
-  /** Which input type, text, password or similar */
-  type: 'text' | 'password';
-  /** Position of the label for the textfield. */
-  labelPosition: 'inside' | 'outside' | 'no-label';
-  /** Label text */
-  label: string;
-  /** Placeholder text */
-  placeholder: string;
-  /** Value of the input text */
-  value: string;
-  /** Set input in disabled state */
-  disabled: boolean;
-  /** Set input in readonly state */
-  readonly: boolean;
-  /** Size of the input */
-  size: 'sm' | 'md' | 'lg';
-  /** Variant of the tabs, primary= on white, secondary= on grey50 */
-  modeVariant: 'primary' | 'secondary';
-  /** With setting */
-  noMinWidth: boolean;
-  /** Name property */
-  name: string;
-  /** Error state of input */
-  state: 'error' | 'success' | 'default';
-  /** Max length of input */
-  maxLength: number;
-  /** Autofocus for input */
-  autofocus: boolean;
-  /** Listen to the focus state of the input */
-  focusInput: any;
-  /** Change event for the textfield */
-  customChange: EventEmitter;
-  handleInput(e: any): void;
-  handleChange(e: any): void;
-  /** Set the input as focus when clicking the whole textfield with suffix/prefix */
-  handleFocusClick(): void;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class Textfield {
+  /** Textinput for focus state */
+  textInput?: HTMLInputElement;
+  /** Which input type, text, password or similar */
+  type: 'text' | 'password';
+  /** Position of the label for the textfield. */
+  labelPosition: 'inside' | 'outside' | 'no-label';
+  /** Label text */
+  label: string;
+  /** Helper text */
+  helper: string;
+  /** Placeholder text */
+  placeholder: string;
+  /** Value of the input text */
+  value: string;
+  /** Set input in disabled state */
+  disabled: boolean;
+  /** Set input in readonly state */
+  readOnly: boolean;
+  /** Size of the input */
+  size: 'sm' | 'md' | 'lg';
+  /** Mode variant of the textfield */
+  modeVariant: 'primary' | 'secondary';
+  /** With setting */
+  noMinWidth: boolean;
+  /** Name property */
+  name: string;
+  /** Error state of input */
+  state: 'error' | 'success' | 'default';
+  /** Max length of input */
+  maxLength: number;
+  /** Autofocus for input */
+  autofocus: boolean;
+  /** Listen to the focus state of the input */
+  focusInput: any;
+  /** Change event for the textfield */
+  sddsChange: EventEmitter;
+  handleChange(event: any): void;
+  /** Input event for the textfield */
+  sddsInput: EventEmitter<InputEvent>;
+  handleInput(event: any): void;
+  /** Focus event for the textfield */
+  sddsFocus: EventEmitter<FocusEvent>;
+  /** Set the input as focus when clicking the whole textfield with suffix/prefix */
+  handleFocus(event: any): void;
+  /** Blur event for the textfield */
+  sddsBlur: EventEmitter<FocusEvent>;
+  /** Set the input as focus when clicking the whole textfield with suffix/prefix */
+  handleBlur(event: any): void;
+  render(): any;
+}

package/dist/types/components/textfield/textfield.stories.d.ts

@@ -0,0 +1,180 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: any;
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    placeholderText: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    type: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    modeVariant: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    size: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    minWidth: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    disabled: {
+      description: string;
+      name: string;
+      control: {
+        type: string;
+      };
+    };
+    readonly: {
+      description: string;
+      name: string;
+      control: {
+        type: string;
+      };
+    };
+    label: {
+      description: string;
+      name: string;
+      control: {
+        type: string;
+      };
+    };
+    labelPosition: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+    };
+    prefix: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    prefixType: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    suffix: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    suffixType: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    helper: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    maxLength: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    state: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+  };
+  args: {
+    placeholderText: string;
+    disabled: boolean;
+    readonly: boolean;
+    label: string;
+    labelPosition: string;
+    helper: string;
+    maxLength: number;
+    state: string;
+    suffix: boolean;
+    suffixType: string;
+    prefix: boolean;
+    prefixType: string;
+    minWidth: string;
+    size: string;
+    type: string;
+    modeVariant: string;
+  };
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components/toast/sdds-toast.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { HostElement } from '../../stencil-public-runtime';
+export declare class SddsToast {
+  /** ID for the toast. Randomly generated if not specified. */
+  toastId: string;
+  /** Header text for the component. */
+  header: string;
+  /** Subheader text for the component. */
+  subheader: string;
+  /** Type of toast. */
+  type: 'information' | 'error' | 'warning' | 'success';
+  /** Hides the toast. */
+  hidden: boolean;
+  /** ARIA role for the toast. */
+  role: 'alert' | 'log' | 'status';
+  host: HostElement;
+  hasSubheader: boolean;
+  hasLink: boolean;
+  /** Hides the toast. */
+  hideToast(): Promise<{
+    toastId: string;
+  }>;
+  /** Shows the toast. */
+  showToast(): Promise<{
+    toastId: string;
+  }>;
+  /** Sends unique toast identifier component is closed. */
+  sddsClose: EventEmitter<{
+    toastId: string;
+  }>;
+  getIconName: () => "info" | "error" | "warning" | "tick";
+  handleClose: () => void;
+  connectedCallback(): void;
+  getHeaderClasses: () => "" | "only-header" | "no-subheader";
+  render(): any;
+}

package/dist/types/components/toast/sdds-toast.stories.d.ts

@@ -0,0 +1,56 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    type: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    header: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    subheader: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    link: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+  };
+  args: {
+    type: string;
+    header: string;
+    subheader: string;
+    link: boolean;
+  };
+};
+export default _default;
+export declare const WebComponent: any;

package/dist/types/components/toast/toast.stories.d.ts

@@ -0,0 +1,69 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    type: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    header: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    subheader: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    link: {
+      name: string;
+      description: string;
+    };
+    iconType: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    icon: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: any[];
+      if: {
+        arg: string;
+        neq: string;
+      };
+    };
+  };
+  args: {
+    type: string;
+    header: string;
+    subheader: string;
+    link: boolean;
+    iconType: string;
+    icon: string;
+  };
+};
+export default _default;
+export declare const Native: any;

package/dist/types/components/toggle/sdds-toggle.d.ts

@@ -0,0 +1,34 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class SddsToggle {
+  /** Sets the toggle as checked */
+  checked: boolean;
+  /** Make the toggle required */
+  required: boolean;
+  /** Aria-labelledby for the toggles input element. */
+  ariaLabelledby: string;
+  /** Aria-describedby for the toggles input element. */
+  ariaDescribedby: string;
+  /** Size of the toggle */
+  size: 'sm' | 'lg';
+  /** Name of the toggles input element */
+  name: string;
+  /** Label for the toggle */
+  label: string;
+  /** Headline for the toggle */
+  headline: string;
+  /** Sets the toggle in a disabled state */
+  disabled: boolean;
+  /** ID of the toggles input element, if not specifed it's randomly generated */
+  toggleId: string;
+  /** Toggles the toggle. */
+  toggle(): Promise<{
+    toggleId: string;
+    checked: boolean;
+  }>;
+  /** Sends unique toggle identifier and status when it is toggled. */
+  sddsToggleChangeEvent: EventEmitter<{
+    toggleId: string;
+    checked: boolean;
+  }>;
+  render(): any;
+}

package/dist/types/components/toggle/sdds-toggle.stories.d.ts

@@ -0,0 +1,74 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: any;
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    size: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    label: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    headline: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    disabled: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    checked: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+  args: {
+    size: string;
+    label: string;
+    headline: string;
+    disabled: boolean;
+    checked: boolean;
+  };
+};
+export default _default;
+export declare const WebComponent: any;