@tet/tet-components 1.3.154-testing → 1.3.155-production

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

@@ -431,23 +431,23 @@ export class TetCarousel {
         document.removeEventListener('pointerup', this.onPointerUp);
     }
     render() {
-        return (h(Host, { key: 'bb7670689ce1d4e7e3d049a1a91c06b2a7714509' }, h("div", { key: '7d33df637778fda0aa730499423478913266d0ce', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: 'e4008496a6877b8ba9a376011556338be2b14c7f', class: "tet-carousel__container" }, h("div", { key: 'f75a6ee045999de32a9ffe5801a1a6861a5ce960', class: "tet-carousel__gradient-left", ref: (el) => {
+        return (h(Host, { key: 'cc7785e5ce781064c7fd53cb5f4d624d755d33df' }, h("div", { key: 'bfe9b6b3528a0a08db1dde0a3d9dcedd67ec4980', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '823b75de5ca2a185ead350122234eef6fb002231', class: "tet-carousel__container" }, h("div", { key: 'd7927cf0cd255574c4939f5054cf2f1de7a3c831', class: "tet-carousel__gradient-left", ref: (el) => {
                 this.leftGradientRef = el;
-            } }), h("div", { key: 'b9b007acfdb75662c2beffa64fe0e893760fbe09', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), h("div", { key: '5a604a3084fcb4cac73c74639ef3ca622498754e', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), h("div", { key: '44aa002cf7136d51227a2b485b2f5fe92c411966', class: `tet-carousel__track ${!this._showButtons() && !this._showDots() ? 'tet-carousel__track--center' : ''}`, ref: (el) => (this.trackElement = el), style: {
+            } }), h("div", { key: '67de66314358e29978696b5ced9b9f3bb52d33c9', class: `tet-carousel__track ${!this._showButtons() && !this._showDots() ? 'tet-carousel__track--center' : ''}`, ref: (el) => (this.trackElement = el), style: {
                 transform: `translateX(${this.dragOffset}px)`,
                 transition: this.isDragging ? 'none' : `transform ${this.transitionDuration}ms ${this.transitionTiming}`
-            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, h("slot", { key: '056207cffb106abba1c84e66e66aa39a4386255b' }))), !!this.label && h("div", { key: '6049044e67bc36cc5af3eeba3a298a1025340374', class: "tet-carousel__label" }, this.label), (this._showButtons() || this._showDots()) && (h("div", { key: '1db07d47f4c0941584c988653df8bb1f06089d0f', class: "tet-carousel__controls" }, this._showButtons() && (h("div", { key: 'a073c79635049c68600bd6eb481c14cd04956c6b', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: 'e6c33055aceb9e046092611e404b6f43ebf230f3', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
+            }, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, h("slot", { key: '1449c936f68deaf14b6d5903a55885c0f381c3da' }))), !!this.label && h("div", { key: '96d0b4d134336f39fa7f9d69f1be7c34ebc57376', class: "tet-carousel__label" }, this.label), (this._showButtons() || this._showDots()) && (h("div", { key: 'c3495191eb4e7976a6403a1e33a9c5f81b65690b', class: "tet-carousel__controls" }, this._showButtons() && (h("div", { key: '8e0831510715879ec751d82ed41a460754dbb730', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, h("tet-button", { key: '372ee4b1aa7f971fb2ce91e18617f145397749d9', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
                 if (!this.isDragging)
                     this.handlePrev();
-            }, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }))), this._showDots() && (h("div", { key: 'f7ee07e80085ddec37d4ce675e0573aed1d2a302', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
+            }, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }))), this._showDots() && (h("div", { key: '7f9185833ad5dc5bede28a19f7b84a66fc8ee480', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
                 if (!this.isDragging)
                     this.handleDotClick(idx);
-            }, onClick: () => this.handleDotClick(idx) }))))), this._showButtons() && (h("div", { key: '14417fe1cf7ac43b5f000a2e7485124a946834b9', class: "tet-carousel__buttons " }, h("tet-button", { key: '6073c9834c9517779402c5c6661ac3500afad10a', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
+            }, onClick: () => this.handleDotClick(idx) }))))), this._showButtons() && (h("div", { key: 'cbbe188d3e5acef8bea2ec994fe5fe1f97b4faab', class: "tet-carousel__buttons " }, h("tet-button", { key: '91d8366e978bc437047095b2460fa417a44d3dd8', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
                 if (!this.isDragging)
                     this.handlePrev();
-            }, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }), h("tet-button", { key: '948e4149930e7acd3aa64dc94557e96b487946cb', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
+            }, "aria-label": t('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }), h("tet-button", { key: '17d016fe166ad12d1768a3b94213f4fd2b310ffe', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, tabIndex: -1, onPointerDown: (e) => e.stopPropagation(), onPointerUp: () => {
                 if (!this.isDragging)
                     this.handleNext();
             }, "aria-label": t('components-carousel-next'), disabled: this.dotCount <= 1 ||

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

@@ -49,7 +49,7 @@ export class TetIcon {
         });
     }
     render() {
-        return (h("span", { key: 'b64042a5ccef4f24f040b11bc1c667e852d107c9', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: '85bcc937605472010decb513a8c46fb332da2c91', class: {
+        return (h("span", { key: '3963eb8c5c4fabc9d2c87f9f2063592345975325', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: '744c96f0f0cbac249e4d4ffb77981fa6d267e52a', class: {
                 'icon-container': true,
                 'default-color': this.shouldUseDefaultColor(),
                 [this.theme]: true,

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

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class TetLoader {
     render() {
-        return (h("div", { key: '810fabedba008fdd679c00faaa3e37b220c0b0d4', class: "loader" }, h("div", { key: '382c4d05d02cbd05ceff85e21f54b092bbcb3a1b', class: "loader-inner" })));
+        return (h("div", { key: '09300b685d530e8942f78d9eae8ad9ae5edce4d7', class: "loader" }, h("div", { key: '511652ee404eef66b5a169249959d04be05c8be0', class: "loader-inner" })));
     }
     static get is() { return "tet-loader"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,7 +9,7 @@ export class TetPlaceholder {
         this.darkTheme = false;
     }
     render() {
-        return (h(Host, { key: '4d02b9fba03d0ec8d670a94597fdeb71a264fac0', style: { width: this.width, height: this.height } }, h("div", { key: '50c0bf32fed5e31563222be25875609541783321', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '091231196ebec4770385c4792f2a967c180fe80c', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: '4eabc206064cd1ff6f76bd6afc5a84b36587a3fa', style: { width: this.width, height: this.height } }, h("div", { key: '9b0d63300471b673c9a6872c653ee5dc52b1aab9', class: { 'dark-theme': this.darkTheme } }, h("div", { key: 'faa8f1c18dda4dfe7e1d5230816544d96603808c', class: "placeholder", style: { height: this.height } }))));
     }
     static get is() { return "tet-placeholder"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,13 +47,13 @@ export class TetSpinner {
         this.setForeignObjectAttributes();
     }
     render() {
-        return (h("div", { key: '80d6e4e8423122fdbe5976fa1682f1b84dd4c30c', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: '939bc9a8489618ca09ccd56037ac4bcccffef9f3', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: 'f7a801b7ec3655023480cfd8f9bf0334982f9bbb', viewBox: "0 0 40 40" }, h("clipPath", { key: 'c1b9c71d29ee808fa9e20067f2cbb574580c2d4f', id: "clip" }, h("path", { key: '59da97936d0aeb48a5d637e9b449e2e75c49ce97', 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: '136a0347951d968aa6c232d0d5ba2d58324facdf' }, h("div", { key: '946ca391bda21cef00b621e81d06fd193f267c38', class: "spinner__gradient" })))));
+            } }, h("svg", { key: '55db6e97bfd1b85be83b287e2efac8ff0efe49f6', viewBox: "0 0 40 40" }, h("clipPath", { key: 'ee388a7fcbb01f43058456494f7ccfd2976ed8a7', id: "clip" }, h("path", { key: 'ed2c7dae569da6e3725017431f31bc699da27c3f', 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: 'c17720fdb456cb616bb019cacc078e8585e150e9' }, h("div", { key: '905c1b463931244539021b13085084d580bd34ee', class: "spinner__gradient" })))));
     }
     static get is() { return "tet-spinner"; }
     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: '2d391e505ea7f920e498749ac37d7f7f0f3707bb' }, h("div", { key: '83058292d04395c6c3ec3e4ced89160021a96d7a', class: {
+        return (h(Host, { key: '189316abb6947c2b80b4a5e122c034428dd585ab' }, h("div", { key: '927a44f2e990687cdce82e616710a44a6e8fdd01', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: '19dcdcb5c6fc4f2bcf0bf064882ca1871686b3fa', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '1d1be38e6a71c682a7d276ff8c8efb15cc59e835', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: '52ca2dd70bfb5bfdc87b357a5314bcc841722638', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'a5e595e998e36527d16d22ef6943c05d1f9bad9c', 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

@@ -51,9 +51,9 @@ export class TetDatepickerHeader {
         this.internalDateChanged.emit(newDate);
     }
     render() {
-        return (h("div", { key: '5e9853fc4c6dddedf90714a298129ef8d5308112', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: '6b5f27b0570eb16cf7fd96ff5152152d7d8260c1', 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: 'ef8216cb059829654419d63e4d1ba296cfc77cbe', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '5dff8cd29082aecbfe2908c41ad9647b7ffac3ea', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: '3cc993fe37d9a3aca9059c8c821a66cfb1a42a74', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'defcfa31cfbd9b2202eb70bca6f09445235facf7', 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

@@ -156,7 +156,7 @@ export class TetDatepickerMonthView {
         return date.toDateString() === this.currentDate.toDateString();
     }
     render() {
-        return (h(Host, { key: '2418b17ffad4717135dd901675cce8837dd67c9d' }, h("div", { key: 'eddd8275d137954d07cb8eda851afe641458c4fe', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '4b3d5d75b37046307ac5f7e5453eb9d71a7a98bf', 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: '799581ac22a5905c44e0aef6d287a6cff108f62a' }, h("div", { key: 'ca3912658b3aa61bceb790647a8f87263667a768', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'ee0c8cab27294d7ed54f39132597b765c24c2e42', 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

@@ -29,7 +29,7 @@ export class TetDatepickerMultiYearView {
         this.years = this.getYears(this.internalDate);
     }
     render() {
-        return (h("div", { key: '7deaee90f0befb6966d42c1f4aed376eadcc866d', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '2b9e6a0532cd99b341adb008806a59ad0e330d71', 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

@@ -34,7 +34,7 @@ export class TetDatepickerYearView {
         return this.todayDate.getMonth() === monthIndex;
     }
     render() {
-        return (h("div", { key: '903b92c31ff86446b8acb80c12ca5ddc882950d8', 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: '11e53490145bbeae473c6714fcf245c1630f55eb', 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

@@ -94,10 +94,10 @@ export class TetDatepicker {
         this.rangeDatesChanged.emit(newDates);
     }
     render() {
-        return (h("div", { key: '7dadc4adb89f9676f81f1d1038ea5b744dd09c8c', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'cf0c5c063b86556874067fc2659fd29d14e4545f', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '0b034b1a9b1028939a372fcc25d305481ab6731a', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '7a54c81816f0200d6df3fc625aebff93f30d6285', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: 'f5a0862146008dfb1c8fefad6900893e02ceb318', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: 'e930e475ad3d464801cebe7dade48f86afb3e966', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: 'b89a2ef91d3b9516d8d80745a5c4105cdc4eb096', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '07ceb2a2b3ce12ddad14d6a4294218df4c2f95d8', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '033f7baba4ffa0c0576637475f167182257565bc', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: 'f29f0e235502958e18b152c63e712fe278e2614a', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '171e871160cea96e173fbba2b99a9b51744200bb', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: '31367535b8b5c58aede8c3dd72d2efddc0bb1b52', 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

@@ -747,31 +747,31 @@ export class TetRangeSlider {
         this.updateProgress();
     }
     render() {
-        return (h(Host, { key: '4ecf0341fca005f2b3fb1792415e6ac5a1fc2b67' }, h("div", { key: 'bc3a6dba2d680f890e2a544365e5d2c3aebb5fb5', class: {
+        return (h(Host, { key: '2fd9918402c7fd6646765b003f58207f94e55bd6' }, h("div", { key: '146876c58f3e7ca4590360905e3d48adba41c2da', 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: 'a9585c34bb3ad57274e4f2a451ceba183fd19b13', class: {
+            } }, h("div", { key: 'b615781e3e754e7ce56c268c820a34104a8dd62b', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", Object.assign({ key: 'e2dc3feb5e15b988886a36d2a456f4c523aa5d6a', "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: '028d7b63d5c52ff8ffb99b696d57e87b6a25dfc1', class: "range-slider__container" }, h("tet-button", Object.assign({ key: 'a54a4293a5e5d7e08912d176991f85ce2493929d', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", Object.assign({ key: 'e1c502b4e84bcae1bf5fb7bc0f1446d9edc5c829', "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: 'dc49209286326c4f7e89f4fe89469d7a02969c2b', class: "range-slider__container" }, h("tet-button", Object.assign({ key: '4b58b564ea06c0495408beb10f92e54973b192f6', 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: '9f6c1a112efb19702b123579d454b3d396d1befb', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '96a546d0e61dac0d6043b5f729c63614f09b2b38', 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: 'f0295b5cb83adf0b7be7243e1bbd3aafd04fcdda', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: 'f09c3998d3d4c552bc78a2348648ea545758195a', 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: 'd2259d60a0377023578c09dac3fc37b11015237b', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'ab33a18a27c257e1a5e39fcdc816693dda98cd9e', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '895d20240efeee6f43eca55218872ac2e438ef23', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '7639fd616257ef774ff166c76be408442463820e', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), h("tet-icon", { key: '7cce8a328d48bd1afc5223f16985f27c6d03f6fe', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '302ce14f3bff9a4affdd70628e4064bc0ba4c76f', 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: 'eff01ff14ae1d4f6cad12ff87f182d90e7c98986', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: '84b518a1a5d0af0b71cab56eaf70da99ba9037f5', 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: 'a6227baafbd8a95a038b349bfdbf0c82ff16d32e', class: "range-slider__track range-slider__track--background" }), h("div", { key: '67ee06268d066ac19a3168c1c390da759829ecbe', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'c6ef47bebfe1fa2d324ddca291796d7d9dddf757', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '5c9b34e1b9f14c8229038244f3af9f8c429c4a0b', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '3120e01488e8b65ca1390a81356906189d370202', class: {
+            } })), h("div", { key: '822ebaa3ba6dbfdb8e1dc5b389500bf153a24838', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: 'fc8cc8144298b2b56452587eae9c61053f794271', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'f41bc4e3e30bdfd10e0396735a82fad53388e444', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '432b1cef8b41404104205e47ce339c7d79bbd62c', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: 'dafc0d34344c3fd04756db52ffde74b20a246146', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: 'b2df015bf74c75402e7ff2214421f640222fbe79', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'c5e29b80359672b9ae5947fd7d0423b9babe28e0', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'be6b64554b6c49e80bb3d36ff24ed2800c580a5f', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '4afb1fcdfabe0a51c131d206795a514c03619548', 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: 'a8b05d5ee60e7cb3d9767a46cf84299a5816cdea', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), h("tet-icon", { key: '71a65900ae93e08dbf724090f66b0e1d383124d7', 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

@@ -123,7 +123,7 @@ export class TetStepperInput {
      */
     render() {
         const { onMinusClick, value, onPlusClick } = this;
-        return (h("div", { key: '431bc704e974bd077a462692526113ff5b2a47fb', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: 'ca7947f37e0bf6482a96260636aa19a7de0c278a', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: 'ebaebc4048be36613bde41bb65cc760a4f5039bd', name: "remove" })), h("input", Object.assign({ key: '8574037a98bb73a23164266bd4e732e52fad3286', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: '9212e461c199f6992a78d368a28343a6b4456784', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '75fce150a780e0096474bd36eac33f0d9f20fd75', name: "add" }))));
+        return (h("div", { key: 'e96aa70ddd07c636ce7ee350b0d308318acca733', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: 'b7cd698c41b5089f8199dac74f80e67866bc0b57', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: '915b5d63e35b7584cf9773d6dfee2ace4db1164e', name: "remove" })), h("input", Object.assign({ key: 'f94749e198ffae317e35acb08de385b73436f28d', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: 'c8b8a88436a61708bfea2fe522b8d180a9327448', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '2254b7c8ccc1658317d2d0d5adbca9dd3e1b4c85', name: "add" }))));
     }
     static get is() { return "tet-stepper-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,8 +50,8 @@ export class TetTextarea {
             'error': (errorMessages.length > 0),
             'keyboard-focus': this.focusVisible,
         };
-        return (h(Host, { key: '909fe293456d0c8be0b5f8a39e5b63a323380ce8' }, h("label", { key: '3f0f9564bad315e959a5c618a022852b2f28ec0f', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: '610393736f1dcb6ffff2a17cc943cf63495738ce', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '9ae25c4104ba8a17d9ffce33ae9801cef6c35947', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '31f72aa28b27fe622ee412224b4084e2816133a4', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off" }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
+        return (h(Host, { key: 'a87402023963e5e972e19ce6e25a1f6b00c80721' }, h("label", { key: 'ee87158030fbb41a663ff24cee0d7694c01d8b65', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '54abeed36abd6e61f8531e9fdbcbbe5902733b0f', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '2d59267b0aa9e15e8b1bab9c3f7ed5d6b9b981dd', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '7a6a2f8feeff9abb6a187f2fe0f393b8ef441513', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off" }, 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

@@ -65,7 +65,7 @@ export class TetNewsCardList {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (h(Host, { key: 'e1450298518f895f6d6f0f678fdb5163001f84ec' }, h("tet-card-list", Object.assign({ key: '02d0a38297b68221eddcf100031c8f54db2f5ffe', 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: 'f9177ab3ca9aa92548820179ca3731669285102f' }, h("tet-card-list", Object.assign({ key: '94f9a204f48a6c33eaa039c8fd8a699cbb36b1d1', 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

@@ -54,13 +54,13 @@ export class TetNavigationMobile {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: '989a334e62baeff292f20db879a03cc99cfaa4c6' }, h("navigation", { key: 'c03c5fd048ade2f6c352c52d5f533a9972d7ce09', class: {
+        return (h(Host, { key: 'e6c968b7ca4f7958739d66a53c11b0644eeabdf2' }, h("navigation", { key: '24490a07460c08cb599a2abd378281512af29b84', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'f974ef6ecd48eab6d68573dd111889271e5b948d', class: "navigation__nav-bar" }, h("slot", { key: 'ae9b0246413bfb6e0ad3f8bcee569d34eb1cdc02' })), this.isTogglerVisible && (h("span", { key: 'd775bf2274f4359b8045afe34a8482153be9d182', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '229b5b93b76dab8e526ba79a44cd788999f92212', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '148c71a67b3c439f72a6acaa8458a5f3298bccb6', class: {
+            } }, h("div", { key: 'c04f1582f0c0e72e5d5b1b82defbdf7ffe7d7db7', class: "navigation__nav-bar" }, h("slot", { key: '1250cc97415a50379c08cbe67442d0347a50865a' })), this.isTogglerVisible && (h("span", { key: 'e76f066965f62de22fa0e2c4cc75ecf710238c3a', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '4d0d26bbbfa8b1aed3cbfe4daeb8714266a97b30', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: 'a1d5060ff612dfdab70e0c1b406382d1f7932c94', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'a727d7ce1b173546b9a9fbb2cb44b64a40fd2ecf', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '0159d73960c28c7c77fee11c17f4bd3c0d659f2f', 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

@@ -109,21 +109,21 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: '87844fc844e9ee1b0d1af78b07142a090ec1e423' }, h("div", { key: 'f3e38a17ed1aac728bdba76af9e56298e209f562', class: {
+        return (h(Host, { key: 'cf9081d01cb3aa3dd0c713aeb098873d748bd477' }, h("div", { key: '54f7ce82ec1b6c6f171ae3dab74cfff44cb41256', 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: 'd3c53f53298ae967634ad8bd13b876ebf2b6e1e3', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, h("slot", { key: 'f4f4ca3e2b31178753d1b3c235199111f51dff31', name: "header" }, this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'e770fd70dd4eb4d01e956967d383f749f2a92249', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), h("tet-icon", { key: 'cf72384e62b153169fd87dec61e1dcdc6f60d025', name: `chevron-${this.indicatorDirection}`, class: {
+            } }, h("div", { key: 'ec48bcb9bf9104104ea94e809fdf11ad327f6839', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, h("slot", { key: 'c925326230cfca6dda33f8de35edd242ec1d75b4', name: "header" }, this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'dcaa36fb20dcdb2b9a5bf504142eb715281a1c3e', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), h("tet-icon", { key: '3de81beabd68962a81b6d14b43836522ed42adf5', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } }))), h("div", { key: 'ac910535f2252b83500ae60da5182e701fc28546', ref: (element) => (this.contentWrapperElement = element), class: {
+            } }))), h("div", { key: 'c36d811dce6e7f75943cf6ebc3efc9c5e59992ba', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '3a9658d4826b7c3b95c2c7a54f5f9ffcfeddcfb9', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: 'b0eb8bde4f2dcc4485e4ac7438e4e10c0665223f', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: 'cf5c44c68e23109eb6837bad34dd920fb2a325f2' }))))));
+            } }, h("slot", { key: '30549eb3dd9bcdd2bf1fc604a582d71d1ebfafad' }))))));
     }
     static get is() { return "tet-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class TetExpansionPanel {
         return this.state;
     }
     render() {
-        return (h("div", { key: 'be51c2f24b6136ded20650774ba479cf36680a39', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '7ed548b6f739c7ba9b1e1210146f4b7d81aa5025', class: "tet-expansion-panel-content" }, h("slot", { key: '0d0ad5b0381dc5fd83904b78f963f875b0e8f1d4' }))));
+        return (h("div", { key: 'bd845f20dc3891dea5b3a05a545a7c3a723c79f0', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '32989a1dd3c8d2a7ab4bf0391623e48858150a68', class: "tet-expansion-panel-content" }, h("slot", { key: 'ee2496a37cc35893d1bbcd8b7aa047ef6368858b' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -116,7 +116,7 @@ export class TetNotification {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: '92df6a533080766bcb112aa5628c7f3987397ef0' }, h("div", { key: '86b96d038588c3c0528c2e2ea19e63d1920ef18b', class: { notification: true, [this.theme]: true } }, h("div", { key: '8f3481b551e50bc59be0eae227fadcc3ca60c2c8', class: { item: true, [this.type]: true } }, h("div", { key: 'f127ffec1199b429829e3aeac8487117f65d87f2', class: "header" }, this.renderTypeIcon(), h("div", { key: '2faed02346636d431dc3b0fa7a8d6b8502d086f0', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '541a597ac2d32da9ae34c61617f486cdaa87f612', class: "content" }, h("span", { key: '6cd93c3b41708e4bd78255abf13c43884921fd5e', innerHTML: content }), h("div", { key: 'f1566305649d3881c3dae206a0109392e0706cb5' }, h("slot", { key: '9a2a2a50459f544f39cbedac66546b3f6ec3d6c2', name: "button" })))))));
+        return (h(Host, { key: '3ad67a5d65a80d5ab0e062a14ddeae4c34063c41' }, h("div", { key: '69c7fed9473334a39f65acd7592cf2180110e265', class: { notification: true, [this.theme]: true } }, h("div", { key: '0e1ae217e9b47282f3af1e4cb2eae524d10c6e72', class: { item: true, [this.type]: true } }, h("div", { key: 'd5af5b9363034c25224bbe1f5529aad8a410ee1e', class: "header" }, this.renderTypeIcon(), h("div", { key: 'ca1c5f69b0fe81a785d650304e4d42ac00f9f3b0', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '7fc0bf1cc2b623c4255ef2745595aa6f83210779', class: "content" }, h("span", { key: 'f914bad800ff00fc58e7cd90a91aa3b2aa753f0e', innerHTML: content }), h("div", { key: 'a713f6e9b18b179a576a822bffca7930d021476a' }, h("slot", { key: '5873086c00b01ea63803576827b7aab2c5a9e979', 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

@@ -351,7 +351,7 @@ export class TetTooltip {
         return isTooltipOutOfBounds;
     }
     render() {
-        return h(Host, { key: '9038a4e6d207d625e43ad30b9dda7428092f5eb5', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: '0c83c0260ccb60dbacae07d2938a961d2d5b843f', 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

@@ -129,7 +129,7 @@ export class TetAddressOffersView {
         return h(Fragment, null);
     }
     render() {
-        return (h(Host, { key: '0040bcf574a2730fc66219e184b7da182239bf36' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '027d4397d35bb9d3953ff6fa0b4fb2150950e9f4' }, 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-configurator/tet-b2b-configurator.css

@@ -408,15 +408,15 @@ button.button-reset {
   flex: 0 0 calc(30% - 0.75rem);
   position: sticky;
 }
-@media screen and (min-width: 64rem) {
-  .cart {
-    max-width: calc(30% - 0.75rem);
-  }
-}
 .cart--edit {
   bottom: -1px;
   top: calc(var(--b2b-cart-sticky-top) + var(--b2b-cart-offset-top));
 }
+@media screen and (min-width: 64rem) {
+  .cart--edit {
+    max-width: calc(30% - 0.75rem);
+  }
+}
 .cart--empty {
   display: none;
 }

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

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h("section", { key: '326aaa3f71423e90e2b453e5cc8b1df96689a8bc', class: "container" }, h("div", { key: 'f51769d2182670107b7a43467781160486c0f029', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'b4ff5d39a203c91ade560be83be338166d8b9ff0', class: "calculator-block" }, h("p", { key: 'c1e8ac5d2b37d8a324acf7b3da046c29e1383c75', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '81d57baa4df911bbeceb6ba2a6c67bcd07a09a90', 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: '410efdef7d65e976e94dd7040c4d7faa1d52e32b', class: "control-container" }, h("div", { key: '931c43b16c415ab0075a9fbc9f4710210ed0a5f4', class: "control" }, h("tet-checkbox", { key: '6df1d34cb7670a01213ee83f8c3d33529f13bef6', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '1584213b5b9f61d97be033f37e1e0d82dafedc78', class: "control" }, h("tet-switch", { key: 'd02d94c371e55119eceea25d187346cb13cd2071', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '4a2b3bd7bdc6f893e644480e4d234f140df41931', class: "monthly-payment-block" }, h("p", { key: '390d38acfbc980da72a405639ff1c5b14bc6402a', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '5c159aef3379a1c4c321959c9512dc733d509ebd' }, h("span", { key: 'd84fc849ac203fc4fe0199759263ee39959a594d', class: "price" }, this.totalPrice), h("span", { key: 'a8cf396d4fa1ea083833dd276fb45b0c6d73e7c2', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: 'b90bbada44b4c11a732a82da2e23c987a93df6c9', class: "container" }, h("div", { key: 'fb14be59ae47bd60c35d6be467cab6e044a4f81a', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'cbcb289435248865a5dfc2a553fdade339427631', class: "calculator-block" }, h("p", { key: 'ae264205c31cc56004293cdc469ec367aad7e234', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '5b2cb56cbd451b2501b0c8cc8d99f373862afb8b', 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: '94383666dd65b6467ef222f986f3bd9c54d196ad', class: "control-container" }, h("div", { key: '6407af442142592aff065aebf7f82dc08d293001', class: "control" }, h("tet-checkbox", { key: '5e24eb2084003e2a286382161bdc1b9924f76964', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '0f60d845e82d612901b90787088d0cc87a96b026', class: "control" }, h("tet-switch", { key: '45b990236d805924b92264d4ba9ece7a99e56a56', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'c5ed38c040d9ce8a57437d8df4de2d7bb9593f71', class: "monthly-payment-block" }, h("p", { key: '5019a3914b27be60b92dfe3fd864e05fbcc549c3', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '3e69a588787092aa32111cec93421197f1599b04' }, h("span", { key: '45882224f9f3a10b80dfd05d1afe79af9b604d8a', class: "price" }, this.totalPrice), h("span", { key: '1bc42a6911eab441f998f714e91633e8be1734f6', 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

@@ -46,7 +46,7 @@ export class TetBusinessLines {
     }
     render() {
         var _a;
-        return (h("div", { key: '373ee3335a2e897763556faedda0720e437f5894', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '1d4b289bcec43264aa7f12d2bd82aa300638b0de', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '9fb0f9c27ef2d61a576151d7bbe60c46e4c14d7a', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'e0e8adaa7ca87200b79da220bfb1d3ad4ad5ea0f', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.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: '0c5eb1c84e6e12c139d336156876f885e8e1898a' }, h("div", { key: '9248d0401161eebfcfd10501d8dd6f6ceabe175a', class: "variable-container" }, h("div", { key: '61bd6a861a441a8aadde002186e9457d914ba865', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '043c430f505327a438222f84b4f73a91756334ee', class: "container-section" }, h("div", { key: 'ae0be152784b0e8a9e26ed5e673a9b30e60399ad', class: "variable-name" }, h("div", { key: '23fd45b7c6613a18bc6506424a2f13996292847d', class: "variable-part" }, "tet"), h("div", { key: 'cda3e2cbf73ac3566d4b4964b228e3e48896ce3c', class: "variable-part" }, "-border"), h("div", { key: '27f6b71a88fa0b11b0c4685b4b18c43473423d01', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'e5aa2b931e3c1d6dd34fd1519f458f4e41c5fa7d', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'fad020daf0f44bd1efd666e5ae411ec011d27c59', class: "tet-fonts-container" }, h("div", { key: 'a88e76bdc8b5d9fa04a0e0573c45b737c6b5f8f2', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'ccfbcefd5f05695551d9cf457cc79ef3d369088e', class: "section" }, h("div", { key: 'a1973d56c4750d9092ab90e116d63cc5cf220f81', class: "section-variable" }, h("div", { key: '236333eaf96e2b5fb5fecf0ad19b061c33e6aa52', class: "border tet-border-radius--xs" }), h("div", { key: 'a92a1a73f2fd5064085739390bc0db07f87f5fc9', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'e0d3ff6dcda4c447af035ba3fb002fae6f0273e5', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '5420af14d7b7108aef3623b466f64891917d9c39', class: "section-variable" }, h("div", { key: 'b2e230c6db68fa056d978d73b29af7af84e5d3eb', class: "border tet-border-radius--sm" }), h("div", { key: 'bc9e400dcabe3ea2762214ace88460c7d002353f', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'd879a43edf304ea81966abc095d288615e0ecdf3', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '2d8b7886bb4fd1b485d3410d821d5d044f29ea23', class: "section-variable" }, h("div", { key: 'cc11f623e5961d2db0add84c09cdec8df723faaa', class: "border tet-border-radius--md" }), h("div", { key: '6ffb3fedefffceeb5c33248590e8fc960b531173', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '9416af782ca35536e6307cb447bb86088b510577', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'f8b41b2d8b853234822373f27f7a4d33be1dac27', class: "section-variable" }, h("div", { key: 'ba086e73096f88b012543f050301088d83d08d4a', class: "border tet-border-radius--lg" }), h("div", { key: '8cf744af670b89da06d651fe9015fb7c49b022ad', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'f798358f8ddeeb92cb36fe1d4f4b54a2855d8bc8', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'eeed99048ab43f86ba0ae5c059bc3f1de84be8a8', class: "section-font-size" })), h("div", { key: '3f984951f3deeac4522ce3284dd795697e92835d', class: "section-variable" }, h("div", { key: '500eaa605db810378b1cd42595721a992010f94f', class: "border tet-border-radius--xl" }), h("div", { key: 'c6066d4b0c9f9a5fba13cfbf67cca06c3d8b228d', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'dd02e958c143326db12a5e0268d9133e8c7b6ecc', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: '7378875bcbd5a1d82ffef794fdedfc85c85b94d8' }, h("div", { key: '51f9d8d523acfcb51975118e675cd8c55e80263b', class: "variable-container" }, h("div", { key: '11a9d4570b5f1c9e6b54b9592900e7c93ca35ab7', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '6207ff56456545d002b04c64797f99987d21d500', class: "container-section" }, h("div", { key: '96723250a5a61a0d028c5781bb046b3c07f8f95c', class: "variable-name" }, h("div", { key: 'c36da0cf34a258fc84b93b8b07744c800bbb6c00', class: "variable-part" }, "tet"), h("div", { key: '6e35273bceff85d4aef427ea9b7fb0ca1b32b05e', class: "variable-part" }, "-border"), h("div", { key: '5c8674d75c7e0d253b6372c67132ec42a0857a96', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '9c35db215b70ae63e2813da73570eb3ff7f4b518', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'a53ab502110ba2d7a23d572bd79bfa58abc235d5', class: "tet-fonts-container" }, h("div", { key: '1349bfa122fb0974bf20c71b9cfe01fe1c9f4c6f', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'e55662dca0fed998f6ce50e7a9a3bdbb4ddde871', class: "section" }, h("div", { key: '9ff6a0b16209d4cff6851fb2db9d39ad6f5869c9', class: "section-variable" }, h("div", { key: '58979fccd28aaffa17667fb1b187bbcda3562b8d', class: "border tet-border-radius--xs" }), h("div", { key: 'bc3d67d75d8de1901a9703abe72657be952f9522', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'f19f56b0ea7d8c1d0c2da42710e89dc213ac86ff', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '9b579464c84a426dc334b730aa4679b21661bd2a', class: "section-variable" }, h("div", { key: 'e8af0c65675a73041402cceb01fd14bfeff380a0', class: "border tet-border-radius--sm" }), h("div", { key: '7db564233c1c14c7125383928eb6c846e284c7a6', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '3e36a17a82a14b885caae21a9d941587b50b9baa', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '49c5543603874906f954833c445c97096ad86e21', class: "section-variable" }, h("div", { key: '8e5e78cc83e4eb8508b4035087095f1309241404', class: "border tet-border-radius--md" }), h("div", { key: '53caa4b1c6bc359bb1772f1470870a9634a1379a', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'b0d86f66a15a0081480fb389809bc4117cddfc9e', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '20f78531b824ddcb724e6934e13c0c1786dac384', class: "section-variable" }, h("div", { key: 'e8e5ee6f18825bc664217b10d789492bda152927', class: "border tet-border-radius--lg" }), h("div", { key: 'd90b15475eb5c3fe3a9d471ddb8d2c8f90444991', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'b02b1895bc13e9f2747a37bff6b5b47956cc7705', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '48ebd9f825d53bd6b77c5bf43552a501dbafd10c', class: "section-font-size" })), h("div", { key: '3ece553371c3652a980e2ecc0cde4ca3dab8caf2', class: "section-variable" }, h("div", { key: 'f0f065a997ebaa7d4827178f9a2cbdb26c5ac7d7', class: "border tet-border-radius--xl" }), h("div", { key: 'e7fa1904bff28b385bad9492f2adaa2f61c630d3', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '231f13bd71ee10e65a913d6db75f6217698a7a32', 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

@@ -46,15 +46,15 @@ export class TetColors {
         this.darkTheme = false;
     }
     render() {
-        return (h(Host, { key: '723dc403af8aaf74e5572a9fd9101790d553f27c' }, h("div", { key: '29ec2f6b443be1b763a48088a8c19be91ee8d355', class: {
+        return (h(Host, { key: 'a4644e7acd30eea7e9e3cbf38a4e5a0c922d28c7' }, h("div", { key: '5eb911fa38f2594fef3f275526a570b5a849ea6d', class: {
                 'dark': this.darkTheme
-            } }, h("div", { key: '90b484c14e6b34c17305918db8d9ad125c971f49', class: {
+            } }, h("div", { key: '20986bb91e7477cb32e1a472e21bb2bb229a8644', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: '163fd5a37229c300029c6185956d229b3d18303a', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '548a5a88adf3d867e62019a954e325f54253c757', class: "container-section" }, h("div", { key: 'dc7f365e9781d899c0a76b2c864e448f45ae13a2', class: "variable-wrapper" }, h("span", { key: '30f6c33a6544fcd90625a0868434444f1cf8ecf2', class: "variable-name" }, h("span", { key: 'f51fd2407e44ecc6eddbed81d3b76bb8288ea975', class: "variable-part" }, "tet"), h("span", { key: 'a41a3e59333196cbea2e98677bb778fd0d6cc260', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '47fb100259f88e16b2e44130572c67c30e5768a0', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '65b5f79ea6ddcd28361044a63d568eff6a67735e', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '152d8ca1bf8e4e403803e6a9495897a7d1978455', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: '678667ed47446baa4cacc0388e52ccecb0730ba5', class: "container" }, h("div", { key: '6ba84f0d08d6426996bfdd1fe504abf121b5f43e', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'cd0a0046e51b96e45a8ddfa2963f36db7a494939', class: "container-section container-example" }, h("span", { key: '822c970fe0b148d218ea35b54820d9c5508b61ad', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'ba8d833054314f2fd85f3c8850af318fa0a0e725', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: 'b7969688e32b424428290b8c5d5e08e82a8a0c2c' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '445dd8f9e82e4ba1021a2a95ed428f9fff7e8b5a', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '540dcd6808bda4731ae11abfcdef3fdc8b0ad300', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '43447b4eac32e910259412eab88f5db2a46f165d' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '9d3776ff0ea4ed6ecfd362866d3ded79b01307d1', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'b98e389879beb5be9d73e53e873f856269f40c6d', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '925af80f6828a9e686dc34dcf53ae253fee93b66' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '72903c087c5925acb072c2b8850fc50ea3238937', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '841a0ddd68a0361a9c8809e49ae59c762ba8f9c9', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'e026d6c1fae6119b6e57462d13510ae8946e3dcf', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'ee8bc5754f6669a364ca3385cf32a3d66350dde2' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'bc970d1e27922f91d1c99491ffce546bd10628e9', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'cc306c813566eaee7dbed4bac4690b8ffd1dfac1', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '0f6225c1931aa5a40f4ba23ff680d868927097d0' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '58105a1dd9fc3c9c6ea2c8ca29ac9bf8abe8dd0b', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'd62ffab4d99e465f51fe60b1aab4fc51988b18aa', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '91e03960f11d6bd834b086d50f72e4cac657c397' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '95a6c1b599dfa363ebdff992c3ad728b94dc5a48', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '4ae5bd03851d56af1b7e9218b226fc1c4d2676e8', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '9e6b8b4faed44e6a4f475aac0880cf12bb64af36', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '9af2f03684c8cb829c9e52b9b6a86ed36e090dfc' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '3259bab42804113e5ef01f29af8a7b4b21518cb1', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '8e60801146a8975dbb188f4dd55592c14499531d', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '157e0f6f423ba67913fda4162e820a0b6b37c17b' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'ac6a5cc0d8161726fca9c9e0859d5484bb00932c', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'bc8cc192246b7791c01d680ca33fc7a7d38bc1ab', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '1d614923bd5cd231d7e839e9a18d36b0a5be6e84' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'ad1cb22e636c5074bfee48e867f61e6a4c658082', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'd352934887afcc84ba955e886e944198c4bee3e8', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '587633a144ea3e1439a392a644b9085e60daad05', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '888e723df56a3ce8a28eeb89c16ea3e8198637ce' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '7af656d9b5b3eff9eab788a1e95f82b0c6e5b4db', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: 'a8ff6234c0dbdf6f1c336607e7183d97108b757a', class: {
+            } }, h("div", { key: '9b5e0981b2187cd447d4b8530c43bc6c05226908', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '6c5b49894cfa90a6292054288717ce32d8704103', class: "container-section" }, h("div", { key: 'dbafbbaca9b9f8f4cd36db93eca9aa36c0a3ecbf', class: "variable-wrapper" }, h("span", { key: '3823803b392adfaed03a7965b52419d873acdd71', class: "variable-name" }, h("span", { key: 'cab7e33f04365dbce2a85a0e336de78cc083e352', class: "variable-part" }, "tet"), h("span", { key: '4523a4c2779cbdb0e980c417ac458cfb8fc7df78', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '0ea226762a2b15b6c602a46c0971adeeb421aac4', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: 'b8c7a738f25b181db61f12cb09b8bd58089ff426', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '07d5c49dd1415b98d53ab6d8a8eeeee43b07ac07', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: 'e3bab45c6cae0e4164de03e18d712057b77b4e54', class: "container" }, h("div", { key: '0d90b420af41bfecbeb833729f8ed599dcc91f57', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'c61a74c6fbb3fb218168f8539b6cf3854f53e9a5', class: "container-section container-example" }, h("span", { key: '373575fcf77dd1bb3a0b597fe75e0ed75955abfe', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '78135ff6af344e716ccf6ca6c77a543d496493af', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: 'bb90c5252163dfe914539ff614de4dfe18565ea5' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'a45474c8988fc0b9e8dc99e357c9015fed57a99c', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '5aa3eb07e1cf576e9b56ae0989b1858ad95d066f', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '4bf2e19e7e6436e5e41a44f146fae7300506c2c6' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'b0ce1d828d01b54899afafebe30e36ab48557c0d', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '6b714e093bbd7e79defc912d68505017cf6b9269', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '570535a8092b27bca6bdc0df61853408e6c75498' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '8a400ade570e72fa6ed200ddf5e2a8973bc4b498', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '5b9309c9f7db3a11fcb2f3ce61aff036de5525b2', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'de723b29ff2a5fb25db00addabab69dabcd883ce', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'b86b248d907c2e40145859dab4e88cfeca154db3' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'b88fab7599cd4263d153e69626891f1bd24a1a38', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '3249261a8116ceef9e4eea7e687d1e21e5d0bd95', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '08e4dbcbfc555425e19c4c14cd5a9ea2e9dee440' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '46c5bba5e1b0246de2a2d68c26991d1ebdbf62d0', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '812d29d74f58717be6a149ef74387001a0535b62', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '8e267bfee45ee58957c83222985b9377aa27830c' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '456653b32c6d1448e9a208905435ca457d35b8c0', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '5bc2468e73b5debf6a195edb1c51dc74a034f21f', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'ad9b4b669dce4d7649100549f6ee7e64b80e1e74', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'e98404613ea717d8381a13339eceb7533d62d308' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '19a4bc54d1594d91747e84e3f1af93a4dfed2124', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '59e6ca128547b551ea2d50fefd946345f3161a9e', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '7e7fe52c440e800ea9c60ac78ba870b27fc9bb48' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'a1bef0bc7da2117a9c722c30709fa8dfa7c49bab', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '1863a344a7d344911804a617acd6e03b57b33129', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '611536db2f74f1f0ceeea63aee23efe04a255d8e' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '921b36ae5f08d2883d5c184e1bd820c03e3e5012', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'd8ada97f988e09bac6eac409cc8646c6f71ad74c', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '3b73a88f24f7af5c991cf592f0bd257fcaec5cc2', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '0bb76458f184cce79afb5de5a00fc13f0299100f' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '85fee7c09937d01c25bdd0dec41fcde9fb256b7f', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: '8f9a92da379e4afb3eb60876d9aa9569d0aff263', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: 'cc3150ef8d8274203b109f21c4bc77359f78083c', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'e711a5fd4de26bee5e2b3f6d3ad169826c993fb8', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
+            } }, h("div", { key: 'c506c96a2902852966742ade6e0bc44661744bd9', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '3968b1de4c531cdb6a194b8fe39f80b14bd83701', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
     }
     static get is() { return "tet-colors"; }
     static get encapsulation() { return "shadow"; }

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: 'aed273ad327e9a9e3a158fccc9f6f6206376f251' }, h("div", { key: 'bbb7869f28637a63ab839e210df27e9cf3835f1b', class: "variable-container" }, h("div", { key: '594877478d3fa7030043deae1f33dd952f520145', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'd6bce2cbd99de6390dd3469cd31ac6c2ddf16d50', class: "container-section" }, h("div", { key: 'e92e1c5928a7d7659405a55154a8da323c96b740', class: "variable-name" }, h("div", { key: '0f38fe7fcdb7d0e08a4abe1cfa6a8bb83bfc2c4a', class: "variable-part" }, "tet"), h("div", { key: 'e1944a8c2fd786c71785df10a94bf943ec84d7b6', class: "variable-part" }, "-font"), h("div", { key: '3abb6ec974ba157e0b5da6ed650a4f85ee8e05ce', class: "variable-part" }, "-weight"), h("div", { key: '3dff89c9a2b25a695737e6d62b54e842bf410de0', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '1636944c5687c4f5f392e68bf3e8f9ac9a76b4d9', class: "tet-fonts-container" }, h("div", { key: 'd4fb92068e83ccbb5834e2aecd8ae25803fd983a', class: "section" }, h("div", { key: 'ab71ba8c660db18e2192fd8336430e0a2cb2f7b1', class: "container-title" }, "Fontu biezumi"), h("div", { key: '098904259e01f6fa943b312e4ad23e27e1d9b75d', class: "section-font" }, h("div", { key: '8dbefc913ae934a6310e6bd43baa557bcd0758c5', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '3248358216d774eec74099bc493774f5758ba8c1', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'e4571a342334751a31cea6fa41b223c1df2787d4', class: "section-font-weight" })), h("div", { key: 'be305ea8f3dd6d26fd548ddfa8c5bbfb9fab21fe', class: "section-font" }, h("div", { key: '231b4d5a78a36032f84c3c62c13a434aabdd3a9f', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '1946575cf57ea6ec4fddfe768e31858f8ffb40e0', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '8d4b9587b48784465ac88edc62a808396b951572', class: "section-font-weight" })), h("div", { key: '38b5e03e43fc2bcb034df297f6ee68774594fda7', class: "section-font" }, h("div", { key: '11aac0e997f325ebb75e455d544e4d312ff260f7', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '63550bd87c7ad29e5f987ac47f5cbd2721c0e435', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '12c60ffaafa7ef37123cb366b332f6c5100f3aef', class: "section-font-weight" }))))));
+        return (h(Host, { key: '437890b8f65b447175ba5ea29c16e43a2db5b7c1' }, h("div", { key: '6814efc3694b3232fe2e760d744939aea31cf2c9', class: "variable-container" }, h("div", { key: '9f54d7b637286f52841da5b2de1a3261406e7735', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '79af5ab9d9b74c24400b55230a78aafd9329ae40', class: "container-section" }, h("div", { key: 'c7f74d05a64a00ce7342c019223b32e704204695', class: "variable-name" }, h("div", { key: '7a914f8fd8f54018395a1878ee2e4100d342c2bd', class: "variable-part" }, "tet"), h("div", { key: '3633e5ad940a1c4d90747c900118c70ceb7c2444', class: "variable-part" }, "-font"), h("div", { key: '1ad3deb27adf31f91c9681bd24a34e95182d64aa', class: "variable-part" }, "-weight"), h("div", { key: '801576110b9a30188c3621714dcde34d1925cfc1', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'aa5b97a167b95389b14b17f31e1d2dcd758cc622', class: "tet-fonts-container" }, h("div", { key: 'ccbe6a31df505ed2917192db3b1a8ce64ec25e53', class: "section" }, h("div", { key: '4d5c37c5cac43c8da7c6cd63b0a650193b57efa9', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'bbda4e3974c03119c619af27b51fe906ef816875', class: "section-font" }, h("div", { key: '502e0712c4bae8554e7cc2cdaf63f68a2216bb70', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'a9aed24f2c9550ce50718044bc3d40af39fe88ca', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '7a1ba6390b7abd7384e3b2d5c781171a72d6f6a5', class: "section-font-weight" })), h("div", { key: '0a176147a4df3722a2a6445a99341d6a8edecb9d', class: "section-font" }, h("div", { key: 'f94402916695b649452a54977694d69304ab20d1', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '5fb787904d2f3716591d8a0ee1ca4bf589c79f9e', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '7da91ae1fc687424c038f400cf02bcab56f2cb09', class: "section-font-weight" })), h("div", { key: 'd00a25a24d4909ebc1daeb986423f46fe355155c', class: "section-font" }, h("div", { key: 'ca4141a67a8272c265164aba21f1b6b0b578e880', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '5e9e2149bc07c2e1a130693332b740db2b7424df', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '6fba6050a7955d01059d94f6ff443c1ea5e1c80b', class: "section-font-weight" }))))));
     }
     static get is() { return "tet-font-weight"; }
     static get encapsulation() { return "shadow"; }