@scania/tegel 0.0.9 → 0.0.10

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

@@ -0,0 +1,44 @@
+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 Default: any;

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

@@ -1,8 +1,12 @@
+/**
+ * @slot icon - Slot for an Icon in the dropdown button.
+ * @slot label - Slot for a label text in the dropdown button.
+ */
 export declare class TdsHeaderDropdown {
   host: HTMLElement;
   /** The label of the button that opens the dropdown.
    * This is an alternative to the button-label slot. */
-  buttonLabel: string;
+  label: string;
   /** If the dropdown icon (downwards chevron) should be hidden. */
   noDropdownIcon: boolean;
   /** If the button that opens the dropdown should appear selected. */

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

@@ -1,12 +1,16 @@
+/**
+ * @slot thumbnail - Slot for the thumbnail.
+ * @slot header - Slot for the header.
+ */
 export declare class TdsHeaderDropdownListLgUser {
   /** Image URL. */
   imgUrl: string;
   /** Image alt text. */
   imgAlt: string;
-  /** Heading, usually the users first name and last name. */
-  heading: string;
-  /** Subheading. */
-  subheading: string;
+  /** Header text, usually the users first name and last name. */
+  header: string;
+  /** Subheader text. */
+  subheader: string;
   host: HTMLElement;
   render(): any;
 }

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

@@ -1,3 +1,8 @@
+/**
+ * @slot hamburger - Slot for the hamburger button for opening the mobile menu.
+ * @slot title - Slot for the title.
+ * @slot end - Slot for the end (right side) of the header.
+ */
 export declare class TdsHeader {
   host: HTMLElement;
   private observer;

package/dist/types/components/header/header.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/icon/icon.stories.d.ts

@@ -0,0 +1,36 @@
+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;
+      };
+      options: number[];
+    };
+  };
+  args: {
+    size: number;
+    icon: string;
+  };
+};
+export default _default;
+export declare const Icons: any;

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

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

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

@@ -1,3 +1,6 @@
+/**
+ * @slot <default> - Default slot for the extended message section.
+ */
 export declare class TdsMessage {
   /** Header text for the component. */
   header: string;

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

@@ -0,0 +1,88 @@
+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;
+        };
+      };
+    };
+    messageType: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    header: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    extendedMessage: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    minimal: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    noIcon: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    messageType: string;
+    header: string;
+    extendedMessage: string;
+    minimal: boolean;
+    noIcon: boolean;
+  };
+};
+export default _default;
+export declare const Default: any;

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

@@ -1,6 +1,13 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot header - Slot for header text
+ * @slot body - Slot for main content of modal
+ * @slot actions - Slot for extra buttons
+ * */
 export declare class TdsModal {
   host: HTMLElement;
+  /** Sets the header of the Modal. */
+  header: string;
   /** Disables closing Modal on clicking on overlay area. */
   prevent: boolean;
   /** Size of Modal  */
@@ -10,7 +17,7 @@ export declare class TdsModal {
   /** CSS selector for the element that will show the Modal. */
   selector: string;
   /** Element that will show the Modal (takes priority over selector) */
-  referenceEl: HTMLElement;
+  referenceEl?: HTMLElement | null;
   /** Controls whether the Modal is shown or not. If this is set hiding and showing
    * will be decided by this prop and will need to be controlled from the outside. */
   show: boolean;
@@ -22,8 +29,7 @@ export declare class TdsModal {
   /** Emits when the Modal is closed. */
   tdsClose: EventEmitter<any>;
   connectedCallback(): void;
-  /** Emits a close event and then close the Modal if it is not prevented. */
-  handleClose: (event?: any) => void;
+  handleClose: (event: any) => void;
   handleShow: () => void;
   /** Checks if click on Modal is on overlay, if so it closes the Modal if prevent is not true. */
   handleOverlayClick(event: any): void;

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

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

package/dist/types/components/popover-canvas/popover-canvas.d.ts

@@ -4,7 +4,7 @@ export declare class TdsPopoverCanvas {
   /** The CSS-selector for an element that will trigger the Popover */
   selector: string;
   /** Element that will trigger the Popover (takes priority over selector) */
-  referenceEl: HTMLElement;
+  referenceEl?: HTMLElement | null;
   /** Controls whether the Popover is shown or not. If this is set hiding and showing
    * will be decided by this prop and will need to be controlled from the outside.
    */

package/dist/types/components/popover-canvas/popover-canvas.stories.d.ts

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

package/dist/types/components/popover-menu/popover-menu.d.ts

@@ -4,7 +4,7 @@ export declare class TdsPopoverMenu {
   /** The CSS-selector for an element that will trigger the pop-over */
   selector: string;
   /** Element that will trigger the pop-over (takes priority over selector) */
-  referenceEl: HTMLElement;
+  referenceEl?: HTMLElement | null;
   /** Decides if the Popover Menu should be visible from the start */
   show: boolean;
   /** Decides the placement of the Popover Menu */

package/dist/types/components/popover-menu/popover-menu.stories.d.ts

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

package/dist/types/components/radio-button/radio-button.d.ts

@@ -1,4 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot label - Slot for the label text.
+ */
 export declare class TdsRadioButton {
   host: HTMLElement;
   /** Name of Radio Button, used for reference. */

package/dist/types/components/radio-button/radio-button.stories.d.ts

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

package/dist/types/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.d.ts

@@ -1,5 +1,8 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { CollapseEvent } from '../side-menu';
+/**
+ * @slot <default>  - <b>Unnamed slot.</b> Used for injecting text presented in collapse button
+ * */
 export declare class TdsSideMenuCollapseButton {
   host: HTMLElement;
   collapsed: boolean;

package/dist/types/components/side-menu/side-menu-dropdown/side-menu-dropdown.d.ts

@@ -1,4 +1,9 @@
 import { CollapseEvent } from '../side-menu';
+/**
+ * @slot button-icon - Used for injecting the icon that compliments the dropdown title
+ * @slot button-label - Used for injecting the text, aka dropdown title
+ * @slot <default>  - <b>Unnamed slot.</b> Used for injection of <code>tds-side-menu-dropdown-list</code> subcomponent
+ * */
 export declare class TdsSideMenuDropdown {
   host: HTMLElement;
   /** If the dropdown should be open from the start. */

package/dist/types/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.d.ts

@@ -1,4 +1,7 @@
 import { CollapseEvent } from '../side-menu';
+/**
+ * @slot <default>  - <b>Unnamed slot.</b> Used for injection of <code>tds-side-menu-dropdown-list-item</code> subcomponent
+ * */
 export declare class TdsSideMenuDropdownList {
   host: HTMLElement;
   collapsed: boolean;

package/dist/types/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.d.ts

@@ -1,4 +1,7 @@
 import { CollapseEvent } from '../side-menu';
+/**
+ * @slot <default>  - <b>Unnamed slot.</b> Used for injecting native <code>button</code> and <code>link</code> elements
+ * */
 export declare class TdsSideMenuDropdownListItem {
   host: HTMLElement;
   /** If the item should appear selected. */

package/dist/types/components/side-menu/side-menu-item/side-menu-item.d.ts

@@ -1,4 +1,7 @@
 import { CollapseEvent } from '../side-menu';
+/**
+ * @slot <default>  - <b>Unnamed slot.</b> Used for injecting native <code>button</code> and <code>link</code> elements
+ * */
 export declare class TdsSideMenuItem {
   host: HTMLTdsSideMenuItemElement;
   /** If the item should appear selected. */

package/dist/types/components/side-menu/side-menu-user/side-menu-user.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @slot <default> - <b>Unnamed slot.</b> Used as alternative to props to inject <code><img...</code> element directly into the DOM.
+ * */
 export declare class TdsSideMenuUser {
   /** The heading text. */
   heading: string;

package/dist/types/components/side-menu/side-menu-user-image/side-menu-user-image.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @slot <default> -
+ * <b>Unnamed slot.</b> Used as alternative to props to inject <code><img...</code> element directly into the DOM.
+ * */
 export declare class TdsSideMenuUserImage {
   /** The image source. */
   src: string;

package/dist/types/components/side-menu/side-menu.d.ts

@@ -8,6 +8,14 @@ type Props = {
 export type InternalTdsSideMenuPropChange = {
   changed: Array<keyof Props>;
 } & Partial<Props>;
+/**
+ * @slot overlay - Used of injection of tds-side-menu-overlay
+ * @slot close-button - Used for injection of tds-side-menu-close-button that is show when in mobile view
+ * @slot <default> - <b>Unnamed slot.</b>
+ * Used for nesting main content of Side Menu, e.g. <code><tds-side-menu-item></code> and <code><tds-side-menu-dropdown></code> components
+ * @slot end - Used for items that are presented at the bottom of the Side Menu, e.g. profile settings
+ * @slot sticky-end - Used for tds-side-menu-collapse-button component
+ * */
 export declare class TdsSideMenu {
   host: HTMLTdsSideMenuElement;
   /** Applicable only for mobile. If the Side Menu is open or not. */

package/dist/types/components/side-menu/side-menu.stories.d.ts

@@ -0,0 +1,53 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: {
+      'Side Menu': any;
+      'Side Menu Item': any;
+      'Side Menu Dropdown': any;
+      'Side Menu Dropdown List': any;
+      'Side Menu Dropdown List Item': any;
+      'Side Menu User': any;
+      'Side Menu Collapse Button': any;
+      'Side Menu Close Button': any;
+      'Side Menu Overlay': any;
+    };
+    layout: string;
+    docs: {
+      source: {
+        state: string;
+      };
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    persistent: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    collapsible: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        truthy: boolean;
+      };
+    };
+  };
+  args: {
+    persistent: boolean;
+    collapsible: boolean;
+  };
+};
+export default _default;
+export declare const Default: any;

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

@@ -43,7 +43,6 @@ export declare class TdsSlider {
   private scrubberGrabbed;
   private scrubberLeft;
   private tickValues;
-  private disabledState;
   private readonlyState;
   private useControls;
   private useInput;