@scania/tegel 0.0.51 → 0.0.61

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

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

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 {
-  /** Mode variant of the component, based on current mode. */
-  modeVariant: 'primary' | 'secondary';
-  hasTopPart: boolean;
-  host: HostElement;
-  connectedCallback(): void;
-  render(): any;
-}
+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;
+  connectedCallback(): void;
+  render(): any;
+}

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

@@ -1,44 +1,44 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    notes: {
-      Footer: any;
-      'Footer link group': any;
-      'Footer link': any;
-    };
-    layout: string;
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  argTypes: {
-    modeVariant: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-    topPart: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-  };
-  args: {
-    modeVariant: string;
-    topPart: boolean;
-  };
-};
-export default _default;
-export declare const WebComponent: any;
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: {
+      Footer: any;
+      'Footer link group': any;
+      'Footer item': any;
+    };
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    topPart: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    topPart: boolean;
+  };
+};
+export default _default;
+export declare const WebComponent: any;

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

@@ -1,31 +1,31 @@
-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;
-      control: {
-        type: string;
-      };
-    };
-  };
-  args: {
-    siteName: string;
-  };
-};
-export default _default;
-export declare const AllMenus: any;
+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;
+      control: {
+        type: string;
+      };
+    };
+  };
+  args: {
+    siteName: string;
+  };
+};
+export default _default;
+export declare const AllMenus: any;

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

@@ -1,31 +1,31 @@
-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;
-      control: {
-        type: string;
-      };
-    };
-  };
-  args: {
-    siteName: string;
-  };
-};
-export default _default;
-export declare const Default: any;
+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;
+      control: {
+        type: string;
+      };
+    };
+  };
+  args: {
+    siteName: string;
+  };
+};
+export default _default;
+export declare const Default: any;

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

@@ -1,31 +1,31 @@
-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;
-      control: {
-        type: string;
-      };
-    };
-  };
-  args: {
-    siteName: string;
-  };
-};
-export default _default;
-export declare const InlineMenu: any;
+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;
+      control: {
+        type: string;
+      };
+    };
+  };
+  args: {
+    siteName: string;
+  };
+};
+export default _default;
+export declare const InlineMenu: any;

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

@@ -1,31 +1,31 @@
-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;
-      control: {
-        type: string;
-      };
-    };
-  };
-  args: {
-    siteName: string;
-  };
-};
-export default _default;
-export declare const SearchbarMenu: any;
+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;
+      control: {
+        type: string;
+      };
+    };
+  };
+  args: {
+    siteName: string;
+  };
+};
+export default _default;
+export declare const SearchbarMenu: any;

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

@@ -1,31 +1,31 @@
-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;
-      control: {
-        type: string;
-      };
-    };
-  };
-  args: {
-    siteName: string;
-  };
-};
-export default _default;
-export declare const ToolbarMenu: any;
+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;
+      control: {
+        type: string;
+      };
+    };
+  };
+  args: {
+    siteName: string;
+  };
+};
+export default _default;
+export declare const ToolbarMenu: any;

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