@tet/tet-components 1.3.136-testing → 1.3.137-testing

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: '450656cec6ec508c2c9beccb0da3a3921b349f0d', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: '40a511cb4a645a1525088abf9b8af5f756566f57', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: '20651ca2883a0872d6f86c49fcbd987bb593a2cd', viewBox: "0 0 40 40" }, h("clipPath", { key: 'b9f9e0a02288d2695445b0173fee6cb0156b63bd', id: "clip" }, h("path", { key: 'f353f534cf1763204288d4379d69ba45a64c0bff', 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: '0c780518e75eddecb646fc2e9aa2b45435e6b27f' }, h("div", { key: '5bcb7475f58fdb3dd35630b18900b96ece3f4c59', class: "spinner__gradient" })))));
+            } }, h("svg", { key: '20d9c1f5d8abe95222e25b12d73d053b0db87ee4', viewBox: "0 0 40 40" }, h("clipPath", { key: '536e4b76f4e4224798627352daf01923c55ffeb8', id: "clip" }, h("path", { key: '7d552904593ec4f48124265dd29eda5f2a97a004', 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: '338884d5e49d3539091ec14a5cf2a8f848556c5e' }, h("div", { key: 'a2f073464ee8914119d4ca6c7ad456eeb6cf0cc0', 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: '5d6ec80f859b10c9214b3f5886105d79417a0c44' }, h("div", { key: '7510c3ba9e0c73b7f2dd683ffd302851a8fedfdf', class: {
+        return (h(Host, { key: '7800d5c4511794832410f80a2d9d27e3e354fe2f' }, h("div", { key: '8c7594525064ab2d0d7a6712a86b7f0484597a2f', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: 'd62ce803dcb857fadcb3017dac24c1c703992e1f', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '102bf8d06d2a16d0cec220202525d9deaf8b8783', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: 'cbb0e2bce2e288af3e45cf247f929c6c09298128', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '79ebfc91f957657065ad7d0c9914d920baf10fbf', 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: '86cb5b9f34693dee21896be7bce2eb39bfc5d94d', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: '109ec7d2eea9fa0600ea9f9366692b925eca11bd', 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: '656872dc4d6e2f98cebc8a9d769fe586c1c76889', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'ec06999bf5552fca7fe31114725385f61e68c9c8', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: '5efe15ba84a161f35233806ad31cabaf2a3b04d2', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '84ca22b102b2258a3a948b6e3c6a93659e19a64a', 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: '667d746ab6da2c4e87a91c0110e617879f890966' }, h("div", { key: 'acfcbf65b3b82d8d528bcfe722e08c4ac2dc1336', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'a1e6dbcb44ea9e45be186aeb195ab9f5f4f55f6a', 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: 'f16154d28915c22cf06afc2d8f0ad60dbdfd7961' }, h("div", { key: '02a2ae96fbbf9e1975846f545c07b5ffc40124eb', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '3686d99d34eff7c0beed499b818d091b95ccc55b', 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: 'c8ab8db87f5e9708834bb160bea013f358857bec', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '962921db16c6d9887d54278e6cbad40f2a8d0b5c', 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: '2797184eea05b6883775d10862f88a1840a6a84a', 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: '962fb26f4e0ce8b8b85505f8e18d6985a7d6f05f', 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: '04916684077380e3f2b49588af8f3575a0423a46', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '35529b2086fa52cdd4eca6069281029596d44173', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '379645f08bf9513cc8369d7aab0188a52023b7ea', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '5411861e00327ebc268e80e2e82e071529bdbeb2', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: 'b66725acd882bca34c0088116182055fcceb4618', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: '5cb492f727751229b103b17b61556b47700d2788', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: 'c0577565af339943670071481e75fd61077a2688', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '6d905cde52c184f42a53c3aa063b112840bc49b6', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '81b190f181e0eda75bbd69ee509191f9126ac5fd', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: 'df5560d84a00fa1a8951089daea7d9e95b9552e4', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '79f81561239a5c9dd8f0e4ac9454bc4fc249b1f6', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: '089b2d899c52348112bb274ed6dd9c105b8db7b1', 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: 'c0d00d072cfc1be591a2bf6e0e0a6b844c0d6807' }, h("div", { key: 'd19c1cbdeddf75ed4b8f67ded7d76b594ab525ff', class: {
+        return (h(Host, { key: 'd2e0efc140525fe57dcceac6009a72bdecfe58f8' }, h("div", { key: 'f94525b346b500f7598987086869d70e86fb3027', 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: 'f8f7d6ce6d84be9b3b3194c5e225b06f10bc71c3', class: {
+            } }, h("div", { key: '211d4ae481b98313efbf72e7ce78782f0bf7fb77', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", Object.assign({ key: '39e75911e058fb9d3d6f5f50c5f53579940c3a20', "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: '881665dec6aadecc5b7c16c75d14bb8e3db3b4c9', class: "range-slider__container" }, h("tet-button", Object.assign({ key: 'c3aea80b8a649226f58b0147e2d675b19d502acb', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", Object.assign({ key: '85950721167e3668b21530a95a66018e80577234', "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: '352187a3cffa98083508ea751b960c748b4b34fd', class: "range-slider__container" }, h("tet-button", Object.assign({ key: '0843b8b461340ef2b5c77db6a3fd7fde3a63e287', 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: 'bcf749ec835816b8b7d8378daab527675fbd74ab', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'f7832083c3ffc561397c79505bcefa3415a3c69b', 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: 'b2350d86df97f4ded9bacd094efe826176d06915', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: '4da255b46613c9b22240d8d1fd799cecb05e32cb', 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: 'd6674e7c1a5325606a1c07e4c626eec7546e2c60', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'ffcd1412316cfdde7853aebd7c704fe71994526a', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'ead1f25108639f526791718cb5fb13825f4878b4', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '8391879c38d47f5c2a32a8311c98564cf66308fd', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), h("tet-icon", { key: 'e7663882c0caea974b652f7d8857954323276f5f', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '213c9a631097ad41201db2d3538d191fc21f2db4', 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: '7147f9a98e1f9c337e6b89f5c8e2cff4e3a57da8', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: '36d5f35a96ac4d5119ddebf690df980f01ac722a', 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: 'b72d98fbb8320108c69725198e8d1e9f72ae1375', class: "range-slider__track range-slider__track--background" }), h("div", { key: '12ec3da2ffdf30023177fe8123894634d039eb53', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'b0fd65a3b11771d373626ffb2bd25f8129b3d993', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'ab2d041a3d13cdc5fcd26e4cecdc2a80b8ad3eec', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: 'af4889df82523a093028bbb5015469578250fd48', class: {
+            } })), h("div", { key: '339861e13eefa0d718ab281137de3cd87dee355f', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: '37f540fa5bb870c54545e9ce6d68316a478cb78f', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '6784187d79848c0802af7568844b63bba49a23b8', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '9b9bad5671219ba6dd34576e3279e09c7acff2d9', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: 'be62a8b6bb43d0a0e630777e8a80dcaf9b4af746', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: '7f1c448542ab89dde50a462278444c9deeb947ad', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'dd64435171beb9774782b41fa6320d4593db435e', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '557a151619d4279f1ca6c6736fcd0509675b53b7', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '2f8ff7e1939b5738b025730b591e509bde22fe43', 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: 'd8c4246055d5622a818069f35edde226db8211b7', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), h("tet-icon", { key: 'bab87fc1ad3d2f2eea763f11c5079761f10054cf', 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: '246478ec9a3cc3e71335433a6451600f8c9d0f25', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '6a659e23fce2ed779756e817e3320a41e580ee0b', 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: '62c51f6be866c4ab4db3812d6c170217a4490e5c', name: "remove" })), h("input", Object.assign({ key: '2358b6f69c5e001c625b5e4e633887679d1ef4c6', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: '2efd7610377a57d52720aa2fea4aa4d1fd17202c', 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: '1125468d02ca4da1058a463f67585ea094ee8ab5', name: "add" }))));
+        return (h("div", { key: '360bf9007756b51ce164c4c493d8212c5d2b12b3', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: 'f34274f31fda052045d04222d411d6c43a798e91', 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: 'ea88668bfce1765e768524f4189330a22189fa5c', name: "remove" })), h("input", Object.assign({ key: '9f5ce6a4b5ba842543b3df82f84b79075469ef29', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: '86d3f7014eb3751f26eaee43697e92d835184272', 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: '1032aa593c834c2b7725948835ff175319238850', 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: '6ee2365e95b0ed002932f4046eb606986b31ada9' }, h("label", { key: '8ab9d30fdc5e1d37b9c19007d884525251e3ce19', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: '3cf1d70b6f1730397dede38f933cee790d1274ac', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '4f3199ba61df67cd46562613a85a96a1dbefced7', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: 'f8a6201d6f4daa7cac5e4c6048bd5d6e2afa6789', 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: 'f79e628ab17d80674f1c62dde0ceb8483e262c1a' }, h("label", { key: '72d885eb035a879584b4bd76962ea1533e43af20', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '6781192e5a71c37fb565d55e947c07bdbef08f8c', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '09ed86fe9f2fa60a4a73b48d2e27d31d0f6468ee', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '9af0fea02fd6eddb6ecc3d60b08bf5a07beb24da', 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: 'e5ea95909d581a81c67ae0ebc4eff7bdf92de5cf' }, h("tet-card-list", Object.assign({ key: '2629e333e589233b5be973ed016faeec1305cadb', 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: '423893a682627f9686ae8a745d7893195f84b33d' }, h("tet-card-list", Object.assign({ key: '0d14904e7bc8572ba023f7341c05fd3098382c11', 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-business-navigation/tet-business-navigation.js

@@ -64,7 +64,7 @@ export class TetBusinessNavigation {
     /** Render Functional Component*/
     render() {
         const { menuItems, theme } = this;
-        return (h("div", { key: '6ddc63074feeaa530c108024b46091f98560f333', class: { 'business-navigation': true, [`${theme}`]: true }, role: "group", onMouseDown: this.onContainerMouseDown, ref: (ref) => (this.navigationContainer = ref) }, menuItems && menuItems.map(this.renderMenuItem)));
+        return (h("div", { key: '5bedeb509b3edf973121ce2536dc134f1b0f60f6', class: { 'business-navigation': true, [`${theme}`]: true }, role: "group", onMouseDown: this.onContainerMouseDown, ref: (ref) => (this.navigationContainer = ref) }, menuItems && menuItems.map(this.renderMenuItem)));
     }
     static get is() { return "tet-business-navigation"; }
     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: '35606e40e1827864f56e1487083b9baa54eda823' }, h("navigation", { key: '9e304ec60cd13e6a8f19511be5d3dc68e3b41172', class: {
+        return (h(Host, { key: '857fe7ebda03b21b3604f879a37ff5dd562b03a3' }, h("navigation", { key: 'a5129ff287fa54d25bbb7af3d11818f1dd58d04d', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: '3b790bc9a70db3e62cb83186483244cc81acc67c', class: "navigation__nav-bar" }, h("slot", { key: 'bf606c7b0e8963fec3ba9dbb004e0c2d0e67038f' })), this.isTogglerVisible && (h("span", { key: 'ee24cbc7cffc73a71bcaf85487fefeccfadb6afc', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'ccf44b81a4835a4124f73f254d718e65e6ea3a02', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '9f11db71e69bf08a54d5cc9219fe74e6c18cc28f', class: {
+            } }, h("div", { key: '357a7998128fe81e11e4700ba801e92bfc296e9d', class: "navigation__nav-bar" }, h("slot", { key: 'cd2c6d0532ffed0df47e7a07fd87d1141af74b5b' })), this.isTogglerVisible && (h("span", { key: '0379c95afe7914848cec6eb89f92edeaed627981', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'b671a3bcd0d4b16dd6ae088350854b23882e0dd4', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '082981695a780c849389579c1b4789849e3c3dc1', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '20d2992eee10f4546cd3fb7f84b76eab17650d44', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '2f56719a1139562bc4355e2187bbde839a5bbacf', name: "dropdown" })))));
     }
     static get is() { return "tet-navigation-mobile"; }
     static get encapsulation() { return "shadow"; }

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

@@ -369,6 +369,7 @@
   --accordion-border-color: var(--tc-border-quaternary);
   --accordion-border-radius: 0;
   --accordion-break-point: 64rem;
+  --accordion-outer-border: none;
   --accordion-header-font: 500 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;
   --accordion-header-display: flex;
 }
@@ -390,6 +391,7 @@
   background-color: var(--accordion-background-color);
   border-color: var(--accordion-border-color);
   border-radius: var(--accordion-border-radius);
+  border: var(--accordion-outer-border);
 }
 .tet-accordion.transparent-bg {
   --accordion-background-color: transparent;

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

@@ -108,21 +108,21 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: '886fb4f83faa94ad7410f2d47acc7f035a64336b' }, h("div", { key: 'e56bd24d010d3fb274acddb59e7199c332b5026e', class: {
+        return (h(Host, { key: 'd18870267b0debbd0262bc6e06e288afd057fb8f' }, h("div", { key: '9f39243ed6aa60991fd8cb736f445f9e2daf7e32', 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: '8c88be9d31f4ded0c621895f0623cef4ecd712d0', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, h("slot", { key: '2b7e74f5e1731bc1507ed5803b0789f9eb0a8828', name: "header" }, this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '44ec72bd3a6bd2817b9c3f488202fc864247cef7', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), h("tet-icon", { key: 'bf57af59c57a0721484a3f9319262f5319cd4a32', name: "chevron-down", class: {
+            } }, h("div", { key: '81761b06755d01db91363e92fd22a356a848c9e0', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, h("slot", { key: '5347e6990ccb28a44eb22d2e4aed0aa4967012c8', name: "header" }, this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '5b648eb0491e0428c89591c752caa5f2ddb46d7f', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), h("tet-icon", { key: 'adb4a8c61b084e83045b47e04cf0a93069237f4b', name: "chevron-down", class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } }))), h("div", { key: '2f471629b97b55e5a0c000ba722d72418030e74f', ref: (element) => (this.contentWrapperElement = element), class: {
+            } }))), h("div", { key: '023d0ee882ce489858aa0b8137595371ef0e27d0', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '27eb3e6358c0e8175a4816c4c8038ee5ca3a6e51', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: '4b88d85d72e3bf19a4ef5977a81dee3c3698d9d5', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '9bb502e80dce98845000de3ca80fae819691f222' }))))));
+            } }, h("slot", { key: 'f42559c1171f5590e8b338698a3133c250c63b2a' }))))));
     }
     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: '1bdf3e7d94331f22f566fdb87c94931840def4a5', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '6c839184d43404b150ae12cb76b721cb50356510', class: "tet-expansion-panel-content" }, h("slot", { key: '5bfab5ebbb8af4f113168062514c4330c7c8991b' }))));
+        return (h("div", { key: 'f95708e6604355e34dbd525a55d04288bc19a0e7', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '952198be90258ade3285ec83d40a7b46aa8f1417', class: "tet-expansion-panel-content" }, h("slot", { key: 'cefc1f764e78c6bd379089f11c5cf195cffc07e8' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -375,6 +375,8 @@
   --dialog-overlay-padding: 1rem;
   --dialog-align-items: flex-start;
   --dialog-title-font-size: 1.25rem;
+  --dialog-header-padding: 1rem 1.5rem;
+  --dialog-body-padding: 1rem 1.5rem;
   --dialog-text-color: var(--tc-text-primary);
   --dialog-background-color: var(--tc-modal-primary);
   --dialog-overlay-color: rgba(18, 19, 21, 0.40);
@@ -466,7 +468,7 @@ dialog .dialog__header {
   align-items: flex-start;
   gap: 0.5rem;
   width: 100%;
-  padding: 1rem 1.5rem;
+  padding: var(--dialog-header-padding);
   padding-right: 1.125rem;
 }
 dialog .dialog__header--divider {
@@ -521,7 +523,7 @@ dialog .dialog__body {
   overflow-x: hidden;
   width: 100%;
   flex: 1;
-  padding: 1rem 1.5rem;
+  padding: var(--dialog-body-padding);
 }
 dialog .dialog__body * {
   font-family: var(--font-family-content);

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: '86ab02bbd92be83e9a17affb1784e003728679d0' }, h("div", { key: '9a7b72c6c084413e38943ba82b4146a33c856ebc', class: { notification: true, [this.theme]: true } }, h("div", { key: 'a1e4b4223cbcfeb373b41c3e942db2750545ea8b', class: { item: true, [this.type]: true } }, h("div", { key: '0609d2e9df415ae37af0c0c7f06706c1e56aa0a7', class: "header" }, this.renderTypeIcon(), h("div", { key: '1949b0d2bd0dc5a7da2d8af2f8d3a62454dd29d1', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '06edb64c557c79a5f27454304a6ade73d429674e', class: "content" }, h("span", { key: '79e27b6efc08612d320fe70b2b5a9544956d3bb9', innerHTML: content }), h("div", { key: '28d8a855084487f335abcee1708688492313a354' }, h("slot", { key: 'd0250421071514146aee9c5193c278f23d74d89a', name: "button" })))))));
+        return (h(Host, { key: 'c79ddcd175221b387f3a7c0331d8192f8e2a4cef' }, h("div", { key: 'ba014bf4495125729975c4e68ea030a312d9ec37', class: { notification: true, [this.theme]: true } }, h("div", { key: '9179f1bfe5826206a35dd65aff5f9ec297a8fc11', class: { item: true, [this.type]: true } }, h("div", { key: '658fd50c3c6c30cb7e8c5d85e3af3a1640f9b61e', class: "header" }, this.renderTypeIcon(), h("div", { key: '7bad8cd28f23e7149d5922de6df6f325f6e66554', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '027d6def2b0e43666220cd93943d7234ce93e5c7', class: "content" }, h("span", { key: 'c0940b3b6cc4a41c357430315bddd1624b16228d', innerHTML: content }), h("div", { key: 'c80e7ab14f77c3f02074484917d7b7dc04f55347' }, h("slot", { key: 'ca10965657097ff2a3405386148c17495ee68f82', 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: '5e7dce81750f672a0162b5ecc5ae024bb189bec9', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: 'ca927c2367e411724f72f033995f79b5234bd8f2', 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: '3cb215cbb47dc17f0e7f04ffe7fab0f1671c07ed' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '89f48b5f790381117c5f9c26b4309598036ab218' }, 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/partials/tet-b2b-configurator-cart/tet-b2b-configurator-cart.js

@@ -103,11 +103,11 @@ export class TetB2bConfiguratorCart {
         const isEditMode = this.context === 'edit';
         const isCheckoutMode = this.context === 'checkout';
         const showSummary = !this.isCartEmpty && (isEditMode || (isCheckoutMode && this.isAccordionOpen));
-        return (h(Host, { key: 'd45cdb03a56d3ba7af8a6a3665d5800e4931d596' }, h("div", { key: '197dee4e7ee59fc0a4b5b3990d6ad9801e39e56b', class: { cart: true, [`${this.theme}`]: true, [`${this.context}`]: true } }, h("tet-accordion", { key: '10dbdf166982087d8aa61e386f53802aa1d4793d', ref: (el) => (this.accordionEl = el), class: {
+        return (h(Host, { key: 'b2c3a34072e0b69762c6795f0c03f76837b721f9' }, h("div", { key: '279f2df045aa9e20a022ff68aa09dd93d286b518', class: { cart: true, [`${this.theme}`]: true, [`${this.context}`]: true } }, h("tet-accordion", { key: '8a982c8476e575d8501f260a82c036161ed46bb7', ref: (el) => (this.accordionEl = el), class: {
                 'cart__accordion': true,
                 [`cart__accordion--${this.context}`]: true,
                 'cart__accordion--rounded': this.isCartEmpty || (isCheckoutMode && !this.isAccordionOpen)
-            }, isOpen: this.isAccordionOpen, onOpenChanged: this.handleAccordionChanged, header: cartTitle, withBorder: true, theme: this.theme, transparentBackground: true }, h("div", { key: '518b46e3ab31d836ab22522c6dfbc621e20d4b34', class: `cart__title--${this.context}` }, cartTitle), h("div", { key: '00d1a740549ad56e06a0dcece42d3ae07bb6bd08', class: "cart__content" }, this.isCartEmpty ? this.renderEmptyContent() : [this.renderContent()])), showSummary && this.renderSummary())));
+            }, isOpen: this.isAccordionOpen, onOpenChanged: this.handleAccordionChanged, header: cartTitle, withBorder: true, theme: this.theme, transparentBackground: true }, h("div", { key: '5eda0e9db1fbe8d1c415be97a406139338134b14', class: `cart__title--${this.context}` }, cartTitle), h("div", { key: '445dad844b6c6a86f70055069fb7a099d214ace5', class: "cart__content" }, this.isCartEmpty ? this.renderEmptyContent() : [this.renderContent()])), showSummary && this.renderSummary())));
     }
     static get is() { return "tet-b2b-configurator-cart"; }
     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: '2c9f6ae01ab12735b3492888fc1febd0fd51b546', class: "container" }, h("div", { key: '60394cb7349120b48616aba0a870ef8685edc40a', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'd2ac7f4fdd410ee189d050bd4d5fd1bb0f73b4a5', class: "calculator-block" }, h("p", { key: 'edf8926835f672ebc008caef3deec3e4cc7b5a14', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: 'fdfd40e6e3e1b7824f228d541bc9ace2ccbc46b6', 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: 'd9ed76461682c5494ccaf9468ae2dbbd1ca931cd', class: "control-container" }, h("div", { key: 'f55b79ff0c175a60d11c1ceec0fa313305a82098', class: "control" }, h("tet-checkbox", { key: '9b1201c8b9fce6d1f53287a53fa9ea2dfa62a93c', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'edd7d131801763c3ef5bf886e30eb1c706b9fa84', class: "control" }, h("tet-switch", { key: 'd76ad9657552b463be81cadbb3c8f53515a455e4', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '2ad7f8f75baa33950f255d6a23bf40aca1fdd6e4', class: "monthly-payment-block" }, h("p", { key: '3d3f196760ed91e719a1c72c9feb97dcfde3f2d5', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '1f7ab898634ab62c1404de4fcf0aa4c2c186e326' }, h("span", { key: 'b9351441346c8dc61020a50c17078749b169c682', class: "price" }, this.totalPrice), h("span", { key: '4ce5d394d7488d3e85e2821bcc7be409c33d71ac', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: '262646b49dad9e5318f35bda3c67ca6e0f7f3189', class: "container" }, h("div", { key: 'f9534bb55fe85b2493d6d475c8f74ad92750ae0f', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '35747158147849ebc95aceea7842290a9b7fc234', class: "calculator-block" }, h("p", { key: 'cd45f6579046913386820f487c63480223c7227b', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: 'affc8d6ea0c3a516bbfc1b5afb125c1e4fb1ba9b', 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: 'bb8c3437c2f92f45c84b130bb77e2f5724a1cd64', class: "control-container" }, h("div", { key: 'f543b7a111de4c900ce90983656fa1b46eb2249c', class: "control" }, h("tet-checkbox", { key: '60b06c80620d0ab6dac52353451d0f70c8275638', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '7427e9e1c75959ac464ba1537616f7e7790dc5fc', class: "control" }, h("tet-switch", { key: 'a2c3fe55b04cb2afd7290c20e06e0d40454096d6', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'eb08a6d6318776e7f1ff5b77591c4c7ad2160d9d', class: "monthly-payment-block" }, h("p", { key: 'a7a7e49355aa36797319c444b5030d1ae0532252', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '3ba2da8863dced18e87185d17f8cb1eddda89bf7' }, h("span", { key: '0cfbb8d80348373b867e10e12397a13f0e12a65b', class: "price" }, this.totalPrice), h("span", { key: 'b423d86fc0563a6670598b1a54b7c2edd544015e', 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: 'b4c4543b0c9bd1e362714f1c96ddf03b99def211', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'bb902fa1e8f85a321ce950e4ba27e14d23253a70', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '9303c665e29fd04c220af342cec4a0720a1adfc6', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '97e4b6afb919a99ec5869cc74888fddb77b47def', 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: '2329d6f2136055f5ec81aa0538238e05de337c80' }, h("div", { key: 'faf8143e97d5a7904c74f61054e00f17b6f8e7b2', class: "variable-container" }, h("div", { key: 'bf5c90dd3e34751cd6e07fe7c022788fd17375b3', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: 'fcfebbe4682378f836e22f55238455f9983b4d81', class: "container-section" }, h("div", { key: '88e4f0c0fc10aa01208dadec6fc6244137aaddbc', class: "variable-name" }, h("div", { key: '727e0c0c3242f42a33b07de6eee261cde14d9db6', class: "variable-part" }, "tet"), h("div", { key: '2b1bced28cd0d2246356fc4bd1df984a9cfda370', class: "variable-part" }, "-border"), h("div", { key: '0f85f66a0182547ce798271b39aa960ec7d1670e', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'af3657708fe36b8c912febee637fb2064f3cfb16', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'f19562b328f93f537352c525db9ba75d71b65d3b', class: "tet-fonts-container" }, h("div", { key: '25fd4de3ff5df52715eed62f7462c0de33e16821', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'fd921f2915c15e0663a056e53960ab5350e471f5', class: "section" }, h("div", { key: 'ff28ad90f3e03fad5f927a7264893cbe33e32238', class: "section-variable" }, h("div", { key: '61a2e53e244a6b27b21fb6e534436470ea4b8d96', class: "border tet-border-radius--xs" }), h("div", { key: '353a7eb99b910b89d92656d95025fe1b20dc1826', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '002644134f82967fc47688dada5ed53b43e1115d', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'e0ffb2d5fb52d1ad4590faf4ab43941c3ddf51ba', class: "section-variable" }, h("div", { key: '7f21073b661d7e0f5936046ed8404ddd457d48a5', class: "border tet-border-radius--sm" }), h("div", { key: 'b9515ecd8b5e45e5aaaa1b31fa6def6a97f60ea4', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'ad9aa326899cae28549fe49eb5b024547f5f18d7', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '1f6613b53a700722d04a197b27f74d84cde9a70e', class: "section-variable" }, h("div", { key: '2264f83e78389170555acee21abc8fdb3edbd8c4', class: "border tet-border-radius--md" }), h("div", { key: '7026cf27fc2d09e69eaf7a81bf6a0e25ede935c0', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'eabfcdf9633de66548036d585459fecec35983db', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '103bfd9d8ee93e990a3bbd941d82293d5bd670fe', class: "section-variable" }, h("div", { key: 'a3102f985e3ee26bc14fd1af828b0401647e9ea0', class: "border tet-border-radius--lg" }), h("div", { key: '3ce1152b211cee77675915899d01bfe781ec1458', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '90cd062a4bec244e32bb2969f21a3d7bbdc10bce', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '23cec15b16334e979a55b54263579e0a25cdcc7b', class: "section-font-size" })), h("div", { key: 'a9140388ecf3d29eebed13c18c2bb6cc28a29df7', class: "section-variable" }, h("div", { key: 'f53f398b54cafd1ed7578b85ac592a13a2296517', class: "border tet-border-radius--xl" }), h("div", { key: '311bc7581fdcf47e90dd7d9d275be3fccc775765', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '19a8b8e4118a48a61a77e8b8d6b5d8edfdb93ecd', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: '86f33814769d5e08909d77a94407fd2f20761790' }, h("div", { key: 'dd789351d4c0051bf1709193007917c25e56dd26', class: "variable-container" }, h("div", { key: 'f62cf5b9209abefdc78bfa2a698ab543f77aa54a', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '44222801c345178ec7b7fe51c9908fdccf72bc38', class: "container-section" }, h("div", { key: 'a649c10e4a26a204fce6e976c0f238cf5f4b7e97', class: "variable-name" }, h("div", { key: 'df863924df3ed94959e53d6b45f9fa30b68eb9e3', class: "variable-part" }, "tet"), h("div", { key: 'e790544d1299041540bd0e31abfcfd8079915e20', class: "variable-part" }, "-border"), h("div", { key: 'cb4606499e194e1de59d6c48848f8e00c49b345a', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'fd7a9e3ca863f7dfd1dd320cce20cac6ce0bedc1', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'e38945e4c8941325f782235ff8354f1f0c498968', class: "tet-fonts-container" }, h("div", { key: '964391e9e14e83ee62846098eb981d47b57d1fb2', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'bd1689546702b838e4b4e714b9ec269901a11306', class: "section" }, h("div", { key: 'd1ccc9ccbdcdf19748b4324601aabb9ae80db4b6', class: "section-variable" }, h("div", { key: '2b31e1e3912c8e0c91e7ed853f94567bee75b3b7', class: "border tet-border-radius--xs" }), h("div", { key: '7c22cd1dbe2f1822fef27de4beddf07820676369', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '43abaad8dc532cba2634392debe8ed958cfe5fff', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'e3e7d9c8f386bf145d2866685cefc3d1b021bb9a', class: "section-variable" }, h("div", { key: 'f9621cfb581fe85cf1344913737635aa60a16798', class: "border tet-border-radius--sm" }), h("div", { key: 'a4c1b34fbf92e79a259858f6a7cce0ff0cd01ae2', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'a8bd9ca00e9862def6be9b7d33a2c0f604555daf', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '536e5e81ac30e149e307aca217f7019c6c3fca10', class: "section-variable" }, h("div", { key: '8b8ce9cf1c850977097e888f2334b72efe9610e5', class: "border tet-border-radius--md" }), h("div", { key: '5086bf12e0a4d37ab506979e38d7cdd50fe3a54e', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '82e031106bb03bcacc1768a138b4a6382dcac08c', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '78e25c6d050a0831d4003ba703a03bfc23c218bb', class: "section-variable" }, h("div", { key: '5de4c83a907d3ffd639eac5b8860baf5400210ef', class: "border tet-border-radius--lg" }), h("div", { key: '883b6a65d9cad69c5cdfe7cba82e4fcf4f3956e7', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '3e7b7f349973744bf529c7f00f61cfa8d04a9410', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'd72090eb547d7f0fdcab5dc5fb212e5dd9d44f7f', class: "section-font-size" })), h("div", { key: 'dda5491f317678fe46d22173206fedfe45130f3c', class: "section-variable" }, h("div", { key: '2458db351968653c1a592dc8cff9461703c1e583', class: "border tet-border-radius--xl" }), h("div", { key: '14f7f6e552d27c4f0875f412b639641931d404b4', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'df07824dbda1492c8cbe0f406f580a692e1d7e6f', 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: 'be20a05b89314a3e2a279bf1570e5403253bec90' }, h("div", { key: '3cecbdba2a6d6e99424deb26cff4f2506087cacf', class: {
+        return (h(Host, { key: '56e6ab29371328d040c890b92309e536c838b0bd' }, h("div", { key: 'b7dafc20809f6f75a27003133cb3970d2cf4bc8c', class: {
                 'dark': this.darkTheme
-            } }, h("div", { key: '103a76ea82c425b61463ad4abd7ff4329131d399', class: {
+            } }, h("div", { key: '52669506fb282761e720ccabb11776d7126904b9', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: '3ccd146b790b10d0a1c8b285ed60ea0d2894c322', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '48ca311527bd62904313c13faab612cb4e96bb8a', class: "container-section" }, h("div", { key: 'e058e944f1726f4b496f3ee11835ff6f92b93dae', class: "variable-wrapper" }, h("span", { key: 'c45ac2530d467dbc7f72fd0f3b76ff648804edde', class: "variable-name" }, h("span", { key: '5fa5a29c8b779b36c02571930f6a80937e9c4ec1', class: "variable-part" }, "tet"), h("span", { key: 'c057a4c7d208bf9e501f8ef4ea5097e464722a10', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '9755996401ed033c04ffffc74150c78c4d1b57ce', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '929bb918e99d69a72e6852ec659c27ab04bc1633', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'a2cb2fbcaecdc1d404cfea63d63327df76160130', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: '3192ebbad199d90550a2e9cd4bbafd891f0718e1', class: "container" }, h("div", { key: 'fb6b158c61e671273ace59ebd6ac2e4a8c496a30', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '8e84638732c0ede13284d9b5b11c7c357af6d526', class: "container-section container-example" }, h("span", { key: '334676abec68a2af4dd7e9f1726bcf0e228ae968', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'be682feb355cca9a0f5f08a38896fe37c99ac961', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: 'fa6ff74cc27dff522fdfc79db8c1cb1a016481b4' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '0823a66fac2bd699f84815216c45a5b648101780', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: 'cd556d7c694ab8166781043afa8357b8f345c95d', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '10136dba501520fb964846903011951663342dc4' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '2c59f514ac027191a930b80469f602a95f8c953d', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '7d6d609b9b93085e8c343013db1ca2e853c06a5b', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'a1cdb44085f7732f7ea57f2481a1d6100c7ac96b' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '44dcaa178b8b37aa27d11706fa9d81f570ac77fd', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '8b7df3106e4e65c2300933d98af196718c51c499', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '7df5cca796a929e5e7f7cf155714f129b7d97b25', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '73336f17f7c2333ced73af831ab19dc2e2290221' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'e40d293df2aa9520f4e5dcfe0a1034a9ac6fbba3', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '83bd0e76a62ac1efc2b939348414e8f56e9f8f90', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: 'd2fd2feaa75576a65858d79625f85513fd90397c' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'ad9af56e390cbdc2435459f19a22ea20fc3ed150', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '76589cf4507a66b9758a8113aed0785cf5a120fe', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: 'ae8e1bd0debb73d0cf164cc6ba5e6211cc533bbe' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '3e7e6198abdcb53e30a3c049b3f028ef92f5a6b8', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'abf2a9ddd127ae124f3dce03395e0def6593ef29', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'e78baadc40cb951f5621124b0727473bb71b7c4c', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '75dc3efaa5cbc42062f504b451c8f7cd17b090b4' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '5b3a6422ccc3eca7b79429e72cd8287566ca6d31', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '88cb9167e324ad38036364bb5caadd9ebb128ea2', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: 'd892d2878260c21781394e409d1e03d80cd05aa5' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '1938544ff9c1ae0514b71b369ddd06e94c860850', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'c0b39c6c45588caa5144b2a3ebd798c174b53203', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '5a893a7ae1ae8a67586f16f8e5e6081ecbd05570' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '701a7bc6e5971682596a79743eb8e36d7eb02fee', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'c1dbc652aba88357383cea4ec3d9792a19764260', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '8772e28c3fffd38ae481cf408644be85b0b93087', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: 'a8b925e9ee57c5e6a9dc584ec3b6297fac6445d9' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: 'bdb3b7b94d921076e301da46f58f13c04314b523', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: '5daa2fe0ca43a42868e26ac5349d438bd7cc8344', class: {
+            } }, h("div", { key: '9b0157ef133cd3127bb0bdfee878a5f451d22e76', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'b5c138db8d1c259e06deff05943bc9dc00a21ba6', class: "container-section" }, h("div", { key: '355d54051e0b93e745962ef7890b2df8766304a1', class: "variable-wrapper" }, h("span", { key: '6673f99c49414000cfdb5c0cba743af28885b614', class: "variable-name" }, h("span", { key: 'ae4f6b25de4667b78fc238c428f16bff7e8c1168', class: "variable-part" }, "tet"), h("span", { key: 'd00bcddb35e65173cad628d10c1e29a29781a430', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '5b9fd1a95850b87a0167af6c182f3360d4e1835f', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '34ff3850be65210287bdbc0ac9ebce5c061e9fa8', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'fc1be29db4c314c385bc0718d3f8f67f83c1074f', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: 'f6fbdd6583da1efe8b7947bd6586ca219e3d5d40', class: "container" }, h("div", { key: 'ec17ca6ca26e9cab0c3300587d5e8d985c74b8c1', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'bf63d9153b56f70c9e953b1643e5c5f8e2713026', class: "container-section container-example" }, h("span", { key: '2aed875661b3c6e36afb60798bf98634fe806995', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '5a637ef2579d209117ef70c2069549c343616f47', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: 'ee55ebde8bada579a643bb273d1c41c0f8874648' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'bb1072162a9eff0153c2eef01a0f9d65287cc375', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '4a82d09d8e7c9c22b999a9d0a38b8dfda33b84a6', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '62276eb3a40cb3e9ee3100b2d93133c4ad56231e' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'b4e7a3d5823dfb1d8cd14b669537d784ec72541f', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'c2d7bb1fda39e5bc94b8a2fc48fe23e8966691e1', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'e540b29d0bf324285dda2e4f084082bb40b1aa30' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '26c1bd1c390186daf11934ad4c806d3a1fbe17ba', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '7d1084988e9da2e44fe99893d0ad65304a09d83f', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '2f1b647b56a7b76764099db924417594035bbf33', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'eaa2485ce6035247876e256556e2eb0ada5b8859' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'a5788f68f618f75c7ed9206ce8eb77411266ebe8', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'c705aa12840e45a22fc9b18d4e270c4d5b684ea2', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '86bab40d469c34ba533e841ccc17196448105ebf' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '190f24c2b51fddcb01e5b5c34b9b0472f519d312', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '14dbcdff2cc759ee0a702bab9595c578f18ecd1f', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: 'e7614bf8e2a260fb46c601342c26a1f938929354' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '0b615c0f3194f269f253bb52c39d3ca101e2617a', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '4a00972eba08ad2f8d377ce52ccb6ce424b56c0d', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '2af21179581b42daabf371465846f1ac01f13577', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'e6b13b5fd80b397c2f6e94f6431deb4b8fa5a4b1' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '4de1ba9ea5cf67e5d252ea45b328e0f47db4c45a', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '001acb138d0b6d0e158833756c1f6bab0764bfbc', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '2e09df5bb188cf3cec117c7165c25cc2f7ab2e6f' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'abaf8b84cd83da310602ccb02c850ce927d98f70', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'd5fafae7e617bd64409484d523af1a8f4af48bb3', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '830699e589ab93a8fb5245dbf4363a2e71c488ed' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'dd634a1d60b5d6032a4d2f43db5bd296c75a88ff', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '3df3c1390dabd2647d6094cb5e04b17347f58def', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: 'f6217332a3b88557e1ccaee9255b8347b5d904a5', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '97290ea06ec5f553a2c55ef53004bc1e2f394b12' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: 'dd5fbfd006d710ede3c609f30afb058d7f81c506', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: '187d61187dac36212bc1a977243e1845f9c58d69', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: '73a46763b309062ddefa944733cb6c55461850b2', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '21e914e42eced3e87b861e57b321754eb7ff711f', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
+            } }, h("div", { key: '1ee01c56556d5232f1686af887d27b59dc740e20', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '459ea714e95ae80e5c270f1a6fba3107066827af', 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: 'e83b1ac0cf9a02bb78235aa39ed5ece8330f57ca' }, h("div", { key: '584614302d2d1f92ddf094391eb5d633140a0b8d', class: "variable-container" }, h("div", { key: '01a8e0b874b0c5b52f5f4afe3e64fb2363e7f8ba', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'c511fafc2f5e1264d4f01d86772e6762b6d7741a', class: "container-section" }, h("div", { key: 'be195218334810c9f4a4f012971209e5beb7674c', class: "variable-name" }, h("div", { key: '733cf771cf0b347168af1c1f53b0d428c1f48d22', class: "variable-part" }, "tet"), h("div", { key: 'c641da99f6b095f813cc590e0b16ea46dfab8c36', class: "variable-part" }, "-font"), h("div", { key: '1da8574ae84fc454c324790542aa89a9fb3981b6', class: "variable-part" }, "-weight"), h("div", { key: '3e87a2b11fb29798c62e3313e83f58a97ed1b9ac', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'b31cfcb462b50fd52065eeca2b6a522e648ad088', class: "tet-fonts-container" }, h("div", { key: 'f447e9e7dc1a65df61fe4852f0aa57ab05c24a12', class: "section" }, h("div", { key: '82917c7e316980b05a83f9ce1eea47605c429295', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'b9015e82123aa01f2a58af9461f5f00b6a47502c', class: "section-font" }, h("div", { key: 'e68b634a91aef4003f6ee7048654eb3b57bf3bb1', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'fcd78f29652ea146ec66536a337bf8b471246382', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '23dd8577cc10ee3eb8b78592d8244d6170453073', class: "section-font-weight" })), h("div", { key: 'ebc08306642c0badd033041bb096ecf393d7ebf9', class: "section-font" }, h("div", { key: '01854f6e82a9997efaf57ff0444df6e1724a3269', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '945b1e1d889b2f9233d2ab98a4f125a6ad1c702d', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: 'c4a56813b1323e6a61b7594f5d78829e33f2fa8a', class: "section-font-weight" })), h("div", { key: '0788fa50d88d7ed5d2581f596ee403544dd3c2d1', class: "section-font" }, h("div", { key: '5eb714cd9f75c5e0a6a346022b2a5eb904069cd3', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '300c74b164cc96fac550f447f4389f810ba831b4', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '56378e9ab65ea6483c73d080e174038344b8274d', class: "section-font-weight" }))))));
+        return (h(Host, { key: 'c8a359e383dfe33736ab66614a724a44c481d9c7' }, h("div", { key: '4ff0930cb7ac27af0daa87bc7bb6f5fc5e8060be', class: "variable-container" }, h("div", { key: '75aa774bcb68deb9d442c68757d532237c15cfb2', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '28ae006f76ca57238d69471c2373660c7bca4c18', class: "container-section" }, h("div", { key: 'e654e7acdabd0fd1e604b8fe4301e52f3d63328d', class: "variable-name" }, h("div", { key: 'a973a0aebfd6f5006cf22614e9f31cfee19798f7', class: "variable-part" }, "tet"), h("div", { key: 'bce70cfda57791aadd99e4c8bb83ab82a159ea17', class: "variable-part" }, "-font"), h("div", { key: '54d1ce174563ca13c8f049113bbab2f99ccea629', class: "variable-part" }, "-weight"), h("div", { key: 'efd643efd5252193dd997569a95da0fea8f2510a', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'de01bb2a7cf5b6afb22e0793e9660c24d1abcdd0', class: "tet-fonts-container" }, h("div", { key: '2640a9a4467292490deaca4ba60e7ea7e3aff669', class: "section" }, h("div", { key: 'f172f106772e9108fab2352d24aaf2e50bd4b8d3', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'f23b1a2cedda7527d415b024227dd5f9a48d9eae', class: "section-font" }, h("div", { key: '4129d1ff6c07986e7e75054655733326a62520ad', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'b3dad4ac9667da46d0b92047d8335e9260a8fcbb', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'e260097e9d10d3fc62d3d058d384f2f7021157b4', class: "section-font-weight" })), h("div", { key: '639439c9ff590416edaa6907ab8e1a5c15236e4c', class: "section-font" }, h("div", { key: 'fc7a8cec3ab03bc0871c93f0cca268ddbdd5bba2', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: 'cecc641283966a951a97ece1944ebeb85ce96745', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '0b1f4c7827e42bb5aa3373daedd0e2e32aa5e613', class: "section-font-weight" })), h("div", { key: '2c6c8c61886a7dbd917911398c17e8a12a5599fa', class: "section-font" }, h("div", { key: 'a4bd897a6cb5b36ee26a380a3a2eba7884f92013', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '4741d2b3b63256041b52434e11d35b8bdffdc9ea', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '9fb720aa36735a222c5a46d024d701542e6cc674', class: "section-font-weight" }))))));
     }
     static get is() { return "tet-font-weight"; }
     static get encapsulation() { return "shadow"; }