@scania/tegel 0.0.4 → 0.0.5

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

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

@@ -10,21 +10,31 @@ declare const _default: {
     }[];
   };
   argTypes: {
-    size: {
+    actions: {
       name: string;
       description: string;
       control: {
         type: string;
       };
       options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
-    actions: {
+    size: {
       name: string;
       description: string;
       control: {
         type: string;
       };
       options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
     headline: {
       name: string;
@@ -40,12 +50,20 @@ declare const _default: {
         type: string;
       };
     };
+    showModal: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
   };
   args: {
-    headline: string;
-    bodyText: string;
     actions: string;
     size: string;
+    headline: string;
+    bodyText: string;
+    showModal: boolean;
   };
 };
 export default _default;

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

@@ -1,17 +1,37 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class Modal {
+  host: HTMLElement;
   /** Disables closing modal on clicking on overlay area. */
   prevent: boolean;
   /** Size of modal  */
   size: 'xs' | 'sm' | 'md' | 'lg';
   /** Sticky or Static Actions  */
   actions: 'sticky' | 'static';
-  open: boolean;
-  el: HTMLElement;
-  closeButtonEl: HTMLElement;
-  /** Shows the modal  */
-  openModal(): Promise<void>;
+  /** CSS selector for the element that will show the modal. */
+  selector: string;
+  /** Element that will show the modal (takes priority over selector) */
+  referenceEl: HTMLElement;
+  /** 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;
+  isShown: boolean;
+  /** Shows the modal.  */
+  showModal(): Promise<void>;
+  /** Closes the modal. */
+  closeModal(): Promise<void>;
+  /** Emitts when the modal is closed. */
+  sddsClose: EventEmitter<any>;
+  connectedCallback(): void;
+  /** Emits a close event and then close the modal if it is not prevented. */
+  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;
+  /** Adds an event listener to the reference element that shows/closes the modal. */
+  initializeReferenceElement: (referenceEl: any) => void;
+  /** Check if there is a referenceElement or selector and adds event listener to them if so. */
+  setShowButton: () => void;
+  /** Adds an event listener to the dismiss buttons that closes the modal. */
   setDissmissButtons(): void;
-  handleClick(e: any): void;
-  componentDidRender(): void;
   render(): any;
 }

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

@@ -1,22 +1,31 @@
 import type { Placement, Instance } from '@popperjs/core';
 export declare class PopoverCanvas {
-  popoverCanvasElement: HTMLElement;
+  host: HTMLSddsPopoverCanvasElement;
   /** 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;
-  /** Decides if the Popover Canvas should be visible from the start */
+  /** Controls wether 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.
+   */
   show: boolean;
-  /** Decides the placement of the Popover Canvas */
+  /** Decides the placement of the Popover Canvas. See https://popper.js.org/docs/v2/constructors/#placement */
   placement: Placement;
   /** Sets the offset skidding */
   offsetSkidding: number;
   /** Sets the offset distance */
   offsetDistance: number;
+  /** Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/ */
+  modifiers: Object[];
   renderedShowValue: boolean;
   popperInstance: Instance;
   target: any;
-  handleOutsideClick(): void;
+  isShown: boolean;
+  onShowChange(newValue: boolean): void;
+  onReferenceElChange(newValue: HTMLElement, oldValue: HTMLElement): void;
+  onAnyClick(event: MouseEvent): void;
+  initialize: (referenceEl: any) => void;
+  connectedCallback(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
   disconnectedCallback(): void;

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

@@ -8,13 +8,15 @@ declare const _default: {
     canvasPosition: {
       name: string;
       description: string;
-      type: {
-        summary: string;
-      };
       control: {
         type: string;
       };
       options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
   };
   args: {

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

@@ -17,6 +17,11 @@ declare const _default: {
         type: string;
       };
       options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
   };
   args: {

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

@@ -17,6 +17,11 @@ declare const _default: {
         type: string;
       };
       options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
   };
   args: {

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

@@ -25,7 +25,7 @@ declare const _default: {
       };
       table: {
         defaultValue: {
-          summary: string;
+          summary: boolean;
         };
       };
     };

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

@@ -12,7 +12,7 @@ declare const _default: {
     label: {
       name: string;
       description: string;
-      controls: {
+      control: {
         type: string;
       };
     };
@@ -22,6 +22,11 @@ declare const _default: {
       control: {
         type: string;
       };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
   };
   args: {

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

@@ -27,7 +27,7 @@ export declare class Slider {
   /** Name property (will be inherited by the native slider component) */
   name: string;
   /** Sets the size of the scrubber */
-  size: 'sm' | '';
+  scrubberSize: 'sm' | 'lg';
   /** Snap to the ticks grid */
   snap: boolean;
   /** Id for the sliders input element, randomly generated if not specified. */