@scania/tegel 0.0.10 → 0.0.12

package/dist/types/components.d.ts

@@ -80,7 +80,7 @@ export namespace Components {
          */
         "hideBanner": () => Promise<void>;
         /**
-          * Name of the icon for the component. For error and information type, the icon is predefined.
+          * Name of the icon for the component. For error and information variant, the icon is predefined.
          */
         "icon": string;
         /**
@@ -96,9 +96,9 @@ export namespace Components {
          */
         "subheader": string;
         /**
-          * Type of Banner
+          * Variant of Banner
          */
-        "type": 'error' | 'information' | 'none';
+        "variant": 'error' | 'information' | 'default';
     }
     interface TdsBlock {
         /**
@@ -141,15 +141,22 @@ export namespace Components {
           * Set the mode variant of the Button.
          */
         "modeVariant": 'primary' | 'secondary';
+        /**
+          * Size of a Button
+         */
         "size": 'xs' | 'sm' | 'md' | 'lg';
         /**
           * Text displayed inside the Button
          */
         "text": string;
         /**
-          * Type of Button
+          * Button's type
+         */
+        "type": 'button' | 'submit' | 'reset';
+        /**
+          * Variation of Button's design
          */
-        "type": 'primary' | 'secondary' | 'ghost' | 'danger';
+        "variant": 'primary' | 'secondary' | 'ghost' | 'danger';
     }
     interface TdsCard {
         /**
@@ -268,6 +275,14 @@ export namespace Components {
           * Label text for the component
          */
         "label": string;
+        /**
+          * Sets max value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00"
+         */
+        "max": string;
+        /**
+          * Sets min value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00"
+         */
+        "min": string;
         /**
           * Set the variant of the Datetime component.
          */
@@ -289,7 +304,7 @@ export namespace Components {
          */
         "state": string;
         /**
-          * Which input type, text, password or similar
+          * Sets input type
          */
         "type": 'datetime-local' | 'date' | 'time';
         /**
@@ -369,7 +384,7 @@ export namespace Components {
          */
         "removeValue": (oldValue: string) => Promise<{ value: string; label: string; }[]>;
         /**
-          * Method that resets the Dropdown.
+          * Method that resets the Dropdown, marks all children as non-selected and resets the value to null.
          */
         "reset": () => Promise<void>;
         /**
@@ -476,7 +491,10 @@ export namespace Components {
         "selected": boolean;
     }
     interface TdsHeaderDropdownList {
-        "type": 'lg' | 'md';
+        /**
+          * The size of the component.
+         */
+        "size": 'lg' | 'md';
     }
     interface TdsHeaderDropdownListItem {
         /**
@@ -484,9 +502,9 @@ export namespace Components {
          */
         "selected": boolean;
         /**
-          * The type of the list.
+          * The size of the component.
          */
-        "type": 'md' | 'lg';
+        "size": 'md' | 'lg';
     }
     interface TdsHeaderDropdownListUser {
         /**
@@ -603,9 +621,9 @@ export namespace Components {
          */
         "noIcon": boolean;
         /**
-          * Type of Message.
+          * Variant of Message.
          */
-        "type": 'information' | 'error' | 'warning' | 'success';
+        "variant": 'information' | 'error' | 'warning' | 'success';
     }
     interface TdsModal {
         /**
@@ -700,7 +718,15 @@ export namespace Components {
          */
         "show": boolean;
     }
-    interface TdsPopoverMenu {
+    interface TdsPopoverCore {
+        /**
+          * Decides if the popover should hide automatically. Alternatevly it can be hidden externally based on emitted events.
+         */
+        "autoHide": boolean;
+        /**
+          * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
+         */
+        "modifiers": Object[];
         /**
           * Sets the offset distance
          */
@@ -725,6 +751,36 @@ export namespace Components {
           * Decides if the Popover Menu should be visible from the start
          */
         "show": boolean;
+        /**
+          * What triggers the popover to show
+         */
+        "trigger": 'click' | 'hover' | 'hover-popover';
+    }
+    interface TdsPopoverMenu {
+        /**
+          * Sets the offset distance
+         */
+        "offsetDistance": number;
+        /**
+          * Sets the offset skidding
+         */
+        "offsetSkidding": number;
+        /**
+          * Decides the placement of the Popover Menu
+         */
+        "placement": Placement;
+        /**
+          * Element that will trigger the pop-over (takes priority over selector)
+         */
+        "referenceEl"?: HTMLElement | null;
+        /**
+          * The CSS-selector for an element that will trigger the pop-over
+         */
+        "selector": string;
+        /**
+          * Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it.
+         */
+        "show": boolean;
     }
     interface TdsRadioButton {
         /**
@@ -962,23 +1018,23 @@ export namespace Components {
         /**
           * Enables extended row feature of Table
          */
-        "enableExpandableRows": boolean;
-        /**
-          * Enables multiselect feature of Table
-         */
-        "enableMultiselect": boolean;
-        /**
-          * Enables Table to take 100% available width with equal spacing of columns
-         */
-        "enableResponsive": boolean;
+        "expandableRows": boolean;
         /**
           * Variant of the component, based on current mode.
          */
         "modeVariant": 'primary' | 'secondary';
+        /**
+          * Enables multiselect feature of Table
+         */
+        "multiselect": boolean;
         /**
           * Enables to customize width on Table columns
          */
         "noMinWidth": boolean;
+        /**
+          * Enables Table to take 100% available width with equal spacing of columns
+         */
+        "responsive": boolean;
         /**
           * ID used for internal Table functionality and events, must be unique.  **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.
          */
@@ -1034,7 +1090,7 @@ export namespace Components {
         /**
           * Enables preview of searchbar
          */
-        "enableFiltering": boolean;
+        "filter": boolean;
         /**
           * Adds title to the Table
          */
@@ -1196,7 +1252,7 @@ export namespace Components {
         /**
           * Type of Toast.
          */
-        "type": 'information' | 'error' | 'warning' | 'success';
+        "variant": 'information' | 'error' | 'warning' | 'success';
     }
     interface TdsToggle {
         /**
@@ -1257,10 +1313,6 @@ export namespace Components {
           * In case Tooltip contains only text, no HTML, a text can be passed by this prop
          */
         "text": string;
-        /**
-          * Method to update the Tooltip. Will reevaluate the Tooltips position.
-         */
-        "updateTooltip": () => Promise<void>;
     }
 }
 export interface TdsAccordionItemCustomEvent<T> extends CustomEvent<T> {
@@ -1315,6 +1367,10 @@ export interface TdsNavigationTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTdsNavigationTabsElement;
 }
+export interface TdsPopoverCoreCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTdsPopoverCoreElement;
+}
 export interface TdsRadioButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTdsRadioButtonElement;
@@ -1674,6 +1730,12 @@ declare global {
         prototype: HTMLTdsPopoverCanvasElement;
         new (): HTMLTdsPopoverCanvasElement;
     };
+    interface HTMLTdsPopoverCoreElement extends Components.TdsPopoverCore, HTMLStencilElement {
+    }
+    var HTMLTdsPopoverCoreElement: {
+        prototype: HTMLTdsPopoverCoreElement;
+        new (): HTMLTdsPopoverCoreElement;
+    };
     interface HTMLTdsPopoverMenuElement extends Components.TdsPopoverMenu, HTMLStencilElement {
     }
     var HTMLTdsPopoverMenuElement: {
@@ -1898,6 +1960,7 @@ declare global {
         "tds-navigation-tab": HTMLTdsNavigationTabElement;
         "tds-navigation-tabs": HTMLTdsNavigationTabsElement;
         "tds-popover-canvas": HTMLTdsPopoverCanvasElement;
+        "tds-popover-core": HTMLTdsPopoverCoreElement;
         "tds-popover-menu": HTMLTdsPopoverMenuElement;
         "tds-radio-button": HTMLTdsRadioButtonElement;
         "tds-side-menu": HTMLTdsSideMenuElement;
@@ -1992,7 +2055,7 @@ declare namespace LocalJSX {
          */
         "hidden"?: boolean;
         /**
-          * Name of the icon for the component. For error and information type, the icon is predefined.
+          * Name of the icon for the component. For error and information variant, the icon is predefined.
          */
         "icon"?: string;
         /**
@@ -2016,9 +2079,9 @@ declare namespace LocalJSX {
          */
         "subheader"?: string;
         /**
-          * Type of Banner
+          * Variant of Banner
          */
-        "type"?: 'error' | 'information' | 'none';
+        "variant"?: 'error' | 'information' | 'default';
     }
     interface TdsBlock {
         /**
@@ -2061,15 +2124,22 @@ declare namespace LocalJSX {
           * Set the mode variant of the Button.
          */
         "modeVariant"?: 'primary' | 'secondary';
+        /**
+          * Size of a Button
+         */
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
         /**
           * Text displayed inside the Button
          */
         "text"?: string;
         /**
-          * Type of Button
+          * Button's type
+         */
+        "type"?: 'button' | 'submit' | 'reset';
+        /**
+          * Variation of Button's design
          */
-        "type"?: 'primary' | 'secondary' | 'ghost' | 'danger';
+        "variant"?: 'primary' | 'secondary' | 'ghost' | 'danger';
     }
     interface TdsCard {
         /**
@@ -2219,6 +2289,14 @@ declare namespace LocalJSX {
           * Label text for the component
          */
         "label"?: string;
+        /**
+          * Sets max value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00"
+         */
+        "max"?: string;
+        /**
+          * Sets min value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00"
+         */
+        "min"?: string;
         /**
           * Set the variant of the Datetime component.
          */
@@ -2252,7 +2330,7 @@ declare namespace LocalJSX {
          */
         "state"?: string;
         /**
-          * Which input type, text, password or similar
+          * Sets input type
          */
         "type"?: 'datetime-local' | 'date' | 'time';
         /**
@@ -2461,7 +2539,10 @@ declare namespace LocalJSX {
         "selected"?: boolean;
     }
     interface TdsHeaderDropdownList {
-        "type"?: 'lg' | 'md';
+        /**
+          * The size of the component.
+         */
+        "size"?: 'lg' | 'md';
     }
     interface TdsHeaderDropdownListItem {
         /**
@@ -2469,9 +2550,9 @@ declare namespace LocalJSX {
          */
         "selected"?: boolean;
         /**
-          * The type of the list.
+          * The size of the component.
          */
-        "type"?: 'md' | 'lg';
+        "size"?: 'md' | 'lg';
     }
     interface TdsHeaderDropdownListUser {
         /**
@@ -2586,9 +2667,9 @@ declare namespace LocalJSX {
          */
         "noIcon"?: boolean;
         /**
-          * Type of Message.
+          * Variant of Message.
          */
-        "type"?: 'information' | 'error' | 'warning' | 'success';
+        "variant"?: 'information' | 'error' | 'warning' | 'success';
     }
     interface TdsModal {
         /**
@@ -2680,7 +2761,15 @@ declare namespace LocalJSX {
          */
         "show"?: boolean;
     }
-    interface TdsPopoverMenu {
+    interface TdsPopoverCore {
+        /**
+          * Decides if the popover should hide automatically. Alternatevly it can be hidden externally based on emitted events.
+         */
+        "autoHide"?: boolean;
+        /**
+          * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
+         */
+        "modifiers"?: Object[];
         /**
           * Sets the offset distance
          */
@@ -2705,6 +2794,36 @@ declare namespace LocalJSX {
           * Decides if the Popover Menu should be visible from the start
          */
         "show"?: boolean;
+        /**
+          * What triggers the popover to show
+         */
+        "trigger"?: 'click' | 'hover' | 'hover-popover';
+    }
+    interface TdsPopoverMenu {
+        /**
+          * Sets the offset distance
+         */
+        "offsetDistance"?: number;
+        /**
+          * Sets the offset skidding
+         */
+        "offsetSkidding"?: number;
+        /**
+          * Decides the placement of the Popover Menu
+         */
+        "placement"?: Placement;
+        /**
+          * Element that will trigger the pop-over (takes priority over selector)
+         */
+        "referenceEl"?: HTMLElement | null;
+        /**
+          * The CSS-selector for an element that will trigger the pop-over
+         */
+        "selector"?: string;
+        /**
+          * Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it.
+         */
+        "show"?: boolean;
     }
     interface TdsRadioButton {
         /**
@@ -2960,23 +3079,23 @@ declare namespace LocalJSX {
         /**
           * Enables extended row feature of Table
          */
-        "enableExpandableRows"?: boolean;
-        /**
-          * Enables multiselect feature of Table
-         */
-        "enableMultiselect"?: boolean;
-        /**
-          * Enables Table to take 100% available width with equal spacing of columns
-         */
-        "enableResponsive"?: boolean;
+        "expandableRows"?: boolean;
         /**
           * Variant of the component, based on current mode.
          */
         "modeVariant"?: 'primary' | 'secondary';
+        /**
+          * Enables multiselect feature of Table
+         */
+        "multiselect"?: boolean;
         /**
           * Enables to customize width on Table columns
          */
         "noMinWidth"?: boolean;
+        /**
+          * Enables Table to take 100% available width with equal spacing of columns
+         */
+        "responsive"?: boolean;
         /**
           * ID used for internal Table functionality and events, must be unique.  **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.
          */
@@ -3039,7 +3158,7 @@ declare namespace LocalJSX {
         /**
           * Enables preview of searchbar
          */
-        "enableFiltering"?: boolean;
+        "filter"?: boolean;
         /**
           * Used for sending users' input to the main parent tds-table the component, can also be listened to in order to implement custom sorting logic.
          */
@@ -3238,7 +3357,7 @@ declare namespace LocalJSX {
         /**
           * Type of Toast.
          */
-        "type"?: 'information' | 'error' | 'warning' | 'success';
+        "variant"?: 'information' | 'error' | 'warning' | 'success';
     }
     interface TdsToggle {
         /**
@@ -3353,6 +3472,7 @@ declare namespace LocalJSX {
         "tds-navigation-tab": TdsNavigationTab;
         "tds-navigation-tabs": TdsNavigationTabs;
         "tds-popover-canvas": TdsPopoverCanvas;
+        "tds-popover-core": TdsPopoverCore;
         "tds-popover-menu": TdsPopoverMenu;
         "tds-radio-button": TdsRadioButton;
         "tds-side-menu": TdsSideMenu;
@@ -3437,6 +3557,7 @@ declare module "@stencil/core" {
             "tds-navigation-tab": LocalJSX.TdsNavigationTab & JSXBase.HTMLAttributes<HTMLTdsNavigationTabElement>;
             "tds-navigation-tabs": LocalJSX.TdsNavigationTabs & JSXBase.HTMLAttributes<HTMLTdsNavigationTabsElement>;
             "tds-popover-canvas": LocalJSX.TdsPopoverCanvas & JSXBase.HTMLAttributes<HTMLTdsPopoverCanvasElement>;
+            "tds-popover-core": LocalJSX.TdsPopoverCore & JSXBase.HTMLAttributes<HTMLTdsPopoverCoreElement>;
             "tds-popover-menu": LocalJSX.TdsPopoverMenu & JSXBase.HTMLAttributes<HTMLTdsPopoverMenuElement>;
             "tds-radio-button": LocalJSX.TdsRadioButton & JSXBase.HTMLAttributes<HTMLTdsRadioButtonElement>;
             "tds-side-menu": LocalJSX.TdsSideMenu & JSXBase.HTMLAttributes<HTMLTdsSideMenuElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scania/tegel",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "description": "Tegel Design System",
   "keywords": [
     "tegel",
@@ -65,15 +65,16 @@
     "@storybook/builder-webpack4": "^6.5.16",
     "@storybook/html": "^6.5.15",
     "@types/jest": "^27.0.3",
-    "highlight.js": "^11.8.0",
     "addon-screen-reader": "^1.8.6",
     "babel-loader": "^8.2.5",
     "concurrently": "^8.0.1",
+    "highlight.js": "^11.8.0",
     "jest": "^27.4.5",
     "jest-cli": "^27.4.5",
     "puppeteer": "^20.8.0",
     "storybook-addon-designs": "^6.3.1",
-    "storybook-dark-mode": "^3.0.0"
+    "storybook-dark-mode": "^3.0.0",
+    "storybook-version": "^0.1.1"
   },
   "license": "MIT"
 }

package/dist/tegel/p-06093e3e.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r,H as t}from"./p-8462c18c.js";import{g as o}from"./p-9dc14c21.js";const e=class{constructor(r){s(this,r),this.uuid=o()}render(){return r(t,null,r("tds-header-dropdown-list",{type:"lg"},r("slot",null)))}};export{e as tds_header_launcher_list}

package/dist/tegel/p-0995ca77.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as o,H as e,g as i}from"./p-8462c18c.js";import{g as r,h as n}from"./p-9dc14c21.js";const a=class{constructor(o){t(this,o),this.tdsClose=s(this,"tdsClose",7),this.tdsShow=s(this,"tdsShow",7),this.handleClose=()=>{this.tdsClose.emit({bannerId:this.bannerId}).defaultPrevented||(this.hidden=!0)},this.handleShow=()=>{this.tdsShow.emit({bannerId:this.bannerId}).defaultPrevented||(this.hidden=!1)},this.icon=void 0,this.header=void 0,this.subheader=void 0,this.type="none",this.bannerId=r(),this.persistent=!1,this.hidden=!1}async hideBanner(){this.hidden=!0}async showBanner(){this.hidden=!1}connectedCallback(){"error"===this.type?this.icon="error":"information"===this.type&&(this.icon="info")}render(){const t=n("subheader",this.host),s=n("subheader",this.host),i=n("bottom",this.host);return o(e,{role:"banner","aria-hidden":`${this.hidden}`,"aria-live":this.host.getAttribute("aria-live")?this.host.getAttribute("aria-live"):"polite","aria-atomic":this.host.getAttribute("aria-atomic"),class:`${this.type} ${this.hidden?"hide":"show"}`},this.icon&&o("div",{class:`banner-icon ${this.type}`},o("tds-icon",{name:this.icon,size:"20px"})),o("div",{class:"content"},o("div",{class:"header-subheader"},this.header&&o("div",{class:"header"},this.header),t&&o("slot",{name:"header"}),this.subheader&&o("div",{class:"subheader"},this.subheader),s&&o("slot",{name:"subheader"})),i&&o("slot",{name:"bottom"})),!this.persistent&&o("div",{class:"banner-close"},o("button",{onClick:()=>{this.handleClose()}},o("tds-icon",{name:"cross",size:"20px"}))))}get host(){return i(this)}};a.style=":root,.tds-mode-light{--tds-link:var(--tds-blue-500);--tds-link-hover:var(--tds-blue-400);--tds-link-focus:var(--tds-blue-400);--tds-link-visited:var(--tds-grey-900);--tds-link-disabled:var(--tds-grey-400)}.tds-mode-dark{--tds-link:var(--tds-blue-300);--tds-link-hover:var(--tds-blue-400);--tds-link-focus:var(--tds-blue-400);--tds-link-visited:var(--tds-blue-100);--tds-link-disabled:var(--tds-grey-800)}:host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--tds-banner-background-error)}:host(.information){background-color:var(--tds-banner-background-info)}:host{display:flex;background-color:var(--tds-banner-background-default);z-index:400}:host .banner-icon{padding-left:20px;padding-top:14px;padding-right:12px;color:var(--tds-banner-prefix-default-color)}:host .banner-icon.error{color:var(--tds-banner-prefix-error-color)}:host .banner-icon.information{color:var(--tds-banner-prefix-info-color)}:host .content{color:var(--tds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .content.no-icon{padding-left:16px}:host .header-subheader{display:flex;flex-direction:column;gap:4px}:host .header,:host slot[name=header]{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls)}:host .subheader,:host slot[name=subheader]{display:block;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host slot[name=bottom]::slotted(*){display:block;width:fit-content;margin-top:16px}:host .banner-close{color:var(--tds-banner-x-color)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none;color:var(--tds-banner-x-color)}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus-visible{outline:none}:host .banner-close button:focus-visible tds-icon{outline:2px solid var(--tds-blue-400);outline-offset:-2px}";export{a as tds_banner}

package/dist/tegel/p-19fb9ad5.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as o,H as e,g as r}from"./p-8462c18c.js";import{g as a,h as i}from"./p-9dc14c21.js";const n=class{constructor(o){t(this,o),this.tdsClose=s(this,"tdsClose",7),this.getIconName=()=>{switch(this.type){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}},this.handleClose=()=>{this.tdsClose.emit({toastId:this.toastId}).defaultPrevented||(this.hidden=!0)},this.handleShow=()=>{this.tdsClose.emit({toastId:this.toastId}).defaultPrevented||(this.hidden=!1)},this.toastId=a(),this.header=void 0,this.subheader=void 0,this.type="information",this.hidden=!1,this.toastRole="alert"}async hideToast(){this.hidden=!0}async showToast(){this.hidden=!1}render(){const t=i("header",this.host),s=i("subheader",this.host),r=i("bottom",this.host);return o(e,{toastRole:this.toastRole,"aria-describedby":this.host.getAttribute("aria-describedby"),class:this.hidden?"hide":"show"},o("div",{class:`\n            wrapper\n            ${this.type}`},o("tds-icon",{name:this.getIconName(),size:"20px"}),o("div",{class:"content"},o("div",{class:"header-subheader"},this.header&&o("div",{class:"header"},this.header),t&&o("slot",{name:"header"}),this.subheader&&o("div",{class:"subheader"},this.subheader),s&&o("slot",{name:"subheader"})),r&&o("div",{class:"toast-bottom "+(s||this.subheader?"subheader":"no-subheader")},o("slot",{name:"bottom"}))),o("button",{onClick:()=>{this.handleClose()},class:"close"},o("tds-icon",{name:"cross",size:"20px"}))))}get host(){return r(this)}};n.style=":host(.hide){display:none;visibility:hidden}:host{z-index:700}:host .wrapper{display:flex;width:348px;background-color:var(--tds-toast-background-color);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-information)}:host .wrapper.information tds-icon{color:var(--tds-information)}:host .wrapper.success{border-left:4px solid var(--tds-positive)}:host .wrapper.success tds-icon{color:var(--tds-positive)}:host .wrapper.error{border-left:4px solid var(--tds-negative)}:host .wrapper.error tds-icon{color:var(--tds-negative)}:host .wrapper.warning{border-left:4px solid var(--tds-warning)}:host .wrapper.warning tds-icon{color:var(--tds-warning)}:host .wrapper button.close{height:20px;width:20px;display:flex;align-items:center;justify-content:center;margin:14px 14px 0 0;border:none;background:transparent}:host .wrapper button.close:hover{cursor:pointer}:host .wrapper button.close:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .wrapper button.close tds-icon{color:var(--tds-toast-dissmiss-color);padding:0}:host tds-icon{padding:14px 0 0 12px}:host .content{padding:16px 0 16px 10px;display:flex;flex-direction:column;flex:1}:host .content .header-subheader{display:flex;flex-direction:column;gap:4px}:host .content .header,:host .content slot[name=header]::slotted(*){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-toast-headline-color)}:host .content .subheader,:host .content slot[name=subheader]::slotted(*){margin-top:4px;color:var(--tds-toast-subheadline-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);max-width:252px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .content .subheader.no-link slot::slotted(*),:host .content slot[name=subheader]::slotted(*).no-link slot::slotted(*){padding-bottom:0}:host .content .toast-bottom.subheader{margin-top:16px}:host .content .toast-bottom.no-subheader{margin-top:4px}:host slot[name=bottom]::slotted(*){color:var(--tds-toast-link-color)}:host .tds-mode-variant-primary{--tds-toast-background:var(--tds-toast-background-primary)}:host .tds-mode-variant-secondary{--tds-toast-background:var(--tds-toast-background-secondary)}";export{n as tds_toast}

package/dist/tegel/p-1bac7d2e.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as d,g as i}from"./p-8462c18c.js";import{h as l}from"./p-9dc14c21.js";const s=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.type="text",this.labelPosition="no-label",this.label="",this.helper=void 0,this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.size="lg",this.modeVariant=null,this.noMinWidth=!1,this.name="",this.state="default",this.maxLength=void 0,this.autofocus=!1,this.focusInput=void 0}handleChange(t){this.tdsChange.emit(t)}handleInput(t){this.tdsInput.emit(t),this.value=t.target.value}handleFocus(t){this.textInput.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}handleBlur(t){this.focusInput=!1,this.tdsBlur.emit(t)}render(){var t;const e=l("prefix",this.host),i=l("suffix",this.host);return d("div",{class:`\n        ${this.noMinWidth?"form-text-field-nomin":""}\n        ${this.focusInput&&!this.disabled?"form-text-field text-field-focus":" form-text-field"}\n        ${this.value?"text-field-data":""}\n        ${"inside"===this.labelPosition&&"sm"!==this.size?"text-field-container-label-inside":""}\n        ${this.disabled?"form-text-field-disabled":""}\n        ${this.readOnly?"form-text-field-readonly":""}\n        ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}\n        ${"md"===this.size?"form-text-field-md":""}\n        ${"sm"===this.size?"form-text-field-sm":""}\n        ${"error"===this.state||"success"===this.state?`form-text-field-${this.state}`:""}\n        `},"outside"===this.labelPosition&&d("div",{class:"text-field-label-outside"},d("div",null,this.label)),d("div",{onClick:()=>this.textInput.focus(),class:"text-field-container"},e&&d("div",{class:`text-field-slot-wrap-prefix text-field-${this.state}`},d("slot",{name:"prefix"})),d("div",{class:"text-field-input-container"},d("input",{ref:t=>this.textInput=t,class:`text-field-input text-field-input-${this.size}`,type:this.type,disabled:this.disabled,readonly:this.readOnly,placeholder:this.placeholder,value:this.value,autofocus:this.autofocus,maxlength:this.maxLength,name:this.name,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)}}),"inside"===this.labelPosition&&"sm"!==this.size&&d("label",{class:"text-field-label-inside"},this.label)),d("div",{class:"text-field-bar"}),i&&d("div",{class:`text-field-slot-wrap-suffix text-field-${this.state}`},d("slot",{name:"suffix"})),d("span",{class:"text-field-icon__readonly"},d("tds-icon",{name:"edit_inactive",size:"20px"})),d("span",{class:"text-field-icon__readonly-label"},"This field is non-editable")),d("div",{class:"text-field-helper"},"error"===this.state&&d("div",{class:"text-field-helper-error-state"},d("tds-icon",{name:"error",size:"16px"}),this.helper),"error"!==this.state&&this.helper,this.maxLength>0&&d("div",{class:"text-field-textcounter"},null===this.value?0:null===(t=this.value)||void 0===t?void 0:t.length,d("span",{class:"text-field-textcounter-divider"}," / "),this.maxLength)))}get host(){return i(this)}};s.style='.text-field-input-lg.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-lg.sc-tds-text-field::placeholder{opacity:1;color:var(--tds-text-field-placeholder)}.text-field-input-lg.sc-tds-text-field:focus::placeholder{color:var(--tds-text-field-placeholder-focus-color)}.text-field-input-lg.sc-tds-text-field:disabled{cursor:not-allowed;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-lg.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-lg.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-md.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field::placeholder{opacity:1;color:var(--tds-text-field-placeholder)}.text-field-input-md.sc-tds-text-field:focus::placeholder{color:var(--tds-text-field-placeholder-focus-color)}.text-field-input-md.sc-tds-text-field:disabled{cursor:not-allowed;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-md.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-md.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-sm.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field::placeholder{opacity:1;color:var(--tds-text-field-placeholder)}.text-field-input-sm.sc-tds-text-field:focus::placeholder{color:var(--tds-text-field-placeholder-focus-color)}.text-field-input-sm.sc-tds-text-field:disabled{cursor:not-allowed;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-sm.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-sm.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-container.sc-tds-text-field{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-text-field-background);border-bottom:1px solid var(--tds-text-field-border-bottom);transition:border-bottom-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-bottom-color:var(--tds-text-field-border-bottom-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-text-field-label-color)}.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-text-field-label-inside-color);left:16px}.form-text-field.sc-tds-text-field{display:block;min-width:208px}.form-text-field-nomin.sc-tds-text-field{min-width:auto}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder-focus-color)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder-focus-color)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder-focus-color)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.text-field-bar.sc-tds-text-field{position:absolute;width:100%}.text-field-bar.sc-tds-text-field::before,.text-field-bar.sc-tds-text-field::after{content:"";height:2px;top:54px;width:0;position:absolute;background:var(--tds-text-field-bar);transition:0.35s ease all}.form-text-field-md.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-md.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{top:46px}.form-text-field-sm.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-sm.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{top:40px}.text-field-bar.sc-tds-text-field::before{left:50%}.text-field-bar.sc-tds-text-field::after{right:50%}.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{width:50%}.text-field-helper.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:transparent}.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-prefix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-suffix.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-ps-color-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:18px;color:var(--tds-text-field-icon-read-only-label-color)}.text-field-icon__readonly-label.sc-tds-text-field{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;white-space:nowrap;border-radius:4px 0 4px 4px;background-color:var(--tds-text-field-icon-read-only-label-background)}.form-text-field-readonly.sc-tds-text-field{pointer-events:none}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{padding-right:54px;background-color:transparent}.form-text-field-success.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-success)}.form-text-field-error.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-error)}.form-text-field-error.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-error)}.form-text-field-error.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-error.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{background:var(--tds-text-field-bar-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-text-field-textcounter);float:right}.text-field-textcounter.sc-tds-text-field .text-field-textcounter-divider.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);margin:0 0 0 14px;color:var(--tds-text-field-ps-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--tds-text-field-ps-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}';export{s as tds_text_field}

package/dist/tegel/p-22b2c81a.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as s,H as a,g as o}from"./p-8462c18c.js";const l=["enableMultiselect","enableExpandableRows","verticalDividers","compactDesign","noMinWidth"],d=class{constructor(s){t(this,s),this.internalTdsMainCheckboxSelect=e(this,"internalTdsMainCheckboxSelect",6),this.enableMultiselect=!1,this.enableExpandableRows=!1,this.mainCheckboxSelected=!1,this.mainExpendSelected=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.enableToolbarDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>l.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}internalTdsMainCheckboxChangeListener(t){const[e,s]=t.detail;this.tableId===e&&(this.mainCheckboxSelected=s)}internalTdsRowExpandedListener(t){this.tableId===t.detail[0]&&setTimeout((()=>{this.bodyExpandClicked()}),100)}bodyExpandClicked(){const t=this.host.parentElement.querySelector("tds-table-body").getElementsByClassName("tds-table__row-extend--active").length,e=this.host.parentElement.querySelector("tds-table-body").getElementsByTagName("tds-table-body-row-expendable").length;this.mainExpendSelected=e===t}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){l.forEach((t=>{this[t]=this.tableEl[t]}))}componentWillRender(){this.enableToolbarDesign=this.host.closest("tds-table").getElementsByTagName("tds-table-toolbar").length>=1}headCheckBoxClicked(t){this.mainCheckboxSelected=t.currentTarget.checked,this.internalTdsMainCheckboxSelect.emit([this.tableId,this.mainCheckboxSelected])}render(){return s(a,{class:{"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--toolbar-available":this.enableToolbarDesign}},s("tr",null,this.enableMultiselect&&s("th",{class:"tds-table__header-cell tds-table__header-cell--checkbox"},s("div",{class:"tds-form-label tds-form-label--table"},s("tds-checkbox",{checked:this.mainCheckboxSelected,onTdsChange:t=>this.headCheckBoxClicked(t)}))),this.enableExpandableRows&&s("th",{class:"tds-table__header-cell tds-table__header-cell--checkbox"}),s("slot",null)))}get host(){return o(this)}};d.style=":host{box-sizing:border-box;display:table-header-group}:host *{box-sizing:border-box}:host .tds-table__header-cell--checkbox{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);display:table-cell;text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-divider);height:48px;box-sizing:border-box;overflow:hidden;transition:background-color 200ms ease;min-width:unset;width:48px;padding:0;border-top-left-radius:4px}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:48px;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input{display:none}:host .tds-table__expand-control-container .tds-expandable-row-icon{height:20px;width:20px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__expand-control-container .tds-expandable-row-icon--opened{transform:rotate(180deg)}:host ::slotted(tds-header-cell:hover){background-color:var(--tds-table-header-background-hover)}:host(.tds-table--compact) .tds-table__header-cell--checkbox{height:32px}:host(.tds-table--compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__header-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--toolbar-available) .tds-table__header-cell--checkbox{border-top-left-radius:0}";export{d as tds_table_header}

package/dist/tegel/p-2707da38.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s,H as e,g as o,c as i}from"./p-8462c18c.js";const d=["verticalDividers","compactDesign","noMinWidth"],r=class{constructor(s){t(this,s),this.cellValue=void 0,this.cellKey=void 0,this.disablePadding=!1,this.textAlignState=void 0,this.activeSorting=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>d.includes(t))).forEach((s=>{if(void 0===this[s])throw new Error(`Table prop is not supported: ${s}`);this[s]=t.detail[s]}))}internalTdsHoverListener(t){const{tableId:s,key:e}=t.detail;s===this.tableId&&(this.activeSorting=this.cellKey===e)}internalTdsTextAlignListener(t){const[s,e,o]=t.detail;this.tableId===s&&this.cellKey===e&&(this.textAlignState=o)}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){d.forEach((t=>{this[t]=this.tableEl[t]}))}render(){return s(e,{class:{"tds-table__body-cell":!0,"tds-table__body-cell--hover":this.activeSorting,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table__body-cell--no-padding":this.disablePadding},style:{textAlign:this.textAlignState}},this.cellValue,s("slot",null))}get host(){return o(this)}};r.style=":host(.tds-table__body-cell){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:table-cell;box-sizing:border-box;color:var(--tds-table-color);padding:var(--tds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}:host(.tds-table__body-cell) *{box-sizing:border-box}:host(.tds-table__body-cell--no-padding){padding:0}:host(.tds-table__body-cell--hover){background-color:var(--tds-table-body-cell-background-hover)}:host(.tds-table__compact){padding:var(--tds-spacing-element-8) var(--tds-spacing-element-16)}:host(.tds-table--divider){border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type){border-right:none}:host(.tds-table--no-min-width){min-width:unset}";const a=["enableMultiselect","verticalDividers","compactDesign","modeVariant"],l=class{constructor(s){t(this,s),this.internalTdsRowChange=i(this,"internalTdsRowChange",6),this.internalTdsPagination=i(this,"internalTdsPagination",6),this.enableMultiselect=!1,this.bodyCheckBoxStatus=!1,this.mainCheckBoxStatus=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.modeVariant=null,this.tableId=""}bodyCheckBoxClicked(t){const s=this.host;this.bodyCheckBoxStatus=t.currentTarget.checked,!0===this.bodyCheckBoxStatus?s.classList.add("tds-table__row--selected"):s.classList.remove("tds-table__row--selected"),this.internalTdsRowChange.emit(this.bodyCheckBoxStatus)}bodyCheckBoxStatusUpdater(t){this.mainCheckBoxStatus=t,this.bodyCheckBoxStatus=this.mainCheckBoxStatus;const s=this.host;!0===this.bodyCheckBoxStatus?s.classList.add("tds-table__row--selected"):s.classList.remove("tds-table__row--selected"),this.internalTdsRowChange.emit(this.bodyCheckBoxStatus)}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>a.includes(t))).forEach((s=>{if(void 0===this[s])throw new Error(`Table prop is not supported: ${s}`);this[s]=t.detail[s]}))}headCheckboxListener(t){this.tableId===t.detail[0]&&this.bodyCheckBoxStatusUpdater(t.detail[1])}internalTdsCheckboxChangeListener(t){const[s,e]=t.detail;this.tableId===s&&this.bodyCheckBoxStatusUpdater(e)}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){a.forEach((t=>{this[t]=this.tableEl[t]}))}componentDidLoad(){this.internalTdsPagination.emit(this.tableId)}render(){return s(e,{class:{"tds-table__row":!0,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-mode-variant-primary":"primary"===this.modeVariant,"tds-mode-variant-secondary":"secondary"===this.modeVariant}},this.enableMultiselect&&s("td",{class:"tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table"},s("tds-checkbox",{onTdsChange:t=>this.bodyCheckBoxClicked(t),checked:this.bodyCheckBoxStatus})),s("slot",null))}get host(){return o(this)}};l.style=":host(.tds-table__row){box-sizing:border-box;display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host(.tds-table__row) *{box-sizing:border-box}:host(.tds-table__row) .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host(.tds-table__row:hover){background-color:var(--tds-table-body-row-background-hover)}:host(.tds-table__row--selected){background-color:var(--tds-table-body-row-background-active)}:host(.tds-table__row--selected:hover){background-color:var(--tds-table-body-row-background-active-hover)}:host(.tds-table__row--hidden){display:none}:host(.tds-table__row--expended){width:100%;background-color:pink}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--tds-table-divider)}";export{r as tds_body_cell,l as tds_table_body_row}

package/dist/tegel/p-34a06d2f.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,g as e}from"./p-8462c18c.js";const n=class{constructor(o){t(this,o),this.disabled=!1,this.underline=!0}connectedCallback(){this.host.children[0].classList.add("tds-link-component")}render(){return o("div",{class:`\n          ${this.disabled?"disabled":""}\n          ${this.underline?"":"no-underline"}\n          `},o("slot",null))}get host(){return e(this)}};n.style=":host{display:inline}:host ::slotted(*){all:unset;cursor:pointer;outline:none;color:var(--tds-link);text-decoration:underline}:host ::slotted(*:focus-visible){color:var(--tds-link-focus);text-decoration:none;outline:2px solid var(--tds-link-focus);outline-offset:-2px}:host ::slotted(*:active){color:var(--tds-link);text-decoration:underline;text-decoration-color:var(--tds-link)}:host ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:underline;text-decoration-color:var(--tds-link-hover)}:host ::slotted(*:visited){color:var(--tds-link-visited);text-decoration-color:var(--tds-link-visited)}.disabled ::slotted(*){color:var(--tds-link-disabled);text-decoration-color:var(--tds-link-disabled);pointer-events:none}.no-underline ::slotted(*){text-decoration:none}.no-underline:hover ::slotted(*){text-decoration:none}";export{n as tds_link}

package/dist/tegel/p-3c9865c3.entry.js

@@ -1 +0,0 @@
-import{r as o,h as r,H as t,g as d}from"./p-8462c18c.js";import{h as n}from"./p-9dc14c21.js";const s=class{constructor(r){o(this,r),this.text=void 0,this.type="primary",this.size="lg",this.disabled=!1,this.fullbleed=!1,this.modeVariant=null,this.onlyIcon=!1}connectedCallback(){this.text||(this.onlyIcon=!0,this.host.setAttribute("only-icon",""))}render(){const o=n("icon",this.host);return r(t,{class:null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},r("button",{disabled:this.disabled,class:`${this.type}\n            ${this.size}\n            ${this.disabled?"disabled":""}\n            ${this.fullbleed?"fullbleed":""}\n            ${o?"icon":""}\n            ${this.onlyIcon?"only-icon":""}\n            `},this.text,r("slot",{name:"icon"})))}get host(){return d(this)}};s.style=":root,.tds-mode-light{--tds-btn-primary-background:var(--tds-blue-600);--tds-btn-primary-color:var(--tds-white);--tds-btn-primary-border-color:transparent;--tds-btn-primary-background-hover:var(--tds-blue-500);--tds-btn-primary-color-hover:var(--tds-white);--tds-btn-primary-border-color-hover:transparent;--tds-btn-primary-background-active:var(--tds-blue-700);--tds-btn-primary-color-active:var(--tds-white);--tds-btn-primary-border-color-active:var(--tds-blue-700);--tds-btn-primary-background-focus:var(--tds-blue-400);--tds-btn-primary-color-focus:var(--tds-white);--tds-btn-primary-border-color-focus:var(--tds-blue-600);--tds-btn-primary-outline-color-focus:var(--tds-blue-600);--tds-btn-primary-background-disabled-primary:var(--tds-grey-50);--tds-btn-primary-background-disabled-secondary:var(--tds-white);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary);--tds-btn-primary-color-disabled:var(--tds-grey-400);--tds-btn-primary-border-color-disabled:transparent;--tds-btn-icon-primary-fill:var(--tds-grey-50);--tds-btn-icon-primary-color:var(--tds-grey-50);--tds-btn-secondary-background:transparent;--tds-btn-secondary-color:var(--tds-black);--tds-btn-secondary-border-color:rgb(0 0 0 / 48%);--tds-btn-secondary-background-hover:var(--tds-blue-500);--tds-btn-secondary-color-hover:var(--tds-white);--tds-btn-secondary-border-color-hover:var(--tds-blue-500);--tds-btn-secondary-background-active:transparent;--tds-btn-secondary-color-active:var(--tds-black);--tds-btn-secondary-border-color-active:rgb(0 0 0 / 87%);--tds-btn-secondary-background-focus:transparent;--tds-btn-secondary-color-focus:var(--tds-black);--tds-btn-secondary-border-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color:rgb(0 0 0 / 38%);--tds-btn-secondary-outline-color-focus:var(--tds-blue-400);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:rgb(0 0 0 / 38%);--tds-btn-secondary-border-color-disabled:rgb(0 0 0 / 38%);--tds-btn-icon-secondary-color-focus:var(--tds-black);--tds-btn-icon-secondary-fill-focus:var(--tds-black);--tds-btn-icon-secondary-fill:var(--tds-black);--tds-btn-icon-secondary-color:var(--tds-black);--tds-btn-icon-secondary-fill-hover:var(--tds-grey-50);--tds-btn-icon-secondary-color-hover:var(--tds-grey-50);--tds-btn-ghost-background:transparent;--tds-btn-ghost-color:var(--tds-black);--tds-btn-ghost-border-color:transparent;--tds-btn-ghost-background-hover:transparent;--tds-btn-ghost-color-hover:var(--tds-black);--tds-btn-ghost-border-color-hover:rgb(0 0 0 / 60%);--tds-btn-ghost-outline-color-hover:rgb(0 0 0 / 60%);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-black);--tds-btn-ghost-border-color-active:rgb(0 0 0 / 87%);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-black);--tds-btn-ghost-border-color-focus:var(--tds-blue-300);--tds-btn-ghost-outline-color-focus:var(--tds-blue-300);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:rgb(0 0 0 / 38%);--tds-btn-ghost-border-color-disabled:transparent;--tds-btn-icon-ghost-fill:var(--tds-black);--tds-btn-icon-ghost-color:var(--tds-black);--tds-btn-danger-background:var(--tds-negative);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--tds-red-600);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:transparent;--tds-btn-danger-background-active:var(--tds-red-700);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:var(--tds-red-700);--tds-btn-danger-background-focus:var(--tds-red-400);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-red-400);--tds-btn-danger-outline-color-focus:var(--tds-red-700);--tds-btn-danger-background-disabled-primary:var(--tds-grey-50);--tds-btn-danger-background-disabled-secondary:var(--tds-white);--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-danger-color-disabled:rgb(0 0 0 / 38%);--tds-btn-danger-border-color-disabled:transparent;--tds-btn-icon-danger-fill:var(--tds-white);--tds-btn-icon-danger-color:var(--tds-white)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-secondary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-secondary)}.tds-mode-dark{--tds-btn-primary-background:var(--tds-blue-400);--tds-btn-primary-background-hover:var(--tds-blue-500);--tds-btn-primary-background-active:var(--tds-blue-300);--tds-btn-primary-background-focus:var(--tds-blue-600);--tds-btn-primary-border-color-focus:var(--tds-blue-400);--tds-btn-primary-outline-color-focus:var(--tds-blue-400);--tds-btn-primary-background-disabled-primary:var(--tds-grey-900);--tds-btn-primary-background-disabled-secondary:var(--tds-grey-868);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary);--tds-btn-primary-color-disabled:var(--tds-grey-600);--tds-btn-icon-primary-fill:var(--tds-grey-50);--tds-btn-icon-primary-color:var(--tds-grey-50);--tds-btn-secondary-background:transparent;--tds-btn-secondary-color:var(--tds-white);--tds-btn-secondary-border-color:var(--tds-white);--tds-btn-secondary-background-hover:var(--tds-blue-500);--tds-btn-secondary-color-hover:var(--tds-white);--tds-btn-secondary-border-color-hover:var(--tds-blue-500);--tds-btn-secondary-background-active:transparent;--tds-btn-secondary-color-active:var(--tds-white);--tds-btn-secondary-border-color-active:var(--tds-white);--tds-btn-secondary-background-focus:transparent;--tds-btn-secondary-color-focus:var(--tds-white);--tds-btn-secondary-border-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color:var(--tds-white);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:rgb(255 255 255 / 38%);--tds-btn-secondary-border-color-disabled:rgb(255 255 255 / 38%);--tds-btn-icon-secondary-color-focus:var(--tds-white);--tds-btn-icon-secondary-fill-focus:var(--tds-white);--tds-btn-icon-secondary-fill:var(--tds-grey-50);--tds-btn-icon-secondary-color:var(--tds-grey-50);--tds-btn-ghost-background:transparent;--tds-btn-ghost-color:var(--tds-white);--tds-btn-ghost-border-color:transparent;--tds-btn-ghost-background-hover:transparent;--tds-btn-ghost-color-hover:var(--tds-white);--tds-btn-ghost-border-color-hover:rgb(255 255 255 / 41%);--tds-btn-ghost-outline-color-hover:rgb(255 255 255 / 41%);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-white);--tds-btn-ghost-border-color-active:rgb(255 255 255 / 87%);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-white);--tds-btn-ghost-border-color-focus:var(--tds-blue-300);--tds-btn-ghost-outline-color-focus:var(--tds-blue-300);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:rgb(255 255 255/ 38%);--tds-btn-ghost-border-color-disabled:transparent;--tds-btn-icon-ghost-fill:var(--tds-grey-50);--tds-btn-icon-ghost-color:var(--tds-grey-50);--tds-btn-danger-background:var(--tds-negative);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--tds-red-600);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:transparent;--tds-btn-danger-background-active:var(--tds-red-700);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:transparent;--tds-btn-danger-background-focus:var(--tds-red-400);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-red-400);--tds-btn-danger-outline-color-focus:var(--tds-red-700);--tds-btn-danger-background-disabled-primary:var(--tds-grey-900);--tds-btn-danger-background-disabled-secondary:var(--tds-grey-868);--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-danger-color-disabled:rgb(255 255 255 / 38%);--tds-btn-danger-border-color-disabled:transparent;--tds-btn-icon-danger-fill:var(--tds-white);--tds-btn-icon-danger-color:var(--tds-white)}.tds-mode-dark .tds-mode-variant-primary{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary)}.tds-mode-dark .tds-mode-variant-secondary{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-secondary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-secondary)}button{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:4px;border:none;box-shadow:none;position:relative;text-decoration:none;cursor:pointer;height:56px;padding:var(--tds-spacing-element-20);border:1px solid}button *{box-sizing:border-box}button:disabled,button.disabled{cursor:unset}button:focus{outline:none}button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.xs{padding:var(--tds-spacing-element-4) var(--tds-spacing-element-8);height:24px;font-size:12px;border-radius:2px}button.xs:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.sm{padding:var(--tds-spacing-element-12);height:40px}button.sm.icon{padding:10px var(--tds-spacing-element-12)}button.sm.only-icon{padding:11px}button.sm:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.md{padding:var(--tds-spacing-element-16);height:48px}button.md.icon{padding:14px var(--tds-spacing-element-16)}button.md.only-icon{padding:13px}button.md:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.lg{padding:var(--tds-spacing-element-20);height:56px}button.lg.icon{padding:18px var(--tds-spacing-element-20)}button.lg.only-icon{padding:17px}button.lg:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.fullbleed{width:inherit;display:flex;justify-content:center}button.primary{background:var(--tds-btn-primary-background);border-color:var(--tds-btn-primary-border-color);color:var(--tds-btn-primary-color);outline-color:var(--tds-btn-primary-outline-color)}button.primary .icon{fill:var(--tds-btn-icon-primary-fill);color:var(--tds-btn-icon-primary-fill);fill:var(--tds-btn-icon-primary-color);color:var(--tds-btn-icon-primary-color);font-size:16px}button.primary:hover{background:var(--tds-btn-primary-background-hover);border-color:var(--tds-btn-primary-border-color-hover);color:var(--tds-btn-primary-color-hover);outline-color:var(--tds-btn-primary-outline-color-hover)}button.primary:hover:not(.disabled) ::slotted([slot=icon]){fill:var(--tds-btn-icon-primary-fill-hover);color:var(--tds-btn-icon-primary-fill-hover);fill:var(--tds-btn-icon-primary-color-hover);color:var(--tds-btn-icon-primary-color-hover)}button.primary:focus-visible{background:var(--tds-btn-primary-background-focus);border-color:var(--tds-btn-primary-border-color-focus);color:var(--tds-btn-primary-color-focus);outline-color:var(--tds-btn-primary-outline-color-focus)}button.primary:focus-visible ::slotted([slot=icon]){fill:var(--tds-btn-icon-primary-fill-focus);color:var(--tds-btn-icon-primary-fill-focus);fill:var(--tds-btn-icon-primary-color-focus);color:var(--tds-btn-icon-primary-color-focus)}button.primary:active,button.primary.active{background:var(--tds-btn-primary-background-active);border-color:var(--tds-btn-primary-border-color-active);color:var(--tds-btn-primary-color-active);outline-color:var(--tds-btn-primary-outline-color-active)}button.primary.disabled,button.primary:disabled{cursor:not-allowed;background:var(--tds-btn-primary-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-primary-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-primary-color-disabled);cursor:not-allowed;outline-color:var(--tds-btn-primary-outline-color-disabled)}button.secondary{background:var(--tds-btn-secondary-background);border-color:var(--tds-btn-secondary-border-color);color:var(--tds-btn-secondary-color);outline-color:var(--tds-btn-secondary-outline-color)}button.secondary .icon{fill:var(--tds-btn-icon-secondary-fill);color:var(--tds-btn-icon-secondary-fill);fill:var(--tds-btn-icon-secondary-color);color:var(--tds-btn-icon-secondary-color);font-size:16px}button.secondary:hover{background:var(--tds-btn-secondary-background-hover);border-color:var(--tds-btn-secondary-border-color-hover);color:var(--tds-btn-secondary-color-hover);outline-color:var(--tds-btn-secondary-outline-color-hover)}button.secondary:hover:not(.disabled) ::slotted([slot=icon]){fill:var(--tds-btn-icon-secondary-fill-hover);color:var(--tds-btn-icon-secondary-fill-hover);fill:var(--tds-btn-icon-secondary-color-hover);color:var(--tds-btn-icon-secondary-color-hover)}button.secondary:focus-visible{background:var(--tds-btn-secondary-background-focus);border-color:var(--tds-btn-secondary-border-color-focus);color:var(--tds-btn-secondary-color-focus);outline-color:var(--tds-btn-secondary-outline-color-focus)}button.secondary:focus-visible ::slotted([slot=icon]){fill:var(--tds-btn-icon-secondary-fill-focus);color:var(--tds-btn-icon-secondary-fill-focus);fill:var(--tds-btn-icon-secondary-color-focus);color:var(--tds-btn-icon-secondary-color-focus)}button.secondary:active,button.secondary.active{background:var(--tds-btn-secondary-background-active);border-color:var(--tds-btn-secondary-border-color-active);color:var(--tds-btn-secondary-color-active);outline-color:var(--tds-btn-secondary-outline-color-active)}button.secondary.disabled,button.secondary:disabled{cursor:not-allowed;background:var(--tds-btn-secondary-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-secondary-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-secondary-color-disabled);cursor:not-allowed;outline-color:var(--tds-btn-secondary-outline-color-disabled)}button.ghost{background:var(--tds-btn-ghost-background);border-color:var(--tds-btn-ghost-border-color);color:var(--tds-btn-ghost-color);outline-color:var(--tds-btn-ghost-outline-color)}button.ghost .icon{fill:var(--tds-btn-icon-ghost-fill);color:var(--tds-btn-icon-ghost-fill);fill:var(--tds-btn-icon-ghost-color);color:var(--tds-btn-icon-ghost-color);font-size:16px}button.ghost:hover{background:var(--tds-btn-ghost-background-hover);border-color:var(--tds-btn-ghost-border-color-hover);color:var(--tds-btn-ghost-color-hover);outline-color:var(--tds-btn-ghost-outline-color-hover)}button.ghost:hover:not(.disabled) ::slotted([slot=icon]){fill:var(--tds-btn-icon-ghost-fill-hover);color:var(--tds-btn-icon-ghost-fill-hover);fill:var(--tds-btn-icon-ghost-color-hover);color:var(--tds-btn-icon-ghost-color-hover)}button.ghost:focus-visible{background:var(--tds-btn-ghost-background-focus);border-color:var(--tds-btn-ghost-border-color-focus);color:var(--tds-btn-ghost-color-focus);outline-color:var(--tds-btn-ghost-outline-color-focus)}button.ghost:focus-visible ::slotted([slot=icon]){fill:var(--tds-btn-icon-ghost-fill-focus);color:var(--tds-btn-icon-ghost-fill-focus);fill:var(--tds-btn-icon-ghost-color-focus);color:var(--tds-btn-icon-ghost-color-focus)}button.ghost:active,button.ghost.active{background:var(--tds-btn-ghost-background-active);border-color:var(--tds-btn-ghost-border-color-active);color:var(--tds-btn-ghost-color-active);outline-color:var(--tds-btn-ghost-outline-color-active)}button.ghost.disabled,button.ghost:disabled{cursor:not-allowed;background:var(--tds-btn-ghost-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-ghost-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-ghost-color-disabled);cursor:not-allowed;outline-color:var(--tds-btn-ghost-outline-color-disabled)}button.danger{background:var(--tds-btn-danger-background);border-color:var(--tds-btn-danger-border-color);color:var(--tds-btn-danger-color);outline-color:var(--tds-btn-danger-outline-color)}button.danger .icon{fill:var(--tds-btn-icon-danger-fill);color:var(--tds-btn-icon-danger-fill);fill:var(--tds-btn-icon-danger-color);color:var(--tds-btn-icon-danger-color);font-size:16px}button.danger:hover{background:var(--tds-btn-danger-background-hover);border-color:var(--tds-btn-danger-border-color-hover);color:var(--tds-btn-danger-color-hover);outline-color:var(--tds-btn-danger-outline-color-hover)}button.danger:hover:not(.disabled) ::slotted([slot=icon]){fill:var(--tds-btn-icon-danger-fill-hover);color:var(--tds-btn-icon-danger-fill-hover);fill:var(--tds-btn-icon-danger-color-hover);color:var(--tds-btn-icon-danger-color-hover)}button.danger:focus-visible{background:var(--tds-btn-danger-background-focus);border-color:var(--tds-btn-danger-border-color-focus);color:var(--tds-btn-danger-color-focus);outline-color:var(--tds-btn-danger-outline-color-focus)}button.danger:focus-visible ::slotted([slot=icon]){fill:var(--tds-btn-icon-danger-fill-focus);color:var(--tds-btn-icon-danger-fill-focus);fill:var(--tds-btn-icon-danger-color-focus);color:var(--tds-btn-icon-danger-color-focus)}button.danger:active,button.danger.active{background:var(--tds-btn-danger-background-active);border-color:var(--tds-btn-danger-border-color-active);color:var(--tds-btn-danger-color-active);outline-color:var(--tds-btn-danger-outline-color-active)}button.danger.disabled,button.danger:disabled{cursor:not-allowed;background:var(--tds-btn-danger-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-danger-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-danger-color-disabled);cursor:not-allowed;outline-color:var(--tds-btn-danger-outline-color-disabled)}:host(tds-button){display:inline-flex;align-items:center}:host(tds-button) ::slotted([slot=icon]){width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}:host(tds-button) .sm ::slotted([slot=icon]){width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}:host(tds-button[disabled]){pointer-events:none}:host(tds-button[disabled]) ::slotted([slot=icon]){pointer-events:none}:host(tds-button[fullbleed]){width:100%;justify-content:center}:host(tds-button[only-icon]) .sm{padding:11px}:host(tds-button[only-icon]) .md{padding:13px}:host(tds-button[only-icon]) .lg{padding:17px}:host(tds-button:not([only-icon])){display:inline-flex;align-items:center}:host(tds-button:not([only-icon])) .sm ::slotted([slot=icon]){margin-left:var(--tds-spacing-element-12);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}:host(tds-button:not([only-icon])) .md ::slotted([slot=icon]){margin-left:var(--tds-spacing-element-16);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}:host(tds-button:not([only-icon])) .lg ::slotted([slot=icon]){margin-left:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}";export{s as tds_button}