@scania/tegel 0.0.2 → 0.0.5

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

@@ -1,24 +1,33 @@
-import type { Placement, Instance } from '@popperjs/core';
-export declare class PopoverCanvas {
-  popoverCanvasElement: HTMLElement;
-  /** 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 */
-  show: boolean;
-  /** Decides the placement of the Popover Canvas */
-  placement: Placement;
-  /** Sets the offset skidding */
-  offsetSkidding: number;
-  /** Sets the offset distance */
-  offsetDistance: number;
-  renderedShowValue: boolean;
-  popperInstance: Instance;
-  target: any;
-  handleOutsideClick(): void;
-  componentDidLoad(): void;
-  componentDidRender(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}
+import type { Placement, Instance } from '@popperjs/core';
+export declare class PopoverCanvas {
+  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;
+  /** 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. 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;
+  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;
+  render(): any;
+}

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

@@ -1,25 +1,27 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    layout: string;
-    notes: any;
-  };
-  argTypes: {
-    canvasPosition: {
-      name: string;
-      description: string;
-      type: {
-        summary: string;
-      };
-      control: {
-        type: string;
-      };
-      options: string[];
-    };
-  };
-  args: {
-    canvasPosition: string;
-  };
-};
-export default _default;
-export declare const Default: any;
+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-icons.stories.d.ts

@@ -1,27 +1,32 @@
-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[];
-    };
-  };
-  args: {
-    menuPosition: string;
-  };
-};
-export default _default;
-export declare const WithIcons: any;
+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;
+        };
+      };
+    };
+  };
+  args: {
+    menuPosition: string;
+  };
+};
+export default _default;
+export declare const WithIcons: any;

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

@@ -1,24 +1,24 @@
-import type { Placement, Instance } from '@popperjs/core';
-export declare class PopoverMenu {
-  popoverMenuElement: HTMLElement;
-  /** 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 Menu should be visible from the start */
-  show: boolean;
-  /** Decides the placement of the Popover Menu */
-  placement: Placement;
-  /** Sets the offset skidding */
-  offsetSkidding: number;
-  /** Sets the offset distance */
-  offsetDistance: number;
-  renderedShowValue: boolean;
-  popperInstance: Instance;
-  target: any;
-  handleOutsideClick(): void;
-  componentDidLoad(): void;
-  componentDidRender(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}
+import type { Placement, Instance } from '@popperjs/core';
+export declare class PopoverMenu {
+  popoverMenuElement: HTMLElement;
+  /** 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 Menu should be visible from the start */
+  show: boolean;
+  /** Decides the placement of the Popover Menu */
+  placement: Placement;
+  /** Sets the offset skidding */
+  offsetSkidding: number;
+  /** Sets the offset distance */
+  offsetDistance: number;
+  renderedShowValue: boolean;
+  popperInstance: Instance;
+  target: any;
+  handleOutsideClick(): void;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -1,27 +1,32 @@
-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[];
-    };
-  };
-  args: {
-    menuPosition: string;
-  };
-};
-export default _default;
-export declare const Default: any;
+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;
+        };
+      };
+    };
+  };
+  args: {
+    menuPosition: string;
+  };
+};
+export default _default;
+export declare const Default: any;

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

@@ -1,39 +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: string;
-        };
-      };
-    };
-  };
-  args: {
-    label: string;
-    disabled: boolean;
-  };
-};
-export default _default;
-export declare const WebComponent: any;
+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 WebComponent: any;

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

@@ -1,26 +1,26 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { HostElement } from '../../stencil-public-runtime';
-export declare class RadioButton {
-  /** Name of radio button, used for reference. */
-  name: string;
-  /** Value of input. */
-  value: string;
-  /** REMEMBER TO ENABLE ARIA PROPS ONCE ALIGNMET HAS BEEN MADE! */
-  /** Label mainly used for accesibility tools. */
-  /** Label mainly used for accesibility tools. */
-  /** Unique radio button identifier. */
-  radioId: string;
-  /** Decides if the radio button is checked or not. */
-  checked: boolean;
-  /** Decides if the radio button is required or not. */
-  required: boolean;
-  /** Decides if the radio button is disabled or not. */
-  disabled: boolean;
-  host: HostElement;
-  /** Sends unique radio button identifier and status when it is checked. If no ID is specified a random one will be generated. To use this listener don't use the randomized ID, use a specific one of your choosing. */
-  sddsChange: EventEmitter<{
-    radioId: string;
-    value: string;
-  }>;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+import { HostElement } from '../../stencil-public-runtime';
+export declare class RadioButton {
+  /** Name of radio button, used for reference. */
+  name: string;
+  /** Value of input. */
+  value: string;
+  /** REMEMBER TO ENABLE ARIA PROPS ONCE ALIGNMET HAS BEEN MADE! */
+  /** Label mainly used for accesibility tools. */
+  /** Label mainly used for accesibility tools. */
+  /** Unique radio button identifier. */
+  radioId: string;
+  /** Decides if the radio button is checked or not. */
+  checked: boolean;
+  /** Decides if the radio button is required or not. */
+  required: boolean;
+  /** Decides if the radio button is disabled or not. */
+  disabled: boolean;
+  host: HostElement;
+  /** Sends unique radio button identifier and status when it is checked. If no ID is specified a random one will be generated. To use this listener don't use the randomized ID, use a specific one of your choosing. */
+  sddsChange: EventEmitter<{
+    radioId: string;
+    value: string;
+  }>;
+  render(): any;
+}

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

@@ -1,33 +1,38 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    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;
-      };
-    };
-  };
-  args: {
-    label: string;
-    disabled: boolean;
-  };
-};
-export default _default;
-export declare const Native: any;
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    label: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    disabled: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+  args: {
+    label: string;
+    disabled: boolean;
+  };
+};
+export default _default;
+export declare const Native: any;

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

@@ -1,42 +1,42 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    layout: string;
-    docs: {
-      source: {
-        state: string;
-      };
-    };
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  argTypes: {
-    collapsed: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    showIcons: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      if: {
-        arg: string;
-        neq: boolean;
-      };
-    };
-  };
-  args: {
-    collapsed: boolean;
-    showIcons: boolean;
-  };
-};
-export default _default;
-export declare const Default: any;
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    docs: {
+      source: {
+        state: string;
+      };
+    };
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    collapsed: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    showIcons: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        neq: boolean;
+      };
+    };
+  };
+  args: {
+    collapsed: boolean;
+    showIcons: boolean;
+  };
+};
+export default _default;
+export declare const Default: any;