@scania/tegel 0.0.34 → 0.0.52

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;

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: {
@@ -42,4 +42,4 @@ declare const _default: {
   };
 };
 export default _default;
-export declare const Default: any;
+export declare const Native: any;

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

@@ -0,0 +1,13 @@
+import { HostElement } from '../../../../stencil-public-runtime';
+export declare class SddsFooterLink {
+  /** URL 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 prevents the opened page from getting access to the original page when using target='_blank'. */
+  rel: string;
+  host: HostElement;
+  parentIsTopPart: boolean;
+  connectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,11 @@
+import { HostElement } from '../../../../stencil-public-runtime';
+export declare class SddsFooterLinkGroup {
+  /** Title text for the link group, only valid on top part of footer. */
+  titleText: string;
+  host: HostElement;
+  open: boolean;
+  rightSlot: boolean;
+  parentIsTopPart: boolean;
+  connectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,9 @@
+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;
+}

package/dist/types/components/{tabs/inline-tabs-fullbleed/inline-tabs-fullbleed.stories.d.ts → footer/webcomponent/sdds-footer.stories.d.ts}

@@ -1,7 +1,12 @@
 declare const _default: {
   title: string;
   parameters: {
-    notes: any;
+    notes: {
+      Footer: any;
+      'Footer link group': any;
+      'Footer link': any;
+    };
+    layout: string;
     design: {
       name: string;
       type: string;
@@ -11,6 +16,7 @@ declare const _default: {
   argTypes: {
     modeVariant: {
       name: string;
+      description: string;
       control: {
         type: string;
       };
@@ -21,10 +27,18 @@ declare const _default: {
         };
       };
     };
+    topPart: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
   };
   args: {
     modeVariant: string;
+    topPart: boolean;
   };
 };
 export default _default;
-export declare const InlineTabsFullbleed: any;
+export declare const WebComponent: any;

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/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.stories.d.ts

@@ -10,7 +10,7 @@ declare const _default: {
     }[];
   };
   argTypes: {
-    disabled: {
+    underline: {
       name: string;
       description: string;
       controls: {
@@ -18,40 +18,40 @@ declare const _default: {
       };
       table: {
         defaultValue: {
-          summary: string;
+          summary: boolean;
         };
       };
     };
-    underline: {
+    target: {
       name: string;
       description: string;
-      controls: {
+      control: {
         type: string;
       };
+      options: string[];
       table: {
         defaultValue: {
           summary: string;
         };
       };
     };
-    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;

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

@@ -9,15 +9,20 @@ declare const _default: {
     }[];
   };
   argTypes: {
-    messageType: {
+    modeVariant: {
       name: string;
       description: string;
       control: {
         type: string;
       };
       options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
-    modeVariant: {
+    messageType: {
       name: string;
       description: string;
       control: {
@@ -30,39 +35,54 @@ declare const _default: {
         };
       };
     };
-    icon: {
+    showExtendedMessage: {
       name: string;
       description: string;
       control: {
         type: string;
       };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
     };
-    iconType: {
+    noIcon: {
       name: string;
       description: string;
       control: {
         type: string;
       };
-      options: string[];
-      if: {
-        arg: string;
-        eq: boolean;
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
       };
     };
-    showExtendedMessage: {
+    iconType: {
       name: string;
       description: string;
       control: {
         type: string;
       };
+      options: string[];
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
   };
   args: {
-    messageType: string;
     modeVariant: string;
-    icon: boolean;
-    iconType: string;
+    messageType: string;
     showExtendedMessage: boolean;
+    noIcon: boolean;
+    iconType: string;
   };
 };
 export default _default;

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

@@ -10,7 +10,7 @@ declare const _default: {
     }[];
   };
   argTypes: {
-    messageType: {
+    modeVariant: {
       name: string;
       description: string;
       control: {
@@ -23,7 +23,7 @@ declare const _default: {
         };
       };
     };
-    modeVariant: {
+    messageType: {
       name: string;
       description: string;
       control: {
@@ -45,11 +45,12 @@ declare const _default: {
     };
     extendedMessage: {
       name: string;
+      description: string;
       control: {
         type: string;
       };
     };
-    noIcon: {
+    minimal: {
       name: string;
       description: string;
       control: {
@@ -57,11 +58,11 @@ declare const _default: {
       };
       table: {
         defaultValue: {
-          summary: string;
+          summary: boolean;
         };
       };
     };
-    minimal: {
+    noIcon: {
       name: string;
       description: string;
       control: {
@@ -69,18 +70,18 @@ declare const _default: {
       };
       table: {
         defaultValue: {
-          summary: string;
+          summary: boolean;
         };
       };
     };
   };
   args: {
-    messageType: string;
     modeVariant: string;
+    messageType: string;
     header: string;
-    noIcon: boolean;
     extendedMessage: string;
     minimal: boolean;
+    noIcon: boolean;
   };
 };
 export default _default;

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

@@ -9,49 +9,64 @@ declare const _default: {
     }[];
   };
   argTypes: {
-    size: {
+    actions: {
       name: string;
       description: string;
       control: {
         type: string;
       };
       options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
-    showModal: {
+    size: {
       name: string;
       description: string;
       control: {
         type: string;
       };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
-    actions: {
+    headline: {
       name: string;
       description: string;
       control: {
         type: string;
       };
-      options: string[];
     };
-    headline: {
+    bodyText: {
       name: string;
       description: string;
       control: {
         type: string;
       };
     };
-    bodyText: {
+    showModal: {
       name: string;
       description: string;
       control: {
         type: string;
       };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
     };
   };
   args: {
-    headline: string;
-    bodyText: string;
     actions: string;
     size: string;
+    headline: string;
+    bodyText: string;
     showModal: boolean;
   };
 };