@scania/tegel 1.8.2 → 1.9.1-beta.0

package/dist/components/tds-toast.js

@@ -1,12 +1,12 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { g as generateUniqueId } from './generateUniqueId.js';
-import { h as hasSlot } from './hasSlot.js';
-import { d as defineCustomElement$2 } from './icon.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-604b1ae6.js';
+import { g as generateUniqueId } from './p-11648030.js';
+import { h as hasSlot } from './p-ae110fc2.js';
+import { d as defineCustomElement$2 } from './p-f64a898a.js';
 
 const toastCss = ":host(.hide){display:none;visibility:hidden}:host{z-index:800}: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 22px;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;max-width:250px;word-break:break-word}: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) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-toast-headline-color)}:host .content .subheader,:host .content slot[name=subheader]::slotted(*){color:var(--tds-toast-subheadline-color);font:var(--tds-detail-02) !important;letter-spacing:var(--tds-detail-02-ls) !important}:host .content .subheader.no-link slot::slotted(*),:host .content slot[name=subheader]::slotted(*).no-link slot::slotted(*){padding-bottom:0}:host .content .toast-bottom{margin-top:12px}:host slot[name=actions]::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)}";
 const TdsToastStyle0 = toastCss;
 
-const TdsToast$1 = /*@__PURE__*/ proxyCustomElement(class TdsToast extends HTMLElement {
+const TdsToast$1 = /*@__PURE__*/ proxyCustomElement(class TdsToast extends H {
     constructor() {
         super();
         this.__registerHost();
@@ -62,12 +62,12 @@ const TdsToast$1 = /*@__PURE__*/ proxyCustomElement(class TdsToast extends HTMLE
         const usesHeaderSlot = hasSlot('header', this.host);
         const usesSubheaderSlot = hasSlot('subheader', this.host);
         const usesActionsSlot = hasSlot('actions', this.host);
-        return (h(Host, { key: 'b4a35bad02fc58bae1ec849e9018b47da0471efa', toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
+        return (h(Host, { key: '40896b8e7fa322b37e69592486e7b128a52c2b97', toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
                 hide: this.hidden,
                 show: !this.hidden,
-            } }, h("div", { key: '302b734e22d80b84ec04378d019476b360913b7a', class: `
+            } }, h("div", { key: '22c9563b7a6fe868455f03ec3d5ee6af735912d3', class: `
             wrapper
-            ${this.variant}` }, h("tds-icon", { key: 'abf3ed7b8c3116ddd180f5b05486f90f85e0ab35', name: this.getIconName(), size: "20px" }), h("div", { key: 'd0ed5fb347cfaf7614961d8a70ddfe517713af70', class: `content` }, h("div", { key: 'f12ef9ddf3005ce3b6397665f7dfbbc18050d88b', class: "header-subheader" }, this.header && h("div", { class: "header" }, this.header), usesHeaderSlot && h("slot", { name: "header" }), this.subheader && h("div", { class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { name: "subheader" })), usesActionsSlot && (h("div", { class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { name: "actions" })))), this.closable && (h("button", { onClick: this.handleClose, class: "close" }, h("tds-icon", { name: "cross", size: "20px" }))))));
+            ${this.variant}` }, h("tds-icon", { key: '6c32c80e7994b1758576c934a3dab4fd4320a4d9', name: this.getIconName(), size: "20px" }), h("div", { key: 'eaf31eb3b1b6dae5931885909e8616333e462378', class: `content` }, h("div", { key: '5f93d7e05b6d7d3d5e6f178d1697cc9cf28bdf3c', class: "header-subheader" }, this.header && h("div", { key: '50c71fd695bf0ef5fd04ae9d110b6af8b9c4cf34', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: '3ff01f3f1af157f21bd17c086275a33d993c0136', name: "header" }), this.subheader && h("div", { key: 'bacda64f72cd981b21d0efdcb0ea429a6c6cc80e', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: 'c298d09af3b4f10c9a5cf116f33cc7026d41b858', name: "subheader" })), usesActionsSlot && (h("div", { key: '64f62ad9c487798d02fe14b4cd3cb0cf4ac751bb', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { key: '544c61fdaa8d8d3ffe49fc278e19fef0033e18c8', name: "actions" })))), this.closable && (h("button", { key: 'c62ddb0d20113571fcf4bf0b790b87727ba2a307', onClick: this.handleClose, class: "close" }, h("tds-icon", { key: '39f7e267c2ee46156f78235e9225436708d5911a', name: "cross", size: "20px" }))))));
     }
     get host() { return this; }
     static get style() { return TdsToastStyle0; }

package/dist/components/tds-toggle.js

@@ -1,10 +1,10 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { g as generateUniqueId } from './generateUniqueId.js';
+import { p as proxyCustomElement, H, d as createEvent, h } from './p-604b1ae6.js';
+import { g as generateUniqueId } from './p-11648030.js';
 
 const toggleCss = ".tds-toggle.sc-tds-toggle .toggle-headline.sc-tds-toggle{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-toggle-headline);margin-bottom:12px}.tds-toggle.sc-tds-toggle .toggle-headline.disabled.sc-tds-toggle{color:var(--tds-toggle-headline-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle{appearance:initial;margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{content:\"\";position:absolute;box-sizing:border-box;transition:all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{width:44px;height:24px;border-radius:16px;background-color:var(--tds-toggle-off-slider);left:0}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after{width:16px;height:16px;background-color:var(--tds-toggle-switch);border-radius:50%;left:4px;top:4px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus{outline:none}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus::before{background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider);border:1px solid var(--tds-toggle-on-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::after{left:24px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::before{background-color:var(--tds-toggle-on-slider-disabled);border:1px solid var(--tds-toggle-on-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::before{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::after{width:8px;height:8px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::after{left:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle label.sc-tds-toggle{display:inline-block;vertical-align:middle;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);color:var(--tds-toggle-label-color);padding-left:8px}.tds-toggle.sc-tds-toggle label.disabled.sc-tds-toggle{color:var(--tds-toggle-label-color-disabled)}";
 const TdsToggleStyle0 = toggleCss;
 
-const TdsToggle$1 = /*@__PURE__*/ proxyCustomElement(class TdsToggle extends HTMLElement {
+const TdsToggle$1 = /*@__PURE__*/ proxyCustomElement(class TdsToggle extends H {
     constructor() {
         super();
         this.__registerHost();
@@ -33,7 +33,7 @@ const TdsToggle$1 = /*@__PURE__*/ proxyCustomElement(class TdsToggle extends HTM
         };
     }
     render() {
-        return (h("div", { key: '726adc73f704e7f2b303983c7fb02a4656b0d84d', class: "tds-toggle" }, this.headline && (h("div", { class: `toggle-headline ${this.disabled ? 'disabled' : ''}` }, this.headline)), h("input", { key: '22628dcc2b941c27faf09eb10e9f6d7d50c03e3c', "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), h("label", { key: '235750e453463cf087d6683d5f1c1b02056f1536', class: `${this.disabled ? 'disabled' : ''}`, htmlFor: this.toggleId }, h("slot", { key: '8d51817c8fa188f75e680f42d6cbad2ed6891ba3', name: "label" }))));
+        return (h("div", { key: '4ca12f4ed989129407a0c7c0f41c33b57403783f', class: "tds-toggle" }, this.headline && (h("div", { key: '5b5e05e2405a13bbcfa86018d90bdbbc69782cee', class: `toggle-headline ${this.disabled ? 'disabled' : ''}` }, this.headline)), h("input", { key: '81b9730f03c5a7cf702ed77441523320a9229398', "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), h("label", { key: '4ed1d3700b76040f5f225da27bcd5eab5611939d', class: `${this.disabled ? 'disabled' : ''}`, htmlFor: this.toggleId }, h("slot", { key: '458f1d0867aa3064d61a0b568fd91be35d1f99f5', name: "label" }))));
     }
     get host() { return this; }
     static get style() { return TdsToggleStyle0; }

package/dist/components/tds-tooltip.js

@@ -1,11 +1,11 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { i as inheritAttributes } from './inheritAttributes.js';
-import { d as defineCustomElement$2 } from './popover-core.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-604b1ae6.js';
+import { i as inheritAttributes } from './p-3fe9cbbf.js';
+import { d as defineCustomElement$2 } from './p-b615fa10.js';
 
 const tooltipCss = ".tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";
 const TdsTooltipStyle0 = tooltipCss;
 
-const TdsTooltip$1 = /*@__PURE__*/ proxyCustomElement(class TdsTooltip extends HTMLElement {
+const TdsTooltip$1 = /*@__PURE__*/ proxyCustomElement(class TdsTooltip extends H {
     constructor() {
         super();
         this.__registerHost();
@@ -48,7 +48,7 @@ const TdsTooltip$1 = /*@__PURE__*/ proxyCustomElement(class TdsTooltip extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: '0cf105738ffdc5463fb22a310e95e119b4e76cdd' }, h("tds-popover-core", Object.assign({ key: '3ff8ccc3d104969b5c7f7f8ededf054f305f2df0' }, this.inheritedAttributes, { class: {
+        return (h(Host, { key: '7488d071020eaaf9adefe51346927e8fd824b631' }, h("tds-popover-core", Object.assign({ key: '9aa67d282897a5d98f63342e5baab9d09939407d' }, this.inheritedAttributes, { class: {
                 'tds-tooltip': true,
                 [`tds-tooltip-${this.border}`]: true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
@@ -57,7 +57,7 @@ const TdsTooltip$1 = /*@__PURE__*/ proxyCustomElement(class TdsTooltip extends H
                 this.show = true;
             }, onInternalTdsClose: () => {
                 this.show = false;
-            } }), this.text, h("slot", { key: 'b7a06b9f4875788c815f33a75d45dbb8a72f6393' }))));
+            } }), this.text, h("slot", { key: '38d9665449796102773b74f272354ec3759be1f6' }))));
     }
     get host() { return this; }
     static get style() { return TdsTooltipStyle0; }