@scania/tegel 0.0.4 → 0.0.6

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 → chip/chip.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/chip/sdds-chip.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class SddsChip {
+  /** Type of chip, depends on usage */
+  type: 'button' | 'radio' | 'checkbox';
+  /** Size of the chip component */
+  size: 'sm' | 'lg';
+  /** ID used for internal chip functionality and events, must be unique.
+   *
+   * **NOTE**: If you're listening for input events you need to set this ID yourself to identify the input, as the default ID is random and will be different every time.
+   */
+  chipId: string;
+  /** Setting it to true set component state to checked. Valid only for type checkbox and radio. */
+  checked: boolean;
+  /** Name for the checkbox or radio input element. Also creates a reference between label and input. Valid only for type checkbox and radio. */
+  name: string;
+  /** Value of input. Valid only for type checkbox and radio. */
+  value: string;
+  /** Sends unique chip identifier and value when it is changed (checked/unchecked). Valid only for type checkbox and radio. 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<{
+    chipId: string;
+    value: string;
+  }>;
+  private handleChange;
+  /** Sends unique chip identifier when chip is clicked. Valid only for type button. 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. */
+  sddsClick: EventEmitter<{
+    chipId: string;
+  }>;
+  private handleClick;
+  private renderInputAttributes;
+  render(): any;
+}

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

@@ -0,0 +1,99 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: any;
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    inputType: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    size: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    label: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    icon: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    iconPosition: {
+      name: string;
+      description: string;
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    disabled: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        disable: boolean;
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+  };
+  args: {
+    inputType: string;
+    size: string;
+    label: string;
+    icon: boolean;
+    iconPosition: string;
+    disabled: boolean;
+  };
+};
+export default _default;
+export declare const Chip: any;

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;