@scania/tegel 0.0.9 → 0.0.11

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

@@ -0,0 +1,235 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    min: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: number;
+        };
+      };
+    };
+    max: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: number;
+        };
+      };
+    };
+    initialValue: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: number;
+        };
+      };
+    };
+    showLabel: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    labelText: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    showTicks: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    numTicks: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      table: {
+        defaultValue: {
+          summary: number;
+        };
+      };
+    };
+    showTickNumbers: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    snapToTicks: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    showTooltip: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    showControls: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    step: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      table: {
+        defaultValue: {
+          summary: number;
+        };
+      };
+    };
+    showInput: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    scrubberSize: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    readonly: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    disabled: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+  };
+  parameters: {
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  args: {
+    min: string;
+    max: string;
+    initialValue: string;
+    showLabel: boolean;
+    labelText: string;
+    showTicks: boolean;
+    numTicks: string;
+    showTickNumbers: boolean;
+    snapToTicks: boolean;
+    showTooltip: boolean;
+    showControls: boolean;
+    step: string;
+    showInput: boolean;
+    scrubberSize: string;
+    readonly: boolean;
+    disabled: boolean;
+  };
+};
+export default _default;
+export declare const Default: any;

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

@@ -0,0 +1,46 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    notes: any;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+  };
+  argTypes: {
+    variant: {
+      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;
+        };
+      };
+    };
+  };
+  args: {
+    variant: string;
+    size: string;
+  };
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components/stepper/step/step.d.ts

@@ -1,4 +1,7 @@
 import { InternalTdsStepperPropChange } from '../stepper';
+/**
+ * @slot label - Slot for the label text.
+ */
 export declare class TdsStep {
   /** Index of the step. Will be displayed in the step if the state is current/upcoming. */
   index: string;

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

@@ -9,6 +9,9 @@ export type InternalTdsStepperPropChange = {
   stepperId: string;
   changed: Array<keyof TdsStepperProps>;
 } & Partial<TdsStepperProps>;
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the step elements.
+ */
 export declare class TdsStepper {
   host: HTMLElement;
   /** The orientation the Steps */

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

@@ -0,0 +1,80 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+    notes: {
+      Stepper: any;
+      Step: any;
+    };
+  };
+  argTypes: {
+    size: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    orientation: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    labelPosition: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      if: {
+        arg: string;
+        neq: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    hideLabels: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+  };
+  args: {
+    size: string;
+    orientation: string;
+    labelPosition: string;
+    hideLabels: boolean;
+  };
+};
+export default _default;
+export declare const Default: any;

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

@@ -13,6 +13,9 @@ export type InternalTdsTablePropChange = {
   tableId: string;
   changed: Array<keyof Props>;
 } & Partial<Props>;
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the table contents.
+ */
 export declare class TdsTable {
   /** Enables style with vertical dividers between columns */
   verticalDividers: boolean;

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

@@ -1,11 +1,14 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { InternalTdsTablePropChange } from '../table/table';
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For table rows.
+ * @slot no-result - Slot for no result message when using filtering.
+ */
 export declare class TdsTableBody {
   /** Prop to pass JSON string which enables automatic rendering of Table rows and cells  */
   bodyData: any;
-  /** Prop for showcase of rendering JSON in body-data, just for presentation purposes */
-  enableDummyData: boolean;
-  jsonData: any;
+  /** Prop for no result message when using filtering */
+  noResultMessage: string;
   host: HTMLElement;
   rowsPerPage: number;
   enableMultiselect: boolean;

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

@@ -1,4 +1,7 @@
 import { InternalTdsTablePropChange } from '../table/table';
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the cell contents.
+ */
 export declare class TdsTableBodyCell {
   /** Value that will be presented as text inside a cell */
   cellValue: string | number;

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

@@ -1,5 +1,8 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { InternalTdsTablePropChange } from '../table/table';
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the cells.
+ */
 export declare class TdsTableBodyRow {
   enableMultiselect: boolean;
   bodyCheckBoxStatus: boolean;

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

@@ -1,5 +1,9 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { InternalTdsTablePropChange } from '../table/table';
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the cells.
+ * @slot expand-row - Slot for the expanded row.
+ */
 export declare class TdsTableBodyRowExpandable {
   /** 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 */

package/dist/types/components/table/table-component-basic.stories.d.ts

@@ -0,0 +1,144 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: {
+      'tds-table': any;
+      'tds-table-toolbar': any;
+      'tds-header': any;
+      'tds-header-cell': any;
+      'tds-table-body': any;
+      'tds-body-row': any;
+      'tds-body-row-expandable': any;
+      'tds-body-cell': any;
+      'tds-table-footer': any;
+    };
+  };
+  argTypes: {
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    compactDesign: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    responsiveDesign: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    disablePadding: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    verticalDivider: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    noMinWidth: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    column1Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    column2Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    column3Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    column4Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    compactDesign: boolean;
+    responsiveDesign: boolean;
+    disablePadding: boolean;
+    verticalDivider: boolean;
+    noMinWidth: boolean;
+    column1Width: string;
+    column2Width: string;
+    column3Width: string;
+    column4Width: string;
+  };
+};
+export default _default;
+export declare const Basic: any;

package/dist/types/components/table/table-component-batch-actions.stories.d.ts

@@ -0,0 +1,139 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: {
+      'tds-table': any;
+      'tds-table-toolbar': any;
+      'tds-header': any;
+      'tds-header-cell': any;
+      'tds-table-body': any;
+      'tds-body-row': any;
+      'tds-body-row-expandable': any;
+      'tds-body-cell': any;
+      'tds-table-footer': any;
+    };
+  };
+  argTypes: {
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    compactDesign: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    responsiveDesign: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    batchArea: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    verticalDivider: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    noMinWidth: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    column1Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    column2Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    column3Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    column4Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    compactDesign: boolean;
+    responsiveDesign: boolean;
+    batchArea: string;
+    verticalDivider: boolean;
+    noMinWidth: boolean;
+    column1Width: string;
+    column2Width: string;
+    column3Width: string;
+    column4Width: string;
+  };
+};
+export default _default;
+export declare const BatchAction: any;