@scania/tegel 0.0.7 → 0.0.9

package/dist/components/sdds-header-launcher.js

@@ -1,108 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { i as inheritAriaAttributes } from './utils.js';
-import { d as defineCustomElement$6 } from './core-header-item.js';
-import { d as defineCustomElement$5 } from './header-item.js';
-import { d as defineCustomElement$4 } from './header-launcher-button.js';
-import { d as defineCustomElement$3 } from './icon.js';
-import { d as defineCustomElement$2 } from './popover-canvas.js';
-
-const headerLauncherCss = ":host .wrapper{height:var(--sdds-header-height);position:relative}:host .wrapper .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--sdds-header-height));box-shadow:var(--sdds-nav-dropdown-menu-box);background-color:var(--sdds-header-app-launcher-menu-background);border-radius:0}:host .wrapper .menu::-webkit-scrollbar{width:4px;background-color:inherit}:host .wrapper .menu::-webkit-scrollbar-thumb{background-color:var(--sdds-grey-300)}:host .wrapper .menu ::-webkit-scrollbar-button{height:0;width:0}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--sdds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:801}";
-
-const HeaderLauncher = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.uuid = crypto.randomUUID();
-    this.open = false;
-    this.buttonEl = undefined;
-    this.hasListTypeMenu = false;
-  }
-  onAnyClick(event) {
-    // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/
-    const isClickOutside = !event.composedPath().includes(this.host);
-    if (isClickOutside) {
-      this.open = false;
-    }
-  }
-  componentDidLoad() {
-    const slotElement = this.host.shadowRoot.querySelector('slot:not([name])');
-    const slottedElements = slotElement.assignedElements();
-    const hasListTypeMenu = slottedElements.some((element) => element.tagName.toLowerCase() === 'sdds-header-launcher-list');
-    if (hasListTypeMenu) {
-      this.hasListTypeMenu = true;
-    }
-  }
-  toggleLauncher() {
-    this.open = !this.open;
-  }
-  render() {
-    this.ariaAttributes = Object.assign(Object.assign({}, this.ariaAttributes), inheritAriaAttributes(this.host, ['role']));
-    const buttonAttributes = Object.assign(Object.assign({}, this.ariaAttributes), { 'aria-expanded': `${this.open}`, 'aria-controls': `launcher-${this.uuid}`, 'class': 'button', 'active': this.open, 'onClick': () => {
-        this.toggleLauncher();
-      }, 'ref': (el) => {
-        this.buttonEl = el;
-      } });
-    return (h(Host, null, h("div", { class: {
-        'wrapper': true,
-        'state-open': this.open,
-        'state-list-type-menu': this.hasListTypeMenu,
-      } }, h("sdds-header-launcher-button", Object.assign({}, buttonAttributes)), this.buttonEl && (h("sdds-popover-canvas", { id: `sdds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
-        {
-          name: 'flip',
-          options: {
-            fallbackPlacements: [],
-          },
-        },
-      ] }, h("slot", null))))));
-  }
-  get host() { return this; }
-  static get style() { return headerLauncherCss; }
-}, [1, "sdds-header-launcher", {
-    "open": [32],
-    "buttonEl": [32],
-    "hasListTypeMenu": [32]
-  }, [[8, "click", "onAnyClick"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-header-launcher", "sdds-core-header-item", "sdds-header-item", "sdds-header-launcher-button", "sdds-icon", "sdds-popover-canvas"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-header-launcher":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HeaderLauncher);
-      }
-      break;
-    case "sdds-core-header-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "sdds-header-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "sdds-header-launcher-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "sdds-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "sdds-popover-canvas":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const SddsHeaderLauncher = HeaderLauncher;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsHeaderLauncher, defineCustomElement };

package/dist/components/sdds-header-title.d.ts

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

package/dist/components/sdds-header-title.js

@@ -1,33 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const headerTitleCss = ":host{display:block;flex-shrink:1;box-sizing:border-box;color:var(--sdds-header-nav-item-color);font-weight:normal;font-family:var(--sdds-font-family-headline);letter-spacing:normal;position:relative}:host .component ::after{content:\" \";display:block;height:100%;width:24px;position:absolute;top:0;right:0;background:linear-gradient(to right, transparent, var(--sdds-header-background))}:host slot{min-width:inherit;display:block;align-items:center;white-space:nowrap;text-overflow:fade;padding:0 24px}";
-
-const HeaderTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "component" }, h("slot", null))));
-  }
-  static get style() { return headerTitleCss; }
-}, [1, "sdds-header-title"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-header-title"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-header-title":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HeaderTitle);
-      }
-      break;
-  } });
-}
-
-const SddsHeaderTitle = HeaderTitle;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsHeaderTitle, defineCustomElement };

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

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

package/dist/components/sdds-header.js

@@ -1,55 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { u as updateListChildrenRoles, i as inheritAriaAttributes } from './utils.js';
-
-const headerComponentCss = "sdds-header{display:block;height:var(--sdds-header-height);background-color:var(--sdds-header-background);width:100%;z-index:300}nav{box-sizing:border-box;background-color:var(--sdds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .sdds-header-component-list{height:var(--sdds-header-height);all:unset;display:flex;justify-content:start;align-items:center}nav sdds-header-dropdown,nav sdds-header-item{display:none}nav .sdds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--sdds-header-height);border-right:1px solid var(--sdds-header--basic-element-border)}@media screen and (min-width: 992px){nav sdds-header-dropdown,nav sdds-header-item{display:block}}nav sdds-header-item:nth-child(3),nav sdds-header-dropdown:nth-child(3){border-left:1px solid var(--sdds-header--basic-element-border)}";
-
-const SddsHeader$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    const callback = (mutationsList) => {
-      mutationsList.forEach((mutation) => {
-        if (mutation.type === 'childList') {
-          updateListChildrenRoles(mutation.target);
-        }
-      });
-    };
-    this.observer = new MutationObserver(callback);
-  }
-  componentDidLoad() {
-    const hostElement = this.host;
-    const navElement = hostElement.querySelector('.sdds-header-component-list');
-    this.observer.observe(navElement, {
-      childList: true,
-      subtree: false,
-    });
-    updateListChildrenRoles(navElement);
-  }
-  disconnectedCallback() {
-    this.observer.disconnect();
-  }
-  render() {
-    const navAttributes = Object.assign({}, inheritAriaAttributes(this.host));
-    return (h(Host, null, h("slot", { name: "hamburger" }), h("slot", { name: "title" }), h("nav", Object.assign({}, navAttributes), h("ul", { class: "sdds-header-component-list" }, h("slot", null), h("li", { class: "sdds-header-middle-spacer" }), h("slot", { name: "end" })))));
-  }
-  get host() { return this; }
-  static get style() { return headerComponentCss; }
-}, [4, "sdds-header"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-header"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-header":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SddsHeader$1);
-      }
-      break;
-  } });
-}
-
-const SddsHeader = SddsHeader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsHeader, defineCustomElement };

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

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

package/dist/components/sdds-icon.js

@@ -1,6 +0,0 @@
-import { I as Icon, d as defineCustomElement$1 } from './icon.js';
-
-const SddsIcon = Icon;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsIcon, defineCustomElement };

package/dist/components/sdds-inline-tab.d.ts

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

package/dist/components/sdds-inline-tab.js

@@ -1,44 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const sddsInlineTabCss = ":host{box-sizing:border-box;z-index:200;display:block}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:var(--sdds-navigation-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;margin:20px 4px}:host ::slotted(*:focus-visible){outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host .inline-tab-item{position:relative;margin-right:32px}:host .inline-tab-item:hover{cursor:pointer}:host .inline-tab-item:hover::after{width:100%}:host .inline-tab-item::after{content:\" \";position:absolute;bottom:-20px;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 .selected ::slotted(*){color:var(--sdds-inline-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--sdds-inline-tabs-tab-indicator-background-active)}:host .disabled{color:var(--sdds-inline-tabs-tab-color-disabled);pointer-events:none}:host .disabled ::slotted(*){opacity:var(--sdds-inline-tabs-tab-color-opacity-disabled)}:host(.first){margin-left:32px}:host(.last){margin-right:32px}";
-
-const SddsInlineTab$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.disabled = false;
-    this.selected = false;
-  }
-  /** @internal Method to set the tab as selected. Used by the <sdds-folder-tabs> */
-  async setSelected(selected) {
-    this.selected = selected;
-  }
-  render() {
-    return (h(Host, { role: "listitem" }, h("div", { class: `inline-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, h("slot", null))));
-  }
-  static get style() { return sddsInlineTabCss; }
-}, [1, "sdds-inline-tab", {
-    "disabled": [4],
-    "selected": [32],
-    "setSelected": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-inline-tab"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-inline-tab":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SddsInlineTab$1);
-      }
-      break;
-  } });
-}
-
-const SddsInlineTab = SddsInlineTab$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsInlineTab, defineCustomElement };

package/dist/components/sdds-inline-tabs.d.ts

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

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

@@ -1,181 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './icon.js';
-
-const inlineTabsCss = ":host{box-sizing:border-box;display:flex;background-color:var(--sdds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:\" \";display:block;border-bottom:1px solid var(--sdds-inline-tabs-horizontal-divider-background);opacity:var(--sdds-inline-tabs-horizontal-divider-opacity);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:201}:host .scroll-left-button{left:0;z-index:201}:host .scroll-right-button,:host .scroll-left-button{color:var(--sdds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--sdds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--sdds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--sdds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--sdds-folder-tabs-scroll-btn-color)}";
-
-const InlineTabsFullbleed = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.sddsChange = createEvent(this, "sddsChange", 7);
-    this.navWrapperElement = null; // reference to container with nav buttons
-    this.componentWidth = 0; // visible width of this component
-    this.buttonsWidth = 0; // total width of all nav items combined
-    this.scrollWidth = 0; // total amount that is possible to scroll in the nav wrapper
-    this.addResizeObserver = () => {
-      const resizeObserver = new ResizeObserver((entries) => {
-        entries.forEach((entry) => {
-          const componentWidth = entry.contentRect.width;
-          let buttonsWidth = 0;
-          const navButtons = Array.from(this.host.children);
-          navButtons.forEach((navButton) => {
-            const style = window.getComputedStyle(navButton);
-            buttonsWidth +=
-              navButton.clientWidth + parseFloat(style.marginLeft) + parseFloat(style.marginRight);
-          });
-          this.componentWidth = componentWidth;
-          this.buttonsWidth = buttonsWidth;
-          this.scrollWidth = buttonsWidth - componentWidth;
-          if (this.buttonsWidth > this.componentWidth) {
-            this.evaluateScrollButtons();
-          }
-          else {
-            this.showLeftScroll = false;
-            this.showRightScroll = false;
-          }
-        });
-      });
-      resizeObserver.observe(this.navWrapperElement);
-    };
-    this.addEventListenerToTabs = () => {
-      this.children = this.children.map((item, index) => {
-        item.addEventListener('click', () => {
-          const sddsChangeEvent = this.sddsChange.emit({
-            selectedTabIndex: this.children.indexOf(item)
-          });
-          if (!sddsChangeEvent.defaultPrevented) {
-            if (!item.disabled) {
-              this.children.forEach((element) => element.setSelected(false));
-              item.setSelected(true);
-              this.selectedIndex = index;
-              this.sddsChange.emit({
-                selectedTabIndex: this.selectedIndex,
-              });
-            }
-          }
-        });
-        return item;
-      });
-    };
-    this.modeVariant = 'primary';
-    this.defaultSelectedIndex = 0;
-    this.selectedIndex = undefined;
-    this.showLeftScroll = false;
-    this.showRightScroll = false;
-    this.buttonWidth = 0;
-  }
-  /** Selects a tab based on tabindex, will not select a disabled tab. */
-  async selectTab(tabIndex) {
-    if (!this.children[tabIndex].disabled) {
-      this.children.forEach((element) => element.setSelected(false));
-      this.children = this.children.map((element, index) => {
-        if (index === tabIndex) {
-          element.setSelected(true);
-          this.selectedIndex = tabIndex;
-          this.sddsChange.emit({
-            selectedTabIndex: this.selectedIndex,
-          });
-        }
-        return element;
-      });
-    }
-    return {
-      selectedTabIndex: this.selectedIndex,
-    };
-  }
-  scrollRight() {
-    const scroll = this.navWrapperElement.scrollLeft;
-    this.navWrapperElement.scrollLeft = scroll + this.buttonsWidth;
-    this.evaluateScrollButtons();
-  }
-  scrollLeft() {
-    const scroll = this.navWrapperElement.scrollLeft;
-    this.navWrapperElement.scrollLeft = scroll - this.buttonsWidth;
-    this.evaluateScrollButtons();
-  }
-  evaluateScrollButtons() {
-    const scroll = this.navWrapperElement.scrollLeft;
-    if (scroll >= this.scrollWidth) {
-      this.showRightScroll = false;
-    }
-    else {
-      this.showRightScroll = true;
-    }
-    if (scroll <= 0) {
-      this.showLeftScroll = false;
-    }
-    else {
-      this.showLeftScroll = true;
-    }
-  }
-  connectedCallback() {
-    this.children = Array.from(this.host.children);
-    this.children[0].classList.add('first');
-    this.children[this.children.length - 1].classList.add('last');
-  }
-  componentDidLoad() {
-    if (this.selectedIndex === undefined) {
-      this.addEventListenerToTabs();
-      this.children[this.defaultSelectedIndex].setSelected(true);
-      this.selectedIndex = this.defaultSelectedIndex;
-      this.sddsChange.emit({
-        selectedTabIndex: this.selectedIndex,
-      });
-    }
-    else {
-      this.children[this.selectedIndex].setSelected(true);
-      this.sddsChange.emit({
-        selectedTabIndex: this.selectedIndex,
-      });
-    }
-  }
-  componentDidRender() {
-    if (this.buttonsWidth > this.componentWidth) {
-      this.evaluateScrollButtons();
-    }
-    else {
-      this.showLeftScroll = false;
-      this.showRightScroll = false;
-    }
-    this.addResizeObserver();
-  }
-  render() {
-    return (h(Host, { role: "list", class: `${this.modeVariant ? `sdds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { class: "wrapper", ref: (el) => {
-        this.navWrapperElement = el;
-      } }, h("button", { class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("sdds-icon", { name: "chevron_left", size: "20px" })), h("slot", null), h("button", { class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("sdds-icon", { name: "chevron_right", size: "20px" })))));
-  }
-  get host() { return this; }
-  static get style() { return inlineTabsCss; }
-}, [1, "sdds-inline-tabs", {
-    "modeVariant": [1, "mode-variant"],
-    "defaultSelectedIndex": [2, "default-selected-index"],
-    "selectedIndex": [514, "selected-index"],
-    "showLeftScroll": [32],
-    "showRightScroll": [32],
-    "buttonWidth": [32],
-    "selectTab": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-inline-tabs", "sdds-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-inline-tabs":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, InlineTabsFullbleed);
-      }
-      break;
-    case "sdds-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const SddsInlineTabs = InlineTabsFullbleed;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsInlineTabs, defineCustomElement };

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

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

package/dist/components/sdds-link.js

@@ -1,44 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const sddsLinkCss = ".sdds-link-component{all:unset;cursor:pointer;outline:none;color:var(--sdds-link);text-decoration:underline}.sdds-link-component.active,.sdds-link-component:active{color:var(--sdds-link);text-decoration:underline;text-decoration-color:var(--sdds-link)}.sdds-link-component:hover{color:var(--sdds-link-hover);text-decoration:underline;text-decoration-color:var(--sdds-link-hover)}.sdds-link-component:visited{color:var(--sdds-link-visited);text-decoration-color:var(--sdds-link-visited)}.sdds-link-component:focus{color:var(--sdds-link-focus);text-decoration:none;outline:2px solid var(--sdds-link-focus);outline-offset:-2px}.disabled .sdds-link-component{color:var(--sdds-link-disabled);text-decoration-color:var(--sdds-link-disabled);pointer-events:none}.no-underline .sdds-link-component{text-decoration:none}.no-underline:hover .sdds-link-component{text-decoration:none}";
-
-const SddsLink$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.disabled = false;
-    this.underline = true;
-  }
-  connectedCallback() {
-    this.host.children[0].classList.add('sdds-link-component');
-  }
-  render() {
-    return (h("div", { class: `
-          ${this.disabled ? 'disabled' : ''}
-          ${!this.underline ? 'no-underline' : ''}
-          ` }, h("slot", null)));
-  }
-  get host() { return this; }
-  static get style() { return sddsLinkCss; }
-}, [4, "sdds-link", {
-    "disabled": [4],
-    "underline": [4]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-link"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-link":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SddsLink$1);
-      }
-      break;
-  } });
-}
-
-const SddsLink = SddsLink$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsLink, defineCustomElement };

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

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

package/dist/components/sdds-message.js

@@ -1,67 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './icon.js';
-
-const sddsMessageCss = ":host .message-wrapper{display:flex;padding:16px;background-color:var(--sdds-message-background);border-radius:4px}:host .message-wrapper.information{border-left:4px solid var(--sdds-information)}:host .message-wrapper.information sdds-icon{color:var(--sdds-information)}:host .message-wrapper.success{border-left:4px solid var(--sdds-positive)}:host .message-wrapper.success sdds-icon{color:var(--sdds-positive)}:host .message-wrapper.error{background-color:var(--sdds-message-type-error-background);border-left:4px solid var(--sdds-negative)}:host .message-wrapper.error sdds-icon{color:var(--sdds-negative)}:host .message-wrapper.warning{border-left:4px solid var(--sdds-warning)}:host .message-wrapper.warning sdds-icon{color:var(--sdds-warning)}:host .message-wrapper.message-minimal{border:none;display:flex;align-items:center;padding:0;background-color:transparent}:host .message-wrapper.message-minimal .message-header{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls)}:host .message-wrapper.message-minimal sdds-icon{padding-right:8px}:host sdds-icon{padding-right:16px}:host .message-content{display:flex;flex-direction:column;gap:4px;color:var(--sdds-message-color);padding:2px 0}:host .message-content .message-header{font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls)}:host .message-content .message-extended-message{color:var(--sdds-message-color);font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls)}:host .sdds-mode-variant-primary{--sdds-message-background:var(--sdds-message-background-primary)}:host .sdds-mode-variant-secondary{--sdds-message-background:var(--sdds-message-background-secondary)}";
-
-const SddsMessage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    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.header = undefined;
-    this.modeVariant = null;
-    this.type = 'information';
-    this.noIcon = false;
-    this.minimal = false;
-  }
-  render() {
-    return (h(Host, null, h("div", { class: `
-        message-wrapper ${this.type}
-        ${this.minimal ? 'message-minimal' : ''}
-        ${this.modeVariant !== null ? `sdds-mode-variant-${this.modeVariant}` : ''}` }, !this.noIcon && h("sdds-icon", { name: this.getIconName(), size: "20px" }), h("div", { class: `message-content` }, this.header && h("div", { class: "message-header" }, this.header), !this.minimal && (h("div", { class: "message-extended-message" }, h("slot", null)))))));
-  }
-  static get style() { return sddsMessageCss; }
-}, [1, "sdds-message", {
-    "header": [1],
-    "modeVariant": [1, "mode-variant"],
-    "type": [1],
-    "noIcon": [4, "no-icon"],
-    "minimal": [4]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-message", "sdds-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-message":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SddsMessage$1);
-      }
-      break;
-    case "sdds-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const SddsMessage = SddsMessage$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsMessage, defineCustomElement };

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

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