@scania/tegel 0.0.1-beta.7 → 0.0.2

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

@@ -1,56 +1,58 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class Dropdown {
-  textInput?: HTMLInputElement;
-  /** Placeholder text for dropdown with no selectedLabel item */
-  placeholder: string;
-  /** Add the value of the option as string to set it as default */
-  defaultOption: string;
-  /** Add the value of the option as string to set it as new selected value */
-  selectedOption: string;
-  /** Set to true for disabled states */
-  disabled: boolean;
-  /** `Controls type of dropdown. 'Default', 'multiselect' and 'filter' are correct values */
-  type: 'default' | 'multiselect' | 'filter';
-  /** 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;
-  /** Controls position of label */
-  labelPosition: 'no-label' | 'inside' | 'outside';
-  /** Label text for label inside & outside */
-  label: string;
-  /** Support `error` state */
-  state: string;
-  /** Add helper text in the bottom of dropdown */
-  helper: string;
-  /** Direction that the dropdown will open. By default set to auto. */
-  openDirection: 'down' | 'up' | 'auto';
-  optionValues: Array<any>;
-  optionLabels: Array<any>;
-  open: boolean;
-  node: HTMLElement;
-  selectedLabel: string;
-  selectedValue: string;
-  selectedValuesArray: Array<any>;
-  selectedLabelsArray: Array<any>;
-  dropdownUniqueClass: string;
-  openUpwards: boolean;
-  dropdownMenuHeight: number;
-  dropdownMenuSelector: HTMLElement;
-  listItemIndex: any;
-  listItemArray: any;
-  host: HTMLElement;
-  componentWillLoad(): void;
-  setOptionFromOutside(optionValue: any): void;
-  changeSelectedOption(): void;
-  handleDocClick(ev: any): void;
-  keyListener(ev: KeyboardEvent): void;
-  handleClick(): void;
-  tabbingLabelReset(): void;
-  selectOptionHandler(event: CustomEvent<any>): void;
-  inputSearch: EventEmitter<any>;
-  handleSearch(ev: any): void;
-  deselectAll(): void;
-  resetOption(): Promise<void>;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class Dropdown {
+  textInput?: HTMLInputElement;
+  /** Set the variant of the the dropdown. */
+  modeVariant: 'primary' | 'secondary';
+  /** Placeholder text for dropdown with no selectedLabel item */
+  placeholder: string;
+  /** Add the value of the option as string to set it as default */
+  defaultOption: string;
+  /** Add the value of the option as string to set it as new selected value */
+  selectedOption: string;
+  /** Set to true for disabled states */
+  disabled: boolean;
+  /** `Controls type of dropdown. */
+  type: 'default' | 'multiselect' | 'filter';
+  /** 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;
+  /** Controls position of label */
+  labelPosition: 'no-label' | 'inside' | 'outside';
+  /** Label text for label inside & outside */
+  label: string;
+  /** Support `error` state */
+  state: string;
+  /** Add helper text in the bottom of dropdown */
+  helper: string;
+  /** Direction that the dropdown will open. By default set to auto. */
+  openDirection: 'down' | 'up' | 'auto';
+  optionValues: Array<any>;
+  optionLabels: Array<any>;
+  open: boolean;
+  node: HTMLElement;
+  selectedLabel: string;
+  selectedValue: string;
+  selectedValuesArray: Array<any>;
+  selectedLabelsArray: Array<any>;
+  dropdownUniqueClass: string;
+  openUpwards: boolean;
+  dropdownMenuHeight: number;
+  dropdownMenuSelector: HTMLElement;
+  listItemIndex: any;
+  listItemArray: any;
+  host: HTMLElement;
+  componentWillLoad(): void;
+  setOptionFromOutside(optionValue: any): void;
+  changeSelectedOption(): void;
+  handleDocClick(ev: any): void;
+  keyListener(ev: KeyboardEvent): void;
+  handleClick(): void;
+  tabbingLabelReset(): void;
+  selectOptionHandler(event: CustomEvent<any>): void;
+  inputSearch: EventEmitter<any>;
+  handleSearch(ev: any): void;
+  deselectAll(): void;
+  resetOption(): Promise<void>;
+  render(): any;
+}

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

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

package/dist/types/components/header/header-all.stories.d.ts

@@ -0,0 +1,29 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: any;
+    layout: string;
+    docs: {
+      source: {
+        state: string;
+      };
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    siteName: {
+      name: string;
+      description: string;
+      type: string;
+    };
+  };
+  args: {
+    siteName: string;
+  };
+};
+export default _default;
+export declare const AllMenus: any;

package/dist/types/components/header/header-default.stories.d.ts

@@ -0,0 +1,29 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: any;
+    layout: string;
+    docs: {
+      source: {
+        state: string;
+      };
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    siteName: {
+      name: string;
+      description: string;
+      type: string;
+    };
+  };
+  args: {
+    siteName: string;
+  };
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components/header/header-inline.stories.d.ts

@@ -0,0 +1,29 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: any;
+    layout: string;
+    docs: {
+      source: {
+        state: string;
+      };
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    siteName: {
+      name: string;
+      description: string;
+      type: string;
+    };
+  };
+  args: {
+    siteName: string;
+  };
+};
+export default _default;
+export declare const InlineMenu: any;

package/dist/types/components/header/header-search.stories.d.ts

@@ -0,0 +1,29 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: any;
+    layout: string;
+    docs: {
+      source: {
+        state: string;
+      };
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    siteName: {
+      name: string;
+      description: string;
+      type: string;
+    };
+  };
+  args: {
+    siteName: string;
+  };
+};
+export default _default;
+export declare const SearchbarMenu: any;

package/dist/types/components/header/header-toolbar.stories.d.ts

@@ -0,0 +1,29 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: any;
+    layout: string;
+    docs: {
+      source: {
+        state: string;
+      };
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    siteName: {
+      name: string;
+      description: string;
+      type: string;
+    };
+  };
+  args: {
+    siteName: string;
+  };
+};
+export default _default;
+export declare const ToolbarMenu: any;

package/dist/types/components/icon/icon-font.stories.d.ts

@@ -0,0 +1,38 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    icon: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: any;
+    };
+    size: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+        min: number;
+        max: number;
+        step: number;
+      };
+    };
+  };
+  args: {
+    size: number;
+    icon: string;
+  };
+};
+export default _default;
+export declare const Native: any;

package/dist/types/components/icon/icon-web-component.stories.d.ts

@@ -0,0 +1,38 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    icon: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: any;
+    };
+    size: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+        min: number;
+        max: number;
+        step: number;
+      };
+    };
+  };
+  args: {
+    size: number;
+    icon: string;
+  };
+};
+export default _default;
+export declare const WebComponent: any;

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

@@ -1,12 +1,12 @@
-export declare class Icon {
-  /** Pass a name of the icon. For icon names, refer to https://digitaldesign.scania.com/foundations/icons/icon-library or storybook */
-  name: string;
-  /** Pass a size of icon as a string, for example: 32px, 1rem, 4em... */
-  size: string;
-  icons_object: string;
-  arrayOfIcons: any[];
-  componentWillLoad(): void;
-  arrayDataWatcher(newValue: string): void;
-  setIcons: () => any[];
-  render(): any;
-}
+export declare class Icon {
+  /** Pass a name of the icon. For icon names, refer to https://digitaldesign.scania.com/foundations/icons/icon-library or storybook */
+  name: string;
+  /** Pass a size of icon as a string, for example: 32px, 1rem, 4em... */
+  size: string;
+  icons_object: string;
+  arrayOfIcons: any[];
+  componentWillLoad(): void;
+  arrayDataWatcher(newValue: string): void;
+  setIcons: () => any[];
+  render(): any;
+}

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

@@ -0,0 +1,33 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    disabled: {
+      name: string;
+      description: string;
+      controls: {
+        type: string;
+      };
+    };
+    noUnderline: {
+      name: string;
+      description: string;
+      controls: {
+        type: string;
+      };
+    };
+  };
+  args: {
+    disabled: boolean;
+    noUnderline: boolean;
+  };
+};
+export default _default;
+export declare const Native: any;

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

@@ -0,0 +1,13 @@
+export declare class SddsLink {
+  /** URL for the link */
+  href: string;
+  /** Where to open the linked URL */
+  target: '_self' | '_blank' | '_parent' | '_top';
+  /** Disables the link */
+  disabled: boolean;
+  /** Displays the link with an underline. */
+  underline: boolean;
+  /** 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'. */
+  rel: string;
+  render(): any;
+}

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

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

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

@@ -0,0 +1,69 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    messageType: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    icon: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    iconType: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    showExtendedMessage: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+  };
+  args: {
+    messageType: string;
+    modeVariant: string;
+    icon: boolean;
+    iconType: string;
+    showExtendedMessage: boolean;
+  };
+};
+export default _default;
+export declare const Native: any;

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

@@ -0,0 +1,14 @@
+export declare class SddsMessage {
+  /** Header text for the component. */
+  header: string;
+  /** Variant of the component, based on current mode. */
+  modeVariant: 'primary' | 'secondary';
+  /** Type of message. */
+  type: 'information' | 'error' | 'warning' | 'success';
+  /** Removes the icon in the message. */
+  noIcon: boolean;
+  /** Minimal message styling. */
+  minimal: boolean;
+  getIconName: () => "info" | "error" | "warning" | "tick";
+  render(): any;
+}

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

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