@tet/tet-components 1.4.75-testing → 1.4.76-staging

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: '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 } }))));
+        return (h(Host, { key: '95e2818c0aa90f9a03cb1b520bdf6db7368bb62d', style: { width: this.width, height: this.height } }, h("div", { key: 'b19199e176ecdcb78de21186df162c72b14e0ce8', class: { 'placeholder': true, 'dark-theme': this.darkTheme }, 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: '0d807ca601c344a004f2cae701bbad92feda99dd', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: 'ba0fd82df710471f7835ff7fe5ba1a90d0788a14', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, 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" })))));
+            } }, h("svg", { key: '6a53be0b9fb8c9889c3c94b319ebccaaca8d664f', viewBox: "0 0 40 40" }, h("clipPath", { key: 'a5acc85d54c89d6c124b3cfca811912457b02e7b', id: "clip" }, h("path", { key: 'ee6a3317ecff943d15020f4e45cda051f05f7aaf', 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: '8496cecafc131529d178d1831ca07ca492e4cfa7' }, h("div", { key: 'ef8e9d9949cb48b5842171aa852d3b7cc741cf1a', 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: '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())));
+        return (h(Host, { key: '77ee01281ee4e70a4aaf347c9e48ca418a54cd93', class: hostClass }, this.countdownTitle && (h("div", { key: '9fc31582dd378d59b9cfa8c26646f2ded820c4e2', class: "countdown-title", part: "title", "aria-hidden": "true" }, this.countdownTitle)), h("div", { key: '12133172b84f88025ece28f14bbecbbc6e3dc6ce', 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: '293dff50348d53d40550e505ecd2cea13d3030c1', 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: '449285d1971da73048133a0abbd2252520c8f996' }, h("div", { key: '8c909f8599ff5b83f584224ba6936ecc58af5212', class: {
+        return (h(Host, { key: '651c396702533c268dc2f93e5ff05c54b3b9fcfb' }, h("div", { key: 'c03461ec7f20e717fd35bd39808008236fa0387e', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, 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" }))));
+            } }, this.labelTitle && h("p", { key: '0436d9cbd349e2fee41173c988363c3485eb204d', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'cb27c9fe15c38ec8d60591e8d822b21067215942', 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: 'a40abe81e5fe16fdec8fec2900d77071b09ecdcb', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: '6a7c94b1c12439f0cb731deca18ca615fc8960e2', 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: '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", null), h("div", { key: 'aa5c356bc136ebf4e36067d59ff60f7a9217af11', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '7dda83f14462a9a92b6f98cadcf0fa32f7a1a71d', 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: '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))))));
+        return (h(Host, { key: '5ff08d3a0f4cd33bf3e69b01577d1be08f31ee6c' }, h("div", { key: 'bd038136e3d9ab11857c5fb8572fcf74539b96c3', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'e47734e0ae5c4da5722eb9ea6dd2645360cd0233', 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: '11a09cd94f966a3c7ae536ddd35640ef5b0a975c', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: 'f67e88589f87f11376367bb5c7e9d07ffa506134', 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: '67e7900d5acfa9f4a44f13ae77d2401d2f6a18ed', 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: 'a1d115c852ee9947bee5c0185f62174915b73240', 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: '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 }))));
+        return (h("div", { key: 'c675bd8ad73410420067c9342f28e2eabd317fb5', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '03716cb07d9b7457ae8e6af51af18fbf5149860f', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '2ae8f52f81315371704e9821f77c0004fa3e4f11', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '2de152328ab019e7f4d4c2ced0fea37420a23d15', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '9d109163f556cb6acc31f8f2623cd81a80afd4ce', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: 'a69b5b5240d1ba1e7216353da372412523aa1ae3', 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: '12eaca7a021bd1bc25b78a2f8785452069bd0b63' }, h("div", { key: '85227646e7deee3b23eda9729b366dd304079168', class: {
+        return (h(Host, { key: '13ae81e4bf8685ae87f5f23cee3608f482735189' }, h("div", { key: 'ba77ac4913c13206e5e0f538e7a7c0de89651b53', 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: 'ab152eabc9b27be26100a568cc5fc82cc0e2050d', class: {
+            } }, h("div", { key: '3a0d7a2c43218253e4468e55645c9b0e83e37665', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, 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: {
+            } }, h("tet-input", { key: '878415135246f24a9bb87109efa965bc8a6f5a57', "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: '4d34c161ab922827647750dae7c242e36b4fb73f', class: "range-slider__container" }, h("tet-button", { key: '6c2449c2c9a49dafbb529817c40c71af0ecb9192', 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: '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: {
+            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: '3dd65ff2077d6115d73080c3b364eab52bff9aa2', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '224de4a18e69d9d2f9248ce07f57bd08e89ea5f3', 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: '20e1165c99e5cb3b6a9bb83adddbc85eac5621fd', class: "range-slider__slider-wrapper" }, h("input", { key: 'c3e06901f0b3822391330f4e607a02846d7ed742', 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: 'ae149aa195059989f82cc4d0c4f91d964e8a062c', class: "range-slider__track range-slider__track--background" }), h("div", { key: '01e2715597ce90b2404812f1abfa5166798b829b', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '534dd7a3a52c4b943b1228b552c99108813cd485', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'c3b148af24d68bd48f8742fdf525ee4ee7471549', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '102247f637b4a2147e0e0ec4fda61728e9189638', class: {
+            } })), h("div", { key: 'd6723ee400a894f22001934e282b4d878e3185cc', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, 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: {
+            } }, h("div", { key: '03e0f94c41f58a1776f2436fe1438f21d69c9b8b', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'c9327bc3ebf6c153ccb823d481a078969b524891', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '1e122e3dc2e0075ebe1d98f736fc4a076fe3ee75', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: '9a447528a9236039542e34e4f1e078445b65eaf4', 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: '58f7ca2288a6f30d74d868441afb29d8601546c7', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: 'f4ab38b64a7ecb366cd48b35a7b43f0abb8ba27c', 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: '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'))));
+        return (h("div", { key: '0fec95b3826fa9dd45f37e765be38a0a355a63ae', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: '7d4e725cb72581c8cdca75b1d8b210c0a48ddb60', 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: '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()));
+        return (h(Host, { key: 'c78f0faf73f87322323162c9354993d6d11fdfc6' }, h("label", { key: '7a551777d770e5322489104e860502bf762e9844', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '019c784d4bf9eb2aa7d2195a2fa5c78cad634227', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '3d6c0eb7d4602659b469dd7ef3b902fdacc4fbcc', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '7ee711311c46f848169778070d6b701324867720', 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: '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)))));
+        return (h(Host, { key: '0ff9a0c2f0538181e96140cbf950197806b8b993' }, h("tet-card-list", { key: '474a14319a66876b003eb9806c3ac44572e1a747', 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: '14dcfaaeda9a664dc4b3d2907caf74583f013f00' }, h("navigation", { key: 'c1253fae2694c55375ddfb2ad24e2b45bd63a6e4', class: {
+        return (h(Host, { key: '3ea7bb405ec994427b53b37b73f1461d1595dd3d' }, h("navigation", { key: '10b1583d85029280d78b9c3509e0845334aff520', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, 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: {
+            } }, h("div", { key: 'af548fea36e17260614b78135a26e4c2f1a25f01', class: "navigation__nav-bar" }, h("slot", { key: '656cd9d9610f19f75dc560b21765bd8592eb7cc0' })), this.isTogglerVisible && (h("button", { key: '412ec0983234150f0eb67528b8e8b80603ad261a', 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: '11c5e964f37d58679ff5fa0e7362481ee8620bc2', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: 'ef5c408c808cfe6b7da084a7ef3edcd8f5d4940b', id: "tet-navigation-mobile-dropdown", class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'f9e5894d13d37898153757a1ac8caece1eb44d3c', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '2878956c59c78e433a04a1bfda4fc88d7fc975f7', 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: '6edda094d6e4eb568ddbd338a1ccc697c2984569' }, h("div", { key: '2123610d588bc0c874dc9fc85fa871378a54c06b', class: {
+        return (h(Host, { key: 'e2b54841be78a3768d660a5df67299182bc0f12e' }, h("div", { key: 'eb4a39a0239c374e3e2999315d6dfae7a7f87c0b', 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: 'f6bf39a86ccb122f19d5ee2cd10098ccdf01563a', class: {
+            } }, h("div", { key: 'd135bc257278897bf0b1656f1ab7378d1265a4a7', 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: '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: {
+            } : {}) }, h("slot", { key: 'f960d0efe415ff41bca017691a872d1ef7f7de50', name: "header" }, this.headerIconName && (h("tet-icon", { key: 'c3b2b3bf934e1b0931a635f2afa2ae9cbd310b4c', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'ef7b076aa7643ff54606a34e6a20cb48949a5fa2', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: '139fbf6024a8416bde5cdb841d75f5f515a4952a', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })))), h("div", { key: '3b3d6f81d2fda2097e648145cf8ee16abb39e1b1', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })))), h("div", { key: '4b78ecb99904bcfe958aa912665d0a710fc34fec', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '6d1e31ebd60bf368e3d3ceb335fdbb0807dd68d3', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: '4568baf7f2cebda9ccdfa607c53d3f0584a05e31', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '230bb1af9164d9cf9a4ceb8531d9e73ff541b436' }))))));
+            } }, h("slot", { key: '45529dd8a8648f735d17680f7c694d45c1900785' }))))));
     }
     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: '091c85e39277e952490b9ea518b3eff6887b0793', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'd401036e83fe8619ccf7291d009291d84b91e214', class: "tet-expansion-panel-content" }, h("slot", { key: 'aa217a68b6a214524ebb1fdb8be7b09e4d28c79f' }))));
+        return (h("div", { key: 'cb79b4ec99d904c3ce5875b978f67b3b897b20ee', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '937463ce78e85c92120f2ac3ab29103324960d9c', class: "tet-expansion-panel-content" }, h("slot", { key: '2f31b0f7aea27e78c546603d8337c8e429014eeb' }))));
     }
     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: '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" })))))));
+        return (h(Host, { key: '8ece892044d97623d8e89b9750f255126ba6205f' }, h("div", { key: '3a46fffa665ed349b7b4434652bb5d9ce4da48e5', class: { notification: true, [this.theme]: true } }, h("div", { key: 'f5d2a45d0f082e4c62435ad404d24740beb0fe38', class: { item: true, [this.type]: true } }, h("div", { key: '2974efabdb5e3d2cfeac7ec07a5f85c46f05f859', class: "header" }, this.renderTypeIcon(), h("div", { key: '75ba0b44e465781215de2955f1257f016c177706', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '30b90ddc5bbb65f8e76ec010e1ccc3c778f6d18b', class: "content" }, h("span", { key: '41ce3cbb4e48a7829a33324a6bb8cee88cac35dc', innerHTML: content }), h("div", { key: 'd393cfb06d948fb536ac6759694cccf587e68620' }, h("slot", { key: 'ca568104b97fb72f3fd126a5092d422c2ab8d91b', 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: '8a1c59bc4d5881026979c535985fd4660429b41b', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: 'f8463465dcb97297220e1b896bd68726f75f30c6', 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: 'c74489084de18315ed459e64ee636163e212843a' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '462c65efe10733c0aa3b83a80b869cf5d6c62fea' }, 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: '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')))))));
+        return (h("section", { key: 'c8939e4608e089a566a68e0906b0523b65c44e5c', class: "container" }, h("div", { key: '4cc68da322aa19ac354e7c0dab921ecff720bd2d', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '9dc11880bcbc826ffc2388dc9f130c733f6e8fd1', class: "calculator-block" }, h("p", { key: 'f3e339fff13dbb78f24d958f88e275f7b9c0310d', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '25ce6d9d5f543adf832b14d6765f72ae606a386c', 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: '804d0f828248f69c466c956ab0ba14db5e128882', class: "control-container" }, h("div", { key: '19e2969e9596f833929fc240b8ba864eb78c8927', class: "control" }, h("tet-checkbox", { key: '15174af3ad943c6d36a220850202ad70a9f1d410', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'fc63e3c9266cc9aad3145138e80a2ddfb7ab8e0c', class: "control" }, h("tet-switch", { key: '87b9545c1b2345af02f9bef0b7d0b534d08a3516', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '19913650d69a5d7f67db1d829d868d48708e1839', class: "monthly-payment-block" }, h("p", { key: 'c7f543cb60ebe08776cb8e1065b5d43b2ecedec6', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '3d295b1a6cc669218f0c597886c78bedec9b2550' }, h("span", { key: 'c03e31c13c791496a535792b2348433b00fa4fe5', class: "price" }, this.totalPrice), h("span", { key: '81d87a3e1025fd891b53a54e62b5712fca203ff3', 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: '3e91c54215af8322e464533059e5a88f3ead2a30', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'a64034ebefc3d1c943cc25771bfe0f73fb1110f6', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '678962d87d0d68e9342b773fa084dfb8040c719f', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'c05c6d4a7bc823c4c60338d8533ea18691308ba1', 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: '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"))))));
+        return (h(Host, { key: 'e71b057cc6a09fdd733f5c77aa1ea3bffada914f' }, h("div", { key: '3c34e6852a9cb3084ac326710159f21e133b10f8', class: "variable-container" }, h("div", { key: '7b68fdbc677cd1b749aeb86f1a704551ce6fe835', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '284a26507104272e3f97cf9ae5fe74ef236b4911', class: "container-section" }, h("div", { key: 'f52d484096cf09aade5747a100d23e3607396fc2', class: "variable-name" }, h("div", { key: '0305c4d98c2ce9cb395f14ae0795334bd35c4add', class: "variable-part" }, "tet"), h("div", { key: 'f79e3601358335074046be4b498339d79f44449d', class: "variable-part" }, "-border"), h("div", { key: '33668971a6c8894e99ba148db716aab0f549c6cb', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '8d2cc8f50635e20f7a2f5e202af5713db30d1ab0', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '56a4c336f2561b0490e509285586295944f8bbf5', class: "tet-fonts-container" }, h("div", { key: '28a0ebd8402ca7fec88423369a02e96823044721', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '69a4eb738e895a8bdd907ed833b2871a7f953e3b', class: "section" }, h("div", { key: 'f93716e6ebbd19ab3fd421a4f72a4d30513a946a', class: "section-variable" }, h("div", { key: 'b94b6da16d23bc4622df4609ce94aec16a5eb143', class: "border tet-border-radius--xs" }), h("div", { key: '301761cafd0729cc176582d298b64bac41a7ab47', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '4f5a7db8e32ce7aab2ae2135ac026f8c4b495534', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'd19bf9a7a3eaae072967bad18872b1d91f1a848e', class: "section-variable" }, h("div", { key: 'd9dbe70a1521d37bcbdb6619f40bdab62d2b3770', class: "border tet-border-radius--sm" }), h("div", { key: 'd83d27e90d6e59f83c0a9991634a4d9a6bb30ab6', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'a7a5b360c707d6921850f0a0b9464952a6462a2a', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: 'b3cb6a24106de7282ce335889238f8a2e2dd2acf', class: "section-variable" }, h("div", { key: '13695f509dc558c08ff6f268b204d7f997fce40f', class: "border tet-border-radius--md" }), h("div", { key: '998a6b9307597e3cde93b608abb6601b1911da52', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '69fed2ff7dcae0d4e763c5d15a0ffcfa234774f1', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '60c11eb0c244b4546d3e541be52c261e94edf508', class: "section-variable" }, h("div", { key: '7d8a4e7df7506aeb4380d17eca0f28ba0baffb2c', class: "border tet-border-radius--lg" }), h("div", { key: '82c35b19a559150f43f1e9375820cd0a0edaed95', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '4a8faf39950f001aa08a95cbf908dc4c170963fe', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'de3640133d4929b31c4a0a306d360212334db16b', class: "section-font-size" })), h("div", { key: '1a0e774ddb4bdd950bfaa2291487bf6053411228', class: "section-variable" }, h("div", { key: 'eada0878b1bbcb6a4fd17fad3277c8cf250a1d7b', class: "border tet-border-radius--xl" }), h("div", { key: '247f62c336d0850827d3c42d0bc68c3961a23854', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '7475a4796fb57175f95fac6c846993d34456db74', 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: '2ca3ebb96cf4a62de59354c1f72541f44b74fb53' }, h("div", { key: '0f992219168246b3a8a732d4d97a045fe229a1eb', class: {
+        return (h(Host, { key: '4e8a5eaaa136f0c82c7cd38f39f5ba1e5e0a7d3c' }, h("div", { key: '59fefd9e5d8292c30aea5bd0620dc22a767ece53', class: {
                 'dark': this.darkTheme
-            } }, !this.isTokensExample && (h("div", { key: '7e8ec4bde8da6211a4b686bd1034f362e60bf172', class: {
+            } }, !this.isTokensExample && (h("div", { key: '09997d11f58d06b73b278d0d90756e74ab3a9fcd', class: {
                 'container': true,
                 'variable-container': true,
-            } }, 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: {
+            } }, h("div", { key: '133b65305142a1a8f7aa4b317bcc944f7981acf0', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '51122fc0391204cbe192abdaf2b21be1f6242e55', class: "container-section" }, h("div", { key: '1e228ff21fa45cbaa0c72b7e6c9cbf5dfa5c8ab2', class: "variable-wrapper" }, h("span", { key: 'd0d64bf4f9bd39833876b082029a1ac249222f82', class: "variable-name" }, h("span", { key: '382e9930095f37c224fe79f6320b4979c52ab7ae', class: "variable-part" }, "tet"), h("span", { key: '8eae39673054e4a4eae67fbdcfb35e17f4db4b4a', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '59aeec0fc379e741fd7df30ccd1327b5b37ddac8', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '2d501e1cb359a51f6de1cba2d379ddddbc36c13a', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'dff9df5caecd7bb3f7d1c5708b8fafbe2b801baa', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: 'a4197b8639d2b0e75e5e19a89561797395bd22c7', class: "container" }, h("div", { key: '1b7f8c146871c1af88cad82c101b6ae729448469', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'fef29daafefe1269f07b2fdad7e930ea869eecf7', class: "container-section container-example" }, h("span", { key: 'a3366ab6be85d9cfa80f8236d93e4c74c1702273', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '64f8df46923d8956fd5d8b2da0a131f94f2c3c88', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '98c57f7e9696093a5007f4fa1b571bd469b94323' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '73f5fe147bc8240224be2969f4de4f4aa7358777', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '9063a6e47e7d5cee47211a2705685771c5fc49d4', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '73ad425498fcf37fc491fa72976f4b5465ac4050' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '7e8a565c357c37b918a7f900000f60c8e5ba41f2', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'c6fad55fb04ada4e256f7805ca960a3fa33b5956', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '2e893b8e0f13e7667c1946ea4a4f81b5910749bf' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'ec1b63fa622be895b34e36d3b4045cd2adb47efb', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '510c4966dee5c8aa712d51ba19abec405343be9f', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '7b57a753f349c0e16b4af45f6ed020029230da3a', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'cabe99a06fdf8ac0136c0587684fe0ee90e4e452' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'f8bea63229422211e0f6faee7fbefa0279feee32', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '40c4b14bedce4ecafe0a706fd383d9b64816a13b', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '44626cb4018b29216d9d116a110a7479e12cab9d' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '6fe12cbe35667e1c5cc16cf70b69aa7d33dda23c', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'c7459d532d21b5c2e71271f0e9a4a8e8b854308d', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: 'f44b69af228523aaf410e5d6c76de9de54f9d4b8' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '5f7b0fe8b82b0459ee889799a24cb37167d5573a', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'c44b8a9becced1cd7b9a310699c6d91a758afbf4', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'bc106d675753a6c3a9374c693026c587ddeafd21', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '81b714a7eee66c4cbfce122f57bd401e77dd3b81' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '7d1a1bb51fc84974f763de805a130c57f9239cc6', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: 'ec221e07ae2694e11270cd69ccdcb64974186568', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: 'e84e41a789abb7f2cdb0a3b2d61afcc5f0a95877' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'cfb554330e1799dada49a6ba57ea669de4f8e19a', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'c82c477496d80830f6180858c210aef8b79e426f', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: 'b9c3bc81a992cc06e6da5ac43819221f3af4f7fe' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'b16f6d725cbcaa037d5b2f4c8e3fe79207dedee8', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '92df89e15c05ddd31b23c19eac60ec0689e2173e', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '9975e313cafe97b97109a96654649659ba54942c', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '4898ef36534f5031a996624869c2ded484eee758' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '0bdf7a6033d034e911f388eba1fe59e86d74c2bb', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: 'fd7866580e9f5a81ae009e6667b4a27238fc999f', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, 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
+            } }, h("div", { key: 'eabb40a850004e6c18e88768a6e8db765238d90f', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '5fda8341e66fb49a358dd1c0fd05181f25a8ffc6', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: '06a858aaa7a5abc9dfd5637b3f898c96d3a4f48d', class: "container" }, h("div", { key: '9496ed7ccf0a085dc7229b7fd4d151a057693c0d', class: "container-title main" }, "Tokens"), h("div", { key: '0eb8b525bb7a679b181c4a9d4490235137dee678', class: "container-section token-sections" }, this.tokenSections.length
             ? this.tokenSections.map(section => this.renderTokenSection(section))
             : h("div", { class: "token-empty-state" }, "Tokens not found.")))))));
     }

package/dist/collection/docs/styling/font-weight/tet-font-weight.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetFontWeight {
     render() {
-        return (h(Host, { key: 'a59ae45481643e1b6ba7bb7960eb7dadd34daa5a' }, h("div", { key: 'e5c7150b71d083c34daaa3e3487750beda4a709f', class: "variable-container" }, h("div", { key: '0287e52601119689f494e03a4c52a2a7e218dfce', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'df2d9456bcf9e3a5c11e96e772cebfcfd1cf89a6', class: "container-section" }, h("div", { key: 'dbd0010d2c2212eda5c49b6a019fe679466d568a', class: "variable-name" }, h("div", { key: '2a39117037e4ed8f73129587bfecb7a6b4d18e66', class: "variable-part" }, "tet"), h("div", { key: 'a85815f86f9f28f335e855fcd27a06498a9d3238', class: "variable-part" }, "-font"), h("div", { key: '20678e04676406422ce01b5ee06809136760b6cf', class: "variable-part" }, "-weight"), h("div", { key: '59b4524c20d4e869bb04a4dc3854eb024b6dd722', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '687c52242366c48f240a8d1812c0174e34cca2cf', class: "tet-fonts-container" }, h("div", { key: '2bf65dbc8e1e3dc91f70607b7ac809ef0b552bb9', class: "section" }, h("div", { key: '0903835debdbf6cfaa8c363d154b4e1e4cfaddb2', class: "container-title" }, "Fontu biezumi"), h("div", { key: '47dbf62bf4a6673d00f554cec3dc58887d7992aa', class: "section-font" }, h("div", { key: 'd82e3b4391a4153a5f9fb297f4d6b7c97e8b6a65', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '7d39450c9763610c0c15dcc74afd6dde4e6406a7', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '08c3e5126c9db1c041748977f33385f16c1c55a0', class: "section-font-weight" })), h("div", { key: '337ae9d6bcf0e2ed46b8f2c7273373710e2c1162', class: "section-font" }, h("div", { key: '0fea6a8375d0bedd44d08d6ffef63413ceeb33c9', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '688537312bf9d8c294532e47f69de9ce208af3b5', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '6608a81ebbca0131b810e3fef41652644153b294', class: "section-font-weight" })), h("div", { key: '7041b0933071fc11f91f53405f7fbb59c3e0241b', class: "section-font" }, h("div", { key: 'e5f217021762279c18ea8179077a4a8de56fd969', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '9d3ca4b79e43e34875717b6d8da1a3c9d47648d8', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '460e4b0781a57a4062c2f13767a5f2d64d3e1e81', class: "section-font-weight" }))))));
+        return (h(Host, { key: 'b12d3ef9dd0f713fe191e1cf710ada3198f78001' }, h("div", { key: 'c496066df9b55a7f024608b091c57403e9c77b97', class: "variable-container" }, h("div", { key: '146e3ab134ead5ea35a2003678a3f0c88f9b700f', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '52b647e87a184e8a401650838ca885fccc79adf1', class: "container-section" }, h("div", { key: '122662b2a63d0da9743c3002478b655fb9b9c759', class: "variable-name" }, h("div", { key: 'c6e9235bab7aa13a6e2c6b21b062185a8a83d70d', class: "variable-part" }, "tet"), h("div", { key: 'de4d51a9517951a09054f1db543c78f2f0152a61', class: "variable-part" }, "-font"), h("div", { key: 'c69676d26a3ad0233fe8720654dceb880fbb15be', class: "variable-part" }, "-weight"), h("div", { key: '729064a61e986fab84cade7eb8f0fe58318b27d8', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '2e654f9cf8276808284bb20a3e39d12acf5a3baa', class: "tet-fonts-container" }, h("div", { key: 'd14bd79cf3cca71b364a5572f1dd71598a138cb7', class: "section" }, h("div", { key: 'b24945b64add0f38ab20ef28805f268108b7b17a', class: "container-title" }, "Fontu biezumi"), h("div", { key: '39fb6c3e6f05ce15b9e10435816d0799a9c83dec', class: "section-font" }, h("div", { key: '4c5378380235da0bed00d2fd484cd33df815fe31', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '2e1fe32198eecfc8aa38a0e111007a53b253229b', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'db5dd8037c7d14e859f26301ce8aadc5e16c0559', class: "section-font-weight" })), h("div", { key: '7f5f0d0aa8cb1cffb3002adce4e52234e92f5d1d', class: "section-font" }, h("div", { key: 'c4971b1a8a98c9dd0140cbb38c8ff9decf04811c', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: 'eb6a2e79f8adf013526fa96f11246150c0cc53d2', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '85262be9acded8aca7c849243f906608134faf0f', class: "section-font-weight" })), h("div", { key: '6ff6d65bd72f64470b2e6ef94c47f03ca5274e68', class: "section-font" }, h("div", { key: 'd50c68debd9cd9a7e6493dd20e20955563a06946', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '85c682b4685e68842f2ecb7654fb86aa209ab7ec', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '376d7424e1d1f9c4a826d60e0af48a72f1b4abfb', class: "section-font-weight" }))))));
     }
     static get is() { return "tet-font-weight"; }
     static get encapsulation() { return "shadow"; }