@scania/tegel 0.0.34 → 0.0.52

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

@@ -9,28 +9,34 @@ declare const _default: {
     }[];
   };
   argTypes: {
-    header: {
+    modeVariant: {
       name: string;
       description: string;
       control: {
         type: string;
       };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
-    subheader: {
+    header: {
       name: string;
       description: string;
       control: {
         type: string;
       };
     };
-    bodyText: {
+    subheader: {
       name: string;
       description: string;
       control: {
         type: string;
       };
     };
-    bodyDivider: {
+    headerImg: {
       name: string;
       description: string;
       control: {
@@ -41,18 +47,21 @@ declare const _default: {
           summary: boolean;
         };
       };
-      if: {
-        arg: string;
-        eq: boolean;
-      };
     };
-    cardBottom: {
+    headerPlacement: {
       name: string;
+      description: string;
       control: {
         type: string;
       };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
-    clickable: {
+    bodyImg: {
       name: string;
       description: string;
       control: {
@@ -63,15 +72,19 @@ declare const _default: {
           summary: boolean;
         };
       };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
     };
-    bodyImg: {
+    bodyText: {
       name: string;
       description: string;
       control: {
         type: string;
       };
     };
-    imageTop: {
+    bodyDivider: {
       name: string;
       description: string;
       control: {
@@ -87,41 +100,28 @@ declare const _default: {
         eq: boolean;
       };
     };
-    headerImg: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    headerPlacement: {
+    cardBottom: {
       name: string;
       description: string;
       control: {
         type: string;
       };
-      options: string[];
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
     };
-    modeVariant: {
+    clickable: {
       name: string;
       description: string;
       control: {
         type: string;
       };
-      options: string[];
       table: {
         defaultValue: {
-          summary: string;
+          summary: boolean;
         };
       };
     };
   };
   args: {
+    modeVariant: string;
     header: string;
     subheader: string;
     headerImg: boolean;
@@ -130,7 +130,6 @@ declare const _default: {
     bodyText: string;
     bodyDivider: boolean;
     cardBottom: string;
-    modeVariant: string;
     clickable: boolean;
   };
 };

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

@@ -57,24 +57,23 @@ declare const _default: {
         };
       };
     };
-    bodyContent: {
+    bodyImg: {
       name: string;
       description: string;
       control: {
         type: string;
       };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
     };
-    clickable: {
+    bodyContent: {
       name: string;
       description: string;
       control: {
         type: string;
       };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
     };
     bodyDivider: {
       name: string;
@@ -82,24 +81,24 @@ declare const _default: {
       control: {
         type: string;
       };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
       table: {
         defaultValue: {
           summary: boolean;
         };
       };
-      if: {
-        arg: string;
-        eq: boolean;
-      };
     };
-    bodyImg: {
+    cardBottom: {
       name: string;
       description: string;
       control: {
         type: string;
       };
     };
-    imageTop: {
+    clickable: {
       name: string;
       description: string;
       control: {
@@ -110,19 +109,10 @@ declare const _default: {
           summary: boolean;
         };
       };
-      if: {
-        arg: string;
-        eq: boolean;
-      };
-    };
-    cardBottom: {
-      name: string;
-      control: {
-        type: string;
-      };
     };
   };
   args: {
+    modeVariant: string;
     header: string;
     subheader: string;
     headerImg: boolean;
@@ -131,7 +121,6 @@ declare const _default: {
     bodyContent: string;
     bodyDivider: boolean;
     cardBottom: string;
-    modeVariant: string;
     clickable: boolean;
   };
 };

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

@@ -9,7 +9,7 @@ declare const _default: {
     }[];
   };
   argTypes: {
-    disabled: {
+    label: {
       name: string;
       description: string;
       control: {
@@ -22,17 +22,29 @@ declare const _default: {
       control: {
         type: string;
       };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
     };
-    label: {
+    disabled: {
       name: string;
       description: string;
-      type: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
     };
   };
   args: {
-    disabled: boolean;
-    checked: boolean;
     label: string;
+    checked: boolean;
+    disabled: boolean;
   };
 };
 export default _default;

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

@@ -10,7 +10,7 @@ declare const _default: {
     }[];
   };
   argTypes: {
-    disabled: {
+    label: {
       name: string;
       description: string;
       control: {
@@ -23,17 +23,29 @@ declare const _default: {
       control: {
         type: string;
       };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
     };
-    label: {
+    disabled: {
       name: string;
       description: string;
-      type: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
     };
   };
   args: {
-    disabled: boolean;
-    checked: boolean;
     label: string;
+    checked: boolean;
+    disabled: boolean;
   };
 };
 export default _default;

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

@@ -9,68 +9,92 @@ declare const _default: {
     }[];
   };
   argTypes: {
-    placeholderText: {
+    active: {
       name: string;
       description: string;
       control: {
         type: string;
       };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
     };
-    icon: {
+    size: {
       name: string;
       description: string;
       control: {
         type: string;
       };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
-    iconType: {
+    placeholderText: {
       name: string;
       description: string;
       control: {
         type: string;
       };
-      options: string[];
-      if: {
-        arg: string;
-        eq: boolean;
-      };
     };
-    iconPosition: {
+    icon: {
       name: string;
       description: string;
       control: {
         type: string;
       };
-      options: string[];
-      if: {
-        arg: string;
-        eq: boolean;
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
       };
     };
-    state: {
+    iconPosition: {
       name: string;
       description: string;
       control: {
         type: string;
       };
       options: string[];
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
-    size: {
+    iconType: {
       name: string;
       description: string;
       control: {
         type: string;
       };
       options: string[];
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
     };
   };
   args: {
+    active: boolean;
+    size: string;
     placeholderText: string;
     icon: boolean;
-    iconType: string;
     iconPosition: string;
-    state: string;
-    size: string;
+    iconType: string;
   };
 };
 export default _default;

package/dist/types/components/data-table/native-table.stories.d.ts

@@ -1,19 +1,20 @@
 declare const _default: {
   title: string;
   argTypes: {
-    tableTitle: {
+    modeVariant: {
       name: string;
       description: string;
       control: {
         type: string;
       };
+      options: string[];
       table: {
         defaultValue: {
           summary: string;
         };
       };
     };
-    isCompact: {
+    compactDesign: {
       name: string;
       description: string;
       control: {
@@ -25,7 +26,7 @@ declare const _default: {
         };
       };
     };
-    dividers: {
+    responsiveDesign: {
       name: string;
       description: string;
       control: {
@@ -37,20 +38,14 @@ declare const _default: {
         };
       };
     };
-    modeVariant: {
+    tableTitle: {
       name: string;
       description: string;
       control: {
         type: string;
       };
-      options: string[];
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
     };
-    responsiveTable: {
+    verticalDivider: {
       name: string;
       description: string;
       control: {
@@ -62,7 +57,7 @@ declare const _default: {
         };
       };
     };
-    noMinWidthArg: {
+    noMinWidth: {
       name: string;
       description: string;
       control: {
@@ -77,11 +72,8 @@ declare const _default: {
     column1Width: {
       name: string;
       description: string;
-      type: string;
-      table: {
-        defaultValue: {
-          summary: string;
-        };
+      control: {
+        type: string;
       };
       if: {
         arg: string;
@@ -91,11 +83,8 @@ declare const _default: {
     column2Width: {
       name: string;
       description: string;
-      type: string;
-      table: {
-        defaultValue: {
-          summary: string;
-        };
+      control: {
+        type: string;
       };
       if: {
         arg: string;
@@ -105,11 +94,8 @@ declare const _default: {
     column3Width: {
       name: string;
       description: string;
-      type: string;
-      table: {
-        defaultValue: {
-          summary: string;
-        };
+      control: {
+        type: string;
       };
       if: {
         arg: string;
@@ -119,11 +105,11 @@ declare const _default: {
   };
   args: {
     modeVariant: string;
+    compactDesign: boolean;
+    responsiveDesign: boolean;
     tableTitle: string;
-    isCompact: boolean;
-    dividers: boolean;
-    noMinWidthArg: boolean;
-    responsiveTable: boolean;
+    verticalDivider: boolean;
+    noMinWidth: boolean;
     column1Width: string;
     column2Width: string;
     column3Width: string;

package/dist/types/components/data-table/table/table.d.ts

@@ -7,8 +7,9 @@ type Props = {
   enableExpandableRows: boolean;
   enableResponsive: boolean;
   modeVariant: 'primary' | 'secondary' | null;
+  textAlign: string;
 };
-export type TablePropsChangedEvent = {
+export type InternalSddsTablePropChange = {
   tableId: string;
   changed: Array<keyof Props>;
 } & Partial<Props>;
@@ -33,9 +34,9 @@ export declare class Table {
    */
   tableId: string;
   host: HTMLElement;
-  /** Broadcasts changes to the tables props */
-  tablePropsChangedEvent: EventEmitter<TablePropsChangedEvent>;
-  emitTablePropsChangedEvent(changedValueName: keyof Props, changedValue: Props[keyof Props]): void;
+  /** @internal Broadcasts changes to the tables props */
+  internalSddsTablePropChange: EventEmitter<InternalSddsTablePropChange>;
+  emitInternalSddsPropChange(changedValueName: keyof Props, changedValue: Props[keyof Props]): void;
   enableMultiselectChanged(newValue: boolean): void;
   enableExpandableRowsChanged(newValue: boolean): void;
   compactDesignChanged(newValue: boolean): void;

package/dist/types/components/data-table/table-body/table-body.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { TablePropsChangedEvent } from '../table/table';
+import { InternalSddsTablePropChange } from '../table/table';
 export declare class TableBody {
   /** Disables inbuilt filtering logic, leaving user an option to create own filter functionality while listening to events from sdds-table-toolbar component for search term */
   disableFilteringFunction: boolean;
@@ -30,13 +30,13 @@ export declare class TableBody {
   tableId: string;
   tableEl: HTMLSddsTableElement;
   arrayDataWatcher(newValue: string): void;
-  /** Event that sends unique table identifier and enable/disable status for sorting functionality */
-  sortingSwitcherEvent: EventEmitter<any>;
-  /** Sends unique table identifier and mainCheckbox status to all rows when multiselect feature is enabled */
-  updateBodyCheckboxesEvent: EventEmitter<any>;
-  /** Sends unique table identifier and status if mainCheckbox should change its state based on selection status of single rows when multiselect feature is used */
-  updateMainCheckboxEvent: EventEmitter<any>;
-  tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>): void;
+  /** @internal Event that sends unique table identifier and enable/disable status for sorting functionality */
+  internalSddsSortingChange: EventEmitter<any>;
+  /** @internal Sends unique table identifier and mainCheckbox status to all rows when multiselect feature is enabled */
+  internalSddsCheckboxChange: EventEmitter<any>;
+  /** @internal Sends unique table identifier and status if mainCheckbox should change its state based on selection status of single rows when multiselect feature is used */
+  internalSddsMainCheckboxChange: EventEmitter<any>;
+  internalSddsPropChangeListener(event: CustomEvent<InternalSddsTablePropChange>): void;
   static compareValues(key: any, order?: string): (a: any, b: any) => number;
   uncheckAll: () => void;
   sortData(keyValue: any, sortingDirection: any): void;
@@ -46,7 +46,7 @@ export declare class TableBody {
   bodyCheckBoxClicked: () => void;
   bodyCheckboxListener(): void;
   searchFunction(searchTerm: any): void;
-  tableFilteringTermListener(event: CustomEvent<any>): void;
+  sddsFilterListener(event: CustomEvent<any>): void;
   connectedCallback(): void;
   componentWillLoad(): void;
   componentWillRender(): void;

package/dist/types/components/data-table/table-body-cell/table-body-cell.d.ts

@@ -1,4 +1,4 @@
-import { TablePropsChangedEvent } from '../table/table';
+import { InternalSddsTablePropChange } from '../table/table';
 export declare class TableBodyCell {
   /** Value that will be presented as text inside a cell */
   cellValue: string | number;
@@ -15,9 +15,9 @@ export declare class TableBodyCell {
   tableId: string;
   host: HTMLElement;
   tableEl: HTMLSddsTableElement;
-  tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>): void;
-  headCellHoverEventListener(event: CustomEvent<any>): void;
-  textAlignEventListener(event: CustomEvent<any>): void;
+  internalSddsPropChangeListener(event: CustomEvent<InternalSddsTablePropChange>): void;
+  internalSddsHoverListener(event: CustomEvent<any>): void;
+  internalSddsTextAlignListener(event: CustomEvent<any>): void;
   connectedCallback(): void;
   componentWillLoad(): void;
   render(): any;

package/dist/types/components/data-table/table-body-row/table-body-row.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { TablePropsChangedEvent } from '../table/table';
+import { InternalSddsTablePropChange } from '../table/table';
 export declare class TableBodyRow {
   enableMultiselect: boolean;
   bodyCheckBoxStatus: boolean;
@@ -13,13 +13,13 @@ export declare class TableBodyRow {
   tableEl: HTMLSddsTableElement;
   bodyCheckBoxClicked(event: any): void;
   bodyCheckBoxStatusUpdater(status: any): void;
-  tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>): void;
-  /** Send status of single row to the parent, sdds-table component that hold logic for data export and main checkbox control */
-  bodyRowToTable: EventEmitter<boolean>;
-  /** Event that triggers pagination function. Needed as first rows have to be rendered in order for pagination to run */
-  runPaginationEvent: EventEmitter<string>;
+  internalSddsPropChangeListener(event: CustomEvent<InternalSddsTablePropChange>): void;
+  /** @internal Send status of single row to the parent, sdds-table component that hold logic for data export and main checkbox control */
+  internalSddsRowChange: EventEmitter<boolean>;
+  /** @internal Event that triggers pagination function. Needed as first rows have to be rendered in order for pagination to run */
+  internalSddsPagination: EventEmitter<string>;
   headCheckboxListener(event: CustomEvent<any>): void;
-  updateBodyCheckboxesEventListener(event: CustomEvent<any>): void;
+  internalSddsCheckboxChangeListener(event: CustomEvent<any>): void;
   connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;

package/dist/types/components/data-table/table-body-row-expandable/table-body-row-expandable.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { TablePropsChangedEvent } from '../table/table';
+import { InternalSddsTablePropChange } from '../table/table';
 export declare class TableBodyRowExpandable {
   /** In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too */
   colSpan: number;
@@ -12,11 +12,11 @@ export declare class TableBodyRowExpandable {
   modeVariant: 'primary' | 'secondary';
   host: HTMLElement;
   tableEl: HTMLSddsTableElement;
-  /** Sends out status of itw own expended status feature to table header component */
-  singleRowExpandedEvent: EventEmitter<any>;
-  /** Event that triggers pagination function. Needed as first rows have to be rendered in order for pagination to run */
-  runPaginationEvent: EventEmitter<string>;
-  tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>): void;
+  /** @internal Sends out expanded status which is used by the table header component */
+  internalSddsRowExpanded: EventEmitter<any>;
+  /** @internal Event that triggers pagination function. Needed as first rows have to be rendered in order for pagination to run */
+  internalSddsPagination: EventEmitter<string>;
+  internalSddsPropChangeListener(event: CustomEvent<InternalSddsTablePropChange>): void;
   connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;