@scania/tegel 0.0.2 → 0.0.4

package/dist/types/components/utility/colour/text-color.stories.d.ts

@@ -1,58 +1,58 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    layout: string;
-  };
-  argTypes: {
-    colour: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: {
-        Red: string;
-        Blue: string;
-        Grey: string;
-      };
-    };
-    greyScale: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      if: {
-        arg: string;
-        eq: string;
-      };
-    };
-    redScale: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      if: {
-        arg: string;
-        eq: string;
-      };
-    };
-    blueScale: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      if: {
-        arg: string;
-        eq: string;
-      };
-    };
-  };
-};
-export default _default;
-export declare const textColor: any;
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+  };
+  argTypes: {
+    colour: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: {
+        Red: string;
+        Blue: string;
+        Grey: string;
+      };
+    };
+    greyScale: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      if: {
+        arg: string;
+        eq: string;
+      };
+    };
+    redScale: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      if: {
+        arg: string;
+        eq: string;
+      };
+    };
+    blueScale: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      if: {
+        arg: string;
+        eq: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const textColor: any;

package/dist/types/components.d.ts

@@ -7,6 +7,8 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Placement } from "@popperjs/core";
 import { TablePropsChangedEvent } from "./components/data-table/table/table";
+export { Placement } from "@popperjs/core";
+export { TablePropsChangedEvent } from "./components/data-table/table/table";
 export namespace Components {
     interface SddsAccordion {
         /**
@@ -147,6 +149,14 @@ export namespace Components {
           * Href for the link
          */
         "href": string;
+        /**
+          * '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;
+        /**
+          * Where to open the linked URL
+         */
+        "target": '_self' | '_blank' | '_parent' | '_top';
     }
     interface SddsButton {
         /**
@@ -416,6 +426,32 @@ export namespace Components {
          */
         "value": string;
     }
+    interface SddsFooter {
+        /**
+          * Mode variant of the component, based on current mode.
+         */
+        "modeVariant": 'primary' | 'secondary';
+    }
+    interface SddsFooterLink {
+        /**
+          * URL for the link
+         */
+        "linkHref": string;
+        /**
+          * '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;
+        /**
+          * Where to open the linked URL
+         */
+        "target": '_self' | '_blank' | '_parent' | '_top';
+    }
+    interface SddsFooterLinkGroup {
+        /**
+          * Title text for the link group, only valid on top part of footer.
+         */
+        "titleText": string;
+    }
     interface SddsHeaderCell {
         /**
           * Value of column key, usually comes from JSON, needed for sorting
@@ -704,6 +740,38 @@ export namespace Components {
          */
         "variant": 'standard' | 'inverted';
     }
+    interface SddsStepper {
+        /**
+          * The direction the children are layed out.
+         */
+        "direction": 'horizontal' | 'vertical';
+        /**
+          * Hides the label for the child components if true.
+         */
+        "hideLabels": boolean;
+        /**
+          * Text position, only available on direction:horizontal
+         */
+        "labelPosition": 'aside' | 'below';
+        /**
+          * Size of the component and it's children.
+         */
+        "size": 'sm' | 'lg';
+    }
+    interface SddsStepperItem {
+        /**
+          * Label text for the stepper-item.
+         */
+        "labelText": string;
+        /**
+          * Method to set the width if the stepper item based on its siblings widht, used by the parent element.
+         */
+        "setWidth": (width: any) => Promise<void>;
+        /**
+          * State of the stepper-item
+         */
+        "state": 'current' | 'error' | 'success' | 'upcoming';
+    }
     interface SddsTable {
         /**
           * Enables style where data-table toolbar, rows and footer are less high
@@ -843,6 +911,10 @@ export namespace Components {
           * Name attribute
          */
         "name": string;
+        /**
+          * Unset minimum width of 208px.
+         */
+        "noMinWidth": boolean;
         /**
           * Placeholder text
          */
@@ -939,10 +1011,6 @@ export namespace Components {
           * Hides the toast.
          */
         "hideToast": () => Promise<{ toastId: string; }>;
-        /**
-          * ARIA role for the toast.
-         */
-        "role": 'alert' | 'log' | 'status';
         /**
           * Shows the toast.
          */
@@ -955,20 +1023,16 @@ export namespace Components {
           * ID for the toast. Randomly generated if not specified.
          */
         "toastId": string;
+        /**
+          * ARIA role for the toast.
+         */
+        "toastRole": 'alert' | 'log' | 'status';
         /**
           * Type of toast.
          */
         "type": 'information' | 'error' | 'warning' | 'success';
     }
     interface SddsToggle {
-        /**
-          * Aria-describedby for the toggles input element.
-         */
-        "ariaDescribedby": string;
-        /**
-          * Aria-labelledby for the toggles input element.
-         */
-        "ariaLabelledby": string;
         /**
           * Sets the toggle as checked
          */
@@ -981,10 +1045,6 @@ export namespace Components {
           * Headline for the toggle
          */
         "headline": string;
-        /**
-          * Label for the toggle
-         */
-        "label": string;
         /**
           * Name of the toggles input element
          */
@@ -1208,6 +1268,24 @@ declare global {
         prototype: HTMLSddsDropdownOptionElement;
         new (): HTMLSddsDropdownOptionElement;
     };
+    interface HTMLSddsFooterElement extends Components.SddsFooter, HTMLStencilElement {
+    }
+    var HTMLSddsFooterElement: {
+        prototype: HTMLSddsFooterElement;
+        new (): HTMLSddsFooterElement;
+    };
+    interface HTMLSddsFooterLinkElement extends Components.SddsFooterLink, HTMLStencilElement {
+    }
+    var HTMLSddsFooterLinkElement: {
+        prototype: HTMLSddsFooterLinkElement;
+        new (): HTMLSddsFooterLinkElement;
+    };
+    interface HTMLSddsFooterLinkGroupElement extends Components.SddsFooterLinkGroup, HTMLStencilElement {
+    }
+    var HTMLSddsFooterLinkGroupElement: {
+        prototype: HTMLSddsFooterLinkGroupElement;
+        new (): HTMLSddsFooterLinkGroupElement;
+    };
     interface HTMLSddsHeaderCellElement extends Components.SddsHeaderCell, HTMLStencilElement {
     }
     var HTMLSddsHeaderCellElement: {
@@ -1292,6 +1370,18 @@ declare global {
         prototype: HTMLSddsSpinnerElement;
         new (): HTMLSddsSpinnerElement;
     };
+    interface HTMLSddsStepperElement extends Components.SddsStepper, HTMLStencilElement {
+    }
+    var HTMLSddsStepperElement: {
+        prototype: HTMLSddsStepperElement;
+        new (): HTMLSddsStepperElement;
+    };
+    interface HTMLSddsStepperItemElement extends Components.SddsStepperItem, HTMLStencilElement {
+    }
+    var HTMLSddsStepperItemElement: {
+        prototype: HTMLSddsStepperItemElement;
+        new (): HTMLSddsStepperItemElement;
+    };
     interface HTMLSddsTableElement extends Components.SddsTable, HTMLStencilElement {
     }
     var HTMLSddsTableElement: {
@@ -1380,6 +1470,9 @@ declare global {
         "sdds-dropdown": HTMLSddsDropdownElement;
         "sdds-dropdown-filter": HTMLSddsDropdownFilterElement;
         "sdds-dropdown-option": HTMLSddsDropdownOptionElement;
+        "sdds-footer": HTMLSddsFooterElement;
+        "sdds-footer-link": HTMLSddsFooterLinkElement;
+        "sdds-footer-link-group": HTMLSddsFooterLinkGroupElement;
         "sdds-header-cell": HTMLSddsHeaderCellElement;
         "sdds-icon": HTMLSddsIconElement;
         "sdds-inline-tab": HTMLSddsInlineTabElement;
@@ -1394,6 +1487,8 @@ declare global {
         "sdds-radio-button": HTMLSddsRadioButtonElement;
         "sdds-slider": HTMLSddsSliderElement;
         "sdds-spinner": HTMLSddsSpinnerElement;
+        "sdds-stepper": HTMLSddsStepperElement;
+        "sdds-stepper-item": HTMLSddsStepperItemElement;
         "sdds-table": HTMLSddsTableElement;
         "sdds-table-body": HTMLSddsTableBodyElement;
         "sdds-table-body-row": HTMLSddsTableBodyRowElement;
@@ -1439,7 +1534,7 @@ declare namespace LocalJSX {
         /**
           * Fires after the accordion item is closed or opened, emitting the value (as boolean) of the current state of the accordion
          */
-        "onAccordionItemToggle"?: (event: SddsAccordionItemCustomEvent<boolean>) => void;
+        "onSddsToggle"?: (event: SddsAccordionItemCustomEvent<boolean>) => void;
         /**
           * When true 16px on right padding instead of 64px
          */
@@ -1551,6 +1646,14 @@ declare namespace LocalJSX {
           * Href for the link
          */
         "href"?: string;
+        /**
+          * '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;
+        /**
+          * Where to open the linked URL
+         */
+        "target"?: '_self' | '_blank' | '_parent' | '_top';
     }
     interface SddsButton {
         /**
@@ -1839,6 +1942,32 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface SddsFooter {
+        /**
+          * Mode variant of the component, based on current mode.
+         */
+        "modeVariant"?: 'primary' | 'secondary';
+    }
+    interface SddsFooterLink {
+        /**
+          * URL for the link
+         */
+        "linkHref"?: string;
+        /**
+          * '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;
+        /**
+          * Where to open the linked URL
+         */
+        "target"?: '_self' | '_blank' | '_parent' | '_top';
+    }
+    interface SddsFooterLinkGroup {
+        /**
+          * Title text for the link group, only valid on top part of footer.
+         */
+        "titleText"?: string;
+    }
     interface SddsHeaderCell {
         /**
           * Value of column key, usually comes from JSON, needed for sorting
@@ -2140,6 +2269,34 @@ declare namespace LocalJSX {
          */
         "variant"?: 'standard' | 'inverted';
     }
+    interface SddsStepper {
+        /**
+          * The direction the children are layed out.
+         */
+        "direction"?: 'horizontal' | 'vertical';
+        /**
+          * Hides the label for the child components if true.
+         */
+        "hideLabels"?: boolean;
+        /**
+          * Text position, only available on direction:horizontal
+         */
+        "labelPosition"?: 'aside' | 'below';
+        /**
+          * Size of the component and it's children.
+         */
+        "size"?: 'sm' | 'lg';
+    }
+    interface SddsStepperItem {
+        /**
+          * Label text for the stepper-item.
+         */
+        "labelText"?: string;
+        /**
+          * State of the stepper-item
+         */
+        "state"?: 'current' | 'error' | 'success' | 'upcoming';
+    }
     interface SddsTable {
         /**
           * Enables style where data-table toolbar, rows and footer are less high
@@ -2327,6 +2484,10 @@ declare namespace LocalJSX {
           * Name attribute
          */
         "name"?: string;
+        /**
+          * Unset minimum width of 208px.
+         */
+        "noMinWidth"?: boolean;
         /**
           * Blur event for the textarea
          */
@@ -2457,10 +2618,6 @@ declare namespace LocalJSX {
         "onSddsClose"?: (event: SddsToastCustomEvent<{
     toastId: string;
   }>) => void;
-        /**
-          * ARIA role for the toast.
-         */
-        "role"?: 'alert' | 'log' | 'status';
         /**
           * Subheader text for the component.
          */
@@ -2469,20 +2626,16 @@ declare namespace LocalJSX {
           * ID for the toast. Randomly generated if not specified.
          */
         "toastId"?: string;
+        /**
+          * ARIA role for the toast.
+         */
+        "toastRole"?: 'alert' | 'log' | 'status';
         /**
           * Type of toast.
          */
         "type"?: 'information' | 'error' | 'warning' | 'success';
     }
     interface SddsToggle {
-        /**
-          * Aria-describedby for the toggles input element.
-         */
-        "ariaDescribedby"?: string;
-        /**
-          * Aria-labelledby for the toggles input element.
-         */
-        "ariaLabelledby"?: string;
         /**
           * Sets the toggle as checked
          */
@@ -2495,10 +2648,6 @@ declare namespace LocalJSX {
           * Headline for the toggle
          */
         "headline"?: string;
-        /**
-          * Label for the toggle
-         */
-        "label"?: string;
         /**
           * Name of the toggles input element
          */
@@ -2506,7 +2655,7 @@ declare namespace LocalJSX {
         /**
           * Sends unique toggle identifier and status when it is toggled.
          */
-        "onSddsToggleChangeEvent"?: (event: SddsToggleCustomEvent<{
+        "onSddsToggle"?: (event: SddsToggleCustomEvent<{
     toggleId: string;
     checked: boolean;
   }>) => void;
@@ -2565,6 +2714,9 @@ declare namespace LocalJSX {
         "sdds-dropdown": SddsDropdown;
         "sdds-dropdown-filter": SddsDropdownFilter;
         "sdds-dropdown-option": SddsDropdownOption;
+        "sdds-footer": SddsFooter;
+        "sdds-footer-link": SddsFooterLink;
+        "sdds-footer-link-group": SddsFooterLinkGroup;
         "sdds-header-cell": SddsHeaderCell;
         "sdds-icon": SddsIcon;
         "sdds-inline-tab": SddsInlineTab;
@@ -2579,6 +2731,8 @@ declare namespace LocalJSX {
         "sdds-radio-button": SddsRadioButton;
         "sdds-slider": SddsSlider;
         "sdds-spinner": SddsSpinner;
+        "sdds-stepper": SddsStepper;
+        "sdds-stepper-item": SddsStepperItem;
         "sdds-table": SddsTable;
         "sdds-table-body": SddsTableBody;
         "sdds-table-body-row": SddsTableBodyRow;
@@ -2612,6 +2766,9 @@ declare module "@stencil/core" {
             "sdds-dropdown": LocalJSX.SddsDropdown & JSXBase.HTMLAttributes<HTMLSddsDropdownElement>;
             "sdds-dropdown-filter": LocalJSX.SddsDropdownFilter & JSXBase.HTMLAttributes<HTMLSddsDropdownFilterElement>;
             "sdds-dropdown-option": LocalJSX.SddsDropdownOption & JSXBase.HTMLAttributes<HTMLSddsDropdownOptionElement>;
+            "sdds-footer": LocalJSX.SddsFooter & JSXBase.HTMLAttributes<HTMLSddsFooterElement>;
+            "sdds-footer-link": LocalJSX.SddsFooterLink & JSXBase.HTMLAttributes<HTMLSddsFooterLinkElement>;
+            "sdds-footer-link-group": LocalJSX.SddsFooterLinkGroup & JSXBase.HTMLAttributes<HTMLSddsFooterLinkGroupElement>;
             "sdds-header-cell": LocalJSX.SddsHeaderCell & JSXBase.HTMLAttributes<HTMLSddsHeaderCellElement>;
             "sdds-icon": LocalJSX.SddsIcon & JSXBase.HTMLAttributes<HTMLSddsIconElement>;
             "sdds-inline-tab": LocalJSX.SddsInlineTab & JSXBase.HTMLAttributes<HTMLSddsInlineTabElement>;
@@ -2626,6 +2783,8 @@ declare module "@stencil/core" {
             "sdds-radio-button": LocalJSX.SddsRadioButton & JSXBase.HTMLAttributes<HTMLSddsRadioButtonElement>;
             "sdds-slider": LocalJSX.SddsSlider & JSXBase.HTMLAttributes<HTMLSddsSliderElement>;
             "sdds-spinner": LocalJSX.SddsSpinner & JSXBase.HTMLAttributes<HTMLSddsSpinnerElement>;
+            "sdds-stepper": LocalJSX.SddsStepper & JSXBase.HTMLAttributes<HTMLSddsStepperElement>;
+            "sdds-stepper-item": LocalJSX.SddsStepperItem & JSXBase.HTMLAttributes<HTMLSddsStepperItemElement>;
             "sdds-table": LocalJSX.SddsTable & JSXBase.HTMLAttributes<HTMLSddsTableElement>;
             "sdds-table-body": LocalJSX.SddsTableBody & JSXBase.HTMLAttributes<HTMLSddsTableBodyElement>;
             "sdds-table-body-row": LocalJSX.SddsTableBodyRow & JSXBase.HTMLAttributes<HTMLSddsTableBodyRowElement>;

package/dist/types/foundations-stories/colour/colour-brand.stories.d.ts

@@ -1,13 +1,13 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    layout: string;
-    docs: {
-      source: {
-        state: string;
-      };
-    };
-  };
-};
-export default _default;
-export declare const Brand: any;
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    docs: {
+      source: {
+        state: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const Brand: any;

package/dist/types/foundations-stories/colour/colour-scales.stories.d.ts

@@ -1,13 +1,13 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    layout: string;
-    docs: {
-      source: {
-        state: string;
-      };
-    };
-  };
-};
-export default _default;
-export declare const Scales: any;
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    docs: {
+      source: {
+        state: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const Scales: any;

package/dist/types/foundations-stories/colour/colour-semantic.stories.d.ts

@@ -1,13 +1,13 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    layout: string;
-    docs: {
-      source: {
-        state: string;
-      };
-    };
-  };
-};
-export default _default;
-export declare const Sematic: any;
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    docs: {
+      source: {
+        state: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const Sematic: any;

package/dist/types/foundations-stories/grid/grid.stories.d.ts

@@ -1,35 +1,35 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    layout: string;
-  };
-  args: {
-    fluidContainer: boolean;
-    padding: boolean;
-  };
-  argTypes: {
-    fluidContainer: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    padding: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-  };
-};
-export default _default;
-export declare const Default: any;
-export declare const Auto: any;
-export declare const Push: any;
-export declare const Offset: any;
-export declare const NoPadding: any;
-export declare const Fluid: any;
-export declare const Nested: any;
-export declare const ShowHide: any;
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+  };
+  args: {
+    fluidContainer: boolean;
+    padding: boolean;
+  };
+  argTypes: {
+    fluidContainer: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    padding: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const Default: any;
+export declare const Auto: any;
+export declare const Push: any;
+export declare const Offset: any;
+export declare const NoPadding: any;
+export declare const Fluid: any;
+export declare const Nested: any;
+export declare const ShowHide: any;

package/dist/types/foundations-stories/spacing/spacing-element.stories.d.ts

@@ -1,8 +1,8 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    layout: string;
-  };
-};
-export default _default;
-export declare const SpacingElement: any;
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+  };
+};
+export default _default;
+export declare const SpacingElement: any;