@scania/tegel 0.0.1-beta.7 → 0.0.2

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

@@ -0,0 +1,127 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    type: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    defaultValue: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    size: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    minWidth: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    disabled: {
+      description: string;
+      name: string;
+      control: {
+        type: string;
+      };
+    };
+    label: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    labelText: {
+      description: string;
+      name: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    helper: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    helperText: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    state: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+  };
+  args: {
+    type: string;
+    size: string;
+    defaultValue: string;
+    minWidth: string;
+    disabled: boolean;
+    state: string;
+    label: boolean;
+    labelText: string;
+    helper: boolean;
+    helperText: string;
+    modeVariant: string;
+  };
+};
+export default _default;
+export declare const Default: any;
+export declare const ErrorState: any;
+export declare const Time: any;
+export declare const Date: any;

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

@@ -0,0 +1,65 @@
+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[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: string;
+      };
+    };
+    height: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: string;
+      };
+    };
+    direction: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+  };
+  args: {
+    type: string;
+    width: number;
+    height: number;
+    direction: string;
+  };
+};
+export default _default;
+export declare const Default: any;
+export declare const Border: any;

package/dist/types/components/dropdown/dropdown-filter/dropdown-filter.d.ts

@@ -1,42 +1,42 @@
-export declare class DropdownFilter {
-  dataOptions: any[];
-  filteredContent: any[];
-  searchTerm: string;
-  selectedOptionState: any;
-  dropdownRef?: HTMLSddsDropdownElement;
-  /** Placeholder text for dropdown with no selected item */
-  placeholder: string;
-  /** Label for dropdown with no selected item */
-  label: string;
-  /** Add the value of the option to set it as default */
-  defaultOption: string;
-  /** Add the value of the option as string to set it as new selected value */
-  selectedOption: string;
-  /** Add the value of the option to set it as default */
-  disabled: boolean;
-  /** Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated */
-  size: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
-  /** Set to true to make the width following the label text length */
-  inline: boolean;
-  /** Position of label: `no-label` (default), `inside`, `outside` */
-  labelPosition: 'no-label' | 'inside' | 'outside';
-  /** Support `error` state */
-  state: string;
-  /** Add helper text in the bottom of dropdown */
-  helper: string;
-  /** Data is an array of objects that contains label and value
-   * `data = [{label:'Option 1', value:'opt-1'},{label:'Option 2', value:'opt-2'}]`
-   */
-  data: string;
-  selectedLabel: string;
-  selectedValue: string;
-  componentWillLoad(): void;
-  parseData(newValue: string): void;
-  updateOptionsContent(event: CustomEvent<any>): void;
-  selectOptionHandler(event: CustomEvent<any>): void;
-  findData(): void;
-  setOptionsContent(): any;
-  /** Use this method to reset the dropdown. Then it will go back to its initial state. */
-  resetOption(): Promise<void>;
-  render(): any;
-}
+export declare class DropdownFilter {
+  dataOptions: any[];
+  filteredContent: any[];
+  searchTerm: string;
+  selectedOptionState: any;
+  dropdownRef?: HTMLSddsDropdownElement;
+  /** Placeholder text for dropdown with no selected item */
+  placeholder: string;
+  /** Label for dropdown with no selected item */
+  label: string;
+  /** Add the value of the option to set it as default */
+  defaultOption: string;
+  /** Add the value of the option as string to set it as new selected value */
+  selectedOption: string;
+  /** Add the value of the option to set it as default */
+  disabled: boolean;
+  /** Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated */
+  size: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
+  /** Set to true to make the width following the label text length */
+  inline: boolean;
+  /** Position of label */
+  labelPosition: 'no-label' | 'inside' | 'outside';
+  /** Support `error` state */
+  state: string;
+  /** Add helper text in the bottom of dropdown */
+  helper: string;
+  /** Data is an array of objects that contains label and value
+   * `data = [{label:'Option 1', value:'opt-1'},{label:'Option 2', value:'opt-2'}]`
+   */
+  data: string;
+  selectedLabel: string;
+  selectedValue: string;
+  componentWillLoad(): void;
+  parseData(newValue: string): void;
+  updateOptionsContent(event: CustomEvent<any>): void;
+  selectOptionHandler(event: CustomEvent<any>): void;
+  findData(): void;
+  setOptionsContent(): any;
+  /** Use this method to reset the dropdown. Then it will go back to its initial state. */
+  resetOption(): Promise<void>;
+  render(): any;
+}

package/dist/types/components/dropdown/dropdown-filter/dropdown-filter.stories.d.ts

@@ -0,0 +1,73 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    size: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+    };
+    placeholder: {
+      name: string;
+      type: string;
+      description: string;
+    };
+    disabled: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    helper: {
+      name: string;
+      control: {
+        type: string;
+      };
+      description: string;
+    };
+    defaultOption: {
+      description: string;
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    openDirection: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        summary: {
+          defaultValue: string;
+        };
+      };
+    };
+  };
+  args: {
+    size: string;
+    placeholder: string;
+    disabled: boolean;
+    helper: string;
+    defaultOption: string;
+    state: string;
+    openDirection: string;
+  };
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components/dropdown/dropdown-native.stories.d.ts

@@ -0,0 +1,57 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    label: {
+      name: string;
+      type: string;
+      description: string;
+    };
+    size: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    disabled: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    state: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+    };
+    helper: {
+      name: string;
+      control: {
+        type: string;
+      };
+      description: string;
+    };
+  };
+  args: {
+    label: string;
+    size: string;
+    disabled: boolean;
+    state: string;
+    helper: string;
+  };
+};
+export default _default;
+export declare const Native: any;

package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts

@@ -1,19 +1,19 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class DropdownOption {
-  host: HTMLElement;
-  innerValue: string;
-  /** Selected set to true if selected */
-  selected: boolean;
-  /** Sets option to disabled state if true */
-  disabled: boolean;
-  /** Value is a unique string that will be used for application logic */
-  value: string;
-  selectOption: EventEmitter<any>;
-  isMultiSelectOption: boolean;
-  changeFocusHandler(): void;
-  removeFocusHandler(): void;
-  onKeyDown(event: KeyboardEvent): void;
-  componentWillLoad(): void;
-  selectOptionHandler(value: any): void;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class DropdownOption {
+  host: HTMLElement;
+  innerValue: string;
+  /** Selected set to true if selected */
+  selected: boolean;
+  /** Sets option to disabled state if true */
+  disabled: boolean;
+  /** Value is a unique string that will be used for application logic */
+  value: string;
+  selectOption: EventEmitter<any>;
+  isMultiSelectOption: boolean;
+  changeFocusHandler(): void;
+  removeFocusHandler(): void;
+  onKeyDown(event: KeyboardEvent): void;
+  componentWillLoad(): void;
+  selectOptionHandler(value: any): void;
+  render(): any;
+}

package/dist/types/components/dropdown/dropdown-wc-default.stories.d.ts

@@ -0,0 +1,129 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    notes: {
+      Dropdown: any;
+      'Dropdown option': any;
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    size: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+    };
+    placeholder: {
+      name: string;
+      type: string;
+      description: string;
+    };
+    labelPosition: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+    };
+    labelText: {
+      name: string;
+      control: string;
+      description: string;
+      if: {
+        arg: string;
+        neq: string;
+      };
+    };
+    disabled: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    state: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+    };
+    helper: {
+      name: string;
+      control: string;
+      description: string;
+    };
+    helperText: {
+      name: string;
+      description: string;
+      control: string;
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    defaultOption: {
+      if: {
+        arg: string;
+        neq: string;
+      };
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    openDirection: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        summary: {
+          defaultValue: string;
+        };
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    size: string;
+    placeholder: string;
+    state: string;
+    disabled: boolean;
+    labelPosition: string;
+    labelText: string;
+    helper: boolean;
+    helperText: string;
+    defaultOption: string;
+    openDirection: string;
+  };
+};
+export default _default;
+export declare const WebComponentDefault: any;

package/dist/types/components/dropdown/dropdown-wc-multiselect.stories.d.ts

@@ -0,0 +1,115 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    notes: {
+      Dropdown: any;
+      'Dropdown option': any;
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    size: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+    };
+    placeholder: {
+      name: string;
+      type: string;
+      description: string;
+    };
+    labelPosition: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+    };
+    labelText: {
+      name: string;
+      control: string;
+      description: string;
+      if: {
+        arg: string;
+        neq: string;
+      };
+    };
+    disabled: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    state: {
+      name: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      description: string;
+    };
+    helper: {
+      name: string;
+      control: string;
+      description: string;
+    };
+    helperText: {
+      name: string;
+      description: string;
+      control: string;
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    multiDefaultOption: {
+      name: string;
+      description: string;
+      if: {
+        arg: string;
+        neq: string;
+      };
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    openDirection: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        summary: {
+          defaultValue: string;
+        };
+      };
+    };
+  };
+  args: {
+    size: string;
+    placeholder: string;
+    state: string;
+    disabled: boolean;
+    labelPosition: string;
+    labelText: string;
+    helper: boolean;
+    helperText: string;
+    multiDefaultOption: string[];
+    openDirection: string;
+  };
+};
+export default _default;
+export declare const WebComponentMultiselect: any;