@tet/tet-components 1.3.68-testing → 1.3.69-staging

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

@@ -353,20 +353,38 @@
 :host {
   /**
    * @prop --stepper-step-active-color:       The color of active step line and icon
+   * @prop --stepper-step-active-color-dark:       The color of active step line and icon for dark mode
    * @prop --stepper-step-non-active-color:   The color of non-active step line and icon
+   * @prop --stepper-step-non-active-color-dark:   The color of non-active step line and icon for dark mode
    * @prop --stepper-step-check-color:        The color used in check icon
+   * @prop --stepper-step-check-color-dark:        The color used in check icon for dark mode
    * @prop --stepper-step-description-color:  The color of step description text
+   * @prop --stepper-step-description-color-dark:  The color of step description text for dark mode
    * @prop --stepper-step-title-color:        The color of step title text
+   * @prop --stepper-step-title-color-dark:        The color of step title text for dark mode
    * @prop --stepper-step-content-background:        The color of step content background
+   * @prop --stepper-step-content-background-dark:        The color of step content background for dark mode
    * @prop --stepper-step-shadow:        The shadow of step content
+   * @prop --stepper-step-shadow-dark:        The shadow of step content for dark mode
+   * @prop --stepper-step-attention-color:        The attention
+   * @prop --stepper-step-attention-color-dark:        The attention for dark mode
    */
   --stepper-step-active-color: var(--tc-blue-40);
+  --stepper-step-active-color-dark: var(--tc-blue-40-dark);
   --stepper-step-non-active-color: var(--tc-border-tertiary);
+  --stepper-step-non-active-color-dark: var(--tc-border-tertiary-dark);
   --stepper-step-check-color: var(--tc-layer-primary);
+  --stepper-step-check-color-dark: var(--tc-layer-inverse-primary-dark);
   --stepper-step-description-color: var(--tc-text-secondary);
+  --stepper-step-description-color-dark: var(--tc-text-secondary-dark);
   --stepper-step-title-color: var(--tc-text-primary);
+  --stepper-step-title-color-dark: var(--tc-text-primary-dark);
   --stepper-step-content-background: var(--tc-layer-primary);
+  --stepper-step-content-background-dark: var(--tc-layer-primary-dark);
   --stepper-step-shadow: var(--tc-elevation-one);
+  --stepper-step-shadow-dark: var(--tc-elevation-one-dark);
+  --stepper-step-attention-color: var(--tc-yellow-40);
+  --stepper-step-attention-color-dark: var(--tc-yellow-40-dark);
   display: flex;
   justify-content: center;
   align-items: center;
@@ -377,13 +395,14 @@
   list-style: none;
 }
 .stepper.dark {
-  --stepper-step-active-color: var(--tc-blue-40-dark);
-  --stepper-step-non-active-color: var(--tc-border-tertiary-dark);
-  --stepper-step-check-color: var(--tc-layer-inverse-primary-dark);
-  --stepper-step-description-color: var(--tc-text-secondary-dark);
-  --stepper-step-title-color: var(--tc-text-primary-dark);
-  --stepper-step-content-background: var(--tc-layer-primary-dark);
-  --stepper-step-shadow: var(--tc-elevation-one-dark);
+  --stepper-step-active-color: var(--stepper-step-active-color-dark);
+  --stepper-step-non-active-color: var(--stepper-step-non-active-color-dark);
+  --stepper-step-check-color: var(--stepper-step-check-color-dark);
+  --stepper-step-description-color: var(--stepper-step-description-color-dark);
+  --stepper-step-title-color: var(--stepper-step-title-color-dark);
+  --stepper-step-content-background: var(--stepper-step-content-background-dark);
+  --stepper-step-shadow: var(--stepper-step-shadow-dark);
+  --stepper-step-attention-color: var(--stepper-step-attention-color-dark);
 }
 .stepper .step {
   position: relative;
@@ -426,6 +445,14 @@
   border: 0.25rem solid var(--stepper-step-non-active-color);
   border-radius: 50%;
 }
+.stepper .step .status-wrapper .circle-attention {
+  position: absolute;
+  width: 1.25rem;
+  height: 1.25rem;
+  background: var(--stepper-step-content-background);
+  border: 0.25rem solid var(--stepper-step-attention-color);
+  border-radius: 50%;
+}
 .stepper .step .status-wrapper.active .line.top,
 .stepper .step .status-wrapper.active .line.bottom.next-step-active {
   background-color: var(--stepper-step-active-color);

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

@@ -13,6 +13,9 @@ export class TetStepperV3 {
             if (icon === 'check') {
                 return (h("div", { class: "check-icon" }, h("tet-icon", { class: "check", name: "check" })));
             }
+            if (icon === 'circle-attention') {
+                return h("div", { class: "circle-attention" });
+            }
             return h("div", { class: "circle" });
         };
         this.renderStepTitle = (title) => {
@@ -25,7 +28,7 @@ export class TetStepperV3 {
         this.theme = 'light';
     }
     render() {
-        return (h(Host, { key: '282ba95f774c63f1969f57e067dc52202fc21dae' }, h("ol", { key: '6755cbf07787ff5e8c1c5a0217177ecb316e4401', class: {
+        return (h(Host, { key: '659da09993c204f27fc5e58c155626ac6c3f648b' }, h("ol", { key: 'dd5100182342aa9d98ca2bab207dedefbae41289', class: {
                 stepper: true,
                 [this.theme]: true
             } }, this.stepperData.map(this.renderStep.bind(this)))));

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: 'dd3d6df1e9b81bb1c93d0e47c7f0547827808999', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: 'c68d506163a783fc0d1ee09ba785827090223e89', 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: '19a65e793cbbfc23184949d27b2e7127f44b1c72', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'aa8d4e36c4e96d039af7bc7b6c21ac2506e679c4', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: 'cbf8124968b347d33798891ca101b3bc5a82e227', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '1ab1ea688be611db08612db0e702acc4e0637e69', 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: '161c33bae077116524b26fa98b7cf294be9c1da3' }, h("div", { key: 'e7202e836e839c7470aa05e9ce8937ce108b96f7', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'eeff6f84cb624a4916579a35158209d1d60099f7', 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: '184b7b5baa640292464a1e55cf341e08778b88db' }, h("div", { key: '84e81ebb17564757a8daeb331b7bb55c590f707f', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'f1ffc5d35588d1f4d5c7eb2f6cadfc27bd77c1c2', 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: 'ea0e5082cffd00156222d81bdbc752696b890485', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '0f78f3b5101e0c7ea03aaa947bfa740a5c8840d8', 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: '76092f42ae165a9310c5e003faa830152b761de9', 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: '81e6d7dcdffffad028d6d1e59a43501aad4f924e', 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: '184e120f94c40e0e527f3c99df5e9f3b4e7a7d1e', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'b9533f8a8e9e9f34f4c5989906d86b3e69a114de', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '16c2e07f3101b65ac161d1626a55516cf32f3291', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: 'deb2f731cc3ce945847f887086557fc16a15a38a', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '49b2301cb5679e34b67d0593920e899406ca3f84', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: '554e91aac2540ea427cfbdc2b51b093ca022f625', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: 'f1f64dd90064055b53d59494d7c61e59b392ca56', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'a7bc3646c80835be83cfb40de82bfb7c19db010e', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '4723662772e7b87cb41ce1636953d2510e427f56', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: 'e4a5fe54a0da394a6309f1a7efd43d211efed611', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '155df5487ea012fe2f4c0e98fb82eebe82228978', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: 'f65b6a0bb09566ff79d0669d5174fd04801b026e', 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: '00b1d50e4efd941c00a1e26cf0ae86c2abb82ba8' }, h("div", { key: '3c8acba2b662d2d5fbb9414a1623297a4c635715', class: {
+        return (h(Host, { key: 'fb9bab8d2cef2403bb42584daaeae7e2a68ddfe1' }, h("div", { key: 'f4e82592bc032aa9744307569ea655091df088f9', 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: 'c7281e985791429ba0e3f5aaebe57b6e128dae3d', class: {
+            } }, h("div", { key: 'd5e4d2f8ac062c3126c74ffd78dc6dfb3e0c711c', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", Object.assign({ key: '4193750e115da835f1b6c67d7ce16d031ab35477', "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: '959d63200eb12edad3f455b1a31f096cc5111e76', class: "range-slider__container" }, h("tet-button", Object.assign({ key: '609ec7359cc4f42fd9fd3d18186924f38c81d58e', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", Object.assign({ key: 'bfec93da1eb159defea695f8738305a772f2665a', "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: '88b0ca7f186c4814a62912d4e43593d07de8cd71', class: "range-slider__container" }, h("tet-button", Object.assign({ key: 'f993247f8e326448244df13f1295d973202a51c6', 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: '891a98217af7d7ebe3ce1ad4b332ec5486149855', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'cba5f5f60367c390d87200953a9f70f99535ecec', 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: '2fe229a0a5923fc27a33197ddf03b193c5baad77', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: '203aad232871a2c95c1ad670928a3b617f6486ac', 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: 'b834cd04623d365d3d46d426be42639b764d59db', class: "range-slider__track range-slider__track--background" }), h("div", { key: '722378e4e5873ff8450b4a359260959a92750cd5', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '3297735fb9477c4eb48d1e0746ecd019e564113f', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'e661fa058fccee09e2343f9217abe6eb64d42c0a', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), h("tet-icon", { key: '005b7d3a8a0a12c55a6ade0c0d2077067accdb3d', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'fcd1777c83a0ae1703033dbc84f5177fab0edc34', 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: 'b76d1246958d50bc6aec787cef38e79639a64e40', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: '8a255b6a36bda6f4f0ac62f693bfae172ae9bf37', 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: 'c16a0e75da9b2eacb96e8ba792b5a9a44113e9a1', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'f90666a19743272aa297d6c2b3ca9cbc50290065', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '9a7e7c9e7bc1a3a597bdbb0966d1c7409879bf4a', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'f0611e474923ca4197230932aa2970c375a514b4', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: 'dcc1f95cd851cd11c15542fcbfa34ead9d2edf2d', class: {
+            } })), h("div", { key: 'f1fa8f7432dbefb7fa4c31f1de799d51140bab51', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: 'd93ac01ff89b0bc5e821e74a12ac90afd3976f16', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '427fff99516fafbf11c2514ae4ae27c92df58145', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'bc0cdbca927170428a76f041b5157a67d96b140e', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: 'e0ae5a0da6f6a3db3c77344b6b95610124526b3f', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: 'c6ad44f4ab21af59a29634e6fc6435e6fd6061f1', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '705b2957e9aeea6fad93cc8baf76f428a9603d0d', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'c888809f5b7297d1796371ef325dea1b53e80323', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '2ba94f64cdbb68e62da3fd6c4b1ff054011554af', 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: '2c71e19bf86c9b96e223bbf817bc71a67af697a8', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), h("tet-icon", { key: 'e3679a0eb148f03552cd325af2adecac44a1a619', 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

@@ -121,7 +121,7 @@ export class TetStepperInput {
      */
     render() {
         const { onMinusClick, value, onPlusClick } = this;
-        return (h("div", { key: '184c36865414e31df862009ff5e7abbd6ae26e0c', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '36e1b4addf474e1cdf323fed2500845c3b13768e', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: '88800837a233e0654bfd7d5b472975f0012f4498', name: "remove", onClick: onMinusClick })), h("input", Object.assign({ key: '9efc8bb47dd6ccbfe9823b9db117587c4bc8e896', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: 'b5b0d843e49bf1f77f5094ed94b53824fb057509', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '7475cf843ee7e5ea01c3d9a303315647f8a49066', name: "add", onClick: onPlusClick }))));
+        return (h("div", { key: 'b5b6b0c0b43abd53d0c8be3fc0e93f63dbbddd1e', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '343b669b4f429ab023cfb945ff2bad87f47ee462', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: 'a4a46b692c97f95eb2b1c335fee99b9b1e0b2461', name: "remove", onClick: onMinusClick })), h("input", Object.assign({ key: '5f75a16606e713a28ff34d10ba294969f56ddd04', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: '8708aee887aa6a9be82ca17a87812ffb1bbfa91b', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '998787d5669045fbd722dbdfc6b6872fb44ea0b2', name: "add", onClick: onPlusClick }))));
     }
     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: 'c7cc598ae4a16df6b9b588b50dae729f29274a35' }, h("label", { key: '15a1f6195900b3ef41b198d444bfd0cd9c664e24', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: 'c5603b52cfae4d18a55dc9091db0b3d0c9d273db', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '557e680c5f6f0112f9df6efe8c535dafddacb4ea', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '3afeec5b2a464bc39991e8cfcc86dfe729979044', 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: '828e2110bf67a0b0b5062fc5db90ac3a73afed6c' }, h("label", { key: '2cd5ed9c2f70d5d05f8e3747a32816d6aaf4f782', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: 'f137686fd985dc532445b196a4cd2a4731aeb0a7', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '9ca27b54647cda8ba5e0b86888b394ec393558ea', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '5031b10d4cfc81d90dc4368edf2370170c3c33fb', 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: '4e53233579e9c1b0bdc21c96087e565b1d9dcf12' }, h("tet-card-list", Object.assign({ key: 'a7a6fc30a743edd3561ebb720f789c48ffb6802b', 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: '1d37d9b81413e4f1dee6a21aa1d22df27bfe1b26' }, h("tet-card-list", Object.assign({ key: '02e094daa77ee72f5ff4bc9a1dae08df7ba65d25', 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: '5e70f2cdbaac7eb99c995088aef8becae914d5e4' }, h("navigation", { key: 'bed2326b739f0e98783a5a08b3da99af90fa1c10', class: {
+        return (h(Host, { key: 'c30d284a25aa241cb46736d18cc0ddb108fe1e3b' }, h("navigation", { key: '0c7b65dfc006a80a38d73605e74f36120233a952', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'bd24e59627eeb6e76b5124892a15f8829d3a99ef', class: "navigation__nav-bar" }, h("slot", { key: '3217b90dea79143f536d1fb5910d29a484f84f85' })), this.isTogglerVisible && (h("span", { key: '47776d13e6603cda7e023fd62477de41ac14527c', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '5f6a0d1b6bb8c774946a86ec7aab1ad6a04acc00', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: 'f4894fc370dfa88915df1d49446227eb6e5a49e1', class: {
+            } }, h("div", { key: 'fb67018979e2403f7a06fd053f80a3784f998299', class: "navigation__nav-bar" }, h("slot", { key: '22aaec174a344c293b7bb877e243f7018918e9c2' })), this.isTogglerVisible && (h("span", { key: 'acede024a1b1659f20a6449ca3d0b2d09cf2ee2f', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '6512a143783a5b56ab1ef224713d54d66440f619', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '1bfdc22ed8472acae4c6bca483313052f7e256f8', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '83fabd91dbd34909b133fd6fc61c55825a4a37c8', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '99a6e4d2d613a9603277a47fc1d89141786b623b', 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

@@ -107,22 +107,22 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: 'f13a57e4478f9c0849f8d54eba97ced78885994c' }, h("div", { key: 'cc5567f09838821447f0773edff37526c82ce040', class: {
+        return (h(Host, { key: '4a393351e755bcdccd5abfcea281d7a3709e37f2' }, h("div", { key: 'dfef5574818b150bab68b0ad371d95c87ae7f9c5', 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: 'f56ab3049a7092c317c578d56046b0bce9ffa215', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, this.headerImageSrc && this.headerImageSrc !== '' &&
-            h("img", { key: 'e44c08897c0c85cefddce51f27fb9ad9fbab2064', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" }), this.renderHeading(), h("tet-icon", { key: 'd07dc2339f53264687496cbd878f33b6d61b8849', name: "chevron-down", class: {
+            } }, h("div", { key: 'b1c080b3bb6664b9e37e9a018c52c2787f892369', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, this.headerImageSrc && this.headerImageSrc !== '' &&
+            h("img", { key: '6d9859923ca1cb89b8b483a532590d556156a593', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" }), this.renderHeading(), h("tet-icon", { key: '7697efee24648c78024299e22687fe49218901cd', name: "chevron-down", class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })), h("div", { key: 'b275eb2ac14e2b21207318b8db0fadf7e1abdf7d', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })), h("div", { key: '1744e6aaba6e335a3a5bbe7d33ccc3ef8ca96d5b', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '25d404e128985ffad0345ec63446b351c16b04e3', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: '9fd1d305797d9d4e2360b7f38a1c23054d34fb7a', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '5c60e73688c7ec920d782a18ea08a8f40340a29f' }))))));
+            } }, h("slot", { key: '90a88998ef1a6aa984958350e04294a6b951baf0' }))))));
     }
     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: '36ab91b5dd7263f4e1b54facd3a50b4993c55444', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'cc9ccc2bbc264af44ab5f477636ecb23a80f39db', class: "tet-expansion-panel-content" }, h("slot", { key: '4a31547d65cfbd6628e40ad436224291feafeda8' }))));
+        return (h("div", { key: '7892c2be229bf32f0e40be7a558d3eebb694eb12', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '560b1fa9e9c2ee4b649b13aea657b6878df327f3', class: "tet-expansion-panel-content" }, h("slot", { key: '0853440a4b3b7498a0ac5239d8b357de080450f2' }))));
     }
     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: '89c13c3ab8784941e1f3dd648ed3263c42deea42' }, h("div", { key: 'a1f2c37cdc766324e43c49cc53eec31d385760cf', class: { notification: true, [this.theme]: true } }, h("div", { key: 'ddbc3929f4a71600356223b157fe08f83334b0c3', class: { item: true, [this.type]: true } }, h("div", { key: '0b7e1d79507b2dfeb5e57db54680c3b8c51e8863', class: "header" }, this.renderTypeIcon(), h("div", { key: 'fa09adc3ef763478546aaa09e00087875bec5ab2', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '3f8c70a399ff87d9a2e7e1cf5f47e5eb6b5cea74', class: "content" }, h("span", { key: 'ef430720c2bf32a5b956cd3a1e046617309842de', innerHTML: content }), h("div", { key: 'e6208a1ee54c02ef20855fc1dbd005bf23e04e77' }, h("slot", { key: '033fb18968c884bbc0043d2196c10110020a034c', name: "button" })))))));
+        return (h(Host, { key: '2104f59831aac692e9713b01162ff262c0a84a09' }, h("div", { key: '78aa75efea97477b5d7fdb8473e94ae3c5f963c1', class: { notification: true, [this.theme]: true } }, h("div", { key: 'cef18899214acee858ccecd046e41e3fc4e89748', class: { item: true, [this.type]: true } }, h("div", { key: 'f7829d9aa220e1b8be5fe12f0b195db1f09aac42', class: "header" }, this.renderTypeIcon(), h("div", { key: '8fddc8edad6897b452a3d159b40d7c0985fb8d35', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '91ab8b077686a89a4602110d919ffe477ca131f8', class: "content" }, h("span", { key: '99da43d16472ed8967ce1aba91b466c298303749', innerHTML: content }), h("div", { key: 'cbae17e6b3312dae60c7eaac810447fc660535e8' }, h("slot", { key: 'cf06cd14b267b91f83b132ff9e8156e0502e26ad', 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: '61bfc75e6ca7d956092be500066ef547102fa60a', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: '64bb2798d36fe1304826b31432f88fc3959d20e1', 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.css

@@ -363,7 +363,7 @@
   padding: 2.5rem 2.5rem 4rem;
 }
 .header.dark {
-  background: var(--tc-brown-40-dark);
+  background: var(--tc-grey-20-dark);
 }
 @media screen and (max-width: 64rem) {
   .header {
@@ -470,6 +470,7 @@
 }
 .search-block-button.mobile {
   display: none;
+  --button-icon-size: 1.5rem;
   --button-padding-small: .5rem;
 }
 @media screen and (max-width: 48rem) {
@@ -477,9 +478,6 @@
     display: initial;
   }
 }
-.search-block-button-icon {
-  --icon-color: white;
-}
 
 .filters {
   --tag-group-align: center;

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

@@ -98,7 +98,7 @@ export class TetAddressOffersView {
      */
     renderAddressSearch() {
         const clickCallback = this.checkServiceAvailability.bind(this);
-        return (h("div", { class: "search-block" }, h("tet-address-search", Object.assign({ class: "search-block-input", newStyle: true, theme: this.theme, addressKey: this.addressKey, onAddressSelected: ({ detail }) => this.selectAddress(detail), language: this.language }, (this.accessibilityLabel ? { "accessibility-label": this.accessibilityLabel } : {}))), h("tet-button", { class: "search-block-button", theme: this.theme, size: "medium", clickCallback: clickCallback }, h("span", null, t('components-address-offers-view-check'))), h("tet-button", { class: "search-block-button mobile", theme: "light", size: "small", iconMode: true, clickCallback: clickCallback }, h("tet-icon", { class: "search-block-button-icon", name: "arrow-right" }))));
+        return (h("div", { class: "search-block" }, h("tet-address-search", Object.assign({ class: "search-block-input", newStyle: true, theme: this.theme, addressKey: this.addressKey, onAddressSelected: ({ detail }) => this.selectAddress(detail), language: this.language }, (this.accessibilityLabel ? { "accessibility-label": this.accessibilityLabel } : {}))), h("tet-button", { class: "search-block-button", theme: this.theme, size: "medium", clickCallback: clickCallback }, h("span", null, t('components-address-offers-view-check'))), h("tet-button", { class: "search-block-button mobile", theme: this.theme, size: "small", iconMode: true, clickCallback: clickCallback, iconName: "arrow-right" })));
     }
     /**
      * Renders address offer available filters.
@@ -107,7 +107,7 @@ export class TetAddressOffersView {
      *
      */
     renderFilters(showAddress, position) {
-        return (h("div", { class: "address-offers-filters" }, showAddress ? h("span", { class: "address-title" }, this.address.fullAddress) : '', h("tet-address-offers-filters", { class: `${position}`, language: this.language }), position === 'filters bottom' ? (h("span", { class: "address-offers-info" }, t('components-asset-address-offers-info'))) : ('')));
+        return (h("div", { class: "address-offers-filters" }, showAddress ? h("span", { class: "address-title" }, this.address.fullAddress) : '', h("tet-address-offers-filters", { class: `${position}`, language: this.language, clearFilterButton: true }), position === 'filters bottom' ? (h("span", { class: "address-offers-info" }, t('components-asset-address-offers-info'))) : ('')));
     }
     /**
      * Renders the body of address offers.
@@ -129,7 +129,7 @@ export class TetAddressOffersView {
         return h(Fragment, null);
     }
     render() {
-        return (h(Host, { key: 'dfec453150121cdcf3326e2e12369f1835dd4b5c' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '1ff6a86713c15c8a30faae9c13c18ed091fe6bf6' }, 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 {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h("section", { key: 'aa4fccf26dfbca19d306f0f83f72c1ca5b98ef4b', class: "container" }, h("div", { key: 'bc0dd61b268c3bdd8004d8af28174570a6bd7c52', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'e14955d678b0b893326935fd6884ec09232d1363', class: "calculator-block" }, h("p", { key: '224ee54c61a504fddb8403ce3a6b9f9dcf71e290', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '97eeccf4c6b8348296890eb27cd640975a36254f', 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: '613f86ded5c0e5a99b397b6dd5393500081cf75a', class: "control-container" }, h("div", { key: 'b182bac62a0c80c10a1b0ba99ec93b642760f580', class: "control" }, h("tet-checkbox", { key: '4e0048f33de30b0c8edcf88d8a4d1a8c0288dd99', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'e0ed9608ec0db36880a0ef6fc1579623a8f06fcf', class: "control" }, h("tet-switch", { key: '1fb57510ee47ef287dd6bc17d103218b24df98d5', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'a05e53b75b0c9f7b6ce9e2c4aa8986154e5e1fdf', class: "monthly-payment-block" }, h("p", { key: '161088dbba33990524f1bb579744699414863cc2', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '314729f4b285f6a0d332166f24778daf35e5749e' }, h("span", { key: '922b743936072a1bc4e01c4019c641cb377e76c3', class: "price" }, this.totalPrice), h("span", { key: '3210093d5662cfcf9ebfe383f5d0a2b6af881b39', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: 'd854137c5372c3d6bef48f0022063f6f3761ca83', class: "container" }, h("div", { key: '423f75c89c19472e550a1b562deddddd97e4d811', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'cec6f9b87f47f643e91aa50d98f2fec6765394f9', class: "calculator-block" }, h("p", { key: '64bbe301adde6dbc38628376288907b6f427b733', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: 'a6dee44f9a050b95948c0b2754840a0ff71e1c62', 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: '5596e3b9510aec1d882642358534155717e8153f', class: "control-container" }, h("div", { key: '7993d61ee00930fa4c35b8bd0fda40e77d9f2859', class: "control" }, h("tet-checkbox", { key: '426f3a25cf0e92deaa7020227a1144a9abaea8d6', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '54bb26336351277103e1721d220ed38d3a21f286', class: "control" }, h("tet-switch", { key: 'f882d8440d890496822331b974129f718e590750', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'f4d792c085b058f776701c13df7adb3a557ace7f', class: "monthly-payment-block" }, h("p", { key: '5ff876bd778a95e3869f4fae5fd7a389182e663f', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '9ef7d60223435b556d14bf8222c7e913fc4591a8' }, h("span", { key: 'cdbffeb99679ec94dbaad0520a68864069a1205a', class: "price" }, this.totalPrice), h("span", { key: '9238ddec509279803220f234db13a627afb14c7e', 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: '57a9ae7be5c726b4a86d50c7c42e506cae2302cf', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'c34e7e7c8eb5f1cbf8a6c84fc5a1db46906b05e4', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
+        return (h("div", { key: 'e1a4aefd64fd73f6baacc13668cb9fdbaff36ede', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '0aeb81276017cf94bcac165265870c56756e1be2', 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/components/views/tet-thank-you-view-v3/tet-thank-you-view-v3.css

@@ -353,16 +353,24 @@
 :host {
   /**
    * @prop --thank-you-view-icon-color: The color of icon on top of main info block
+   * @prop --thank-you-view-icon-color-dark: The color of icon on top of main info block in dark mode
    * @prop --thank-you-view-icon-size: The size of icon on top of main info block
    * @prop --thank-you-view-title-color: The color of main info title
+   * @prop --thank-you-view-title-color-dark: The color of main info title in dark mode
    * @prop --thank-you-view-description-color: The color of description in main info block
+   * @prop --thank-you-view-description-color-dark: The color of description in main info block in dark mode
    * @prop --thank-you-view-description-strong-color: The color of strong text inside description in main info block
+   * @prop --thank-you-view-description-strong-color-dark: The color of strong text inside description in main info block in dark mode
    */
   --thank-you-view-icon-color: var(--tc-green-40);
+  --thank-you-view-icon-color-dark: var(--tc-green-40-dark);
   --thank-you-view-icon-size: 3rem;
   --thank-you-view-title-color: var(--tc-text-primary);
+  --thank-you-view-title-color-dark: var(--tc-text-primary-dark);
   --thank-you-view-description-color: var(--tc-text-secondary);
+  --thank-you-view-description-color-dark: var(--tc-text-secondary-dark);
   --thank-you-view-description-strong-color: var(--tc-text-primary);
+  --thank-you-view-description-strong-color-dark: var(--tc-text-primary-dark);
   --thank-you-view-icon-gap: 0.5rem;
   --thank-you-view-text-gap: 0.5rem;
   --thank-you-view-gap: 3rem;
@@ -388,10 +396,10 @@
   gap: var(--thank-you-view-gap);
 }
 .thank-you-view-v3.dark {
-  --thank-you-view-icon-color: var(--tc-green-40-dark);
-  --thank-you-view-title-color: var(--tc-text-primary-dark);
-  --thank-you-view-description-color: var(--tc-text-secondary-dark);
-  --thank-you-view-description-strong-color: var(--tc-text-primary-dark);
+  --thank-you-view-icon-color: var(--thank-you-view-icon-color-dark);
+  --thank-you-view-title-color: var(--thank-you-view-title-color-dark);
+  --thank-you-view-description-color: var(--thank-you-view-description-color-dark);
+  --thank-you-view-description-strong-color: var(--thank-you-view-description-strong-color-dark);
 }
 .thank-you-view-v3-stepper {
   width: 100%;

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: 'a439e43b5a72ef453626e3fb1725a1889c5c60d1' }, h("div", { key: '69cf11fd40b8c13488b1e6d081801d46ede9c57a', class: "variable-container" }, h("div", { key: '25f6466571248d471ea31e1bf2b613b7fa4902c0', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '66abb6d37fc3d4b7623dc42bff130032ae2ddd1f', class: "container-section" }, h("div", { key: '09c72cd5cfc101a2c340e08e5744d75c33f78025', class: "variable-name" }, h("div", { key: 'dd3745417a2b4f2b5b975296b86e76aff35be75b', class: "variable-part" }, "tet"), h("div", { key: 'fd6b83cd5d2bb7f214491a3f9d74e60744eebef6', class: "variable-part" }, "-border"), h("div", { key: '6b914b335fc1caa963362299253a9261a48300a8', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '83187a1845e273dba02f3c363522fa1aaabc38d7', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'cc29ef2df8a2d685e6674647ee4a2791bdc8d3f3', class: "tet-fonts-container" }, h("div", { key: 'd097fa4bb56f6d0a08b126cfba18d6be63772453', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '79b1c526aec711fa20bcb1f0400d1fe86076d766', class: "section" }, h("div", { key: '9924ef6c3100ed2f9101c6a5817177b443390b16', class: "section-variable" }, h("div", { key: '0ac44012e859e03298e8ecfe3224176f24c3a37c', class: "border tet-border-radius--xs" }), h("div", { key: 'b4b8d905c8510367bba14339cc31dff9b2d4ce32', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '828f9496da4b0294c5cb42a1cf8efef6cdb7d8a3', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '231e77fb5ff0e2f30c6a2927db3812356d737dba', class: "section-variable" }, h("div", { key: 'f4ae9b0cf3158131988b7bd89fb73f21f8045592', class: "border tet-border-radius--sm" }), h("div", { key: '71088fc41ee5532feff2ce4cbc90e068283fcbea', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'ff0d85182b5e4908adf1ebf3fa2b80ea6d37914f', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '6f48236741f7373023822111e1fe1992e8b8691e', class: "section-variable" }, h("div", { key: 'dc57cb8fe52fa51eaafce9b59ee8d33210bea0f8', class: "border tet-border-radius--md" }), h("div", { key: '4af76df46a6f6ba7f00cff5a524ed1abffd88940', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'd1e1e3b3d218d566325b4f9712befc9c2d364a1b', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'b483868b8dc90021f5f9981c775f791046421aa2', class: "section-variable" }, h("div", { key: 'ce042524252d5db5545f2a1f896d038a5d120b10', class: "border tet-border-radius--lg" }), h("div", { key: '64545bfbfb135ab710c652303f271fc44b5744e2', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '4cc1841eaea92e35a0cd7e99ee9cd3994beecfd7', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'fbc1be428999ad1d6e555024252d81241a7ed3a8', class: "section-font-size" })), h("div", { key: '736f647b0c0889db65de63ad36f11995fa5362d6', class: "section-variable" }, h("div", { key: 'bc3f06cd4cb17fac6ad17cc7548737faf56a8eae', class: "border tet-border-radius--xl" }), h("div", { key: '4777693a5db8f5003b0a11568f87cb81acaff6e3', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '19f1e74c4900508503fbb6f445e7a55d51c3c7eb', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: 'b070133c42f0d72359782d62f53a94a385861ea2' }, h("div", { key: 'c8199f725c4ba4c6c2efe02ff7287f6f69c00765', class: "variable-container" }, h("div", { key: '2e71e0ed32f84f26242bde1723a1f665f576c9e2', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: 'c34dc7aa4dc93b1122c1367f9c2a0de1700e83e4', class: "container-section" }, h("div", { key: 'e270b0d799f8fcc69fc582850ffa04cb5cd04bf8', class: "variable-name" }, h("div", { key: 'b672ea0dde887b2108d29e875170b7b9fbfd4919', class: "variable-part" }, "tet"), h("div", { key: 'a128bc91e36d2c1a2d22d9c4a6d1c2cb792f18f1', class: "variable-part" }, "-border"), h("div", { key: 'cdd12ac88c4709a471ade7a9c0257bf72a0370fd', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '1c9fdac2d3192849a10f14a6a40005eb959afd13', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '89c53fd9e40d9e247d2f2a12e20f0e580624cada', class: "tet-fonts-container" }, h("div", { key: '1721118622e1a66a637bedce4f4717f6d73e825d', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '164bfe00665daa7f8178030edf535cc425f0d7b3', class: "section" }, h("div", { key: 'fb424bb679f95bb86cdaf32a445cba182079458c', class: "section-variable" }, h("div", { key: 'e3a0b4f1ff75f74ed2392a937361a5bb72534df0', class: "border tet-border-radius--xs" }), h("div", { key: 'fda03dee2bf0939f95271d7b33a115f6cc06e3de', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'c640e09eae4ee84dc60d15fd7939567893df979a', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'dfbe5f315f058aa2386b9187385acfc7ca96ed83', class: "section-variable" }, h("div", { key: 'd7e7586198624ae0170d7708aa2014c973c4b4b2', class: "border tet-border-radius--sm" }), h("div", { key: 'd4b175e9f0fac3e699e50495b1e094b4f7fa1c0d', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '828f39894349bc656b9bdceb73462a21a65b6a03', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '9695258b190a262de8e9bb1d5d79b9c28fddf5c3', class: "section-variable" }, h("div", { key: '58171a226691700bd0111951eed4b032c97780d0', class: "border tet-border-radius--md" }), h("div", { key: '373dca57f4b22a43e5853c9302639146b65db045', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'bb3ccfd5eb4e14048782a10db3f89b24516d9b5f', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '964b8ee9e055df938c352c2ec25712d0ef8f153e', class: "section-variable" }, h("div", { key: 'b989c0ac19bff83369e9e69859f4c80f33ac6dbe', class: "border tet-border-radius--lg" }), h("div", { key: '57bd3a17414d3180a6f860ed554cdc65e2cd52c4', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '58f80a9b4633ec070eda6852f4ae00b081bce034', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '0c66d1aa237ed22fa9ef6127efe7514600ec3ea5', class: "section-font-size" })), h("div", { key: '0587980e1fb3f7a1b02cd80f70161226cfc82b3e', class: "section-variable" }, h("div", { key: 'f7198ed1b7cbd1261af063eba7ad4bc6948d6578', class: "border tet-border-radius--xl" }), h("div", { key: '9a49d07c150b8b8b67b9409720b3e514779ae778', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'da00d2cb7f70914184baf7062c5e74564a835278', 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: '4a911f38128cbe1f0696a3538c5ac9aac9be4743' }, h("div", { key: '3f42f8caae8752b3672f6658205db2631e9091a3', class: {
+        return (h(Host, { key: '5fcee78b146cd4c337a89f0222d99069c8b46f00' }, h("div", { key: '6004f61042f0e5b58914d7277797a401a1d40fa0', class: {
                 'dark': this.darkTheme
-            } }, h("div", { key: 'c488fb6a0d813f40d923ca9c1e186fb094c20e93', class: {
+            } }, h("div", { key: 'ff0a667210ed59dafb51749222c603f0cbec8f93', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: 'eeba7b0a80b8ec5f82b5ea65fc40c0b8d1f70498', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'a67e203d3fdfd52e772674bc952e47cefbf2cff3', class: "container-section" }, h("div", { key: '653188989a181dd4e09bbc4de80829a22ae95f53', class: "variable-wrapper" }, h("span", { key: 'b9c7387ff0469ad6a76b7eebea1805a56246b5a5', class: "variable-name" }, h("span", { key: '9a0d9e6808c5626d515e27668078b05daf401570', class: "variable-part" }, "tet"), h("span", { key: '9a26c8c352f125b43795c3ce7c2ca4c7c98ec8c1', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'b60d530c5a344116fb70a566e0ad533a27e13ad0', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '50cb0cbf418fe97986d23712afb46305b2daf912', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '5ee57e565d8dd076d9ea8e94ef3a8873d40e8511', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: '635cac2656a6df0469a79c7cbf140214f850aa43', class: "container" }, h("div", { key: 'a599fe5fe3bf8bfa2dd27b5667f23255c80a10b6', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'f28c3bdaf3dcb99fe0b27ecbd7bed4232c19f064', class: "container-section container-example" }, h("span", { key: '18ae0d1003d2e94cd8e597a3d387f2fe51070d0e', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'f3872a25bc40c55dec6e8e15dfd3445828e48063', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '4cd50c93bead5ff18dd73d7922972200c7f8a8d9' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '4c3f0edbaa485d766a1fe8a36fb83fcea8eaf7d7', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '2b32078f5a8f359c5b1299d3ba17c24b228c6730', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '6d2590af10b7c87c5e13d0a15c9a751fd94d5ca8' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'a1051eb8b960bfff35d7b7d7ba6c1d9e09d27148', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '37fdcf3dbca5573f76294e7856a5fe665a1716d8', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '9e5a81ad3827841bfb5e73f1688c34817234f395' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'ccc028debb5746c16633ee5661504fc9b55a3df5', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'ce12afd2fd59b415851e82c1cc0b37af8b1eb6de', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'f0cc7dcb938ad9d630d0d6451e6dcb3e43f2a3c4', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '636e41542aef8fef3f45a4e64ca86c371eaf20af' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '84264e792111ac9c01a2a996d394b5625d4026ab', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'e4f229d5e8489e32d8821e448f755ad30488e613', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '6f1f16a4ab3987ef4b0e4feba92ccff75d621baa' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'bb21cb67cde63881cefb3160f3d0b586c4945e04', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '0ea16c54b3715b1d56c1188f587900dd624c9c3a', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '8af813675c753c9aae320e5d97e463c973020e03' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'f502c15d550d929dd744e9e5ba3cb8faf93165ca', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '6d59f4c8e2e3a337b1292a6279f5a735cbd175ef', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '241b96843f4a422ca65a654fe2ed4a52f6864198', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '1429d8fe7c3284f90860fb49d56df4782858d01b' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: 'b3b973172213a1818f275bba4fdeffd959c2a850', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: 'fea28211949f989104a4a0af1241bb9d4884e5dd', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '7490c9089d84c155ef38099815e94a09cd647837' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '91bb6bd2faa868d6e92aeef77d44da9b0eabdce2', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '8b6e6293f6f72ab4ecf27de32d8a3af3c8010c5d', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '4ff1adc20ab1969dc35d56b72cf45f1da1c283a4' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '78d1a6ca941e14e330b603c54f88f0ddab0185fb', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'b59be455dadaea5f14af85a01efc9cc9ef459cd9', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: 'f593b5c0451b132aacb2b23eafd7cc9bef8c199d', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '94344ef7ada3acd633161af6aeb978719c61846a' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: 'b5101f8de894177e0636ccfc608dabf566b848f9', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: '017637e0c30bea9657d97ebe93d4ffdc26561815', class: {
+            } }, h("div", { key: '79b250f99544b37a516394e4853d63d91455780c', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '600773b3edd3213668d2fde3eff36fd3f59fde03', class: "container-section" }, h("div", { key: '36d6b2425d319dc8e444a9b28e97fbb72511b1dd', class: "variable-wrapper" }, h("span", { key: '6eb1b07bab124450325c6c139f4ebcf81772451a', class: "variable-name" }, h("span", { key: 'b622b4b7be547ab460a6332ebbcd06b7f3cbbbbd', class: "variable-part" }, "tet"), h("span", { key: 'ca7a137c0d88ab39d971eef72fa8d9a59ce4ab23', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '75078b60cff74cf27507dde172b9ac8b975d93d5', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: 'c4e5beef56057dc647ff02bccae19a3b67b11cef', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'c17bf0269086efd63b69c24878a3715c814a8c5f', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: 'c31abe21c3978436c414d0efe6226b36e418b972', class: "container" }, h("div", { key: '6e88d515e4cc7f217cac6236623b6276ed7ae379', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '4a8f6c97e87d9c5c84ab712ac16a930bfa0b3187', class: "container-section container-example" }, h("span", { key: '65fe19603fef2b732a99256d1a1104f1d772a133', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '439787096bdb1578b74d2f8a62b101a1d0072fa7', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '36a82e944d5bf745664e31dba046b17d28e2b5a1' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '98daa1bf76a96c7c6c7029befd1f7c1060063f0c', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '48b6673e36d13ab1f415d2fa4608b096c095cc9c', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '83c4aeb896fdf65fcd555b2db51eb19b518f36d9' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'cca64e5c05b24d83c9bbb6207c83c012949a57f7', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'bff5840247108813cb97993f97ea2dbb16f969fb', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'ef9807d524bb11d4a2625594f23216372b2f7a6c' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '3248dcb72a9e87714b56d36d4af1b1610d342fb5', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'bd20414e1beab24cad3cedb69c8542a418364ae3', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '429ebce65c0d83bf3b7838756da7e625f33466c7', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'c9e915e3396d7874b1780a28ff003031c764f4ad' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'e3ced53f9d574e44f712f2c7e0d371f7ada26fe1', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '4a317b67638abcaa7c258ae4cc51cdc98394d1d9', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '77604d6a2c7ff2b732876a72706e6bc79bde5347' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '2ca3b8e5d5a6bdfa5d6497c6938e36a213992182', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '5e250535e5f0082bc1dc17cf945696f1a13ef249', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '02bf714e8ab28fc6af0575950b3871f7f5ceef08' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'd84e3e235363ac2b2ac3fa9710d9dca917ae0046', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '37e54641d096c82561a6abab0c293c9bafea4f78', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '2773f9ce96cdb14182eb3576ac00b574a0e3d7b2', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '568d40b143b93e387b4ec10a55104fb4be390cee' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: 'c2fff0458d7b771cf4866926efe2ab3099eaee7e', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: 'e72fb7f1d893cc08c74f50e8a1aaa739af3af276', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '9f673d65ec7af695304f6a8a683947f2b7227b07' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '4b84a4a8f834cdd235f0edd8e8de403786090bec', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '2439fe0578d08f415b1f9e94c45dc62d006e16ad', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: 'ae0aab556667ed2da7cdde5c15c264eca68d198d' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'd1de36b6de8281b6d5d74a76e980f5d29b460903', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'cc3f2587a2a66065b12739624b1374d8c13b3fa5', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '3045c9c643d3daf5f3513eb773a6a94b1d86f21a', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: 'd01332f3cbf2a45c26fbcabbea576b482e078114' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '6300c2398b8c66e0e58a87728dff49d3a65e0c42', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: 'a6b42432c5964996591c6539da6f01fcab41c6f3', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: '42022a5935f9851c35480544c28263817d59180b', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'fea910301d6c6f24a8c948f9a4aeed4b1fc4128b', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
+            } }, h("div", { key: 'ce74ed58940abfdfdf7e56ec9c6656d150126bf3', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '4cbc0ddc9fe41943c5fec5586d0e12b1e211d1c4', 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"; }