@scania/tegel 0.0.8 → 0.0.10

package/dist/collection/components/chip/sdds-chip.js

@@ -1,194 +0,0 @@
-import { Host, h } from '@stencil/core';
-export class SddsChip {
-  constructor() {
-    this.handleChange = () => {
-      this.sddsChange.emit({
-        chipId: this.chipId,
-        value: this.value,
-      });
-    };
-    this.handleClick = () => {
-      this.sddsClick.emit({
-        chipId: this.chipId,
-      });
-    };
-    this.type = 'button';
-    this.size = 'lg';
-    this.chipId = crypto.randomUUID();
-    this.checked = false;
-    this.name = undefined;
-    this.value = undefined;
-  }
-  renderInputAttributes() {
-    if (this.type !== 'button') {
-      return {
-        value: this.value,
-        checked: this.checked,
-        name: this.name,
-        onChange: () => this.handleChange(),
-      };
-    }
-    return {
-      onClick: () => this.handleClick(),
-    };
-  }
-  render() {
-    const inputAttributes = this.renderInputAttributes();
-    return (h(Host, null, h("div", { class: "component" }, h("div", { class: `sdds-chip-component ${this.size}` }, h("input", Object.assign({ type: this.type, id: this.chipId }, inputAttributes)), h("label", { htmlFor: this.chipId }, h("slot", { name: "label" }))))));
-  }
-  static get is() { return "sdds-chip"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["sdds-chip.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["sdds-chip.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "type": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'button' | 'radio' | 'checkbox'",
-          "resolved": "\"button\" | \"checkbox\" | \"radio\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Type of chip, depends on usage"
-        },
-        "attribute": "type",
-        "reflect": false,
-        "defaultValue": "'button'"
-      },
-      "size": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'sm' | 'lg'",
-          "resolved": "\"lg\" | \"sm\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Size of the chip component"
-        },
-        "attribute": "size",
-        "reflect": false,
-        "defaultValue": "'lg'"
-      },
-      "chipId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "ID used for internal chip functionality and events, must be unique.\n\n**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."
-        },
-        "attribute": "chip-id",
-        "reflect": false,
-        "defaultValue": "crypto.randomUUID()"
-      },
-      "checked": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Setting it to true set component state to checked. Valid only for type checkbox and radio."
-        },
-        "attribute": "checked",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Name for the checkbox or radio input element. Also creates a reference between label and input. Valid only for type checkbox and radio."
-        },
-        "attribute": "name",
-        "reflect": false
-      },
-      "value": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Value of input. Valid only for type checkbox and radio."
-        },
-        "attribute": "value",
-        "reflect": false
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "sddsChange",
-        "name": "sddsChange",
-        "bubbles": true,
-        "cancelable": false,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "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."
-        },
-        "complexType": {
-          "original": "{\n    chipId: string;\n    value: string;\n  }",
-          "resolved": "{ chipId: string; value: string; }",
-          "references": {}
-        }
-      }, {
-        "method": "sddsClick",
-        "name": "sddsClick",
-        "bubbles": true,
-        "cancelable": false,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "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."
-        },
-        "complexType": {
-          "original": "{\n    chipId: string;\n  }",
-          "resolved": "{ chipId: string; }",
-          "references": {}
-        }
-      }];
-  }
-}

package/dist/collection/components/data-table/table/table.css

@@ -1,15 +0,0 @@
-:host,
-.sdds-table {
-  border-collapse: collapse;
-  display: table;
-  box-sizing: border-box;
-}
-:host *,
-.sdds-table * {
-  box-sizing: border-box;
-}
-
-:host(.sdds-table--responsive),
-.sdds-table--responsive {
-  width: 100%;
-}

package/dist/collection/components/data-table/table/table.js

@@ -1,256 +0,0 @@
-// https://stackoverflow.com/questions/63051941/how-to-pass-data-as-array-of-object-in-stencil-js
-// https://medium.com/@scottmgerstl/passing-an-object-or-array-to-stencil-dd62b7d92641
-import { h, Host } from '@stencil/core';
-export class Table {
-  constructor() {
-    this.verticalDividers = false;
-    this.compactDesign = false;
-    this.noMinWidth = undefined;
-    this.enableMultiselect = false;
-    this.enableExpandableRows = false;
-    this.enableResponsive = false;
-    this.modeVariant = null;
-    this.tableId = crypto.randomUUID();
-  }
-  emitInternalSddsPropChange(changedValueName, changedValue) {
-    this.internalSddsTablePropChange.emit({
-      tableId: this.tableId,
-      changed: [changedValueName],
-      [changedValueName]: changedValue,
-    });
-  }
-  enableMultiselectChanged(newValue) {
-    this.emitInternalSddsPropChange('enableMultiselect', newValue);
-  }
-  enableExpandableRowsChanged(newValue) {
-    this.emitInternalSddsPropChange('enableExpandableRows', newValue);
-  }
-  compactDesignChanged(newValue) {
-    this.emitInternalSddsPropChange('compactDesign', newValue);
-  }
-  verticalDividersChanged(newValue) {
-    this.emitInternalSddsPropChange('verticalDividers', newValue);
-  }
-  noMinWidthChanged(newValue) {
-    this.emitInternalSddsPropChange('noMinWidth', newValue);
-  }
-  modeVariantChanged(newValue) {
-    this.emitInternalSddsPropChange('modeVariant', newValue);
-  }
-  render() {
-    return (h(Host, { class: { 'sdds-table--responsive': this.enableResponsive } }, h("table", { class: {
-        'sdds-table': true,
-        'sdds-table--compact': this.compactDesign,
-        'sdds-table--divider': this.verticalDividers,
-        'sdds-table--no-min-width': this.noMinWidth,
-        'sdds-table--responsive': this.enableResponsive,
-      } }, h("slot", null))));
-  }
-  static get is() { return "sdds-table"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["table.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["table.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "verticalDividers": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Enables style with vertical dividers between columns"
-        },
-        "attribute": "vertical-dividers",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "compactDesign": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Enables style where data-table toolbar, rows and footer are less high"
-        },
-        "attribute": "compact-design",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "noMinWidth": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Enables to customise width on data-table columns"
-        },
-        "attribute": "no-min-width",
-        "reflect": true
-      },
-      "enableMultiselect": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Enables multiselect feature of data-table"
-        },
-        "attribute": "enable-multiselect",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "enableExpandableRows": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Enables extended row feature of data-table"
-        },
-        "attribute": "enable-expandable-rows",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "enableResponsive": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Enables table to take 100% available width with equal spacing of columns"
-        },
-        "attribute": "enable-responsive",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "modeVariant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'primary' | 'secondary'",
-          "resolved": "\"primary\" | \"secondary\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Variant of the component, based on current mode."
-        },
-        "attribute": "mode-variant",
-        "reflect": true,
-        "defaultValue": "null"
-      },
-      "tableId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "ID used for internal table functionality and events, must be unique.\n\n**NOTE**: If you're listening for table events you need to set this ID yourself to identify the table, as the default ID is random and will be different every time."
-        },
-        "attribute": "table-id",
-        "reflect": false,
-        "defaultValue": "crypto.randomUUID()"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "internalSddsTablePropChange",
-        "name": "internalSddsTablePropChange",
-        "bubbles": true,
-        "cancelable": false,
-        "composed": true,
-        "docs": {
-          "tags": [{
-              "name": "internal",
-              "text": "Broadcasts changes to the tables props"
-            }],
-          "text": ""
-        },
-        "complexType": {
-          "original": "InternalSddsTablePropChange",
-          "resolved": "{ tableId: string; changed: (keyof Props)[]; } & Partial<Props>",
-          "references": {
-            "InternalSddsTablePropChange": {
-              "location": "local",
-              "path": "/Users/johnny/dev/scania/tegel/core/src/components/data-table/table/table.tsx"
-            }
-          }
-        }
-      }];
-  }
-  static get elementRef() { return "host"; }
-  static get watchers() {
-    return [{
-        "propName": "enableMultiselect",
-        "methodName": "enableMultiselectChanged"
-      }, {
-        "propName": "enableExpandableRows",
-        "methodName": "enableExpandableRowsChanged"
-      }, {
-        "propName": "compactDesign",
-        "methodName": "compactDesignChanged"
-      }, {
-        "propName": "verticalDividers",
-        "methodName": "verticalDividersChanged"
-      }, {
-        "propName": "noMinWidth",
-        "methodName": "noMinWidthChanged"
-      }, {
-        "propName": "modeVariant",
-        "methodName": "modeVariantChanged"
-      }];
-  }
-}

package/dist/collection/components/data-table/table-body/table-body.css

@@ -1,22 +0,0 @@
-:host,
-sdds-table-body {
-  box-sizing: border-box;
-  display: table-row-group;
-}
-:host *,
-sdds-table-body * {
-  box-sizing: border-box;
-}
-:host .sdds-table__info-message,
-sdds-table-body .sdds-table__info-message {
-  font: var(--sdds-detail-02);
-  letter-spacing: var(--sdds-detail-02-ls);
-  display: table-cell;
-  box-sizing: border-box;
-  color: var(--sdds-data-table-color);
-  padding: var(--sdds-spacing-element-16);
-  min-width: 192px;
-  vertical-align: top;
-  background-color: transparent;
-  transition: background-color 200ms ease;
-}