@tet/tet-components 1.4.59-testing → 1.4.60-staging

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: 'e7099fdb7bec19ed6b7d2fe54251e1a113521f9d', class: hostClass }, this.countdownTitle && (h("div", { key: '120e2ee9d2743fd60b5ac34b255fbc7dec521c36', class: "countdown-title", part: "title", "aria-hidden": "true" }, this.countdownTitle)), h("div", { key: 'a0b2fa2d0731edc6141dd74aeba0832491ebfaf8', 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: '0be0f6dac8c4b7c36129c3f74a899c31e98576f4', class: "sr-only" }, this.getCountdownAriaLabel())));
+        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())));
     }
     static get is() { return "tet-countdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -239,7 +239,7 @@ export class TetCounter {
         return this.disableAnimation ? this.formatValue(this.endValue) : this.formatValue(this.currentValue);
     }
     render() {
-        return (h(Host, { key: 'e13bec371c06dfe2347fedab93e48b3a56e12554' }, h("span", { key: '05201f960f7c0ca1867c115dd54d7d8f126cd431', part: "counter", "aria-hidden": "true" }, this.outputValue()), h("span", { key: '87842c7a8fd6344c5b1c527d484179b56eb4a2f6', class: "sr-only" }, this.formatValue(this.endValue))));
+        return (h(Host, { key: '6e1608f7451e6208b10a86f59a5c0b8da58d7cca' }, h("span", { key: 'f4ecae0182514464a370e05b8c5042d285012f44', part: "counter", "aria-hidden": "true" }, this.outputValue()), h("span", { key: '01ca2065e2a094b2f4e97463fc2c4009ca1e4e65', class: "sr-only" }, this.formatValue(this.endValue))));
     }
     static get is() { return "tet-counter"; }
     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: '0dac4da9d937c1f16176dde7350303888c813818' }, h("div", { key: '2658873eb6a9bae6618d18da01bf230dd401b658', class: {
+        return (h(Host, { key: '87cdce05ccabd652fcb2d807d0f5b5ccb94314dd' }, h("div", { key: '3c1622adaa83bddadef20b0b5cbc4910e336be28', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: 'c3bd6f28208128e7707aa1fbd701aa0d51674963', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'bb6d93fc2bebbd7962cf8e0648345b22ebe83e79', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, 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" }))));
     }
     static get is() { return "tet-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/steppers/tet-round-stepper/tet-round-stepper.js

@@ -73,7 +73,7 @@ export class TetRoundStepper {
         }
     }
     render() {
-        return (h(Host, { key: 'f04c773b6999dada6a1a9da09921675ab406fb25' }, h("div", { key: 'a89aee3ec6056f1444e52d43e302a83625d6e528', class: {
+        return (h(Host, { key: '902e0e78aaa6602f18d570e7e469f3d52c98f316' }, h("div", { key: '72faa3ed8f2478e3c6bace04e766e96e8d891a11', class: {
                 'round-stepper': true,
                 'with-background-gradient': this.layout === 'withBackgroundGradient',
                 'column': this.forcedColumn,

package/dist/collection/components/basic/steppers/tet-stepper/tet-stepper.js

@@ -75,7 +75,7 @@ export class TetStepper {
         return this.stepperData.length - 1 > index ? h("li", { class: lineClasses }) : null;
     };
     render() {
-        return (h(Host, { key: '188526e0010af56f848355cf7836f8718b8f8a09' }, h("ol", { key: 'd4e5de1f6a7c7c6b981e00e8b67d43afe2ca94bc', class: "stepper" }, this.stepperData.map(this.renderStep))));
+        return (h(Host, { key: 'bd2f8e9201112b20aec56448ef4f64a55b1227e2' }, h("ol", { key: 'ce3606867865a503fd315e0a7bc8c3ad357374bb', class: "stepper" }, this.stepperData.map(this.renderStep))));
     }
     static get is() { return "tet-stepper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/steppers/tet-stepper-v2/tet-stepper-v2.js

@@ -35,7 +35,7 @@ export class TetStepperV2 {
         return isLastStep ? h("div", { class: { 'stepper-line': true, active } }) : null;
     };
     render() {
-        return (h(Host, { key: '0879dfb27a169c7de8001612f7ead1d74db57d5b' }, h("ol", { key: '76f60a70cf0bfd4ff863234fed81a6de4222616d', class: {
+        return (h(Host, { key: 'bb9cf74fe39a0fd586cd3304afa5de16c93c7ef1' }, h("ol", { key: '6715e3fa2bc48599c04de1f201ec118c8fc2169c', class: {
                 'stepper': true,
                 [this.theme]: true,
             } }, this.stepperData.map(this.renderStep.bind(this)))));

package/dist/collection/components/basic/steppers/tet-stepper-v3/tet-stepper-v3.js

@@ -27,7 +27,7 @@ export class TetStepperV3 {
         return description ? h("div", { class: "content-description", innerHTML: description }) : null;
     };
     render() {
-        return (h(Host, { key: '009107c3d15ee599bf4342c469adee978f7572fe' }, h("ol", { key: 'ea3c9848a74d6cfed9136d4e70452214ae51300d', class: {
+        return (h(Host, { key: 'a477c4699f55a7ff304bfca6116967549d91491d' }, h("ol", { key: '8d879730cf3a30b4214842ef64e55369bf8c59b1', class: {
                 stepper: true,
                 [this.theme]: true
             } }, this.stepperData.map(this.renderStep.bind(this)))));

package/dist/collection/components/simple/filter/tet-filter/tet-filter.js

@@ -39,11 +39,11 @@ export class TetFilter {
         this.filterChange.emit(this.filterState);
     };
     render() {
-        return (h(Host, { key: 'eff35285c891a8cf8ab0035061a31fdf61a3d6da' }, h("div", { key: '4754cd18461b0778723419eba5b93851a4f70fdd', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, h("tet-tag-group", { key: 'cc4b599acb3a7faf1241af9479c63078f71b1afc', tags: this.filterState.map(tag => ({
+        return (h(Host, { key: '8b26204797ea95e183394dc245d19dd3d7bb77fe' }, h("div", { key: 'f1555ff2f568e3255d2bfe66b1f41ed0b89935d8', class: { 'filter-container': true, [`theme-${this.theme}`]: true } }, h("tet-tag-group", { key: '43876959ea39766ad7f7c8182eb16478787caf8c', tags: this.filterState.map(tag => ({
                 ...tag,
                 clickAction: () => this.handleTagClick(tag),
                 showIcon: tag.active && !tag.disabled
-            })), theme: this.theme }), this.showClearFilterButton && this.filterState.some(tag => tag.active) && (h("button", { key: '7d4b9d5a2b382efc7859a4260b89b6310d2b2308', class: "clear-button", onClick: this.handleClearClick }, h("tet-icon", { key: '33699626600987d5ce619a0ad219ba9dd7a8a195', name: "tc-reload", style: { '--icon-size': '1rem', '--icon-container-display': 'flex' }, accessibilityLabel: this.clearFilterButtonTitle }), this.clearFilterButtonTitle)))));
+            })), theme: this.theme }), this.showClearFilterButton && this.filterState.some(tag => tag.active) && (h("button", { key: '9a098feaf985f0f5a70824d27ccb39a483a9328a', class: "clear-button", onClick: this.handleClearClick }, h("tet-icon", { key: '43655dd4037e276046dee527d941b3a97ca10d2d', name: "tc-reload", style: { '--icon-size': '1rem', '--icon-container-display': 'flex' }, accessibilityLabel: this.clearFilterButtonTitle }), this.clearFilterButtonTitle)))));
     }
     static get is() { return "tet-filter"; }
     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: '0e6f6b7aaa43bdbe2daf135848eeca2982ecfeda', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: '50b9b60736a922da6d481396c4bd61d69a3c65fb', 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: '7f1bdcd4263ef90cb45673663f777fb70bfead70', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '05755a7bc814a9d0226088aae2b8e04fe49abf1d', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : 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", { 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: '0b08285664f528e7dfc3ed799164eb8301594fa8' }, h("div", { key: 'e2e0a0089c7dadaa3ddd85a2a688fc948a351993', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'd3558d4174614678d5c3024d7828070e371e9aed', 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: '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))))));
     }
     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: 'cdad71f266e8a96e66cbef275d2f0b420f19c6cc', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '8193082b6e88510e60eff24a25a731017b1cbe42', 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: 'fbbd423e90c9d514020af8c8219d3687e8df34b5', 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: '257f2626db1410bbc7cc90205785c7537caefa66', 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: '2aaece1548c6379d0b2eb207812e5c361424038e', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '072af2953ceb1fa0996896b8469e4ba04623388e', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: 'f002f3171caf50c6c59306aada3baabb18c87965', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: 'b29de05b44fff5d9d344cfcc1100985ed3dea617', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '3dd9e9f700e503e5f80973846da001954e014000', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: '516278553ec331591f7edc81aeac7eadcfb99f5f', selectedDate: this.date, internalDate: this.internalDate }))));
+        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 }))));
     }
     static get is() { return "tet-datepicker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -376,7 +376,7 @@ export class TetDropdown {
     }
     render() {
         const { theme, isOpen, isKeyboardFocus } = this;
-        return (h(Host, { key: 'd1f9131eca01ce9552551821c38e6b80e66101e0' }, h("div", { key: '0cc2d8642d2391386b83ea7c0c086bfc2dc38a3e', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
+        return (h(Host, { key: '2f8acffd39f25b78923b3c71d86d6446dffd3533' }, h("div", { key: '808f159b162f3dffdcf6246a288ffe5040c12159', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
     }
     static get is() { return "tet-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -284,13 +284,13 @@ export class TetExpandableInput {
         return '';
     }
     render() {
-        return (h(Host, { key: 'efff4c98d180226a1c78b7fb783efb9e8ac7ea9d' }, h("div", { key: 'd78e0335b21ab5ad8657f329820511fdb1acc4b2', class: {
+        return (h(Host, { key: '11d2705c09340f0d3ad1cff8c7be0984863edbdd' }, h("div", { key: '0e805e3414a2044c316bebab78c62b58a6ed9dc1', class: {
                 container: true,
                 expanded: this.expanded,
                 [this.mode]: true,
                 [this.darkMode ? 'dark' : this.theme]: true,
                 [this.size]: true,
-            }, tabIndex: -1 }, h("div", { key: '23a0b12387c18250f759fa871ebb7a2557a01157', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: '1f2810c277b0429a2c9892d755c6288d33449373', class: "tet-input expandable", "input-class": this.class, "input-placeholder": this.renderInputContent ? this.placeholder : '', "accessibility-label": this.accessibilityLabel, "input-value": this.value, "input-disabled": this.disabled, error: this.error, "icon-left": this.iconLeft, "icon-right": this.hasInputValue && this.expanded ? this.iconRight : '', iconRightClickCallback: this.iconRightClickCallback, theme: this.darkMode ? 'dark' : this.theme, ref: (inputElement) => (this.inputHtmlElement = inputElement) }), this.closeButton))));
+            }, tabIndex: -1 }, h("div", { key: 'bb4f7eb755e32506575a804326f54622076b7620', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: 'fc45a86af0a09d3c930770815aed24390b9a324a', class: "tet-input expandable", "input-class": this.class, "input-placeholder": this.renderInputContent ? this.placeholder : '', "accessibility-label": this.accessibilityLabel, "input-value": this.value, "input-disabled": this.disabled, error: this.error, "icon-left": this.iconLeft, "icon-right": this.hasInputValue && this.expanded ? this.iconRight : '', iconRightClickCallback: this.iconRightClickCallback, theme: this.darkMode ? 'dark' : this.theme, ref: (inputElement) => (this.inputHtmlElement = inputElement) }), this.closeButton))));
     }
     static get is() { return "tet-expandable-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -271,8 +271,8 @@ export class TetInput {
      */
     render() {
         const { label, helperText, value, disabled, error, completed, isOpen, suffix } = this;
-        return (h("div", { key: 'c972241c540c6d4fe3ff259777e0a7936115bfee', class: { 'number-input': true, [this.theme]: !!this.theme,
-                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: '64f2b6aca97daab3f2f79f787a44d49b078c4815', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: 'de436788286acb46333002acd7eb34cbead043c1', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: 'dfd249acff70330ce2a175bbb280b280b433e416', onFocusin: () => this.toggleKeyboardFocus(true), onFocusout: () => this.toggleKeyboardFocus(false), ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: { 'number-input__input': true, 'number-input__input--hidden': this.isValueHidden }, disabled: disabled, value: value, type: "number", id: "number-input", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("div", { key: '909836f7432609d3619f584c5a527afc37412842', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: '9b96f02f9c696523145b1738c551d4569ed7f369', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: 'f9fe12acd85bf0b8cffdc4f3205691f379b3e3b4', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && h("tet-icon", { key: '1164a096e1e3779f5654dcadb8f832a54f03cb30', name: "chevron-down" }), isOpen && h("tet-icon", { key: '58dcfa332c6786eeb82941fd135b2c8f36e0d229', name: "chevron-up" }))), isOpen && (h("div", { key: 'fd4e1f967fe639d02bee667bf56f7b5297bf0241', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: 'd2b09fbb2eb95aee17b7c88d4fbf8304186fd48a', class: "number-input__helper-text" }, helperText)));
+        return (h("div", { key: '5ecb983f4e56164fa21ec11d0857040931cc17fc', class: { 'number-input': true, [this.theme]: !!this.theme,
+                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: 'f968f9934dfa63086efad80487da235e1215b485', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: 'b81f35aa8d371eb4edf55541be8a43c8ea136f21', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: '44db7f5858ed1ce84ef38ac858ab91a1bed7b21c', onFocusin: () => this.toggleKeyboardFocus(true), onFocusout: () => this.toggleKeyboardFocus(false), ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: { 'number-input__input': true, 'number-input__input--hidden': this.isValueHidden }, disabled: disabled, value: value, type: "number", id: "number-input", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("div", { key: '252524bc09396ea39053db3483feb3ba0be4bfbc', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: '0053912a6cce51bd5d65f03c9d77873e93e58ad3', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: 'a3d676a5add5ca7531173bf3767c02fa1a19325b', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && h("tet-icon", { key: '99177afed8dbae1c7675c6763b10477f647c707a', name: "chevron-down" }), isOpen && h("tet-icon", { key: '697e35d534e46da2a17ec4600d0d80c3544cd475', name: "chevron-up" }))), isOpen && (h("div", { key: '58435ee58bfcb810df88ca0a006c85fc9e5d4e72', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: '42a6b1c89f48642e19557db63362515014a585f9', class: "number-input__helper-text" }, helperText)));
     }
     static get is() { return "tet-number-input"; }
     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: 'a28e94b9222f6f8f940ec3867d7f7e556d4dbdb4' }, h("div", { key: '186d18461c62a36808752d9b2c8ac54ffe1dc18d', class: {
+        return (h(Host, { key: 'e69200f3aef0af36d804f3a3b32e871cc253a4ea' }, h("div", { key: 'ae084dfbe40416f4f9db1f49ef292eced4d6db5f', 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: 'd39351f18cb4457eaf745d70b6f64e0dcd444dd9', class: {
+            } }, h("div", { key: 'c29a898479f6d5d01e4f3340f76671fe67abe382', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", { key: '481be32f255fa0fe20ddf193828627acd7d917b9', "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: '0230ee44fef3655a3c24c331522147e1530a327f', class: "range-slider__container" }, h("tet-button", { key: '7c82c12b6547879602bbd5638f426bef276df404', theme: this.theme, iconMode: true, class: {
+            } }, 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: {
                 '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: '95f1265a7c1843ff6b7df1701a70b79cf0a44e94', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '054e6a6efb206926f4985cbb8cb717d945ad24de', 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: 'a6d528f2c94403c8e53738765ec028c1015584d4', class: "range-slider__slider-wrapper" }, h("input", { key: '5d944e7ce626206d86ad44c10f1d44db0847623c', 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: 'd80092b149048a3399855d0ad4cccd5a8f37af28', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'e1f608dff41254a55c337fab295af311649e1d15', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '93599a8e42246cc76a3aebc3762b53b4d54be275', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '82e185452a4ec1067c5ddc945ab349b0159fbbe6', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, 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: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '655ab2f3b2a9429146ba5babd67b2401d040d27a', class: {
+            } })), h("div", { key: '75eb87b7391b6ef1571b5d61df099873ba32808a', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: 'dfb02d1ed0fdfa5c9b2acc9eb48d9e50cba206ce', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'c9842e7686edd3fda90f2567a802310de33cf535', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'a1c8e726fa5c0ec34738b4507d37ae226ae7f223', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: '37dce06696f417662d6ac00dc4dbe1b684db1043', theme: this.theme, iconMode: true, class: {
+            } }, 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: {
                 '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: '16b4110bbb7a001c6afff6777af7a7d029f4967a', name: "add", class: "range-slider__control--icon" }))))));
+            }, 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" }))))));
     }
     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: '0266a8643bae942dc0a6496ef175b59866513a51', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: 'f4d6e190de2d2dd387f0e557a3c6aeff5f1d843f', class: "stepper-input__inner-wrapper" }, this.renderButton('decrement'), this.renderValueDisplay(), this.renderButton('increment'))));
+        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'))));
     }
     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: '747ee96d9782564aa1127833b841c0a32fdf9e19' }, h("label", { key: '3d40ba23d75485e1defcfe5392af20764d8c6810', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: 'f8b7e46bbc97347f40dc116e0f22a991896e64a8', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'c6bfc3191282353ea8879cf7b6b6df5aaebff032', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '2c499552210ab8613309f6eca583162daf30e927', 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: '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()));
     }
     static get is() { return "tet-textarea"; }
     static get encapsulation() { return "shadow"; }

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

@@ -61,7 +61,7 @@ export class TetLinkCardList {
     }
     render() {
         const { theme, layout, items } = this;
-        return (h(Host, { key: 'dd9062449e4a8c87aae327b506e8aaa2182d4c32' }, h("ul", { key: '540082d6e73f6d0112cb3bec72877e159f1b70a6', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
+        return (h(Host, { key: '5db7691791c858aaba14119245c84d5a1f752432' }, h("ul", { key: 'daebb05e0dfa0a10db799340d6914e30b57094a0', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
             ? items.map(this.renderListItem.bind(this))
             : this.renderPlaceholders())));
     }

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: '206613d495049eccaca426ca8f78c0e515a2dc01' }, h("tet-card-list", { key: 'aad6e07276642f3145a9bc13acd1cc105c5fb3cb', 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: '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)))));
     }
     static get is() { return "tet-news-card-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/lists/tet-text-list/tet-text-list.css

@@ -10003,23 +10003,23 @@
   --tc-theme-switcher-icon-light-theme-dark: var(--tc-grey-minus-10-dark);
   --tc-theme-switcher-icon-dark-theme-dark: rgb(255, 255, 255);
   --tc-checkbox-default-dark: rgb(0, 0, 0);
-  --tc-checkbox-hover-dark: rgba(236, 237, 238, 0.12);
-  --tc-checkbox-pressed-dark: rgba(236, 237, 238, 0.24);
+  --tc-checkbox-hover-dark: rgba(236, 237, 238, 0.16);
+  --tc-checkbox-pressed-dark: rgba(236, 237, 238, 0.26);
   --tc-checkbox-disabled-dark: rgba(236, 237, 238, 0.24);
   --tc-checkbox-active-default-dark: rgb(255, 255, 255);
   --tc-checkbox-active-hover-dark: rgba(236, 237, 238, 0.9);
   --tc-checkbox-active-pressed-dark: rgba(236, 237, 238, 0.8);
   --tc-checkbox-active-disabled-dark: rgba(236, 237, 238, 0.3);
-  --tc-checkbox-active-focus-dark: rgba(38, 41, 44, 0.9);
+  --tc-checkbox-active-focus-dark: rgba(38, 41, 44, 0.7);
   --tc-radio-button-default-dark: rgb(0, 0, 0);
-  --tc-radio-button-hover-dark: rgba(236, 237, 238, 0.12);
-  --tc-radio-button-pressed-dark: rgba(236, 237, 238, 0.24);
+  --tc-radio-button-hover-dark: rgba(236, 237, 238, 0.16);
+  --tc-radio-button-pressed-dark: rgba(236, 237, 238, 0.26);
   --tc-radio-button-disabled-dark: rgba(236, 237, 238, 0.24);
   --tc-radio-button-active-default-dark: rgb(255, 255, 255);
   --tc-radio-button-active-hover-dark: rgba(236, 237, 238, 0.9);
   --tc-radio-button-active-pressed-dark: rgba(236, 237, 238, 0.8);
   --tc-radio-button-active-disabled-dark: rgba(236, 237, 238, 0.3);
-  --tc-radio-button-active-focus-dark: rgba(38, 41, 44, 0.9);
+  --tc-radio-button-active-focus-dark: rgba(38, 41, 44, 0.7);
   --tc-toggle-button-active-default-dark: rgb(255, 255, 255);
   --tc-toggle-button-active-hover-dark: rgba(236, 237, 238, 0.9);
   --tc-toggle-button-active-disabled-dark: var(--tc-grey-20-dark);
@@ -10028,14 +10028,14 @@
   --tc-toggle-button-disabled-dark: var(--tc-grey-20-dark);
   --tc-toggle-button-ellipse-default-dark: rgb(0, 0, 0);
   --tc-toggle-button-ellipse-disabled-dark: var(--tc-grey-40-dark);
-  --tc-text-input-border-active-dark: rgba(38, 41, 44, 0.9);
+  --tc-text-input-border-active-dark: rgba(38, 41, 44, 0.7);
   --tc-tooltip-text-primary-dark: var(--tc-grey-minus-10-dark);
   --tc-tooltip-text-secondary-dark: var(--tc-grey-30-dark);
   --tc-tooltip-text-inverse-primary-dark: var(--tc-grey-110-dark);
   --tc-tooltip-text-inverse-secondary-dark: var(--tc-grey-70-dark);
   --tc-tooltip-layer-primary-dark: var(--tc-grey-90-dark);
   --tc-tooltip-layer-secondary-dark: var(--tc-grey-20-dark);
-  --tc-search-active-focus-dark: rgba(38, 41, 44, 0.9);
+  --tc-search-active-focus-dark: rgba(38, 41, 44, 0.7);
   --tc-spinner-dark: var(--tc-grey-80-dark);
   --tc-spinner-gradient-value-1-dark: var(--tc-grey-80-dark);
   --tc-spinner-gradient-value-2-dark: rgba(236, 237, 238, 0);
@@ -10384,7 +10384,7 @@
   --tc-checkbox-active-hover: rgba(38, 41, 44, 0.9);
   --tc-checkbox-active-pressed: rgba(38, 41, 44, 0.8);
   --tc-checkbox-active-disabled: rgba(38, 41, 44, 0.16);
-  --tc-checkbox-active-focus: rgba(236, 237, 238, 0.9);
+  --tc-checkbox-active-focus: rgba(236, 237, 238, 0.5);
   --tc-radio-button-default: rgb(255, 255, 255);
   --tc-radio-button-hover: rgba(38, 41, 44, 0.06);
   --tc-radio-button-pressed: rgba(38, 41, 44, 0.12);
@@ -10393,7 +10393,7 @@
   --tc-radio-button-active-hover: rgba(38, 41, 44, 0.9);
   --tc-radio-button-active-pressed: rgba(38, 41, 44, 0.8);
   --tc-radio-button-active-disabled: rgba(38, 41, 44, 0.16);
-  --tc-radio-button-active-focus: rgba(236, 237, 238, 0.9);
+  --tc-radio-button-active-focus: rgba(236, 237, 238, 0.5);
   --tc-toggle-button-active-default: rgb(0, 0, 0);
   --tc-toggle-button-active-hover: rgba(38, 41, 44, 0.9);
   --tc-toggle-button-active-disabled: var(--tc-grey-20);
@@ -10402,14 +10402,14 @@
   --tc-toggle-button-disabled: var(--tc-grey-20);
   --tc-toggle-button-ellipse-default: rgb(255, 255, 255);
   --tc-toggle-button-ellipse-disabled: var(--tc-grey-40);
-  --tc-text-input-border-active: rgba(236, 237, 238, 0.9);
+  --tc-text-input-border-active: rgba(236, 237, 238, 0.5);
   --tc-tooltip-text-primary: var(--tc-grey-110);
   --tc-tooltip-text-secondary: var(--tc-grey-70);
   --tc-tooltip-text-inverse-primary: var(--tc-grey-minus-10);
   --tc-tooltip-text-inverse-secondary: var(--tc-grey-30);
   --tc-tooltip-layer-primary: var(--tc-grey-10);
   --tc-tooltip-layer-secondary: var(--tc-grey-80);
-  --tc-search-active-focus: rgba(236, 237, 238, 0.9);
+  --tc-search-active-focus: rgba(236, 237, 238, 0.5);
   --tc-spinner: var(--tc-grey-80);
   --tc-spinner-gradient-value-1: var(--tc-grey-80);
   --tc-spinner-gradient-value-2: rgba(38, 41, 44, 0);

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

@@ -211,7 +211,7 @@ export class TetMenu {
     }
     render() {
         const { type } = this;
-        return (h(Host, { key: 'd2b68b9dd66cd045273bbeb985f0954823e5ddd3' }, h("div", { key: 'c04c6a9c0ed54eb818bad235d98d750cefd68176', class: {
+        return (h(Host, { key: 'e2d8b43766609775d960b7aaa03d6feb75f1a659' }, h("div", { key: 'f9af384dd73f665ceec77c22a0947347066e082a', class: {
                 menu: true,
                 menu__main: type === 'main',
                 menu__language: type === 'language',

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

@@ -176,7 +176,7 @@ export class TetMenuMobile {
         return (h("tet-icon", { class: "menu__chevron", name: this.subMenuState.includes(key) ? "chevron-up" : "chevron-down", theme: this.darkMode ? "dark" : "light", type: useSecondaryType ? "secondary" : "primary" }));
     }
     render() {
-        return (h(Host, { key: '259013548a8c3ce223f46676671f52af59b38457' }, h("div", { key: '3a036b3a3eeb1beb9f920fd3c6e7e8dae0cb111b', class: {
+        return (h(Host, { key: '801c9f21ccbc79b7b9cdca4bdf8d5b5feddb2821' }, h("div", { key: '3402827c4bfafcdda5f77ae5ff9ed5d6308c3e35', class: {
                 'menu': true,
                 'menu--expanded': this.isExpanded,
                 'menu--active': this.isActive,

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

@@ -58,13 +58,13 @@ export class TetNavigationMobile {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: 'd963696fedbf35d0a74442405bb497cda46b8610' }, h("navigation", { key: '23b783781ce81436c4f2c9b1960b284a6f0d55b8', class: {
+        return (h(Host, { key: 'b983fbe4d1fa588aaaf4c05f735d4ae078ab77e3' }, h("navigation", { key: '2bb96f186d25b2ead6c711f1b44a3617a74e0f67', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'cb27724c76b6c1b33deb2f81f5655e03ebb15663', class: "navigation__nav-bar" }, h("slot", { key: 'ce07db707031042b69327abbfec9107d9796087b' })), this.isTogglerVisible && (h("span", { key: '2c5db6f903b8efbae74b22fd54a075e7d13c237a', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'e97706e6b414884b225b667eeea5256cf6f08e59', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: 'df2592c8a171e36fb52518d2b4d3f61848789f26', class: {
+            } }, h("div", { key: '9565bf4d6a2706e9a0c5f91caf86999a08ed85dd', class: "navigation__nav-bar" }, h("slot", { key: 'beae1e0e3031c13a7f4f8f9716592ddd2515d119' })), this.isTogglerVisible && (h("span", { key: '571ff3fb508dd3bbd877a011b0773c09846f3a19', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'f37b0b4474902ee4efb42a7e5f3e78ab20a2a837', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '88cf6158c72892ba52826d97519fe06faddfb54a', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '3751b12e9e72344b7676eec4fa05153d5acc9aaa', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '5593446342625bf51dcc43322df064d9c2b2a1b9', 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: '6ebcee6dd006fa04a37c324e0e0767fc8e2cb339' }, h("div", { key: '18293e84df43d761c45ef7d5a48ca03afd1a55b2', class: {
+        return (h(Host, { key: 'd516516d8d840a88a81aa77d65d968887d51e572' }, h("div", { key: 'f49151fd09462db03a8bc6d2abafef870f6cefc1', 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: '3907716f1ed0446cb8d4fdd165d2dfe318a2d89c', class: {
+            } }, h("div", { key: 'fccad8c2f2dacf316b095b38a00b541e8dfe9472', 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: '215bcd003915415188a3995ac40237550108e14c', name: "header" }, this.headerIconName && (h("tet-icon", { key: '0ea780f7f40f5c42e57e1419ab4ca5ffbae3f56b', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'bef0adf6e64574318c35fe8a7894338d23ed7331', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: 'fe88c4920779db8287c8f315ae2f617254fdc0fc', name: `chevron-${this.indicatorDirection}`, class: {
+            } : {}) }, 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: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })))), h("div", { key: 'a0d91391052355c62fcd3bafb1ad9dba380b9023', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })))), h("div", { key: 'e8347ff68cd0d92173c6349cfb6a1d5b74e8a277', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '90b010c565f6e31ebb8f37eb6809e9969374a9dd', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: '2d006399d20068c36ca7927c7fa66bd368349b5f', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '21a8186367d9690e9434dffd315fe047038b024b' }))))));
+            } }, h("slot", { key: 'ae554be6c928d8976b53eacdefa84e5c1065bf5c' }))))));
     }
     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: '366fa4f203171538cfd1f9bb36dacb6ba11c2c79', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '1fc396c26e4ee1d7acb30d90270df551b7ed600d', class: "tet-expansion-panel-content" }, h("slot", { key: '87117d8da92cfb81fdd95016fffd32aa5be59d24' }))));
+        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' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/structural/tet-floating-block/tet-floating-block.js

@@ -19,7 +19,7 @@ export class TetFloatingBlock {
         return rel ?? '';
     }
     render() {
-        return (h("div", { key: '70000de8e4055c1f44c71b84622dcda69ebe78cb', class: { 'floating-block': true, [this.theme]: true } }, h("tet-accordion", { key: 'd61aca16b859812a94051c9a429eff368e724d9b', class: "floating-block__accordion", theme: this.theme, withBorder: false, header: this.header, headingTag: "span", breakpoint: "desktop", transparentBackground: true, "is-open": this.isOpen }, h("div", { key: '91b43ea99a6a56547443d26271699e9d919b0fa5', class: "floating-block__content" }, this.content?.map(this.renderContentItem)))));
+        return (h("div", { key: '6bb54dd1699fe57d5691f43ffa0c964cfc6424eb', class: { 'floating-block': true, [this.theme]: true } }, h("tet-accordion", { key: 'c93035942599b6d883387470d9d17a954b80abe3', class: "floating-block__accordion", theme: this.theme, withBorder: false, header: this.header, headingTag: "span", breakpoint: "desktop", transparentBackground: true, "is-open": this.isOpen }, h("div", { key: '58aaae3e58f42365034a74a047ddaa2509a6d4be', class: "floating-block__content" }, this.content?.map(this.renderContentItem)))));
     }
     static get is() { return "tet-floating-block"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/tables-and-graphs/tet-table/tet-table.js

@@ -326,7 +326,7 @@ export class TetTable {
         return { 'table__cell--inner': inner };
     }
     render() {
-        return (h(Host, { key: 'fa1c59eea83b45a3123643b06c47f817a5ec7e55' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
+        return (h(Host, { key: 'a43a961a36799c8cca19274fb6c4f0c1f395bcbb' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
     }
     static get is() { return "tet-table"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/simple/text-blocks/tet-cloud-application-form-dialog/tet-cloud-application-form-dialog.js

@@ -202,11 +202,11 @@ export class TetApplicationFormDialog {
         return (h("div", { class: "tet-cloud-application-form-dialog__footer", slot: "footer" }, h("tet-button", { theme: this.theme, type: "ghost", size: "medium", clickCallback: () => this.close() }, t('components-cloud-application-form-close-button-text')), h("tet-button", { theme: this.theme, type: "primary", size: "medium", disabled: this.loading, clickCallback: () => this.submit() }, t('components-cloud-application-form-submit-button-text'))));
     }
     render() {
-        return (h(Host, { key: 'd223cdfbecb0c7932aa116fc52447cd84fd3943f' }, h("tet-dialog", { key: '8b6b5abec89e669c6e42e7d7c6e9e92b32aadd67', ref: (element) => (this.dialogElement = element), part: "dialog", class: {
+        return (h(Host, { key: 'eee95c046ea596a54569702f46e0a8561ba20158' }, h("tet-dialog", { key: '8b7a214ec7e0fa6dd6c68105641d3d5926380007', ref: (element) => (this.dialogElement = element), part: "dialog", class: {
                 'tet-cloud-application-form-dialog': true,
                 'tet-cloud-application-form-dialog--loading': this.loading,
                 'tet-cloud-application-form-dialog--dark': this.theme === 'dark',
-            }, headerTitle: t('components-cloud-application-form-title'), footerDisplay: "right", closeOnEscape: this.showOverlay, closeOnOverlayClick: this.showOverlay, theme: this.theme }, h("p", { key: 'a59735e2af20864a1428ae42a3e94456f248e8d7', class: "tet-cloud-application-form-dialog__subtitle" }, t('components-cloud-application-form-subtitle')), this.renderFormContent(), this.renderFooter(), this.renderOverlay())));
+            }, headerTitle: t('components-cloud-application-form-title'), footerDisplay: "right", closeOnEscape: this.showOverlay, closeOnOverlayClick: this.showOverlay, theme: this.theme }, h("p", { key: '77f3dea7eadfb911e44aeeea7a03fe33f8155c7b', class: "tet-cloud-application-form-dialog__subtitle" }, t('components-cloud-application-form-subtitle')), this.renderFormContent(), this.renderFooter(), this.renderOverlay())));
     }
     static get is() { return "tet-cloud-application-form-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -128,11 +128,11 @@ export class TetDialog {
     }
     render() {
         const { isOpen, theme, footerDisplay, handleClickOverlay } = this;
-        return (h(Host, { key: '3b1d511d9d6166101d44fd35ad064a5546e03dc0' }, h("dialog", { key: '2c8cf0d3ee073314da11758dcb9e77dca568c9c0', ref: (el) => (this.dialogContainer = el) }, h("div", { key: 'b4b19fe96daa33da4d7bbf6e09b9afcd6dc2ad9e', part: "overlay", class: {
+        return (h(Host, { key: '8b5822cc01975dd614a5b217520870fa62f7d083' }, h("dialog", { key: 'd14c7bbc3ef551ef41e59d08ddd62ca7eebaf627', ref: (el) => (this.dialogContainer = el) }, h("div", { key: 'dcf15621b0bc84a247fd1424ea7348e6bb7ab1c0', part: "overlay", class: {
                 'dialog__overlay': true,
                 'dialog__overlay--visible': isOpen,
                 [`dialog--theme-${theme}`]: true
-            }, onClick: handleClickOverlay }, h("div", { key: '8b204e99c3dab06c1cb900c6519491eca16bbbcf', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: '4118c6b5b23d7d26a89443cfda14f294020f9ef5', part: "body", class: "dialog__body" }, h("slot", { key: '61915dadee181c4d569a8447dfe5c640de2bb4ca' })), h("div", { key: '2bfc7574871931e489048dbe9322d67f1b34f4c2', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: 'b265895d043175124fdf2e57c5ae8b99ffbc3b3b', name: "footer" })))))));
+            }, onClick: handleClickOverlay }, h("div", { key: '7c38f78169809414448099e21e40c2c738ac08ef', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: 'b2edb35b43663a48a2f1aafaf519651c74f5e894', part: "body", class: "dialog__body" }, h("slot", { key: '23306570f3d74c8624b25e00b61eb46e295ce1b1' })), h("div", { key: 'cecd467b9aaff40e67e034dbc80ef1e4a41ba0eb', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: '29be051e96769ecda581adad422fb359bc208047', name: "footer" })))))));
     }
     static get is() { return "tet-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,11 +14,11 @@ export class TetInlineMessage {
         success: 'check-circle'
     };
     render() {
-        return (h("div", { key: '50546c6dad91114be7af64d9b910c1a73f99d44d', class: {
+        return (h("div", { key: '94d78a5cf8df7709a59919862a9287b1fc3b01cb', class: {
                 "container": true,
                 [this.theme]: true,
                 [this.variant]: true
-            } }, h("tet-icon", { key: 'dd1f03de15f92020d1e070cb8d4d5c57665cf760', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: '0c8506144bbb595b62c4b355b2a0cb7f0e2c9ebb', class: "content" }, h("slot", { key: '1c6c2efa6df2bc8dc9ad33382d25bcee28b8e362', name: "title" }), "\u00A0", h("slot", { key: '299638b4761bb22de8bfca6740efa4857a4ff8fa', name: "description" }))));
+            } }, h("tet-icon", { key: '8280d549892956cd934aa4b33b258390fece9794', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: 'e38088432553d2a43614e24ed7cb06b6e0a9e501', class: "content" }, h("slot", { key: 'c2b8915856a9671b48b5169afb52a500701586ea', name: "title" }), "\u00A0", h("slot", { key: '1bd81ca7f073e98bab50cd3f5631ea0741b7dbdc', name: "description" }))));
     }
     static get is() { return "tet-inline-message"; }
     static get encapsulation() { return "shadow"; }