@scania/tegel 0.0.5 → 0.0.6

package/dist/collection/components/footer/webcomponent/sdds-footer-link-group/sdds-footer-link-group.js

@@ -1,62 +0,0 @@
-import { Host, h } from '@stencil/core';
-export class SddsFooterLinkGroup {
-  constructor() {
-    this.rightSlot = false;
-    this.parentIsTopPart = false;
-    this.titleText = undefined;
-    this.open = false;
-  }
-  connectedCallback() {
-    this.rightSlot = this.host.parentElement.slot === 'main-right';
-    this.parentIsTopPart = this.host.parentElement.slot === 'top';
-  }
-  render() {
-    return (h(Host, null, this.titleText && this.parentIsTopPart && (h("div", { class: "footer-top-title" }, this.titleText)), this.titleText && this.parentIsTopPart && (h("button", { onClick: () => {
-        this.open = !this.open;
-      }, class: `footer-top-title-button  ${this.open ? 'expanded' : 'closed'}` }, this.titleText, h("sdds-icon", { name: "chevron_down", size: "20px" }))), h("div", { role: "list", class: `
-        ${this.rightSlot ? 'right' : 'left'}
-        ${this.parentIsTopPart ? 'top-part-child' : ''}
-        ${this.open ? 'expanded' : 'closed'}
-        ` }, h("slot", null))));
-  }
-  static get is() { return "sdds-footer-link-group"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["sdds-footer-link-group.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["sdds-footer-link-group.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "titleText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Title text for the link group, only valid on top part of footer."
-        },
-        "attribute": "title-text",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "open": {}
-    };
-  }
-  static get elementRef() { return "host"; }
-}
-//# sourceMappingURL=sdds-footer-link-group.js.map

package/dist/collection/components/footer/webcomponent/sdds-footer-link-group/sdds-footer-link-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sdds-footer-link-group.js","sourceRoot":"","sources":["../../../../../src/components/footer/webcomponent/sdds-footer-link-group/sdds-footer-link-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAe,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAQ5D,MAAM,OAAO,mBAAmB;;IAQ9B,cAAS,GAAY,KAAK,CAAC;IAE3B,oBAAe,GAAY,KAAK,CAAC;;gBAJR,KAAK;;EAM9B,iBAAiB;IACf,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,YAAY,CAAC;IAC/D,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,KAAK,CAAC;EAChE,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACF,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,eAAe,IAAI,CACzC,WAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,SAAS,CAAO,CACrD;MAEA,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,eAAe,IAAI,CACzC,cACE,OAAO,EAAE,GAAG,EAAE;UACZ,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QACzB,CAAC,EACD,KAAK,EAAE,4BAA4B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE;QAErE,IAAI,CAAC,SAAS;QACf,iBAAW,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,GAAa,CAChD,CACV;MACD,WACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;UACP,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;UACjC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;UAC5C,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ;SAClC;QAEC,eAAa,CACT,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Element } from '@stencil/core';\nimport { HostElement, State } from '@stencil/core/internal';\n\n@Component({\n  tag: 'sdds-footer-link-group',\n  styleUrl: 'sdds-footer-link-group.scss',\n  shadow: false,\n  scoped: true,\n})\nexport class SddsFooterLinkGroup {\n  /** Title text for the link group, only valid on top part of footer. */\n  @Prop() titleText: string;\n\n  @Element() host: HostElement;\n\n  @State() open: boolean = false;\n\n  rightSlot: boolean = false;\n\n  parentIsTopPart: boolean = false;\n\n  connectedCallback() {\n    this.rightSlot = this.host.parentElement.slot === 'main-right';\n    this.parentIsTopPart = this.host.parentElement.slot === 'top';\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.titleText && this.parentIsTopPart && (\n          <div class=\"footer-top-title\">{this.titleText}</div>\n        )}\n\n        {this.titleText && this.parentIsTopPart && (\n          <button\n            onClick={() => {\n              this.open = !this.open;\n            }}\n            class={`footer-top-title-button  ${this.open ? 'expanded' : 'closed'}`}\n          >\n            {this.titleText}\n            <sdds-icon name=\"chevron_down\" size=\"20px\"></sdds-icon>\n          </button>\n        )}\n        <div\n          role=\"list\"\n          class={`\n        ${this.rightSlot ? 'right' : 'left'}\n        ${this.parentIsTopPart ? 'top-part-child' : ''}\n        ${this.open ? 'expanded' : 'closed'}\n        `}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/tabs/folder-tabs/folder-tabs-button/sdds-folder-tabs-button.css

@@ -1,79 +0,0 @@
-:host {
-  box-sizing: border-box;
-  display: block;
-  position: relative;
-  z-index: 200;
-}
-:host * {
-  box-sizing: border-box;
-}
-:host button {
-  min-width: 142px;
-  height: 100%;
-  font: var(--sdds-headline-07);
-  letter-spacing: var(--sdds-headline-07-ls);
-  cursor: pointer;
-  color: var(--sdds-folder-tab-color);
-  padding: 16px;
-  white-space: nowrap;
-  text-decoration: none;
-  text-align: left;
-  outline: none;
-  border: none;
-  border-top: 2px solid var(--sdds-folder-tab-background);
-  background-color: var(--sdds-folder-tab-background);
-  border-right: none;
-}
-:host button .label {
-  opacity: var(--sdds-folder-tab-color-opacity);
-}
-:host button.selected {
-  background-color: var(--sdds-folder-tab-background-selected);
-  border-top: 2px solid var(--sdds-folder-tab-border-selected);
-}
-:host button.selected::before {
-  content: " ";
-  background-color: var(--sdds-folder-tab-background);
-  width: 1px;
-  top: 0;
-  bottom: 0;
-  left: -1px;
-  display: block;
-  position: absolute;
-}
-:host button.selected .label {
-  opacity: var(--sdds-folder-tab-color-opacity-selected);
-}
-:host button:not(.selected) {
-  border-right-width: 1px;
-  border-right-style: solid;
-  border-right-color: var(--sdds-folder-tab-divider-color);
-}
-:host button:not(.selected):hover {
-  border-top-color: var(--sdds-folder-tab-background-hover);
-  background-color: var(--sdds-folder-tab-background-hover);
-}
-:host button:not(.selected):hover .label {
-  opacity: var(--sdds-folder-tab-color-opacity-hover);
-}
-:host button.disabled {
-  pointer-events: none;
-}
-:host button.disabled .label {
-  opacity: var(--sdds-folder-tab-color-opacity-disabled);
-}
-:host button.disabled:focus-visible {
-  outline: none;
-}
-:host button.disabled:focus-visible .label {
-  opacity: var(--sdds-folder-tab-color-opacity-disabled);
-}
-:host button:focus-visible {
-  outline: 2px solid var(--sdds-blue-400);
-  outline-offset: -2px;
-  opacity: var(--sdds-folder-tab-color-opacity-focus);
-}
-
-:host(.last) button:not(.selected) {
-  border-right-color: transparent;
-}

package/dist/collection/components/tabs/folder-tabs/folder-tabs-button/sdds-folder-tabs-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sdds-folder-tabs-button.js","sourceRoot":"","sources":["../../../../../src/components/tabs/folder-tabs/folder-tabs-button/sdds-folder-tabs-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAOxE,MAAM,OAAO,oBAAoB;;oBAEH,KAAK;oBAGL,KAAK;;;EAIjC,mFAAmF;EAEnF,KAAK,CAAC,WAAW,CAAC,KAAa;IAC7B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;EACxB,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,UAAU;MACnB,cACE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,EACtC,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;YACvC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ;QAEvB,WAAK,KAAK,EAAC,OAAO;UAChB,eAAa,CACT,CACC,CACJ,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, State, Method } from '@stencil/core';\n\n@Component({\n  tag: 'sdds-folder-tabs-button',\n  styleUrl: 'sdds-folder-tabs-button.scss',\n  shadow: true,\n})\nexport class SddsFolderTabsButton {\n  /** Disables the tab. */\n  @Prop() disabled: boolean = false;\n\n  /** Marks the tab as the selected one. */\n  @Prop() selected: boolean = false;\n\n  @State() tabWidth: number;\n\n  /** @internal Method to set the width of the tab. Used by the <sdds-folder-tabs> */\n  @Method()\n  async setTabWidth(width: number) {\n    this.tabWidth = width;\n  }\n\n  render() {\n    return (\n      <Host role=\"listitem\">\n        <button\n          style={{ width: `${this.tabWidth}px` }}\n          class={`${this.selected ? 'selected' : ''}\n          ${this.disabled ? 'disabled' : ''}`}\n          disabled={this.disabled}\n        >\n          <div class=\"label\">\n            <slot></slot>\n          </div>\n        </button>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/tabs/folder-tabs/folder-tabs-link/sdds-folder-tabs-link.js

@@ -1,158 +0,0 @@
-import { Host, h } from '@stencil/core';
-export class SddsFolderTabsLink {
-  constructor() {
-    this.disabled = false;
-    this.selected = false;
-    this.href = undefined;
-    this.target = '_self';
-    this.rel = 'noopener';
-    this.tabWidth = undefined;
-  }
-  /** @internal Method to set the width of the tab. Used by the <sdds-folder-tabs> */
-  async setTabWidth(width) {
-    this.tabWidth = width;
-  }
-  render() {
-    return (h(Host, { role: "listitem" }, h("a", { style: { width: `${this.tabWidth}px` }, class: `
-        ${this.selected ? 'selected' : ''}
-        ${this.disabled ? 'disabled' : ''}
-        `, href: this.href, target: this.target, rel: this.rel }, h("div", { class: "label" }, h("slot", null)))));
-  }
-  static get is() { return "sdds-folder-tabs-link"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["sdds-folder-tabs-link.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["sdds-folder-tabs-link.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Disables the tab."
-        },
-        "attribute": "disabled",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "selected": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Marks the tab as the selected one."
-        },
-        "attribute": "selected",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "href": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Href for the link"
-        },
-        "attribute": "href",
-        "reflect": false
-      },
-      "target": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'_self' | '_blank' | '_parent' | '_top'",
-          "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Where to open the linked URL"
-        },
-        "attribute": "target",
-        "reflect": false,
-        "defaultValue": "'_self'"
-      },
-      "rel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'."
-        },
-        "attribute": "rel",
-        "reflect": false,
-        "defaultValue": "'noopener'"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "tabWidth": {}
-    };
-  }
-  static get methods() {
-    return {
-      "setTabWidth": {
-        "complexType": {
-          "signature": "(width: number) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": [{
-              "name": "internal",
-              "text": "Method to set the width of the tab. Used by the <sdds-folder-tabs>"
-            }]
-        }
-      }
-    };
-  }
-}
-//# sourceMappingURL=sdds-folder-tabs-link.js.map

package/dist/collection/components/tabs/folder-tabs/folder-tabs-link/sdds-folder-tabs-link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sdds-folder-tabs-link.js","sourceRoot":"","sources":["../../../../../src/components/tabs/folder-tabs/folder-tabs-link/sdds-folder-tabs-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAOxE,MAAM,OAAO,kBAAkB;;oBAED,KAAK;oBAGL,KAAK;;kBAMyB,OAAO;eAG3C,UAAU;;;EAIhC,mFAAmF;EAEnF,KAAK,CAAC,WAAW,CAAC,KAAa;IAC7B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;EACxB,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,UAAU;MACnB,SACE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,EACtC,KAAK,EAAE;UACP,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;UAC/B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;SAChC,EACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,IAAI,CAAC,GAAG;QAEb,WAAK,KAAK,EAAC,OAAO;UAChB,eAAa,CACT,CACJ,CACC,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, State, Method } from '@stencil/core';\n\n@Component({\n  tag: 'sdds-folder-tabs-link',\n  styleUrl: 'sdds-folder-tabs-link.scss',\n  shadow: true,\n})\nexport class SddsFolderTabsLink {\n  /** Disables the tab. */\n  @Prop() disabled: boolean = false;\n\n  /** Marks the tab as the selected one. */\n  @Prop() selected: boolean = false;\n\n  /** Href for the link */\n  @Prop() href: string;\n\n  /** Where to open the linked URL */\n  @Prop() target: '_self' | '_blank' | '_parent' | '_top' = '_self';\n\n  /** 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'. */\n  @Prop() rel: string = 'noopener';\n\n  @State() tabWidth: number;\n\n  /** @internal Method to set the width of the tab. Used by the <sdds-folder-tabs> */\n  @Method()\n  async setTabWidth(width: number) {\n    this.tabWidth = width;\n  }\n\n  render() {\n    return (\n      <Host role=\"listitem\">\n        <a\n          style={{ width: `${this.tabWidth}px` }}\n          class={`\n        ${this.selected ? 'selected' : ''}\n        ${this.disabled ? 'disabled' : ''}\n        `}\n          href={this.href}\n          target={this.target}\n          rel={this.rel}\n        >\n          <div class=\"label\">\n            <slot></slot>\n          </div>\n        </a>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/tabs/inline-tabs/inline-tabs-button/sdds-inline-tabs-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sdds-inline-tabs-button.js","sourceRoot":"","sources":["../../../../../src/components/tabs/inline-tabs/inline-tabs-button/sdds-inline-tabs-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,oBAAoB;;oBAEH,KAAK;oBAGL,KAAK;;EAEjC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,UAAU;MACnB,cACE,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;UACzC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EACjC,QAAQ,EAAE,IAAI,CAAC,QAAQ;QAEvB,WAAK,KAAK,EAAC,OAAO;UAChB,eAAa,CACT,CACC,CACJ,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'sdds-inline-tabs-button',\n  styleUrl: 'sdds-inline-tabs-button.scss',\n  shadow: true,\n})\nexport class SddsInlineTabsButton {\n  /** Disables the tab. */\n  @Prop() disabled: boolean = false;\n\n  /** Marks the tab as the selected one. */\n  @Prop() selected: boolean = false;\n\n  render() {\n    return (\n      <Host role=\"listitem\">\n        <button\n          class={`${this.selected ? 'selected' : ''}\n        ${this.disabled ? 'disabled' : ''}`}\n          disabled={this.disabled}\n        >\n          <div class=\"label\">\n            <slot></slot>\n          </div>\n        </button>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/tabs/inline-tabs/inline-tabs-link/sdds-inline-tabs-link.css

@@ -1,75 +0,0 @@
-:host {
-  box-sizing: border-box;
-  display: block;
-  position: relative;
-  z-index: 200;
-}
-:host * {
-  box-sizing: border-box;
-}
-:host a {
-  font: var(--sdds-headline-07);
-  letter-spacing: var(--sdds-headline-07-ls);
-  color: var(--sdds-navigation-tabs-tab-color);
-  padding: 8px 4px;
-  margin-right: 32px;
-  text-decoration: none;
-  display: block;
-  position: relative;
-  transition: color 0.15s ease-in-out 0s;
-  white-space: nowrap;
-  background-color: transparent;
-  border: 0;
-}
-:host a .label {
-  margin: 12px 0;
-}
-:host a:hover {
-  cursor: pointer;
-}
-:host a:hover::after {
-  width: 100%;
-}
-:host a:focus-visible {
-  outline: 2px solid var(--sdds-blue-400);
-  outline-offset: -2px;
-}
-:host a::after {
-  content: " ";
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  left: 0;
-  margin-left: auto;
-  width: 0%;
-  margin-right: auto;
-  height: 2px;
-  background-color: var(--sdds-inline-tabs-tab-indicator-background-hover);
-  transition: width 0.15s ease-in-out 0s;
-  z-index: 1;
-}
-:host a.selected {
-  color: var(--sdds-inline-tabs-tab-color-selected);
-}
-:host a.selected .label {
-  opacity: var(--sdds-inline-tab-color-opacity-selected);
-}
-:host a.selected::after {
-  width: 100%;
-  background-color: var(--sdds-inline-tabs-tab-indicator-background-active);
-}
-:host a.disabled {
-  color: var(--sdds-inline-tabs-tab-color-disabled);
-  pointer-events: none;
-}
-:host a.disabled .label {
-  opacity: var(--sdds-inline-tabs-tab-color-opacity-disabled);
-}
-
-:host(.first) {
-  margin-left: 32px;
-}
-
-:host(.last) {
-  margin-right: 32px;
-}

package/dist/collection/components/tabs/inline-tabs/inline-tabs-link/sdds-inline-tabs-link.js

@@ -1,122 +0,0 @@
-import { Host, h } from '@stencil/core';
-export class SddsInlineTabsLink {
-  constructor() {
-    this.disabled = false;
-    this.selected = false;
-    this.href = undefined;
-    this.target = '_self';
-    this.rel = 'noopener';
-  }
-  render() {
-    return (h(Host, { role: "listitem" }, h("a", { class: `
-        ${this.selected ? 'selected' : ''}
-        ${this.disabled ? 'disabled' : ''}
-        `, href: this.href, target: this.target, rel: this.rel }, h("div", { class: "label" }, h("slot", null)))));
-  }
-  static get is() { return "sdds-inline-tabs-link"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["sdds-inline-tabs-link.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["sdds-inline-tabs-link.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Disables the tab."
-        },
-        "attribute": "disabled",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "selected": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Marks the tab as the selected one."
-        },
-        "attribute": "selected",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "href": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Href for the link"
-        },
-        "attribute": "href",
-        "reflect": false
-      },
-      "target": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'_self' | '_blank' | '_parent' | '_top'",
-          "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Where to open the linked URL"
-        },
-        "attribute": "target",
-        "reflect": false,
-        "defaultValue": "'_self'"
-      },
-      "rel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'."
-        },
-        "attribute": "rel",
-        "reflect": false,
-        "defaultValue": "'noopener'"
-      }
-    };
-  }
-}
-//# sourceMappingURL=sdds-inline-tabs-link.js.map

package/dist/collection/components/tabs/inline-tabs/inline-tabs-link/sdds-inline-tabs-link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sdds-inline-tabs-link.js","sourceRoot":"","sources":["../../../../../src/components/tabs/inline-tabs/inline-tabs-link/sdds-inline-tabs-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,kBAAkB;;oBAED,KAAK;oBAGL,KAAK;;kBAMyB,OAAO;eAG3C,UAAU;;EAEhC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,UAAU;MACnB,SACE,KAAK,EAAE;UACP,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;UAC/B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;SAChC,EACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,IAAI,CAAC,GAAG;QAEb,WAAK,KAAK,EAAC,OAAO;UAChB,eAAa,CACT,CACJ,CACC,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'sdds-inline-tabs-link',\n  styleUrl: 'sdds-inline-tabs-link.scss',\n  shadow: true,\n})\nexport class SddsInlineTabsLink {\n  /** Disables the tab. */\n  @Prop() disabled: boolean = false;\n\n  /** Marks the tab as the selected one. */\n  @Prop() selected: boolean = false;\n\n  /** Href for the link */\n  @Prop() href: string;\n\n  /** Where to open the linked URL */\n  @Prop() target: '_self' | '_blank' | '_parent' | '_top' = '_self';\n\n  /** 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'. */\n  @Prop() rel: string = 'noopener';\n\n  render() {\n    return (\n      <Host role=\"listitem\">\n        <a\n          class={`\n        ${this.selected ? 'selected' : ''}\n        ${this.disabled ? 'disabled' : ''}\n        `}\n          href={this.href}\n          target={this.target}\n          rel={this.rel}\n        >\n          <div class=\"label\">\n            <slot></slot>\n          </div>\n        </a>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/tabs/navigation-tabs/navigation-tabs-button/sdds-navigation-tabs-button.css

@@ -1,73 +0,0 @@
-:host {
-  box-sizing: border-box;
-}
-:host * {
-  box-sizing: border-box;
-}
-:host button {
-  font: var(--sdds-headline-07);
-  letter-spacing: var(--sdds-headline-07-ls);
-  color: var(--sdds-navigation-tabs-tab-color);
-  padding: 18px 0;
-  margin-right: 32px;
-  text-decoration: none;
-  display: block;
-  position: relative;
-  transition: color 0.15s ease-in-out;
-  white-space: nowrap;
-  background-color: transparent;
-  border: 0;
-}
-:host button.selected {
-  color: var(--sdds-navigation-tabs-tab-color-selected);
-}
-:host button.selected::after {
-  width: 100%;
-  background-color: var(--sdds-navigation-tabs-tab-indicator-background-active);
-}
-:host button .label {
-  padding: 8px 4px;
-}
-:host button:focus-visible {
-  outline: none;
-}
-:host button:focus-visible .label {
-  outline: 2px solid var(--sdds-blue-400);
-  outline-offset: -2px;
-}
-:host button:hover {
-  color: var(--sdds-navigation-tabs-tab-color-hover);
-  opacity: 1;
-}
-:host button:hover::after {
-  width: 100%;
-}
-:host button.disabled {
-  color: var(--sdds-navigation-tabs-tab-color-disabled);
-  pointer-events: none;
-}
-:host button.disabled .label {
-  opacity: var(--sdds-navigation-tabs-tab-color-opacity-disabled);
-}
-:host button::after {
-  content: " ";
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  left: 0;
-  margin-left: auto;
-  width: 0;
-  margin-right: auto;
-  height: 2px;
-  background-color: var(--sdds-navigation-tabs-tab-indicator-background-hover);
-  transition: width 0.15s ease-in-out;
-  z-index: 1;
-}
-
-:host(.first) {
-  margin-left: 32px;
-}
-
-:host(.last) {
-  margin-right: 32px;
-}

package/dist/collection/components/tabs/navigation-tabs/navigation-tabs-button/sdds-navigation-tabs-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sdds-navigation-tabs-button.js","sourceRoot":"","sources":["../../../../../src/components/tabs/navigation-tabs/navigation-tabs-button/sdds-navigation-tabs-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,wBAAwB;;oBAEP,KAAK;oBAGL,KAAK;;EAEjC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,UAAU;MACnB,cACE,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;WACxC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ;QAEvB,WAAK,KAAK,EAAC,OAAO;UAChB,eAAa,CACT,CACC,CACJ,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'sdds-navigation-tabs-button',\n  styleUrl: 'sdds-navigation-tabs-button.scss',\n  shadow: true,\n})\nexport class SddsNavigationTabsButton {\n  /** Disables the tab. */\n  @Prop() disabled: boolean = false;\n\n  /** Marks the tab as the selected one. */\n  @Prop() selected: boolean = false;\n\n  render() {\n    return (\n      <Host role=\"listitem\">\n        <button\n          class={`${this.selected ? 'selected' : ''}\n         ${this.disabled ? 'disabled' : ''}`}\n          disabled={this.disabled}\n        >\n          <div class=\"label\">\n            <slot></slot>\n          </div>\n        </button>\n      </Host>\n    );\n  }\n}\n"]}