@scania/tegel 0.0.34 → 0.0.52

package/dist/types/components/tabs/{inline-tabs-default/inline-tabs.stories.d.ts → folder-tabs/folder-tabs.stories.d.ts}

@@ -2,8 +2,9 @@ declare const _default: {
   title: string;
   parameters: {
     notes: {
-      'Inline Tabs': any;
-      'Inline Tab': any;
+      'Folder tabs': any;
+      'Folder tabs button': any;
+      'Folder tabs link': any;
     };
     backgrounds: {
       default: string;
@@ -15,15 +16,9 @@ declare const _default: {
     }[];
   };
   argTypes: {
-    autoHeight: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
     modeVariant: {
       name: string;
+      description: string;
       control: {
         type: string;
       };
@@ -34,6 +29,14 @@ declare const _default: {
         };
       };
     };
+    tabType: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
     backgrounds: {
       table: {
         disable: boolean;
@@ -41,9 +44,9 @@ declare const _default: {
     };
   };
   args: {
-    autoHeight: boolean;
     modeVariant: string;
+    tabType: string;
   };
 };
 export default _default;
-export declare const InlineTabs: any;
+export declare const FolderTabs: any;

package/dist/types/components/tabs/inline-tabs/inline-tabs-button/sdds-inline-tabs-button.d.ts

@@ -0,0 +1,7 @@
+export declare class SddsInlineTabsButton {
+  /** Disables the tab. */
+  disabled: boolean;
+  /** Marks the tab as the selected one. */
+  selected: boolean;
+  render(): any;
+}

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

@@ -0,0 +1,13 @@
+export declare class SddsInlineTabsLink {
+  /** Disables the tab. */
+  disabled: boolean;
+  /** Marks the tab as the selected one. */
+  selected: boolean;
+  /** Href for the link */
+  href: string;
+  /** Where to open the linked URL */
+  target: '_self' | '_blank' | '_parent' | '_top';
+  /** '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/tabs/inline-tabs/inline-tabs.d.ts

@@ -0,0 +1,40 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { HostElement } from '../../../stencil-public-runtime';
+export declare class InlineTabsFullbleed {
+  /** Variant of the tabs, primary= on white, secondary= on grey50 */
+  modeVariant: 'primary' | 'secondary';
+  host: HostElement;
+  showLeftScroll: boolean;
+  showRightScroll: boolean;
+  selectedTab: {
+    tab: string;
+    tabIndex: number;
+  };
+  buttonWidth: number;
+  private navWrapperElement;
+  private componentWidth;
+  private buttonsWidth;
+  private scrollWidth;
+  private children;
+  /** Selects a tab based on tabindex, will not select a disabled tab. */
+  selectTab(tabIndex: number): Promise<{
+    selectedTab: string;
+    selectedTabIndex: number;
+  }>;
+  sddsChange: EventEmitter<{
+    selectedTab: {
+      tab: string;
+      tabIndex: number;
+    };
+  }>;
+  handleSelectedTabChange(): void;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  scrollRight(): void;
+  scrollLeft(): void;
+  evaluateScrollButtons(): void;
+  addResizeObserver: () => void;
+  render(): any;
+}

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

@@ -0,0 +1,44 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: {
+      'Inline tabs': any;
+      'Inline tabs button': any;
+      'Inline tabs link': any;
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    tabType: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+  };
+  args: {
+    modeVariant: string;
+    tabType: string;
+  };
+};
+export default _default;
+export declare const InlineTabs: any;

package/dist/types/components/tabs/navigation-tabs/navigation-tabs-button/sdds-navigation-tabs-button.d.ts

@@ -0,0 +1,7 @@
+export declare class SddsNavigationTabsButton {
+  /** Disables the tab. */
+  disabled: boolean;
+  /** Marks the tab as the selected one. */
+  selected: boolean;
+  render(): any;
+}

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

@@ -0,0 +1,13 @@
+export declare class SddsNavigationTabsLink {
+  /** Disables the tab. */
+  disabled: boolean;
+  /** Marks the tab as the selected one. */
+  selected: boolean;
+  /** Href for the link */
+  href: string;
+  /** Where to open the linked URL */
+  target: '_self' | '_blank' | '_parent' | '_top';
+  /** '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/tabs/navigation-tabs/navigation-tabs.d.ts

@@ -1,18 +1,33 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class NavigationTabs {
+  /** Variant of the tabs, primary= on white, secondary= on grey50 */
+  modeVariant: 'primary' | 'secondary';
   host: HTMLElement;
-  tabs: Array<any>;
   showLeftScroll: boolean;
   showRightScroll: boolean;
-  /** Variant of the tabs, primary= on white, secondary= on grey50 */
-  modeVariant: 'primary' | 'secondary';
-  navWrapperElement: HTMLElement;
-  componentWidth: number;
-  buttonsWidth: number;
-  scrollWidth: number;
-  buttonWidth: number;
-  componentDidRender(): void;
+  selectedTab: {
+    tab: string;
+    tabIndex: number;
+  };
+  private navWrapperElement;
+  private componentWidth;
+  private buttonsWidth;
+  private scrollWidth;
+  private children;
+  /** Selects a tab based on tabindex, will not select a disabled tab. */
+  selectTab(tabIndex: number): Promise<{
+    selectedTab: string;
+    selectedTabIndex: number;
+  }>;
+  sddsChange: EventEmitter<{
+    selectedTab: {
+      tab: string;
+      tabIndex: number;
+    };
+  }>;
+  handleSelectedTabChange(): void;
+  connectedCallback(): void;
   componentDidLoad(): void;
-  calculateButtonWidth(): void;
   scrollRight(): void;
   scrollLeft(): void;
   evaluateScrollButtons(): void;

package/dist/types/components/tabs/navigation-tabs/navigation-tabs.stories.d.ts

@@ -1,13 +1,44 @@
 declare const _default: {
   title: string;
   parameters: {
-    notes: any;
+    notes: {
+      'Navigation tabs': any;
+      'Navigation tabs button': any;
+      'Navigation tabs link': any;
+    };
     design: {
       name: string;
       type: string;
       url: string;
     }[];
   };
+  argTypes: {
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    tabType: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+  };
+  args: {
+    modeVariant: string;
+    tabType: string;
+  };
 };
 export default _default;
 export declare const NavigationTabs: any;

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

@@ -30,6 +30,8 @@ export declare class Textarea {
   modeVariant: 'primary' | 'secondary';
   /** Control of autofocus */
   autoFocus: boolean;
+  /** Unset minimum width of 208px. */
+  noMinWidth: boolean;
   /** Listen to the focus state of the input */
   focusInput: any;
   /** Change event for the textarea */

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

@@ -10,13 +10,6 @@ declare const _default: {
     }[];
   };
   argTypes: {
-    placeholder: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
     modeVariant: {
       name: string;
       description: string;
@@ -30,46 +23,54 @@ declare const _default: {
         };
       };
     };
-    disabled: {
-      description: string;
+    state: {
       name: string;
+      description: string;
       control: {
         type: string;
       };
+      options: string[];
       table: {
         defaultValue: {
-          summary: boolean;
+          summary: string;
         };
       };
     };
-    readonly: {
+    label: {
+      name: string;
       description: string;
+      control: {
+        type: string;
+      };
+    };
+    labelPosition: {
       name: string;
+      description: string;
       control: {
         type: string;
       };
+      options: string[];
       table: {
         defaultValue: {
-          summary: boolean;
+          summary: string;
         };
       };
     };
-    label: {
-      description: string;
+    placeholder: {
       name: string;
+      description: string;
       control: {
         type: string;
       };
     };
-    labelPosition: {
+    helper: {
       name: string;
+      description: string;
       control: {
         type: string;
       };
-      options: string[];
-      description: string;
     };
-    helper: {
+    rows: {
       name: string;
       description: string;
       control: {
@@ -83,33 +84,55 @@ declare const _default: {
         type: string;
       };
     };
-    rows: {
+    noMinWidth: {
       name: string;
       description: string;
       control: {
         type: string;
       };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
     };
-    state: {
+    readonly: {
       name: string;
       description: string;
       control: {
         type: string;
       };
-      options: string[];
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    disabled: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
     };
   };
   args: {
-    placeholder: string;
-    disabled: boolean;
-    readonly: boolean;
+    modeVariant: string;
+    state: string;
     label: string;
     labelPosition: string;
+    placeholder: string;
     helper: string;
-    maxLength: number;
     rows: number;
-    state: string;
-    modeVariant: string;
+    maxLength: number;
+    noMinWidth: boolean;
+    readonly: boolean;
+    disabled: boolean;
   };
 };
 export default _default;

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

@@ -10,23 +10,22 @@ declare const _default: {
     }[];
   };
   argTypes: {
-    placeholderText: {
+    modeVariant: {
       name: string;
       description: string;
       control: {
         type: string;
       };
-    };
-    type: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-        options: string[];
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
       };
     };
-    modeVariant: {
+    state: {
       name: string;
+      description: string;
       control: {
         type: string;
       };
@@ -37,54 +36,65 @@ declare const _default: {
         };
       };
     };
-    size: {
+    type: {
       name: string;
       description: string;
       control: {
         type: string;
-        options: string[];
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
       };
     };
-    minWidth: {
+    size: {
       name: string;
       description: string;
       control: {
         type: string;
       };
+      options: string[];
       table: {
         defaultValue: {
-          summary: boolean;
+          summary: string;
         };
       };
     };
-    disabled: {
-      description: string;
+    label: {
       name: string;
+      description: string;
       control: {
         type: string;
       };
     };
-    readonly: {
-      description: string;
+    labelPosition: {
       name: string;
+      description: string;
       control: {
         type: string;
       };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
-    label: {
-      description: string;
+    placeholderText: {
       name: string;
+      description: string;
       control: {
         type: string;
       };
     };
-    labelPosition: {
+    helper: {
       name: string;
+      description: string;
       control: {
         type: string;
       };
-      options: string[];
-      description: string;
     };
     prefix: {
       name: string;
@@ -92,11 +102,6 @@ declare const _default: {
       control: {
         type: string;
       };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
     };
     prefixType: {
       name: string;
@@ -116,11 +121,6 @@ declare const _default: {
       control: {
         type: string;
       };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
     };
     suffixType: {
       name: string;
@@ -134,46 +134,67 @@ declare const _default: {
         eq: boolean;
       };
     };
-    helper: {
+    maxLength: {
       name: string;
       description: string;
       control: {
         type: string;
       };
     };
-    maxLength: {
+    noMinWidth: {
       name: string;
       description: string;
       control: {
         type: string;
       };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
     };
-    state: {
+    readonly: {
+      description: string;
       name: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    disabled: {
       description: string;
+      name: string;
       control: {
         type: string;
       };
-      options: string[];
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
     };
   };
   args: {
-    placeholderText: string;
-    disabled: boolean;
-    readonly: boolean;
+    modeVariant: string;
+    state: string;
+    type: string;
+    size: string;
     label: string;
     labelPosition: string;
+    placeholderText: string;
     helper: string;
-    maxLength: number;
-    state: string;
-    suffix: boolean;
-    suffixType: string;
     prefix: boolean;
     prefixType: string;
-    minWidth: string;
-    size: string;
-    type: string;
-    modeVariant: string;
+    suffix: boolean;
+    suffixType: string;
+    maxLength: number;
+    noMinWidth: string;
+    readonly: boolean;
+    disabled: boolean;
   };
 };
 export default _default;

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

@@ -31,6 +31,6 @@ export declare class SddsToast {
   getIconName: () => "info" | "error" | "warning" | "tick";
   handleClose: () => void;
   connectedCallback(): void;
-  getHeaderClasses: () => "" | "only-header" | "no-subheader";
+  getHeaderClasses: () => "" | "no-subheader" | "only-header";
   render(): any;
 }

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

@@ -34,14 +34,9 @@ declare const _default: {
     link: {
       name: string;
       description: string;
-    };
-    iconType: {
-      name: string;
-      description: string;
       control: {
         type: string;
       };
-      options: string[];
     };
     icon: {
       name: string;
@@ -50,10 +45,14 @@ declare const _default: {
         type: string;
       };
       options: any[];
-      if: {
-        arg: string;
-        neq: string;
+    };
+    iconType: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
       };
+      options: string[];
     };
   };
   args: {
@@ -61,8 +60,8 @@ declare const _default: {
     header: string;
     subheader: string;
     link: boolean;
-    iconType: string;
     icon: string;
+    iconType: string;
   };
 };
 export default _default;