@scania/tegel 0.0.8 → 0.0.9

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

@@ -1,258 +0,0 @@
-import { Host, h } from '@stencil/core';
-export class SddsToast {
-  constructor() {
-    this.getIconName = () => {
-      switch (this.type) {
-        case 'information':
-          return 'info';
-        case 'error':
-          return 'error';
-        case 'warning':
-          return 'warning';
-        case 'success':
-          return 'tick';
-        default:
-          return 'info';
-      }
-    };
-    this.handleClose = () => {
-      const sddsCloseEvent = this.sddsClose.emit({
-        toastId: this.toastId,
-      });
-      if (!sddsCloseEvent.defaultPrevented) {
-        this.hidden = true;
-      }
-    };
-    this.handleShow = () => {
-      const sddsCloseEvent = this.sddsClose.emit({
-        toastId: this.toastId,
-      });
-      if (!sddsCloseEvent.defaultPrevented) {
-        this.hidden = false;
-      }
-    };
-    this.getHeaderClasses = () => {
-      if (!this.hasSubheader && !this.hasLink) {
-        return 'only-header';
-      }
-      if (!this.hasSubheader) {
-        return 'no-subheader';
-      }
-      return '';
-    };
-    this.toastId = crypto.randomUUID();
-    this.header = undefined;
-    this.subheader = undefined;
-    this.type = 'information';
-    this.hidden = false;
-    this.toastRole = 'alert';
-    this.hasSubheader = undefined;
-    this.hasLink = undefined;
-  }
-  /** Hides the Toast. */
-  async hideToast() {
-    this.handleClose();
-  }
-  /** Shows the Toast. */
-  async showToast() {
-    this.handleShow();
-  }
-  connectedCallback() {
-    const children = Array.from(this.host.children);
-    this.hasSubheader = children.some((childElement) => childElement.slot === 'toast-subheader');
-    this.hasLink = children.some((childElement) => childElement.slot === 'toast-link');
-  }
-  render() {
-    return (h(Host, { toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: `${this.hidden ? 'hide' : 'show'}` }, h("div", { class: `
-            toast-wrapper
-            ${this.type}
-            ` }, h("sdds-icon", { name: this.getIconName(), size: "20px" }), h("div", { class: `toast-content` }, h("div", { class: `toast-header
-              ${this.getHeaderClasses()}
-              ` }, this.header), h("div", { class: `toast-subheader ${this.hasLink ? '' : 'no-link'}` }, h("slot", { name: "toast-subheader" })), h("slot", { name: "toast-link" })), h("button", { onClick: () => {
-        this.handleClose();
-      }, class: `toast-close` }, h("sdds-icon", { name: "cross", size: "20px" })))));
-  }
-  static get is() { return "sdds-toast"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["sdds-toast.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["sdds-toast.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "toastId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "ID for the Toast. Randomly generated if not specified."
-        },
-        "attribute": "toast-id",
-        "reflect": false,
-        "defaultValue": "crypto.randomUUID()"
-      },
-      "header": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Header text for the component."
-        },
-        "attribute": "header",
-        "reflect": false
-      },
-      "subheader": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Subheader text for the component."
-        },
-        "attribute": "subheader",
-        "reflect": false
-      },
-      "type": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'information' | 'error' | 'warning' | 'success'",
-          "resolved": "\"error\" | \"information\" | \"success\" | \"warning\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Type of Toast."
-        },
-        "attribute": "type",
-        "reflect": false,
-        "defaultValue": "'information'"
-      },
-      "hidden": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Hides the Toast."
-        },
-        "attribute": "hidden",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "toastRole": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'alert' | 'log' | 'status'",
-          "resolved": "\"alert\" | \"log\" | \"status\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "ARIA role for the Toast."
-        },
-        "attribute": "toast-role",
-        "reflect": false,
-        "defaultValue": "'alert'"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "hasSubheader": {},
-      "hasLink": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "sddsClose",
-        "name": "sddsClose",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Sends unique Toast identifier when component is closed."
-        },
-        "complexType": {
-          "original": "{\n    toastId: string;\n  }",
-          "resolved": "{ toastId: string; }",
-          "references": {}
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "hideToast": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Hides the Toast.",
-          "tags": []
-        }
-      },
-      "showToast": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Shows the Toast.",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-}

package/dist/collection/components/toggle/sdds-toggle.css

@@ -1,104 +0,0 @@
-.sdds-toggle-webcomponent .toggle-headline {
-  font: var(--sdds-detail-02);
-  letter-spacing: var(--sdds-detail-02-ls);
-  color: var(--sdds-toggle-headline);
-  margin-bottom: 12px;
-}
-.sdds-toggle-webcomponent .toggle-headline.disabled {
-  color: var(--sdds-toggle-headline-disabled);
-}
-.sdds-toggle-webcomponent input[type=checkbox] {
-  margin: 0;
-  width: 44px;
-  height: 24px;
-  position: relative;
-  display: inline-block;
-  vertical-align: middle;
-  /* Switch */
-}
-.sdds-toggle-webcomponent input[type=checkbox]::after, .sdds-toggle-webcomponent input[type=checkbox]::before {
-  content: "";
-  position: absolute;
-  box-sizing: border-box;
-  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
-}
-.sdds-toggle-webcomponent input[type=checkbox]::before {
-  /* Slider */
-  width: 44px;
-  height: 24px;
-  border-radius: 16px;
-  background-color: var(--sdds-toggle-off-slider);
-  left: 0;
-}
-.sdds-toggle-webcomponent input[type=checkbox]::after {
-  width: 16px;
-  height: 16px;
-  background-color: var(--sdds-toggle-switch);
-  border-radius: 50%;
-  left: 4px;
-  top: 4px;
-}
-.sdds-toggle-webcomponent input[type=checkbox]:focus {
-  outline: none;
-}
-.sdds-toggle-webcomponent input[type=checkbox]:focus::before {
-  background-color: var(--sdds-toggle-off-slider-focus);
-  border: 1px solid var(--sdds-toggle-off-border-focus);
-}
-.sdds-toggle-webcomponent input[type=checkbox]:checked::before {
-  background-color: var(--sdds-toggle-on-slider);
-  border: 1px solid var(--sdds-toggle-on-border-focus);
-}
-.sdds-toggle-webcomponent input[type=checkbox]:checked::after {
-  left: 24px;
-}
-.sdds-toggle-webcomponent input[type=checkbox]:disabled::before {
-  background-color: var(--sdds-toggle-slider-disabled);
-  border: 1px solid var(--sdds-toggle-slider-disabled);
-}
-.sdds-toggle-webcomponent input[type=checkbox]:disabled::after {
-  background-color: var(--sdds-toggle-switch-disabled);
-}
-.sdds-toggle-webcomponent input[type=checkbox]:disabled:checked::before {
-  background-color: var(--sdds-toggle-on-slider-disabled);
-  border: 1px solid var(--sdds-toggle-on-slider-disabled);
-}
-.sdds-toggle-webcomponent input[type=checkbox]:disabled:checked::after {
-  background-color: var(--sdds-toggle-switch-disabled);
-}
-.sdds-toggle-webcomponent input[type=checkbox].sm {
-  width: 28px;
-  height: 16px;
-}
-.sdds-toggle-webcomponent input[type=checkbox].sm::before {
-  width: 28px;
-  height: 16px;
-}
-.sdds-toggle-webcomponent input[type=checkbox].sm::after {
-  width: 8px;
-  height: 8px;
-}
-.sdds-toggle-webcomponent input[type=checkbox].sm:checked::before {
-  background-color: var(--sdds-toggle-on-slider);
-}
-.sdds-toggle-webcomponent input[type=checkbox].sm:checked::after {
-  left: 16px;
-}
-.sdds-toggle-webcomponent input[type=checkbox].sm:disabled::before {
-  background-color: var(--sdds-toggle-slider-disabled);
-  border: 1px solid var(--sdds-toggle-slider-disabled);
-}
-.sdds-toggle-webcomponent input[type=checkbox].sm:disabled::after {
-  background-color: var(--sdds-toggle-switch-disabled);
-}
-.sdds-toggle-webcomponent label {
-  display: inline-block;
-  vertical-align: middle;
-  font: var(--sdds-detail-01);
-  letter-spacing: var(--sdds-detail-01-ls);
-  color: var(--sdds-toggle-label-color);
-  padding-left: 8px;
-}
-.sdds-toggle-webcomponent label.disabled {
-  color: var(--sdds-toggle-label-color-disabled);
-}

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

@@ -1,209 +0,0 @@
-import { h } from '@stencil/core';
-export class SddsToggle {
-  constructor() {
-    this.handleToggle = () => {
-      this.checked = !this.checked;
-      this.sddsToggle.emit({
-        toggleId: this.toggleId,
-        checked: this.checked,
-      });
-    };
-    this.checked = false;
-    this.required = false;
-    this.size = 'lg';
-    this.name = undefined;
-    this.headline = undefined;
-    this.disabled = false;
-    this.toggleId = crypto.randomUUID();
-  }
-  /** Toggles the Toggle. */
-  async toggle() {
-    this.checked = !this.checked;
-    return {
-      toggleId: this.toggleId,
-      checked: this.checked,
-    };
-  }
-  render() {
-    return (h("div", { class: "sdds-toggle-webcomponent" }, this.headline && (h("div", { class: `toggle-headline ${this.disabled ? 'disabled' : ''}` }, this.headline)), h("input", { "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), h("label", { class: `${this.disabled ? 'disabled' : ''}`, htmlFor: this.toggleId }, h("slot", { name: "label" }))));
-  }
-  static get is() { return "sdds-toggle"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["sdds-toggle.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["sdds-toggle.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "checked": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Sets the Toggle as checked"
-        },
-        "attribute": "checked",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "required": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Make the Toggle required"
-        },
-        "attribute": "required",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "size": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'sm' | 'lg'",
-          "resolved": "\"lg\" | \"sm\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Size of the Toggle"
-        },
-        "attribute": "size",
-        "reflect": false,
-        "defaultValue": "'lg'"
-      },
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Name of the toggles input element"
-        },
-        "attribute": "name",
-        "reflect": false
-      },
-      "headline": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Headline for the Toggle"
-        },
-        "attribute": "headline",
-        "reflect": false
-      },
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Sets the Toggle in a disabled state"
-        },
-        "attribute": "disabled",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "toggleId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "ID of the Toggle's input element, if not specified it's randomly generated"
-        },
-        "attribute": "toggle-id",
-        "reflect": false,
-        "defaultValue": "crypto.randomUUID()"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "sddsToggle",
-        "name": "sddsToggle",
-        "bubbles": true,
-        "cancelable": false,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Sends unique Toggle identifier and status when it is toggled."
-        },
-        "complexType": {
-          "original": "{\n    toggleId: string;\n    checked: boolean;\n  }",
-          "resolved": "{ toggleId: string; checked: boolean; }",
-          "references": {}
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "toggle": {
-        "complexType": {
-          "signature": "() => Promise<{ toggleId: string; checked: boolean; }>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<{ toggleId: string; checked: boolean; }>"
-        },
-        "docs": {
-          "text": "Toggles the Toggle.",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-}

package/dist/components/sdds-accordion-item.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SddsAccordionItem extends Components.SddsAccordionItem, HTMLElement {}
-export const SddsAccordionItem: {
-  prototype: SddsAccordionItem;
-  new (): SddsAccordionItem;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sdds-accordion-item.js

@@ -1,67 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './icon.js';
-
-const accordionItemCss = ".sdds-accordion-item{box-sizing:border-box;list-style:none;color:var(--sdds-accordion-color);position:relative;border-top:1px solid var(--sdds-accordion-border)}.sdds-accordion-item *{box-sizing:border-box}.sdds-accordion-item button.sdds-accordion-header-icon-start,.sdds-accordion-item button.sdds-accordion-header-icon-end{all:unset}.sdds-accordion-item .sdds-accordion-header-icon-start,.sdds-accordion-item .sdds-accordion-header-icon-end,.sdds-accordion-item button.sdds-accordion-header-icon-start,.sdds-accordion-item button.sdds-accordion-header-icon-end{box-sizing:border-box;cursor:pointer;display:flex;align-items:center;width:100%;font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);padding:var(--sdds-spacing-element-16);background-color:var(--sdds-accordion-background)}.sdds-accordion-item .sdds-accordion-header-icon-start *,.sdds-accordion-item .sdds-accordion-header-icon-end *,.sdds-accordion-item button.sdds-accordion-header-icon-start *,.sdds-accordion-item button.sdds-accordion-header-icon-end *{box-sizing:border-box}.sdds-accordion-item .sdds-accordion-header-icon-start .sdds-accordion-icon,.sdds-accordion-item .sdds-accordion-header-icon-end .sdds-accordion-icon,.sdds-accordion-item button.sdds-accordion-header-icon-start .sdds-accordion-icon,.sdds-accordion-item button.sdds-accordion-header-icon-end .sdds-accordion-icon{transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--sdds-accordion-icon-color)}.sdds-accordion-item .sdds-accordion-header-icon-start .sdds-accordion-icon>sdds-icon,.sdds-accordion-item .sdds-accordion-header-icon-end .sdds-accordion-icon>sdds-icon,.sdds-accordion-item button.sdds-accordion-header-icon-start .sdds-accordion-icon>sdds-icon,.sdds-accordion-item button.sdds-accordion-header-icon-end .sdds-accordion-icon>sdds-icon{display:block}.sdds-accordion-item .sdds-accordion-title{flex-grow:2}.sdds-accordion-item .sdds-accordion-panel{cursor:default;padding:var(--sdds-spacing-element-8) var(--sdds-spacing-layout-64) var(--sdds-spacing-element-32) var(--sdds-spacing-element-16);display:none;font:var(--sdds-detail-03);letter-spacing:var(--sdds-detail-03-ls)}.sdds-accordion-item .sdds-accordion-panel p{margin:0;padding:0}.sdds-accordion-item .sdds-accordion-panel--padding-reset{padding-right:var(--sdds-spacing-element-16)}.sdds-accordion-item .sdds-accordion-header-icon-end .sdds-accordion-icon{margin:0 0 0 var(--sdds-spacing-element-32)}.sdds-accordion-item .sdds-accordion-header-icon-start .sdds-accordion-title{order:1}.sdds-accordion-item .sdds-accordion-header-icon-start .sdds-accordion-icon{order:0;margin:0 var(--sdds-spacing-element-16) 0 0}.sdds-accordion-item.disabled,.sdds-accordion-item.disabled .sdds-accordion-header-icon-end,.sdds-accordion-item.disabled .sdds-accordion-header-icon-start,.sdds-accordion-item.disabled .sdds-accordion-panel{color:var(--sdds-accordion-color-disabled);cursor:not-allowed}.sdds-accordion-item.disabled .sdds-accordion-icon,.sdds-accordion-item.disabled .sdds-accordion-header-icon-end .sdds-accordion-icon,.sdds-accordion-item.disabled .sdds-accordion-header-icon-start .sdds-accordion-icon,.sdds-accordion-item.disabled .sdds-accordion-panel .sdds-accordion-icon{color:var(--sdds-accordion-color-disabled)}.sdds-accordion-item.disabled:hover,.sdds-accordion-item.disabled:hover *,.sdds-accordion-item.disabled:focus,.sdds-accordion-item.disabled:focus *,.sdds-accordion-item.disabled:active,.sdds-accordion-item.disabled:active *,.sdds-accordion-item.disabled.active,.sdds-accordion-item.disabled.active *{cursor:not-allowed}.sdds-accordion-item.disabled:hover .sdds-accordion-header-icon-start,.sdds-accordion-item.disabled:hover .sdds-accordion-header-icon-end,.sdds-accordion-item.disabled:focus .sdds-accordion-header-icon-start,.sdds-accordion-item.disabled:focus .sdds-accordion-header-icon-end,.sdds-accordion-item.disabled:active .sdds-accordion-header-icon-start,.sdds-accordion-item.disabled:active .sdds-accordion-header-icon-end,.sdds-accordion-item.disabled.active .sdds-accordion-header-icon-start,.sdds-accordion-item.disabled.active .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-bg);outline:none;pointer-events:none}.sdds-accordion-item.disabled:hover .sdds-accordion-header-icon-start::after,.sdds-accordion-item.disabled:hover .sdds-accordion-header-icon-end::after,.sdds-accordion-item.disabled:focus .sdds-accordion-header-icon-start::after,.sdds-accordion-item.disabled:focus .sdds-accordion-header-icon-end::after,.sdds-accordion-item.disabled:active .sdds-accordion-header-icon-start::after,.sdds-accordion-item.disabled:active .sdds-accordion-header-icon-end::after,.sdds-accordion-item.disabled.active .sdds-accordion-header-icon-start::after,.sdds-accordion-item.disabled.active .sdds-accordion-header-icon-end::after{border-color:transparent}.sdds-accordion-item.expanded .sdds-accordion-panel{display:block;padding-bottom:31px}.sdds-accordion-item.expanded .sdds-accordion-icon{transform:rotate(180deg)}.sdds-accordion-item.expanded .sdds-accordion-header-icon-end .sdds-accordion-icon{margin-right:0;margin-left:var(--sdds-spacing-element-32)}.sdds-accordion-item.expanded .sdds-accordion-header-icon-start .sdds-accordion-icon{margin-left:0;margin-right:var(--sdds-spacing-element-16)}.sdds-accordion-item:focus{border-top:1px solid var(--sdds-accordion-border-focus)}.sdds-accordion-item[disabled=true]:focus{border-color:var(--sdds-accordion-border)}:host(:focus) .sdds-accordion-item{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-start,:host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-background-focus);outline:none}:host(:hover) .sdds-accordion-header-icon-start,:host(:hover) .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-background-hover)}:host(:active) .sdds-accordion-header-icon-start,:host(:active) .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-background-active);outline:none}";
-
-const AccordionItem = /*@__PURE__*/ proxyCustomElement(class AccordionItem extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.sddsToggle = createEvent(this, "sddsToggle", 7);
-    this.header = '';
-    this.expandIconPosition = 'end';
-    this.disabled = false;
-    this.expanded = false;
-    this.paddingReset = false;
-  }
-  /** Method for toggeling the expanded state of the Accordion Item. */
-  async toggleAccordionItem() {
-    // This is negated in order to emit the value the Accordion Item will have after it has expanded/redacted.
-    const event = this.sddsToggle.emit({
-      expanded: !this.expanded,
-    });
-    if (!event.defaultPrevented) {
-      this.expanded = !this.expanded;
-    }
-  }
-  render() {
-    return (h(Host, null, h("div", { class: `sdds-accordion-item
-        ${this.disabled ? 'disabled' : ''}
-        ${this.expanded ? 'expanded' : ''}
-        ` }, h("button", { type: "button", "aria-expanded": this.expanded, class: `sdds-accordion-header-icon-${this.expandIconPosition}`, onClick: () => this.toggleAccordionItem(), disabled: this.disabled }, h("div", { class: "sdds-accordion-title" }, this.header, h("slot", { name: "accordion-item-header" })), h("div", { class: "sdds-accordion-icon" }, h("sdds-icon", { name: "chevron_down", size: "16px" }))), h("div", { class: `sdds-accordion-panel
-            ${this.paddingReset ? 'sdds-accordion-panel--padding-reset ' : ''}
-            ` }, h("slot", null)))));
-  }
-  static get style() { return accordionItemCss; }
-}, [1, "sdds-accordion-item", {
-    "header": [1],
-    "expandIconPosition": [1, "expand-icon-position"],
-    "disabled": [4],
-    "expanded": [4],
-    "paddingReset": [4, "padding-reset"],
-    "toggleAccordionItem": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-accordion-item", "sdds-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-accordion-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, AccordionItem);
-      }
-      break;
-    case "sdds-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const SddsAccordionItem = AccordionItem;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsAccordionItem, defineCustomElement };

package/dist/components/sdds-accordion.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SddsAccordion extends Components.SddsAccordion, HTMLElement {}
-export const SddsAccordion: {
-  prototype: SddsAccordion;
-  new (): SddsAccordion;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;