@scania/tegel 0.0.10 → 0.0.11

package/dist/types/components/stepper/stepper.d.ts

@@ -9,6 +9,9 @@ export type InternalTdsStepperPropChange = {
   stepperId: string;
   changed: Array<keyof TdsStepperProps>;
 } & Partial<TdsStepperProps>;
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the step elements.
+ */
 export declare class TdsStepper {
   host: HTMLElement;
   /** The orientation the Steps */

package/dist/types/components/table/table/table.d.ts

@@ -13,6 +13,9 @@ export type InternalTdsTablePropChange = {
   tableId: string;
   changed: Array<keyof Props>;
 } & Partial<Props>;
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the table contents.
+ */
 export declare class TdsTable {
   /** Enables style with vertical dividers between columns */
   verticalDividers: boolean;

package/dist/types/components/table/table-body/table-body.d.ts

@@ -1,9 +1,9 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { InternalTdsTablePropChange } from '../table/table';
 /**
- * @slot <default> - Default slot for the Table Body, used by <tds-table-body-row>
+ * @slot <default> - <b>Unnamed slot.</b> For table rows.
  * @slot no-result - Slot for no result message when using filtering.
-*/
+ */
 export declare class TdsTableBody {
   /** Prop to pass JSON string which enables automatic rendering of Table rows and cells  */
   bodyData: any;

package/dist/types/components/table/table-body-cell/table-body-cell.d.ts

@@ -1,4 +1,7 @@
 import { InternalTdsTablePropChange } from '../table/table';
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the cell contents.
+ */
 export declare class TdsTableBodyCell {
   /** Value that will be presented as text inside a cell */
   cellValue: string | number;

package/dist/types/components/table/table-body-row/table-body-row.d.ts

@@ -1,5 +1,8 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { InternalTdsTablePropChange } from '../table/table';
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the cells.
+ */
 export declare class TdsTableBodyRow {
   enableMultiselect: boolean;
   bodyCheckBoxStatus: boolean;

package/dist/types/components/table/table-body-row-expandable/table-body-row-expandable.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { InternalTdsTablePropChange } from '../table/table';
 /**
+ * @slot <default> - <b>Unnamed slot.</b> For the cells.
  * @slot expand-row - Slot for the expanded row.
  */
 export declare class TdsTableBodyRowExpandable {

package/dist/types/components/table/table-header/table-header.d.ts

@@ -1,5 +1,8 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { InternalTdsTablePropChange } from '../table/table';
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the header cells.
+ */
 export declare class TdsTableHeaderRow {
   enableMultiselect: boolean;
   enableExpandableRows: boolean;

package/dist/types/components/tabs/folder-tabs/folder-tab/folder-tab.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the tab link or button.
+ */
 export declare class TdsFolderTab {
   /** Disables the Tab. */
   disabled: boolean;

package/dist/types/components/tabs/folder-tabs/folder-tabs.d.ts

@@ -1,4 +1,7 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the tab elements.
+ */
 export declare class TdsFolderTabs {
   host: HTMLElement;
   /** Variant of the Tabs, primary= on white, secondary= on grey50 */

package/dist/types/components/tabs/inline-tabs/inline-tab/inline-tab.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the tab link or button.
+ */
 export declare class TdsInlineTab {
   /** Disables the Tab. */
   disabled: boolean;

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

@@ -1,4 +1,7 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the tab elements.
+ */
 export declare class TdsInlineTabs {
   host: HTMLElement;
   /** Variant of the Tabs, primary= on white, secondary= on grey50 */

package/dist/types/components/tabs/navigation-tabs/navigation-tab/navigation-tab.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the tab link or button.
+ */
 export declare class TdsNavigationTab {
   /** Disables the Tab. */
   disabled: boolean;

package/dist/types/components/tabs/navigation-tabs/navigation-tabs.d.ts

@@ -1,4 +1,7 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the tab elements.
+ */
 export declare class TdsNavigationTabs {
   host: HTMLElement;
   /** Variant of the Tabs, primary= on white, secondary= on grey50 */

package/dist/types/components/toast/toast.d.ts

@@ -13,7 +13,7 @@ export declare class TdsToast {
   /** Subheader text for the component. */
   subheader: string;
   /** Type of Toast. */
-  type: 'information' | 'error' | 'warning' | 'success';
+  variant: 'information' | 'error' | 'warning' | 'success';
   /** Hides the Toast. */
   hidden: boolean;
   /** ARIA role for the Toast. */

package/dist/types/components/toast/toast.stories.d.ts

@@ -10,7 +10,7 @@ declare const _default: {
     }[];
   };
   argTypes: {
-    type: {
+    variant: {
       name: string;
       description: string;
       control: {
@@ -46,7 +46,7 @@ declare const _default: {
     };
   };
   args: {
-    type: string;
+    variant: string;
     header: string;
     subheader: string;
     bottom: string;

package/dist/types/components/tooltip/tooltip.d.ts

@@ -1,5 +1,10 @@
-import type { Placement, Instance } from '@popperjs/core';
+import type { Placement } from '@popperjs/core';
+import { Attributes } from '../../utils/utils';
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the tooltip contents.
+ */
 export declare class TdsTooltip {
+  host: HTMLTdsTooltipElement;
   /** In case Tooltip contains only text, no HTML, a text can be passed by this prop */
   text: string;
   /** The CSS-selector for an element that will trigger the Tooltip */
@@ -12,15 +17,18 @@ export declare class TdsTooltip {
   show: boolean;
   /** Placement of Tooltip. */
   placement: Placement;
-  popperInstance: Instance;
-  target: any;
-  /** Method to update the Tooltip. Will reevaluate the Tooltips position. */
-  updateTooltip(): Promise<void>;
   border: string;
   offsetSkidding: number;
   offsetDistance: number;
-  tooltip: HTMLInputElement;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
+  popperjsExtraModifiers: {
+    name: string;
+    enabled: boolean;
+    phase: string;
+    fn: ({ state }: {
+      state: any;
+    }) => void;
+  }[];
+  inheritedAttributes: Attributes;
+  componentWillLoad(): void;
   render(): any;
 }

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' | 'none';
     }
     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 {
         /**
@@ -476,7 +483,10 @@ export namespace Components {
         "selected": boolean;
     }
     interface TdsHeaderDropdownList {
-        "type": 'lg' | 'md';
+        /**
+          * The size of the component.
+         */
+        "size": 'lg' | 'md';
     }
     interface TdsHeaderDropdownListItem {
         /**
@@ -484,9 +494,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 +613,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,6 +710,44 @@ export namespace Components {
          */
         "show": boolean;
     }
+    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
+         */
+        "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;
+        /**
+          * 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
@@ -1196,7 +1244,7 @@ export namespace Components {
         /**
           * Type of Toast.
          */
-        "type": 'information' | 'error' | 'warning' | 'success';
+        "variant": 'information' | 'error' | 'warning' | 'success';
     }
     interface TdsToggle {
         /**
@@ -1257,10 +1305,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 +1359,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 +1722,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 +1952,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 +2047,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 +2071,9 @@ declare namespace LocalJSX {
          */
         "subheader"?: string;
         /**
-          * Type of Banner
+          * Variant of Banner
          */
-        "type"?: 'error' | 'information' | 'none';
+        "variant"?: 'error' | 'information' | 'none';
     }
     interface TdsBlock {
         /**
@@ -2061,15 +2116,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"?: 'primary' | 'secondary' | 'ghost' | 'danger';
+        "type"?: 'button' | 'submit' | 'reset';
+        /**
+          * Variation of Button's design
+         */
+        "variant"?: 'primary' | 'secondary' | 'ghost' | 'danger';
     }
     interface TdsCard {
         /**
@@ -2461,7 +2523,10 @@ declare namespace LocalJSX {
         "selected"?: boolean;
     }
     interface TdsHeaderDropdownList {
-        "type"?: 'lg' | 'md';
+        /**
+          * The size of the component.
+         */
+        "size"?: 'lg' | 'md';
     }
     interface TdsHeaderDropdownListItem {
         /**
@@ -2469,9 +2534,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 +2651,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,6 +2745,44 @@ declare namespace LocalJSX {
          */
         "show"?: boolean;
     }
+    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
+         */
+        "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;
+        /**
+          * 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
@@ -3238,7 +3341,7 @@ declare namespace LocalJSX {
         /**
           * Type of Toast.
          */
-        "type"?: 'information' | 'error' | 'warning' | 'success';
+        "variant"?: 'information' | 'error' | 'warning' | 'success';
     }
     interface TdsToggle {
         /**
@@ -3353,6 +3456,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 +3541,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.11",
   "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-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}

package/dist/tegel/p-40142a58.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t,H as o,g as i}from"./p-8462c18c.js";import{c as e}from"./p-7c0dcd00.js";const h=class{constructor(t){s(this,t),this.selector="",this.referenceEl=void 0,this.show=!1,this.placement="auto",this.offsetSkidding=0,this.offsetDistance=8,this.renderedShowValue=!1,this.popperInstance=void 0,this.target=void 0}handleOutsideClick(){this.show&&(this.show=!1)}componentDidLoad(){var s;this.target=null!==(s=this.referenceEl)&&void 0!==s?s:document.querySelector(this.selector),this.renderedShowValue=this.show,this.popperInstance=e(this.target,this.popoverMenuElement,{strategy:"fixed",placement:this.placement,modifiers:[{name:"offset",options:{offset:[this.offsetSkidding,this.offsetDistance]}}]});const t=()=>{this.show=!0},o=()=>{this.show=!1};this.target.addEventListener("mousedown",(s=>{s.stopPropagation(),this.show?o():t()})),this.popoverMenuElement.addEventListener("mousemove",(s=>{s.stopPropagation()})),this.popoverMenuElement.addEventListener("mousedown",(s=>{s.stopPropagation()}))}componentDidRender(){this.show&&!this.renderedShowValue&&this.popperInstance.update(),this.renderedShowValue=this.show}disconnectedCallback(){var s;null===(s=this.popperInstance)||void 0===s||s.destroy()}render(){return t(o,{class:"tds-popover-menu "+(this.show?"tds-popover-menu-show":"")},t("slot",null))}get popoverMenuElement(){return i(this)}};h.style=":host{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--tds-popover-menu-background);padding:16px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;display:none;z-index:800}:host *{box-sizing:border-box}:host(.tds-popover-menu-show){opacity:1;display:block}";export{h as tds_popover_menu}