@tet/tet-components 1.4.73-testing → 1.4.74-production

package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.js

@@ -622,7 +622,7 @@ export class TetTabHeader {
     }
     render() {
         const shouldRenderOverflowGradients = this.showOverflowGradients;
-        return (h(Host, { key: '0c3b63ca375eaa752e40ce11d6841dfada97b0fc', "data-id-suffix": this.idSuffix }, h("div", { key: '42380177d8b2beb98ff36b63c0e5ad1ca1f1d752', class: {
+        return (h(Host, { key: 'ce147189c0dda8402ad000a82a490c0cd6494e8c', "data-id-suffix": this.idSuffix }, h("div", { key: 'c423f396934c86f4362731b226eff63705920b6d', class: {
                 'tabs': true,
                 'tabs--segmented': this.segmented,
                 'tabs--overflow-left': this.hasOverflowLeft,
@@ -631,7 +631,7 @@ export class TetTabHeader {
                 [this.theme]: true,
                 [this.sizing]: true,
                 [this.type]: !!this.type
-            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, shouldRenderOverflowGradients && h("div", { key: 'b8be20459ebd6f22d86aa7b67cf862f92aa04ea9', class: "tabs-gradient tabs-gradient-left", "aria-hidden": "true" }), h("slot", { key: '584bd232f1f67948ecf6fcf361490b075ee7ec3c', onSlotchange: () => this.updatePositionClass(), ref: (slot) => (this.tabContainer = slot) }), shouldRenderOverflowGradients && h("div", { key: '0da0b87d1c9b19fd3026f9981ecfcede1f45c0d9', class: "tabs-gradient tabs-gradient-right", "aria-hidden": "true" })), h("div", { key: '3e6c23d18e393c2abda0bbe50c8cbb128f231461', class: {
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, shouldRenderOverflowGradients && h("div", { key: '8c98cd596a1eb16f9787f489f1ee4d0a3110eac2', class: "tabs-gradient tabs-gradient-left", "aria-hidden": "true" }), h("slot", { key: '9440c1eb4bea032fead66b7ef82fb38cda3e5b36', onSlotchange: () => this.updatePositionClass(), ref: (slot) => (this.tabContainer = slot) }), shouldRenderOverflowGradients && h("div", { key: 'd0129a4329e6e17bbd68054b7b2a81f0690bbdfb', class: "tabs-gradient tabs-gradient-right", "aria-hidden": "true" })), h("div", { key: '55d5685f1bbd89ff9dff3f9c3157f8e18bc55027', class: {
                 'tabs-line': !this.segmented,
                 'no-underline': this.hideHeaderUnderline || this.isScrollableType,
                 [this.theme]: true

package/dist/collection/components/basic/buttons/tet-tag/tet-tag.js

@@ -20,12 +20,12 @@ export class TetTag {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: '4beea8325770a22e6ba9af93a34535438938a678' }, h("button", { key: '7e86fbfd1dd1cb3c853d9fef51c93e888069720c', class: {
+        return (h(Host, { key: '4e5d59efa55dc1bb04cb780cc28942d517eecacb' }, h("button", { key: '16d5e52107679bf65acbf001f2e82fa4233959f9', class: {
                 tag: true,
                 'tag-active': this.active,
                 'tag--icon': this.showIcon,
                 [`theme-${this.theme}`]: true,
-            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: 'd21fc9b3a9832e4718fbfde7320c597d4774f129', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: '2fc6cf493a7f89b608f11735beb7af7254f7e36b', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: 'dbaedc263f1f37bec0e034c540874acc61caa2a1', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: 'bda8d5cbcf29ee293c4cc2dd4891d700c55a09c4', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'af03ff45bd950aab517885ff809c2c2e12440155', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '1d85d11b28ec47c630e7c80cc74885741f4d12a2', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/carousel/tet-carousel/tet-carousel.js

@@ -934,22 +934,22 @@ export class TetCarousel {
                 trackTransition = 'none';
             }
         }
-        return (h(Host, { key: 'ac7c72bdd862708328dbd6f31277254b09220b4b' }, h("div", { key: '651732dfc1ca6bc106c9b28e408773b7cc228e1e', class: { 'tet-carousel': true, [`${this.theme}`]: true, 'tet-carousel--unified-buttons': this.unifiedButtons }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: 'a437edf5e6620cc8d4702d06bd8b77aaa7c987a7', class: "tet-carousel__container" }, h("div", { key: '2ab991327aaf21ab9a1a9e2f8bdf343367d84030', class: "tet-carousel__gradient-left", ref: (el) => {
+        return (h(Host, { key: '45bb876a9ba4d6d3eb675c6c4ad938393f5420b8' }, h("div", { key: 'c03cb0c89ffa7c6cb33122f3f48122173f4514b6', class: { 'tet-carousel': true, [`${this.theme}`]: true, 'tet-carousel--unified-buttons': this.unifiedButtons }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '8c0f550f9b71637bc61d992e88f9c03e8b328577', class: "tet-carousel__container" }, h("div", { key: 'bdc141aeaa7124e6b5dd61fcbda43f50f2a17ab1', class: "tet-carousel__gradient-left", ref: (el) => {
                 this.leftGradientRef = el;
-            } }), h("div", { key: '1e69998d66b452715d8593268976ff4da1c8cd06', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), h("div", { key: '3bbd000e7a26f628d899849c1da63ea91a911d97', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), h("div", { key: 'b730cb0347660efaf634f9eaf4e481ba81a01411', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
+            } }), h("div", { key: '99815a28347bd568339102bd27f6b12b80921b54', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
                 transform: `translate3d(${this.dragOffset}px, 0, 0)`,
                 transition: trackTransition,
                 willChange: 'transform'
-            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, h("div", { key: '6c36c5e4f66d80c8a19f204e543fe80f1e5a0e0e', class: {
+            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, h("div", { key: 'b766e2c947108875bc451165297d67106e18adeb', class: {
                 'tet-carousel__track-content': true,
                 'tet-carousel__track-content--nudge': this.isNudgeAnimating
             }, ref: (el) => (this.trackContentElement = el), style: {
                 '--tet-carousel-nudge-distance': `${TetCarousel.NUDGE_DISTANCE_PX}px`
-            }, onAnimationEnd: this.onNudgeAnimationEnd }, h("slot", { key: '19a3d93c5c56b820088e55fb78dc31629c3c00fa' })))), !!this.label && h("div", { key: 'a9642a052b1a83611940a5af5a0156b6b82d7611', class: "tet-carousel__label" }, this.label), showControls && (h("div", { key: '725605eb30334abeb6446fdb7ba33854e88e9bca', class: "tet-carousel__controls" }, showButtons && (h("div", { key: 'cc7cc366f976bdf79ae7edb671417d1c32de2bcd', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, h("tet-button", { key: '6a48785ffeb250e50e0f76ef584fb83ed88f9d27', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (h("div", { key: '135e226878182352986fb9d311c8c2ab8cc82513', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
+            }, onAnimationEnd: this.onNudgeAnimationEnd }, h("slot", { key: 'e5021bed716cf3c3c95763764bc9b0f11de6321f' })))), !!this.label && h("div", { key: '53041cfe6bb9be13103e322707552e75d8c3bb40', class: "tet-carousel__label" }, this.label), showControls && (h("div", { key: '480dff8cbe397a44cd53f11441c5225b94b4e5cd', class: "tet-carousel__controls" }, showButtons && (h("div", { key: 'e5a1bca6a1669cdfec566bc62ec2b2e3dbc2570e', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, h("tet-button", { key: 'b881ed4f8e36c70487ab91a6ee0d3019a62ae7ec', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (h("div", { key: 'cb4044822d37cf3e3ccefbbf3d4811565273de1d', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
                 ? t('components-carousel-indicator-button-active')
-                : t('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (h("div", { key: 'd2beff17bffbf2cf1ed0e9f45318e71424567b81', class: "tet-carousel__buttons" }, h("tet-button", { key: '1b104da64930af26305094546dd668f83d4b4d9a', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), h("tet-button", { key: 'a58e81decd807bcb316e054d529b13c7ee3dcfde', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: t('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
+                : t('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (h("div", { key: '423329d1b72b2d7d5ec4d5e86e27cfd1fe01df51', class: "tet-carousel__buttons" }, h("tet-button", { key: '754a697c32fd2408488150d3a051e417b67312cb', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), h("tet-button", { key: 'e2722527a927abfe89cc2613c2e5235d6a54d5ae', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: t('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
     }
     static get is() { return "tet-carousel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/icon/tet-icon.js

@@ -50,7 +50,7 @@ export class TetIcon {
     };
     shouldUseDefaultColor = () => (this.useDefaultColor || defaultColorIcons.includes(this.name));
     render() {
-        return (h("span", { key: '83b30655b6ce3cfd9fdd3756f79e858a7d059385', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: 'aa34d7a6a11be00858e1b367703dbddbb4a5d8ce', class: {
+        return (h("span", { key: 'cf597b6edf895e25cc6a09351ab0a9b6277df9e3', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: 'b963bb72e0c970320e637b00c46c01dc161a3c13', class: {
                 'icon-container': true,
                 'default-color': this.shouldUseDefaultColor(),
                 [this.theme]: true,

package/dist/collection/components/basic/loaders/tet-loader/tet-loader.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class TetLoader {
     render() {
-        return (h("div", { key: 'e96e0e95df831b4edbbebdbceb8c3d1912a05f9a', class: "loader" }, h("div", { key: '2ede9f509eb95f7fa23d23a125560719c5c6b653', class: "loader-inner" })));
+        return (h("div", { key: '9994d04de7e8bc4be8c32ad1f32db42e7f5524da', class: "loader" }, h("div", { key: '0f9ff2da5db25f48f4e5dc00c2834736dcd2c07c', class: "loader-inner" })));
     }
     static get is() { return "tet-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/loaders/tet-placeholder/tet-placeholder.js

@@ -9,7 +9,7 @@ export class TetPlaceholder {
         this.darkTheme = false;
     }
     render() {
-        return (h(Host, { key: '946314945c0f8fe9c0d4f6c0078345ff20296553', style: { width: this.width, height: this.height } }, h("div", { key: '942c67e0a202e0cfecfa99d35e07fc926fd8ca4d', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '60ee9eeef6034456fe0203dba0df57b31b2017cd', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: '95e2818c0aa90f9a03cb1b520bdf6db7368bb62d', style: { width: this.width, height: this.height } }, h("div", { key: '0adb18e26b3bf103557fa872870a2b94004b1c08', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '84dd81c8b0c26e39dfce90f6cc1f756e2720479b', class: "placeholder", style: { height: this.height } }))));
     }
     static get is() { return "tet-placeholder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/loaders/tet-spinner/tet-spinner.js

@@ -48,13 +48,13 @@ export class TetSpinner {
         foreignObject.setAttribute('clip-path', 'url(#clip)');
     };
     render() {
-        return (h("div", { key: 'f1483277367cc7311f57c8276160c73d5221ab0f', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: '0d807ca601c344a004f2cae701bbad92feda99dd', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: '7a8e91479b90443606dda36d9c4818a3be8f45df', viewBox: "0 0 40 40" }, h("clipPath", { key: 'b324411fba7c7cecd5152bb7d46ccbe101dfeae8', id: "clip" }, h("path", { key: '8875137e2c6215e7d27a6e3ebc530063c4451146', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
-              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: '49296da2aab9d577d094bee2799933e7373f6b74' }, h("div", { key: 'b89d83357ee4b4f9451bf7139f2d4107813518e0', class: "spinner__gradient" })))));
+            } }, h("svg", { key: 'c6f180beefb49d39df7b5deeadb66508009f5e40', viewBox: "0 0 40 40" }, h("clipPath", { key: '846877f7df1aabf5c46442946c14fbf38dd8f851', id: "clip" }, h("path", { key: '945d459c1d100f78e20b7e46d6e42a7cc18808b7', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
+              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: '967fb3e81e5cc65815e8d8ba6acc6fcdd5ee38c1' }, h("div", { key: 'e4393799dc181f3a0b71b3d495d2b3060630f774', class: "spinner__gradient" })))));
     }
     static get is() { return "tet-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/misc/tet-countdown/tet-countdown.js

@@ -119,7 +119,7 @@ export class TetCountdown {
     }
     render() {
         const hostClass = `static-text-color-${this.staticTextColor}`;
-        return (h(Host, { key: '882729c2ca73e488c3fe21190ffd088e388e3e90', class: hostClass }, this.countdownTitle && (h("div", { key: '8ee0b256114883e0c5f8f33aecb9841999f3c500', class: "countdown-title", part: "title", "aria-hidden": "true" }, this.countdownTitle)), h("div", { key: '818bffe0c6898dd663551a5223d3d1a8897f3df1', class: "countdown", part: "countdown", "aria-hidden": "true" }, this.renderUnit(this.countdown.days, this.getUnitLabel('days', this.countdown.days), 'days'), this.renderUnit(this.countdown.hours, this.getUnitLabel('hours', this.countdown.hours), 'hours'), this.renderUnit(this.countdown.minutes, this.getUnitLabel('minutes', this.countdown.minutes), 'minutes'), this.renderUnit(this.countdown.seconds, this.getUnitLabel('seconds', this.countdown.seconds), 'seconds')), h("div", { key: 'e6665264847824726d4a5430086f24306cf2f18c', class: "sr-only" }, this.getCountdownAriaLabel())));
+        return (h(Host, { key: '93a7535ad9e5dea52704a0a345f300b1a1c3ed7b', class: hostClass }, this.countdownTitle && (h("div", { key: 'd3556f4e3d9a6aa4c7ddb714971682ed859dbef9', class: "countdown-title", part: "title", "aria-hidden": "true" }, this.countdownTitle)), h("div", { key: '09163170da7203196f53afd3e8b8a4cd9223cdc8', class: "countdown", part: "countdown", "aria-hidden": "true" }, this.renderUnit(this.countdown.days, this.getUnitLabel('days', this.countdown.days), 'days'), this.renderUnit(this.countdown.hours, this.getUnitLabel('hours', this.countdown.hours), 'hours'), this.renderUnit(this.countdown.minutes, this.getUnitLabel('minutes', this.countdown.minutes), 'minutes'), this.renderUnit(this.countdown.seconds, this.getUnitLabel('seconds', this.countdown.seconds), 'seconds')), h("div", { key: '2068896145f3139aee320e0cbcf5c6acaabdbead', class: "sr-only" }, this.getCountdownAriaLabel())));
     }
     static get is() { return "tet-countdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/misc/tet-label/tet-label.js

@@ -13,12 +13,12 @@ export class TetLabel {
         this.showIcon = false;
     }
     render() {
-        return (h(Host, { key: '87cdce05ccabd652fcb2d807d0f5b5ccb94314dd' }, h("div", { key: '3c1622adaa83bddadef20b0b5cbc4910e336be28', class: {
+        return (h(Host, { key: '449285d1971da73048133a0abbd2252520c8f996' }, h("div", { key: '8c909f8599ff5b83f584224ba6936ecc58af5212', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: 'f44a9c718753d2bdf7012af637b74f8123101251', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'e9f473f9820cb213d1bd222204e065349a5b87f8', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: 'd22ab8f651789804eb201f7382140526e56a38f4', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'd21901a83de24d8a32e0e34915b5d3e9a0652363', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-header/tet-datepicker-header.js

@@ -55,9 +55,9 @@ export class TetDatepickerHeader {
         this.datepickerViewChanged.emit(view);
     };
     render() {
-        return (h("div", { key: '50b9b60736a922da6d481396c4bd61d69a3c65fb', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: 'a40abe81e5fe16fdec8fec2900d77071b09ecdcb', class: "header" }, this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.subtractDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-left" })))
-            : h("div", null), h("div", { key: 'dc55301bb0460fe44f3d0e3452f255235055513d', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '53ecb29866b485e094cf17d29f045d292656cc81', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: 'e3c5f7442ece4d787977dd5b59d55f4a8d0e262a', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '27dd50e866303c6c61fab1bedf163ff2cefbdb72', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.addDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-right" })))
             : h("div", null)));
     }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-month-view/tet-datepicker-month-view.js

@@ -159,7 +159,7 @@ export class TetDatepickerMonthView {
         };
     };
     render() {
-        return (h(Host, { key: 'ea230afcfc36dcb402bb6abb63c0348de0dda6ad' }, h("div", { key: '0217e33d55c43cfb1bf2fae3aa9b6d75139c6566', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'd2b28a59ae3c27b97198bf6cc775e001fd07e331', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
+        return (h(Host, { key: '8b332c926f384022a32f4abf000dd3a0b1744ec4' }, h("div", { key: '2403f0c0e1addb50963eede9f5c09c1c113f5331', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'a087ec11c160214f21887f9597548236718bb45e', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
     }
     static get is() { return "tet-datepicker-month-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-multi-year-view/tet-datepicker-multi-year-view.js

@@ -32,7 +32,7 @@ export class TetDatepickerMultiYearView {
         return { year: true, current: year === currentYear, selected: this.isSelectedYear(year) };
     };
     render() {
-        return (h("div", { key: '8193082b6e88510e60eff24a25a731017b1cbe42', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '11a09cd94f966a3c7ae536ddd35640ef5b0a975c', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
     }
     static get is() { return "tet-datepicker-multi-year-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-year-view/tet-datepicker-year-view.js

@@ -39,7 +39,7 @@ export class TetDatepickerYearView {
         };
     };
     render() {
-        return (h("div", { key: '257f2626db1410bbc7cc90205785c7537caefa66', class: "container" }, this.months.map((month, index) => h("div", { class: "month-container" }, h("div", { class: this.getMonthClasses(index), onClick: () => this.handleMonthSelection(index) }, month)))));
+        return (h("div", { key: '67e7900d5acfa9f4a44f13ae77d2401d2f6a18ed', class: "container" }, this.months.map((month, index) => h("div", { class: "month-container" }, h("div", { class: this.getMonthClasses(index), onClick: () => this.handleMonthSelection(index) }, month)))));
     }
     static get is() { return "tet-datepicker-year-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/tet-datepicker.js

@@ -100,10 +100,10 @@ export class TetDatepicker {
         return { overlay: true, closed: !this.isOpen, 'overlay-effect': this.overlayEffect };
     };
     render() {
-        return (h("div", { key: '7df53a99083bdef7310b9ea9e04622583e63f093', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'ef23212823b5ea3937d1a6fc131c18263a301215', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '661d67577c2eab85ba8e1c68e194fe464bff7ed1', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '8ed80c29f7dd0e488a7a162582d7a1e98b8d6b26', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '17e940df8b6ce472a9d32959b9cd3654562ae433', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: 'fec7b611a7757effe4fac72f0fb395cd801ca0c9', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: 'abfe888704b97efee353408788a330e165f0b4d0', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '100741c349b65b6dd92de63fe68b37c3af3edf3e', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: 'fbf9340a55db2d487811e9ef1ce1f7af76a3a844', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '21386e1fedd852ef4334dcba8f19b85a66248b77', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '33f021c8d187c62475b20d1f69b518ba72e1ec1d', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: 'ac7b9d8f63e97ecc044f70ffb6085a5ac60d4ff1', selectedDate: this.date, internalDate: this.internalDate }))));
     }
     static get is() { return "tet-datepicker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-range-slider/tet-range-slider.js

@@ -760,31 +760,31 @@ export class TetRangeSlider {
         return dataListItem;
     };
     render() {
-        return (h(Host, { key: 'e69200f3aef0af36d804f3a3b32e871cc253a4ea' }, h("div", { key: 'ae084dfbe40416f4f9db1f49ef292eced4d6db5f', class: {
+        return (h(Host, { key: '12eaca7a021bd1bc25b78a2f8785452069bd0b63' }, h("div", { key: '85227646e7deee3b23eda9729b366dd304079168', class: {
                 'range-slider': true,
                 [`range-slider--${this.containerSize}`]: true,
                 [`range-slider--${this.type}`]: true,
                 'range-slider--no-controls': !this.withControls,
                 'range-slider--no-input': !this.withInput,
                 [this.theme]: true,
-            } }, h("div", { key: 'c29a898479f6d5d01e4f3340f76671fe67abe382', class: {
+            } }, h("div", { key: 'ab152eabc9b27be26100a568cc5fc82cc0e2050d', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", { key: '8fd0bc104c428154971b6ad34165979f077058c2', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel, ...(this.containerSize !== 'large' ? { inputTabindex: 3 } : {}) })), h("div", { key: '53c75bb2ef8a00bbdc275325b9d116910d986877', class: "range-slider__container" }, h("tet-button", { key: '255e124810449c825896fefeabcb642eb2759640', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", { key: '6f9692237c632cb269b1e14b0d1330822c2d2a6c', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel, ...(this.containerSize !== 'large' ? { inputTabindex: 3 } : {}) })), h("div", { key: '0c9365dad8d71d60864737748cf15940f2952238', class: "range-slider__container" }, h("tet-button", { key: '188a35edb33ff91922ca01bcf24d7ba006eb1740', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--left': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: '2fdcb433df475fcd5e96e8561e9ce49dfd4102ea', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '020f10ceb87c1ed37b92e7c97c0db6dcd8087e24', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: 'edf3b56966f8b7c022f8967e74df5c5d3ac95a14', class: "range-slider__slider-wrapper" }, h("input", { key: 'bad1d7a51fdcec4b7398ec4aa8c6d70846253252', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider", ...(this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 1 } : {}) })), h("div", { key: '9638e7c585a5f1f9b8947e36eb4d1833116b8055', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'd5729ad003084e8a3f6d42616eed22386fd16d38', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'b5b2f7b5eb4e4f1230d79c789589a15d6aa30580', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'e960bae1d076160edd2f08fb26dd3f63a423d6ce', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: '0f18b16970b7ca2ac283d477d12b0056c81f0d08', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '95783696a3a60a9b7cb541a8ca6b5a90a72656c5', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: '0dd788886fa848aade3ca751568991618cea7813', class: "range-slider__slider-wrapper" }, h("input", { key: '468f07ce3222471be42ee46e42134b1dbb7929fa', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider", ...(this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 1 } : {}) })), h("div", { key: 'd2e69ac0f606af3e096ee92a26f800380701cc74', class: "range-slider__track range-slider__track--background" }), h("div", { key: '0d6a2233f0d3b2c63bac0478f16a8ca2ed639214', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'a3aec51515497a9895c8972567ee262a22b7ac61', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'dfdd9da59bbfe6153fe9e8d6a871482e71aafb6a', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '75eb87b7391b6ef1571b5d61df099873ba32808a', class: {
+            } })), h("div", { key: '102247f637b4a2147e0e0ec4fda61728e9189638', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: '1db3b3abe71d1ac31a1ff737e2bcd6ce538402ba', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '6f538760b4f4eb3fa9603575d8ba5b5f6a0c6acf', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '5dfcbedfb5b36bb8b3723da45bf145b1ad4cd96e', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: '5eb4f7aa7e0bc30e616dcfc56f9be7c2a2f39cad', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: 'e97ad063c165cef7b9e11a63ff69c603520346ef', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'db0916f07c6272673f3e94a4974da692eb444929', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '23f375be69b150cfd51d582569ef500d27d2cb1f', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: 'fa921d3e0517a10302d0c6ae4fd4325d95a6b3d9', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--right': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: '17cce4d54e67c8e86523ecd6677fc92e056fa557', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: '58f7ca2288a6f30d74d868441afb29d8601546c7', name: "add", class: "range-slider__control--icon" }))))));
     }
     static get is() { return "tet-range-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-stepper-input/tet-stepper-input.js

@@ -145,7 +145,7 @@ export class TetStepperInput {
             }, class: "stepper-input__input", type: "number", value: String(value ?? ''), disabled: disabled, theme: theme, ...(accessibilityLabel ? { accessibilityLabel } : {}) }));
     }
     render() {
-        return (h("div", { key: '739679bf028cd3515d906e0c8b67a804249b0d7e', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: '55c6ed6852c310b29164d642a485c29ab49cea69', class: "stepper-input__inner-wrapper" }, this.renderButton('decrement'), this.renderValueDisplay(), this.renderButton('increment'))));
+        return (h("div", { key: '761ded4e4c76f6b1d40d3422c5fe0201b3006876', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: 'bae3fec7c55493c136a708cd4a5013fb594c4ff7', class: "stepper-input__inner-wrapper" }, this.renderButton('decrement'), this.renderValueDisplay(), this.renderButton('increment'))));
     }
     static get is() { return "tet-stepper-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-textarea/tet-textarea.js

@@ -59,8 +59,8 @@ export class TetTextarea {
             'error': (errorMessages.length > 0),
             'keyboard-focus': this.focusVisible,
         };
-        return (h(Host, { key: 'eac8fd1d2fa0e70f3d99c6c4d05ae79202e77766' }, h("label", { key: 'a2021d649618f39f942f5c79e7041c0b5ec49b02', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: '7e8b381a397d51d5975dd9e3a06eee503e182e4b', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '168190ceee56bbe6591bab030d8122a4ef57210e', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: 'c464f1f9305bff48ed919486800e0ad8e24368a9', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
+        return (h(Host, { key: '9a32fb9ddfd8d01031250302bb6859733154c29e' }, h("label", { key: '8586196d9ce62008df296f16b4cc7d982021cb84', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '3da68d325a4dc448ca04ff345e6b2d9713a5629b', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'bb281b84691fa28ca1852aff26b64b35ef307189', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '8c4f36ac731996ba20e5c91a0112d38ba3163394', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
     }
     static get is() { return "tet-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/lists/tet-news-card-list/tet-news-card-list.js

@@ -68,7 +68,7 @@ export class TetNewsCardList {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (h(Host, { key: '62e1e81d60b15b0a44a3b8c99b8aa5081d2762eb' }, h("tet-card-list", { key: 'a184c2d6cba9c2fbe68b045e165bf0a81ac0e4c9', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true, ...props }, this.items.map((item, index) => this.renderListCard(item, index)))));
+        return (h(Host, { key: 'a607ee6a1a3730e7177b51503d7a1f82feb13917' }, h("tet-card-list", { key: '945da892fb3dfb31e9356052530172f0d0d8b954', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true, ...props }, this.items.map((item, index) => this.renderListCard(item, index)))));
     }
     static get is() { return "tet-news-card-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/menu/tet-navigation-mobile/tet-navigation-mobile.js

@@ -61,13 +61,13 @@ export class TetNavigationMobile {
         processTranslations('tet-components', this.language || 'lv').then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: '599d5e40d258319b7e603c4db23c22edb6b292a4' }, h("navigation", { key: '746a33580db1e7be44d04931e067b949d9ba2ba1', class: {
+        return (h(Host, { key: '14dcfaaeda9a664dc4b3d2907caf74583f013f00' }, h("navigation", { key: 'c1253fae2694c55375ddfb2ad24e2b45bd63a6e4', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: '1ed8e65359e4aaef68d6d88114104a7c85637051', class: "navigation__nav-bar" }, h("slot", { key: '7069dc66d5df7b183855ca310727be80b43d8e51' })), this.isTogglerVisible && (h("button", { key: '9ec56d4e7038f7d33685ac452c4e9a1d0d5d81cd', type: "button", class: "navigation__toggler", "aria-controls": "tet-navigation-mobile-dropdown", "aria-expanded": this.isTogglerExpanded.toString(), "aria-label": t(this.isTogglerExpanded ? 'components-navigation-mobile-close-menu-label' : 'components-navigation-mobile-open-menu-label'), onClick: this.onTogglerClick }, h("tet-icon", { key: 'afbae3dd76ca98277543fc9995a21969a2f319af', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '8d1147b01dd95d6cc62a241055a878bf2a6394f2', id: "tet-navigation-mobile-dropdown", class: {
+            } }, h("div", { key: '83888d63bff218ca15a9122382fc10d23316bb8e', class: "navigation__nav-bar" }, h("slot", { key: 'a32dda05444fc14cad28f0f7b510c8eee76bb57a' })), this.isTogglerVisible && (h("button", { key: '789b36eacf14a18792b687e5218ee318e9cef23a', type: "button", class: "navigation__toggler", "aria-controls": "tet-navigation-mobile-dropdown", "aria-expanded": this.isTogglerExpanded.toString(), "aria-label": t(this.isTogglerExpanded ? 'components-navigation-mobile-close-menu-label' : 'components-navigation-mobile-open-menu-label'), onClick: this.onTogglerClick }, h("tet-icon", { key: '20b94b2e27696fa78f6e5ceb751c2fa2b442ca87', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '946cfe4adfbc4e822567384c33282b7d86a2d00b', id: "tet-navigation-mobile-dropdown", class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '93603e1e77f6e9684aead5439b8aeb6e7dc7cf42', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'f9e5894d13d37898153757a1ac8caece1eb44d3c', name: "dropdown" })))));
     }
     static get is() { return "tet-navigation-mobile"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/structural/tet-accordion/tet-accordion.js

@@ -130,13 +130,13 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: 'd516516d8d840a88a81aa77d65d968887d51e572' }, h("div", { key: 'f49151fd09462db03a8bc6d2abafef870f6cefc1', class: {
+        return (h(Host, { key: '6edda094d6e4eb568ddbd338a1ccc697c2984569' }, h("div", { key: '2123610d588bc0c874dc9fc85fa871378a54c06b', class: {
                 'tet-accordion': true,
                 'tet-accordion--border': this.withBorder,
                 [`${this.theme}-theme`]: true,
                 [`tet-accordion--breakpoint-${this.breakpoint}`]: true,
                 'transparent-bg': this.transparentBackground,
-            } }, h("div", { key: 'fccad8c2f2dacf316b095b38a00b541e8dfe9472', class: {
+            } }, h("div", { key: 'f6bf39a86ccb122f19d5ee2cd10098ccdf01563a', class: {
                 "tet-accordion__header": true,
                 [this.theme]: true,
                 "tet-accordion__header--non-interactive": !this.isHeaderInteractive,
@@ -144,15 +144,15 @@ export class TetAccordion {
                 onClick: this.toggleOpenState,
                 onKeyDown: this.toggleAccessibilityOpenState,
                 tabIndex: 0
-            } : {}) }, h("slot", { key: 'c624e63067d3f1675df20c6ecc4005d05b75c04b', name: "header" }, this.headerIconName && (h("tet-icon", { key: 'e7a5aeb122e2ffa148ddb7b3d9e1df20a7445796', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '4e651ef7d4e7ef7717a814e338a9644bf389e738', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: 'eb0ebb7716d062d997e350ea3941ad04dbb194dd', name: `chevron-${this.indicatorDirection}`, class: {
+            } : {}) }, h("slot", { key: '43f53e38203936118ed70bcaaf85612ae6c66c77', name: "header" }, this.headerIconName && (h("tet-icon", { key: 'c17d0708b1db455e3941f327a0f7f34b9216bd04', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '900ccaed7cb2c3c17a7da289f0fa44c3074a739f', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: 'f8926f147c5d778784f4afaffbf5cc69891943c6', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })))), h("div", { key: 'e8347ff68cd0d92173c6349cfb6a1d5b74e8a277', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })))), h("div", { key: '3b3d6f81d2fda2097e648145cf8ee16abb39e1b1', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '2d006399d20068c36ca7927c7fa66bd368349b5f', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: '6d1e31ebd60bf368e3d3ceb335fdbb0807dd68d3', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: 'ae554be6c928d8976b53eacdefa84e5c1065bf5c' }))))));
+            } }, h("slot", { key: '230bb1af9164d9cf9a4ceb8531d9e73ff541b436' }))))));
     }
     static get is() { return "tet-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/structural/tet-expansion-panel/tet-expansion-panel.js

@@ -62,7 +62,7 @@ export class TetExpansionPanel {
         this.state = this.state === 'open' ? 'closed' : 'open';
     };
     render() {
-        return (h("div", { key: 'e0e89bc9ced67a3f63f30636e24d12ed6dff613d', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '3f05340783fa303662d8b16ec8e12aeca02cd936', class: "tet-expansion-panel-content" }, h("slot", { key: '4d39892bbe37f748f6941c51f7534df3c0d0a0e8' }))));
+        return (h("div", { key: '091c85e39277e952490b9ea518b3eff6887b0793', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'd401036e83fe8619ccf7291d009291d84b91e214', class: "tet-expansion-panel-content" }, h("slot", { key: 'aa217a68b6a214524ebb1fdb8be7b09e4d28c79f' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/text-blocks/tet-notification/tet-notification.js

@@ -120,7 +120,7 @@ export class TetNotification {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: '740f83b6971f721bc0e94838448adfebb15083aa' }, h("div", { key: '82856e6d95ef542528e4786a857e3e9901af391c', class: { notification: true, [this.theme]: true } }, h("div", { key: '11039c5798e1cd94e9cf5a2f2eac8831ab92fcbb', class: { item: true, [this.type]: true } }, h("div", { key: '5cbba113943fcfb1875d63de80ba2db66aeb593a', class: "header" }, this.renderTypeIcon(), h("div", { key: '8db9b4479914e14a0873d812bb298deab3897d8c', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: 'e11b35179b3cfe1b37980d65ae747fa354e6d037', class: "content" }, h("span", { key: '02ff729cd8b1ce8a6b7c8a43d0e8f62cc7e5c602', innerHTML: content }), h("div", { key: 'e4f4b18ee20c15e1ad77ee4519c0cf443194890f' }, h("slot", { key: '765918f0e567cb94dbc243789e745e3b75a987de', name: "button" })))))));
+        return (h(Host, { key: 'ccc82d611b1cb53383f9eb4a7d5189aae9f55dc1' }, h("div", { key: 'db1501334061c133e454bcd10b91923b6c47249b', class: { notification: true, [this.theme]: true } }, h("div", { key: 'e8bd0235f1cffec00040581c106d1db9cac9e59b', class: { item: true, [this.type]: true } }, h("div", { key: 'cdf22f891c321d3f25a3cc3ade0f9187326cf387', class: "header" }, this.renderTypeIcon(), h("div", { key: '76d8b3e5deb3d0062076ffae8788865e2b8f2f54', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '56c7d951b71ffbce6f411304b8a89b8fac45143a', class: "content" }, h("span", { key: '5b6b9cb86f0d165605805cdb027cd04496f1bbfc', innerHTML: content }), h("div", { key: '8977b86acf685c115b9a2c3fb6388a2610bb124b' }, h("slot", { key: '8cc4c3e6d24eea54f55d8c04d33de8f1d1489ff2', name: "button" })))))));
     }
     static get is() { return "tet-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/text-blocks/tet-tooltip/tet-tooltip.js

@@ -365,7 +365,7 @@ export class TetTooltip {
         return (h("div", { class: { tooltip: true, [`${this.theme}`]: true }, role: "tooltip", "aria-hidden": this.showTooltip ? 'false' : 'true', "aria-live": this.showTooltip ? 'polite' : undefined }, h("div", { class: "tooltip-pointer", ref: (el) => (this.tooltipPointer = el) }), h("slot", null)));
     };
     render() {
-        return h(Host, { key: '015a0d906536d919d2f7d5c83cab5e533542be7e', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: '8a1c59bc4d5881026979c535985fd4660429b41b', class: { visible: this.showTooltip } }, this.renderTooltip());
     }
     static get is() { return "tet-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-address-offers-view/tet-address-offers-view.js

@@ -137,7 +137,7 @@ export class TetAddressOffersView {
         return h(Fragment, null);
     }
     render() {
-        return (h(Host, { key: 'cbd334ea1b5606aa137a3eb284a352d5498a5c3a' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: 'c74489084de18315ed459e64ee636163e212843a' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
     }
     static get is() { return "tet-address-offers-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-b2b-service-calculator/tet-b2b-service-calculator.js

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         this.withInPersonServiceSupport = detail.checked;
     };
     render() {
-        return (h("section", { key: '2fd54c92ccec9a8e6d057261579be2cc3292f00b', class: "container" }, h("div", { key: '4f440d9be6a12801cb553416f3d3094d9cf4e73f', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '8178c1e07198067280f3a537efeba2b74210b25d', class: "calculator-block" }, h("p", { key: 'db8342caca737c7cb8e8be1f0df6b1cdf85c5ddb', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: 'b9ba274aa77290f00ea88bb484d2bb9c2776e83e', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), h("div", { key: '789907e45bc7490bf4426c938ca7e7b2e588d476', class: "control-container" }, h("div", { key: '786759b45b7e2aae7c14664d915fb74bc02f05b4', class: "control" }, h("tet-checkbox", { key: '8363c17cc9d57e6eee616ac44e867b45fa18754d', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'dc975905e445f3eb80eceeee2c2eb5aff7436151', class: "control" }, h("tet-switch", { key: 'e327057f8f8f835ec9adbaad0219b8b92c1c84ac', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '1593b09005ff7fa958328aae055dc0ce4893d118', class: "monthly-payment-block" }, h("p", { key: '84d274e9b1fe3d42baac47452a65be36e7144683', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'c3b1ec5916bd764512ab1e805d92dca235f74d57' }, h("span", { key: '858eabcb9ae8ccffe31dca4acf4846a1ff1d61df', class: "price" }, this.totalPrice), h("span", { key: 'afb3cca024a76d49dc442084a51929a2bdbd67e4', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: '5cba9abac4b6f16727853216c7f9c37fa62dcf6d', class: "container" }, h("div", { key: '5da486abfd741aa15b878641d85d0ae3149038e1', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'fb4d7519c0646bd91722b041cff871cbf225fde2', class: "calculator-block" }, h("p", { key: 'afbe09dc93ba80c0eea40ad0304bf6b880e41295', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '55268a3824736d46cc119571aa2bafbe7de641ba', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), h("div", { key: '00c15281ff0fbba4f5e3fb629e6d7dae44301b5f', class: "control-container" }, h("div", { key: '6e5d4b2b1b94d493cf62707d788edab3dc8add26', class: "control" }, h("tet-checkbox", { key: '84e123b79c270d72f9dbea3cd0d0ddc36e9b7155', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'f23d2e8554ee8dd449b22be8ec6e7d08ff434d9a', class: "control" }, h("tet-switch", { key: 'a16158ef212da39f6b26ad072615969f0a28ce71', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '81a843a6c58df96bbab67ea6512b0b01cd233734', class: "monthly-payment-block" }, h("p", { key: '64df0d7abcc8359d5912a7618a7a4966d1c167e0', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'e1be974a0dcdc4f6b65ee267e8a9f3ad3deb5896' }, h("span", { key: '5ecb1e9b58b48d16c470d49dc8d569f5b800ea09', class: "price" }, this.totalPrice), h("span", { key: '14c7b1970fe4f22b5284cc1c2782f6c94767080b', class: "currency" }, t('components-euro-per-month')))))));
     }
     static get is() { return "tet-b2b-service-calculator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-business-lines/tet-business-lines.js

@@ -45,7 +45,7 @@ export class TetBusinessLines {
         return (h("div", { class: "business-line-item", onClick: () => this.handleBusinessLineSelection(businessLine) }, h("div", { class: "name-container" }, h("tet-icon", { name: businessLine.iconName }), this.translate(businessLine.name)), h("tet-icon", { class: "chevron-icon", name: "chevron-right" })));
     };
     render() {
-        return (h("div", { key: 'ac9c1282a330528172989f1d3c82c3d932feefc7', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'bd22110953214daf6d8c9f6721ea27d7a1402248', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '3e91c54215af8322e464533059e5a88f3ead2a30', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'a64034ebefc3d1c943cc25771bfe0f73fb1110f6', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
     }
     static get is() { return "tet-business-lines"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/docs/styling/border-radius/tet-border-radius.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetBorderRadius {
     render() {
-        return (h(Host, { key: '17e289f5edb6a89416195b4a3a7338e99f2d5208' }, h("div", { key: '9a7c7a69c991c4157a92193fdf06f3e4469293a9', class: "variable-container" }, h("div", { key: 'ba87027977ae9780191b66f5a182c809c64ef43a', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '1494f6b8b1d8fc7533bdff632e62919a49a40351', class: "container-section" }, h("div", { key: 'ac5a2e0bf94a5bdd744a3920586990bed974e09c', class: "variable-name" }, h("div", { key: '93efd3537da317dd39540b3861aeb59757734d12', class: "variable-part" }, "tet"), h("div", { key: '936a13a39ddfd0a9c354db56edeebf7efe315551', class: "variable-part" }, "-border"), h("div", { key: '1af168b3a1cc53bdfe5b478c29428ec20498f2f1', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'c606262273c264af2d728b1bc357868c90980d18', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '3e224d4340550d195a2124ddb1dc33bda61c3636', class: "tet-fonts-container" }, h("div", { key: '5102b6ca57ad56d3f2a7cb993ae60ff00691d27f', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'b1ca54338f176e7019c14f1cd4208e67a780304b', class: "section" }, h("div", { key: '6101f3c66bf1135571fdde1e78185ff67158dbe5', class: "section-variable" }, h("div", { key: '08b49169697b45c191b03449e3f42c74c11adcdc', class: "border tet-border-radius--xs" }), h("div", { key: 'f600021b058806e9e52054eae77623d955d829bf', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '679d0a62a5fe4b2930fc382e3eb82636c261ac85', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'b8e9b34545469973781e599dc475a34eeafdfa19', class: "section-variable" }, h("div", { key: '151accedd875ca434f0788cfb000e8f8eabb9424', class: "border tet-border-radius--sm" }), h("div", { key: 'bc5e6be89b2fc8353c91f47fd1223b34dc8d7b56', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '7efcd7fc88579a94bc105badc8d6725930a2e32d', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: 'cbd2b07d5d08da862c0dcf16841383aa57f3d691', class: "section-variable" }, h("div", { key: '6e82253050115282d58dbd559e5c2c5bd949fa64', class: "border tet-border-radius--md" }), h("div", { key: 'e6cd310003a48c397acbb3e8af8f1bd2b34b3e0c', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'e9adfe25a62892e94ebe6adde8f00733e1e61073', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'd88c9b00a4f3e3a656da47cbb35caee2fe157e5e', class: "section-variable" }, h("div", { key: '86e560af9b70b38ba9ea9171453a4de5a4078368', class: "border tet-border-radius--lg" }), h("div", { key: 'df20e8526a9d492dd0eda8c27f317a14edf77276', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '082e965fea9e9dba88728c8eb35de0b09b90a13e', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'c236917099e7b64888b4e760df4ff2212a3fa214', class: "section-font-size" })), h("div", { key: '5833cf498d886880b08bb87812d44ec29b5707e2', class: "section-variable" }, h("div", { key: 'd57058915bb711081278fd6fd1fafc7207f8abe5', class: "border tet-border-radius--xl" }), h("div", { key: '2e17f209db58d64898c8fd9b8589c7157d14e88f', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'e9dc585ea30e90fa6af1d974ff47350da0ea1d98', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: '5c2605c9f4570a69a34228583819356f6702ba85' }, h("div", { key: '35b6aa15402f59a5da1a44fb8232e9c6e6c7cd4d', class: "variable-container" }, h("div", { key: '4332f57924bbae7308af2f3d263577718d67484d', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: 'f84ceccd5456a0c22c7c8428e090fc1eb26e727d', class: "container-section" }, h("div", { key: '14ad4ce8024577b490dc0aef0ba0ad1456f83f2a', class: "variable-name" }, h("div", { key: '039d3a25f55b6316717f68f8da21b4b471cf564e', class: "variable-part" }, "tet"), h("div", { key: '4fe4b7599ade9297207575f36f3135bab34f012b', class: "variable-part" }, "-border"), h("div", { key: '309fdcdecf8d3916a0c6d2b51868ee21bd67a232', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'a849b1523823da962f7a4f37c7be9046360cc4c6', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '5ec893e20c15f6a4eca7117d0c256aa54daf0e73', class: "tet-fonts-container" }, h("div", { key: 'b5c4f1774203679caa8af515837d70c2bd903e12', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'cfb9445e4d8e472272f3ab623f93dbab82a20c62', class: "section" }, h("div", { key: '3696d0c9bfb88d2202bd7f0c173dc4ffefe9946f', class: "section-variable" }, h("div", { key: 'fd485938cd77bd00fcda92a08e641d38403df217', class: "border tet-border-radius--xs" }), h("div", { key: '53b086010b00c5489f31e0a1093eedbc39ea23cf', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '7ffb52aca91846afbe4eed3a60d2f31fe2fd8375', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '9dc3168de71a2e47a7de1263ed17e534f2bf5641', class: "section-variable" }, h("div", { key: '4cda840c21a9c093ba579511a9404cb9598622fd', class: "border tet-border-radius--sm" }), h("div", { key: '7f7b7044da3f0eb383da20d55766d8b49c659649', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '5dc6886de51e47777bc625316a0fe81a40b35166', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: 'd3872e761111f39dd53102d68004ba6d7662d052', class: "section-variable" }, h("div", { key: '2864427fd125572e8d78369f303c60dffb6f386c', class: "border tet-border-radius--md" }), h("div", { key: 'b60003be289f8442283d1a2b63b84f2957541820', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'c2766a7f134e784b7350c63dc0cc51b46a92ea94', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '5658debe421dcce64edf00ae957a4ac36fa25411', class: "section-variable" }, h("div", { key: 'e30cb99f910d747093a5fc20e6a9aa0aa8ecd708', class: "border tet-border-radius--lg" }), h("div", { key: '348ca6c0673a4ac9e9ec328dfa664b075382ac6f', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'fd00072e80a8ea0837f1d4e71dfb483869c68a48', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'bdd46505ce408fb40f431c7a0071a19b9f94862c', class: "section-font-size" })), h("div", { key: '52bc9044d0a0b59427bfe90ffd33f2ddf43bdc2b', class: "section-variable" }, h("div", { key: '5fcb55cf0dda352eb3d95ba515aae20e247bb4e7', class: "border tet-border-radius--xl" }), h("div", { key: '5b0d2de0705b904249cc8fd49b52e8e5012184f7', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '71240c23f61495b95bb82b22d86dd16512b5553d', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
     }
     static get is() { return "tet-border-radius"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/docs/styling/colors/tet-colors.js

@@ -590,15 +590,15 @@ export class TetColors {
         return (h("div", { class: `section section-${sectionKey}` }, h("div", { class: "section__title" }, section.title), section.colors.map((color) => this.renderColorItem(color))));
     };
     render() {
-        return (h(Host, { key: 'dfd0d1c361d0e64fff78cf4c48cf411727d3ab68' }, h("div", { key: '0b3deb5973e2f9acf986d7d235d9ddfa45a5e5a1', class: {
+        return (h(Host, { key: '2ca3ebb96cf4a62de59354c1f72541f44b74fb53' }, h("div", { key: '0f992219168246b3a8a732d4d97a045fe229a1eb', class: {
                 'dark': this.darkTheme
-            } }, !this.isTokensExample && (h("div", { key: '4bb5618a2d7512ebc82cd5bd74715a97aa881219', class: {
+            } }, !this.isTokensExample && (h("div", { key: '7e8ec4bde8da6211a4b686bd1034f362e60bf172', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: '297f82ecc650fda135d480e832a0005fb18f4f04', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '8a1bfca7731a1f9956fbc44ea31350a589ca9864', class: "container-section" }, h("div", { key: '0b56cc97457b1837d3baf3ba6e428e94fa8a84ea', class: "variable-wrapper" }, h("span", { key: '76812199079bb4c56647d2fc48e2aa0d9c0ee92b', class: "variable-name" }, h("span", { key: '591abaa2c785176ea93e0cab4671df907584b63f', class: "variable-part" }, "tet"), h("span", { key: '7c70209be0384eb8c11c280524e8f58e1f5c9920', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '9168fc781318c71d392f16a110ed7395bc4bf853', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '1076461dfd608752e46d80a3f9e9fd67c0ada226', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'b6baa5e1930228eee3514c5a21de3e162c693262', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: '1df5d27bc3744770402b0d3a12358a8d32786421', class: "container" }, h("div", { key: '51e1411a4c8935a9a2d579211b7687b4bce9d8b5', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'a0d590f071b11d915b4d188a8c216ef6b2255c71', class: "container-section container-example" }, h("span", { key: '27922f9cf3ef4a0c65e9abc7a8ef2d68d8d7b2fe', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '4ea7e743f9e5d5545fd6581151755bee4dd01e4c', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '9379a64d00bbc7078384e0d3acb55fb4bd7a1017' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'eeb3e13bc142150e085b363858b6c3883c8cae89', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '9596aad7893fb7a42c7810eb571d0d8edd381307', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: 'a1c989fb07c7a13ac7a2982d17ba39b98eec1c06' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '0306d8fa3e6c483ec98bf0c53b078255b170bb74', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '3e92225c1e3b6c439e267601c75845133b2d4438', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'c78e92962533954f4872fd6e52350de47f16f576' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '06268ace67a722f870680f4a4c03c8de37f50314', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '0ca461c2863e3536f0319c0dc7b8980215952de5', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '7facaf1c68ab14340bc0a8ed4b3d1bf8c25cc3b5', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '41292b77632b2f7ecfd70623cbfca4fe02408002' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '2eaa512ceccc18778f71ca5116b609531978604f', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'e62b9bf713949bf9db4ac671c13b22fd456494b5', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '0fdcf747e8818706c9f31a78f6f969c1fb94f541' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '66011eda06b9e04038d6c2ca741b8c6126a4be97', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'f41004d52a0f0300a47c58c6f4cfd157ac61d53e', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '5b2d99945e3db1a66021edbe68a300a866157c61' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '923fa49ac0a5b253b76684ee927a2c76bb181c40', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '20dd036eac18bf6da189bb7bec8d9a769462616e', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '7482fd391016922aa45e30b477209ea8f2d3b8d8', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '062109b2df1876449da5a51dccca931b155b6a41' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: 'fd0400e1b2297b07e6ae0ccb6af482559c9b837b', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '5e6225e43d70359a61591bb5225ff4eeafe70220', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '1a171da722ddd18ae07e18b41096bbba261d927f' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '2e54360005e6e17b98eca9ac8a6a587fa3fc4efe', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '9376fac37323a330d59a802f63e2e8efcf893eb8', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: 'd7ea2643598719870b9ef2176e9a4a8337b88572' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '0e5589a3dbe3a36ee8f3a623d22ee2c69a1be3fb', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'ecce167487249b0f87d589fb118d3ffe3d426163', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '93f92979aec20e0b510f537cd518dfd7f53aca36', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '3a459fca03ace7717370f26ec9dc0a50050f46ad' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '5bc1cada1d432e919973f421ff244cd4271af9f0', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: '419809fd22c8bdfcd4866e3c22267754bb5b9793', class: {
+            } }, h("div", { key: 'b72810a8e3ce1af8a87b85d68f54d81ec4711c18', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '163c52c9ba96a928496cc161d330944b340cbb8f', class: "container-section" }, h("div", { key: '1fe91807d08f31791a222ca26178b86d8f3c3d27', class: "variable-wrapper" }, h("span", { key: 'a6e897bd6a13c0b6791e35d26e95c8df61782685', class: "variable-name" }, h("span", { key: '9488a0775982e516d8ddfbe6ecef914fec20ee16', class: "variable-part" }, "tet"), h("span", { key: '2638e532633ecfa3acb1a8e2d521184b820f37a5', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '9d7c4bc7c6925bb6238a25fecd5f5836abac00f1', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '142b0fde94ed60f036b5d057c29afa2ef9862e04', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '5b71c2bd02dfd40ab796d3585ebc3713155f4825', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: '5ff9eebb94709ce3a7c8313fa896ce518136d89d', class: "container" }, h("div", { key: '17e5cf94cc0034222dc582a63db52cb4de8b6897', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '434cb20c66201830eada9a9fa01dd7b8b2711632', class: "container-section container-example" }, h("span", { key: '3529d10a86ec46165d01e524a392e6f75f96f1d9', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '5f72043a92f295e4d613dc7b7b856eb57fe853b2', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: 'bc14ba11e8b6a5c4b0f1a81f5dedd8fd6bad2d87' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '6fbfba0d650108540a6f0a99b6a63de5f2e0095b', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: 'f85ab9154a1418bffcf98ead0aa1e87b8fea691e', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '7b3d72c590dad9029175ae3ecd8c6431e04aeec5' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '6a212bdab2629b5849926114321e300aba1426da', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '13dc75f833ed524a06e19a9914c6a1d90e8d1bda', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'bf6592dab3bb8b4e031725e65fedb355fcc7df92' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '850ff1a073abbca9d7d0686cc0529b7c2e617f9f', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '889ebe152821c812dfb5684997786277377551f8', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'e6db3ee3826b551b72244ebc27a87abe77317745', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'e71d6d8a31eccd3871a0bf918084cc8cd94ce4f9' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '75e69f134e11720ec0e6a721d8f797d011dcdc3e', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'a5b39b94f7eb06bb450a6ad6e84b052292fe6fea', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '45873a78e4a019e4969923f8bdff5529f0265997' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '503982b14c43ea9a61c4cf2939e466470afa03b1', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '51afb1eb86749ab9e1aba1b1303461eb3739473b', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: 'f5e4b8db1ad7695acb7638d55117a8f55e5be9ec' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'f57320c8b3122b2c185ffd3057c8b85f3c45d6af', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '72e72a0412f2b90907e51f15ee0d3a17ec91c416', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '9de947643fb2ccf68db8f7d31a1fd971f47791a3', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'd647102d4b202930915211d4d11b029c4d9f6c3a' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '6f6eee62c14267132814b873e193aa81de49fac5', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '15a366d90baacedef8d0ca7fe9726645a105a0ad', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: 'f64407631133aec04609dbfcc09a6e41e0ee7c6d' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '6e3586ac10bc19ecbb32bf3561098539e0a6d155', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '8d007b911157415546b61394b54ff2e12eb88fbe', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: 'fc57b2c5ff8d83dbece6d7730f63029f16a8d4c7' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '03fd98a7fc4a5d7591986779b2d0d23e891d50f0', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'b5e0d92907f3d39a186240a1ec7f6dbe22c1133a', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '9dfe18108ea8ca226b2ae293dd8316a5b379b6a4', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: 'ae878469164e2d7dd6f8ff29d960c864e2ba25fb' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '250568fbc790ba66de5fb38a9f6e5593ebae79cb', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: 'afaae7bd6c312349038238ad7a02254e9011720b', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: '56303dff72b163d8463935cfe550a8b20cbae0f2', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'cb71348aebb59d21efef7c691fae9ce64e4c8a95', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: '927ac7d99f6a8b89899d5912b2c12ca77adcec63', class: "container" }, h("div", { key: '8a353298d88a987cfa81d28967124641b9362165', class: "container-title main" }, "Tokens"), h("div", { key: '09b0a3c8208814e92bf08ad2765853a965c23a92', class: "container-section token-sections" }, this.tokenSections.length
+            } }, h("div", { key: '858098f4c6a7e0fea55990ebcaa73c6ff2f34cc6', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '3cce36ce02f9bfcb5e2f09a5ff1d646c74835c9a', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: 'd88a760915577a302d91fa0d0325d9860f7b9190', class: "container" }, h("div", { key: 'a3e0bdea0362c3ff7ae5a183757ce559a883f518', class: "container-title main" }, "Tokens"), h("div", { key: '2db76f4d916b0bc54e01e4bc52dea68170f47fa2', class: "container-section token-sections" }, this.tokenSections.length
             ? this.tokenSections.map(section => this.renderTokenSection(section))
             : h("div", { class: "token-empty-state" }, "Tokens not found.")))))));
     }