@scania/tegel 0.0.4 → 0.0.6

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

@@ -13,63 +13,93 @@ declare const _default: {
     }[];
   };
   argTypes: {
-    size: {
+    modeVariant: {
       name: string;
+      description: string;
       control: {
         type: string;
       };
       options: string[];
-      description: string;
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
-    placeholder: {
+    state: {
       name: string;
-      type: string;
       description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
     };
-    labelPosition: {
+    size: {
       name: string;
+      description: string;
       control: {
         type: string;
       };
       options: string[];
-      description: string;
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
-    labelText: {
+    openDirection: {
       name: string;
-      control: string;
       description: string;
-      if: {
-        arg: string;
-        neq: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
       };
     };
-    disabled: {
+    labelPosition: {
       name: string;
       description: string;
       control: {
         type: string;
       };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
-    state: {
+    labelText: {
       name: string;
+      description: string;
       control: {
         type: string;
       };
-      options: string[];
-      description: string;
+      if: {
+        arg: string;
+        neq: string;
+      };
     };
-    helper: {
+    placeholder: {
       name: string;
-      control: string;
       description: string;
+      control: {
+        type: string;
+      };
     };
-    helperText: {
+    helper: {
       name: string;
       description: string;
-      control: string;
-      if: {
-        arg: string;
-        eq: boolean;
+      control: {
+        type: string;
       };
     };
     multiDefaultOption: {
@@ -84,31 +114,30 @@ declare const _default: {
       };
       options: string[];
     };
-    openDirection: {
+    disabled: {
       name: string;
       description: string;
       control: {
         type: string;
       };
-      options: string[];
       table: {
-        summary: {
-          defaultValue: string;
+        defaultValue: {
+          summary: boolean;
         };
       };
     };
   };
   args: {
+    modeVariant: string;
+    state: boolean;
     size: string;
-    placeholder: string;
-    state: string;
-    disabled: boolean;
+    openDirection: string;
     labelPosition: string;
     labelText: string;
-    helper: boolean;
-    helperText: string;
+    placeholder: string;
+    helper: string;
     multiDefaultOption: string[];
-    openDirection: string;
+    disabled: boolean;
   };
 };
 export default _default;

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

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class Dropdown {
   textInput?: HTMLInputElement;
-  /** Set the variant of the the dropdown. */
+  /** Set the variant of the dropdown. */
   modeVariant: 'primary' | 'secondary';
   /** Placeholder text for dropdown with no selectedLabel item */
   placeholder: string;
@@ -22,10 +22,10 @@ export declare class Dropdown {
   /** Label text for label inside & outside */
   label: string;
   /** Support `error` state */
-  state: string;
+  state: boolean;
   /** Add helper text in the bottom of dropdown */
   helper: string;
-  /** Direction that the dropdown will open. By default set to auto. */
+  /** Direction that the dropdown will open. Default is auto. */
   openDirection: 'down' | 'up' | 'auto';
   optionValues: Array<any>;
   optionLabels: Array<any>;
@@ -41,6 +41,7 @@ export declare class Dropdown {
   dropdownMenuSelector: HTMLElement;
   listItemIndex: any;
   listItemArray: any;
+  listItemObject: any;
   host: HTMLElement;
   componentWillLoad(): void;
   setOptionFromOutside(optionValue: any): void;
@@ -50,7 +51,8 @@ export declare class Dropdown {
   handleClick(): void;
   tabbingLabelReset(): void;
   selectOptionHandler(event: CustomEvent<any>): void;
-  inputSearch: EventEmitter<any>;
+  /** @internal Search event that is emitted to the sdds-dropdown-filter */
+  internalSddsSearch: EventEmitter<any>;
   handleSearch(ev: any): void;
   deselectAll(): void;
   resetOption(): Promise<void>;

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

@@ -12,11 +12,11 @@ declare const _default: {
   argTypes: {
     modeVariant: {
       name: string;
+      description: string;
       control: {
         type: string;
       };
       options: string[];
-      description: string;
       table: {
         defaultValue: {
           summary: string;
@@ -26,14 +26,14 @@ declare const _default: {
     topPart: {
       name: string;
       description: string;
+      control: {
+        type: string;
+      };
       table: {
         defaultValue: {
           summary: boolean;
         };
       };
-      control: {
-        type: string;
-      };
     };
   };
   args: {

package/dist/types/components/footer/webcomponent/sdds-footer-group/sdds-footer-group.d.ts

@@ -0,0 +1,14 @@
+import { HostElement } from '../../../../stencil-public-runtime';
+export declare class SddsFooterGroup {
+  host: HostElement;
+  /** Title text for the link group, only valid on top part of footer. */
+  titleText: string;
+  /** In mobile, this indicates when the group (if it's in the top part) is opened/closed. */
+  open: boolean;
+  /** If the group is placed in the main part of the footer it can have either left or right as a slot position otherwise undefined. */
+  private slotPostion;
+  /** Indicates the if group is part of the top part of the footer. */
+  private topPartGroup;
+  connectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/footer/webcomponent/sdds-footer-item/sdds-footer-item.d.ts

@@ -0,0 +1,7 @@
+import { HostElement } from '../../../../stencil-public-runtime';
+export declare class SddsFooterItem {
+  host: HostElement;
+  private parentIsTopPart;
+  connectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/footer/webcomponent/sdds-footer.d.ts

@@ -1,9 +1,10 @@
 import { HostElement } from '../../../stencil-public-runtime';
 export declare class SddsFooter {
+  host: HostElement;
   /** Mode variant of the component, based on current mode. */
   modeVariant: 'primary' | 'secondary';
+  /** Indictes whether or not the footer has a top part. */
   hasTopPart: boolean;
-  host: HostElement;
   connectedCallback(): void;
   render(): any;
 }

package/dist/types/components/footer/webcomponent/sdds-footer.stories.d.ts

@@ -4,7 +4,7 @@ declare const _default: {
     notes: {
       Footer: any;
       'Footer link group': any;
-      'Footer link': any;
+      'Footer item': any;
     };
     layout: string;
     design: {
@@ -16,11 +16,11 @@ declare const _default: {
   argTypes: {
     modeVariant: {
       name: string;
+      description: string;
       control: {
         type: string;
       };
       options: string[];
-      description: string;
       table: {
         defaultValue: {
           summary: string;

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

@@ -18,7 +18,9 @@ declare const _default: {
     siteName: {
       name: string;
       description: string;
-      type: string;
+      control: {
+        type: string;
+      };
     };
   };
   args: {

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

@@ -18,7 +18,9 @@ declare const _default: {
     siteName: {
       name: string;
       description: string;
-      type: string;
+      control: {
+        type: string;
+      };
     };
   };
   args: {

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

@@ -18,7 +18,9 @@ declare const _default: {
     siteName: {
       name: string;
       description: string;
-      type: string;
+      control: {
+        type: string;
+      };
     };
   };
   args: {

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

@@ -18,7 +18,9 @@ declare const _default: {
     siteName: {
       name: string;
       description: string;
-      type: string;
+      control: {
+        type: string;
+      };
     };
   };
   args: {

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

@@ -18,7 +18,9 @@ declare const _default: {
     siteName: {
       name: string;
       description: string;
-      type: string;
+      control: {
+        type: string;
+      };
     };
   };
   args: {

package/dist/types/components/header/webcomponent/core-header-item/core-header-item.d.ts

@@ -0,0 +1,3 @@
+export declare class CoreHeaderItem {
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-brand-symbol/header-brand-symbol.d.ts

@@ -0,0 +1,6 @@
+export declare class HeaderBrandSymbol {
+  host: HTMLElement;
+  /** The href for the logo link. */
+  linkHref: string;
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-component.d.ts

@@ -0,0 +1,8 @@
+export declare class SddsHeader {
+  host: HTMLElement;
+  private observer;
+  constructor();
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,31 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: {
+      Header: any;
+      'Header hamburger': any;
+      'Header title': any;
+      'Header item': any;
+      'Header dropdown': any;
+      'Header dropdown list': any;
+      'Header dropdown list item': any;
+      'Header dropdown list user': any;
+      'Header launcher': any;
+    };
+    layout: string;
+    docs: {
+      source: {
+        state: string;
+      };
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {};
+  args: {};
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components/header/webcomponent/header-dropdown/header-dropdown.d.ts

@@ -0,0 +1,16 @@
+export declare class HeaderDropdown {
+  host: HTMLElement;
+  /** The label of the button that opens the dropdown.
+   * This is an alternative to the button-label slot. */
+  buttonLabel: string;
+  /** If the dropdown icon (downwards chevron) should be hidden. */
+  noDropdownIcon: boolean;
+  /** If the button that opens the dropdown should appear selected. */
+  selected: boolean;
+  open: boolean;
+  buttonEl?: HTMLButtonElement;
+  private uuid;
+  onAnyClick(event: MouseEvent): void;
+  toggleDropdown(): void;
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-dropdown-list/header-dropdown-list.d.ts

@@ -0,0 +1,11 @@
+export declare class HeaderDropdownList {
+  host: HTMLElement;
+  private slotListeners;
+  type: 'lg' | 'md';
+  headingElement: HTMLElement;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  processAssignedElements(slot: HTMLSlotElement): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-dropdown-list-item/header-dropdown-list-item.d.ts

@@ -0,0 +1,8 @@
+export declare class HeaderDropdownListItem {
+  host: HTMLElement;
+  /** If the link should appear selected. */
+  selected: boolean;
+  /** The type of the list. */
+  type: 'md' | 'lg';
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-dropdown-list-user/header-dropdown-list-user.d.ts

@@ -0,0 +1,12 @@
+export declare class HeaderDropdownListLgUser {
+  /** Image URL. */
+  imgUrl: string;
+  /** Image alt text. */
+  imgAlt: string;
+  /** Heading, usually the users first name and last name. */
+  heading: string;
+  /** Subheading. */
+  subheading: string;
+  host: HTMLElement;
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-hamburger/header-hamburger.d.ts

@@ -0,0 +1,4 @@
+export declare class HeaderHamburger {
+  host: HTMLElement;
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-item/header-item.d.ts

@@ -0,0 +1,16 @@
+export declare class HeaderItem {
+  host: HTMLElement;
+  /** If the button should appear active. Can be used when the button is
+   * triggering a dropdown, and the dropdown is open, for example. */
+  active: boolean;
+  /** If the button should appear selected. */
+  selected: boolean;
+  private slotEl;
+  updateSlotted(searchPredicate: (element: HTMLElement) => boolean, mutationCallback: (element: HTMLElement) => void): void;
+  /**
+   * This function is needed because we can't use CSS selectors to style something in the light dom
+   */
+  updateSlottedElements(): void;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-launcher/header-launcher.d.ts

@@ -0,0 +1,12 @@
+export declare class HeaderLauncher {
+  host: HTMLElement;
+  open: boolean;
+  buttonEl?: HTMLSddsHeaderLauncherButtonElement;
+  hasListTypeMenu: boolean;
+  private uuid;
+  private ariaAttributes;
+  onAnyClick(event: MouseEvent): void;
+  componentDidLoad(): void;
+  toggleLauncher(): void;
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-launcher-button/header-launcher-button.d.ts

@@ -0,0 +1,8 @@
+export declare class HeaderLauncherButton {
+  host: HTMLElement;
+  /** If the button should appear active. Can be used when the button is
+   * triggering a dropdown, and the dropdown is open, for example. */
+  active: boolean;
+  private ariaAttributes;
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-launcher-grid/header-launcher-grid.d.ts

@@ -0,0 +1,6 @@
+export declare class HeaderLauncherGrid {
+  host: HTMLElement;
+  headingElement: HTMLElement;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-launcher-grid-item/header-launcher-grid-item.d.ts

@@ -0,0 +1,3 @@
+export declare class HeaderLauncherGridItem {
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-launcher-grid-title/header-launcher-grid-title.d.ts

@@ -0,0 +1,4 @@
+export declare class HeaderLauncherGridTitle {
+  private uuid;
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-launcher-list/header-launcher-list.d.ts

@@ -0,0 +1,4 @@
+export declare class HeaderLauncherList {
+  uuid: string;
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-launcher-list-item/header-launcher-list-item.d.ts

@@ -0,0 +1,3 @@
+export declare class HeaderLauncherListItem {
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-launcher-list-title/header-launcher-list-title.d.ts

@@ -0,0 +1,5 @@
+export declare class HeaderLauncherListTitle {
+  host: HTMLElement;
+  private uuid;
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-title/header-title.d.ts

@@ -0,0 +1,3 @@
+export declare class HeaderTitle {
+  render(): any;
+}

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

@@ -9,24 +9,34 @@ declare const _default: {
     }[];
   };
   argTypes: {
-    disabled: {
+    underline: {
       name: string;
       description: string;
       controls: {
         type: string;
       };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
     };
-    noUnderline: {
+    disabled: {
       name: string;
       description: string;
       controls: {
         type: string;
       };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
     };
   };
   args: {
+    underline: boolean;
     disabled: boolean;
-    noUnderline: boolean;
   };
 };
 export default _default;

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

@@ -1,13 +1,10 @@
+import { HostElement } from '../../stencil-public-runtime';
 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;
+  host: HostElement;
+  connectedCallback(): void;
   render(): any;
 }

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

@@ -10,18 +10,6 @@ declare const _default: {
     }[];
   };
   argTypes: {
-    disabled: {
-      name: string;
-      description: string;
-      controls: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
     underline: {
       name: string;
       description: string;
@@ -30,28 +18,26 @@ declare const _default: {
       };
       table: {
         defaultValue: {
-          summary: string;
+          summary: boolean;
         };
       };
     };
-    target: {
+    disabled: {
       name: string;
       description: string;
-      control: {
+      controls: {
         type: string;
       };
-      options: string[];
       table: {
         defaultValue: {
-          summary: string;
+          summary: boolean;
         };
       };
     };
   };
   args: {
-    disabled: boolean;
     underline: boolean;
-    target: string;
+    disabled: boolean;
   };
 };
 export default _default;