@tet/tet-components 1.3.92-testing → 1.3.93-staging

package/dist/collection/components/basic/steppers/tet-banner-nav/tet-banner-nav.js

@@ -66,10 +66,10 @@ export class TetBannerNavigation {
     /**
      * Go to specific slide
      */
-    async goTo(index) {
+    async goTo(index, source) {
         const previousIndex = this.currentSlide;
         this.currentSlide = Math.max(0, Math.min(index, this.slides - 1));
-        this.slideChange.emit({ index: this.currentSlide, previousIndex });
+        this.slideChange.emit({ index: this.currentSlide, previousIndex, source });
         if (!this.isPaused) {
             this.startAutoAdvance();
         }
@@ -82,14 +82,14 @@ export class TetBannerNavigation {
             this.firstLoad = false;
         }
         const nextIndex = (this.currentSlide + 1) % this.slides;
-        await this.goTo(nextIndex);
+        await this.goTo(nextIndex, "next");
     }
     /**
      * Go to previous slide
      */
     async previous() {
         const prevIndex = this.currentSlide === 0 ? this.slides - 1 : this.currentSlide - 1;
-        await this.goTo(prevIndex);
+        await this.goTo(prevIndex, "previous");
     }
     /**
      * Get current slide index
@@ -126,7 +126,7 @@ export class TetBannerNavigation {
                 'banner-navigation__button--last': !this.firstLoad && this.currentSlide === 0 && index === this.slides - 1,
                 "nav-svg--filled": index < this.currentSlide,
                 "nav-svg--unfilled": index > this.currentSlide,
-            }, onClick: () => this.goTo(index), "aria-label": t('components-banner-nav-go-to-slide') + ' ' + (index + 1), "aria-pressed": index === this.currentSlide ? 'true' : 'false' }, h("div", { class: "svg-wrapper" }, h("svg", { class: "nav-svg", width: "23", height: "13", viewBox: "0 0 23 12", fill: "none" }, h("defs", null, h("clipPath", { id: `nav-clip-${index}` }, h("rect", { class: "clip-rect", x: "0.5", y: "0.5", height: "11" }))), h("rect", { class: "rect outer-rect", x: "0.5", y: "0.5", width: "22", height: "11", rx: "5.5", stroke: "currentColor", fill: "none" }), h("rect", { class: "rect hover-rect", x: "0.5", y: "0.5", height: "11", width: "22", rx: "5.5", fill: "transparent" }), h("g", { "clip-path": `url(#nav-clip-${index})` }, h("rect", { class: "rect rect-opacity", x: "0.5", y: "0.5", height: "11", width: "22", rx: "5.5", fill: "var(--fill-color)" }))))))))));
+            }, onClick: () => this.goTo(index, "user"), "aria-label": t('components-banner-nav-go-to-slide') + ' ' + (index + 1), "aria-pressed": index === this.currentSlide ? 'true' : 'false' }, h("div", { class: "svg-wrapper" }, h("svg", { class: "nav-svg", width: "23", height: "13", viewBox: "0 0 23 12", fill: "none" }, h("defs", null, h("clipPath", { id: `nav-clip-${index}` }, h("rect", { class: "clip-rect", x: "0.5", y: "0.5", height: "11" }))), h("rect", { class: "rect outer-rect", x: "0.5", y: "0.5", width: "22", height: "11", rx: "5.5", stroke: "currentColor", fill: "none" }), h("rect", { class: "rect hover-rect", x: "0.5", y: "0.5", height: "11", width: "22", rx: "5.5", fill: "transparent" }), h("g", { "clip-path": `url(#nav-clip-${index})` }, h("rect", { class: "rect rect-opacity", x: "0.5", y: "0.5", height: "11", width: "22", rx: "5.5", fill: "var(--fill-color)" }))))))))));
     }
     static get is() { return "tet-banner-nav"; }
     static get originalStyleUrls() {
@@ -276,8 +276,8 @@ export class TetBannerNavigation {
                     "text": "Emitted when slide changes"
                 },
                 "complexType": {
-                    "original": "{ index: number; previousIndex: number }",
-                    "resolved": "{ index: number; previousIndex: number; }",
+                    "original": "{ index: number; previousIndex: number; source : string }",
+                    "resolved": "{ index: number; previousIndex: number; source: string; }",
                     "references": {}
                 }
             }, {
@@ -335,11 +335,15 @@ export class TetBannerNavigation {
             },
             "goTo": {
                 "complexType": {
-                    "signature": "(index: number) => Promise<void>",
+                    "signature": "(index: number, source: string) => Promise<void>",
                     "parameters": [{
                             "name": "index",
                             "type": "number",
                             "docs": ""
+                        }, {
+                            "name": "source",
+                            "type": "string",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {

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: '44fe8e6ce596416a1a1ae2eaec54bed3c2fb1f38', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: 'b3368a0c67e114fbf8d3ed98c02d1a0a298a22dc', 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: '2454c47d77b4aa2ee1f5c9de90459773430cb85e', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '4afbda4f410fe36766f1096549bd1763a6472e6a', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: 'b7d5857af9607b81f74ba334432db4104a9a6dab', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'd266a0da1ec1d567a0fc76c192d10e7d73fe5efd', 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: '322a69dfce0d32a3a3add6bc6645ce69331bc43d' }, h("div", { key: '69d7987af8a14b123240835830c7a8acfb62b656', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '93bb5cbc6835d6e1262f3f076bb8b55b4b4d5d86', 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: '8acdd9b288772e5f60679876203802c9c3f159a0' }, h("div", { key: 'c5f6b81460ffd0cc0fdad37adf4de4196e88deb8', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'b023d0e10c3a4a705ecc12d580ded473c5fd26f3', 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: 'ec55b60ebf74bfad4ab447ee40161f4480bf4d59', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '0ed7531a35491a72fab9fc6f1e39e1f7eae46459', 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: '28f59027918f73098f120ea8e5fc568c6e943d91', 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: '2c30298053b3dd17b615832f299132c92ab382e4', 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: '89599ce7db878276ca7c849dba555d9930d1e606', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'ab4213cc3394aa4e07dd638335fb0e48c3d71378', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '92ca69bf34fb66171c8ca6d42ed9984bf7276976', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '3328bdf3f417a626b927e715fdca841bfd1d48c9', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '66675142ff43daf8a99f4ebda5d693a3f1cd51ff', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: '29fe0af8d1c6d785e6bc7b1e29d251d3cb78de66', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: 'c8c9614d766451f013c85da823e1364eb334c4d2', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '3fb4469bf6849f7f09379158eab3b90e5e711f26', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '343cd5467710c718420a3f45909d9c4e10ad285f', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '3eefb0695625dee6136cfe5241eedbdf3bb616d4', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '52f58a05ae25a045436a2c18d26c64b573fc782d', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: '05752b17f825e00008f21e95bb4690898085a926', 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: '36ae74552d67aba4a8a90025fe7372a5fb2dd932' }, h("div", { key: '546a09a5b9e0756ad1e777e4a41d0bc235ba1552', class: {
+        return (h(Host, { key: '475aa17eef224372cddde6cca8536e75e8c290be' }, h("div", { key: '5afa592e7f36105ea869d9006ecb028c21604c69', 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: '9d6d7af81d1f8267633468d569f7920429e27113', class: {
+            } }, h("div", { key: '3a4069a4bf22714e1e638367de58c582ee582dbf', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", Object.assign({ key: '5791040326f62239d7c59ecb7066cd5fb00d555a', "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: '78fca64e7c7bb6a824b391e2ae7a634215c01f4b', class: "range-slider__container" }, h("tet-button", Object.assign({ key: '81334cb87d944f75e48a2f935ada5937e5df0fd4', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", Object.assign({ key: '8e31e15462d5d40100c157ec73c5796d4ac697d0', "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: '8ed75e915259d198dedd29345608b00661f7a236', class: "range-slider__container" }, h("tet-button", Object.assign({ key: '6086796230a5790d8653fcbf0451b2cf5d0d0f05', 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: '19b9638256b695c52392df6f34aeddd23f15ca8c', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'f2cb6e63ee96ddfb771ebb76870d8fd994afcea7', 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: 'd8e326c9fc4c2639266b83609e7bf9470cbe4698', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: '81a99ef9b8a057ea8c7e60471963e3b377c3d825', 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: 'c08e9149ca0bff5c1d926c2241775eb1492c5755', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'd5c268d469560a0d477ade5527f978f666f88f16', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'ccda929eb226466a76a3275c956ba9a7b93a649b', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '5092ff124883f36c8963035b6a06579526c4f338', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), h("tet-icon", { key: 'beeabb50350550e3240c7bef29858b44df7f6015', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '9c31a31cdecd02175c0a0ffc239c57a2a4d16b07', 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: 'd4ce3b3340fdae2eced60a6b126d0b36a896d395', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: 'ff143125e93895a26c4e9a1531671b248f46650f', 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: '88964138386762c44e51b1ee359f840ea924849e', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'a0ae8769edd9b1e3448a936002ac3f16e1ffbe25', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'b92a76fe602d01d82588a70fa1120bbf1258d147', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'e7c4bf98f24e217bf3d6187c87560c63e7f47e3a', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '43bdd0a74ce24a0a3a45d1c68c43f479557e1732', class: {
+            } })), h("div", { key: '44755537664b482553b720fe2166588ea8b0cc0b', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: 'b7e7d85689babeab7752b0ff75c4281076d52367', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '8568c423b6da013baf6b7a03bae1ee7099625470', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '8d1b56885d8e62413204eba47f8fa85dbbc0f651', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '60db2ed8ec9c197b6ed63ca09b2310ee9fd37c8e', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: 'a6c039fb9a4a26f64b5afe27e2c1ed59714d1d14', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '8f49721cac615479d6d3aef3e948ef7da65129b0', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '362738a67c09d5419e8149378c12a4399f5f02e7', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: 'cb039ae45cac303c5c656eb61430d6a81a9466f9', 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: 'ff77a241db4b724ca9eca8827e1d2bf4886e6c3f', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), h("tet-icon", { key: 'd71a4c381382cbeed2fd4f0c015ab7aaceaed02d', 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

@@ -9,7 +9,8 @@ export class TetStepperInput {
         /**
          * Reduces value by step
          */
-        this.onMinusClick = () => {
+        this.onMinusClick = (e) => {
+            e && e.stopPropagation();
             if (this.value - this.step < this.min) {
                 this.value = this.min;
                 return;
@@ -19,7 +20,8 @@ export class TetStepperInput {
         /**
          * Increases value by step
          */
-        this.onPlusClick = () => {
+        this.onPlusClick = (e) => {
+            e && e.stopPropagation();
             if (this.value + this.step > this.max) {
                 this.value = this.max;
                 return;
@@ -121,7 +123,7 @@ export class TetStepperInput {
      */
     render() {
         const { onMinusClick, value, onPlusClick } = this;
-        return (h("div", { key: 'c2ae3d5889c20ea021a3c7a2c952a0b623032f90', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '675815e5387ae39b72f0ecc41c9454c9069ab0f2', 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: 'ed6229feb4a58680d991ebd59bd9cdbd712eb981', name: "remove", onClick: onMinusClick })), h("input", Object.assign({ key: '48df0484f36b427c20afa87aaf8f6aec2fcdfd6c', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: 'ecc27f004b908035f70092fa2155f7c1fcd05c06', 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: 'c09b9c4d46034a489f154209dbaf4bd517eeec45', name: "add", onClick: onPlusClick }))));
+        return (h("div", { key: 'ce31715e845a8350018d13a43104dc3573106f66', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '07224c401d721493c67c96640baa2ba07d7b7aa2', 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: 'e86d961b204ce010519b2e3aa646376e9402a347', name: "remove" })), h("input", Object.assign({ key: '410613503ed9eacd9bbd5a2e255aceecfbff9625', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: 'ff1c19a31f90985a236a6fc78cd4da175212955f', 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: '738643e07324152963e3ca95f5019effd2685bbb', 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: '214f719d52f3765019ba778f402f2437bbf0144f' }, h("label", { key: '8129b1498a2088119e3f0bb96cffb1fb3ca2676f', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: '0b312501357bd6510e88e2a8f6ad6a6dbf638fa7', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'd4e22a746d02d86d2d8065ebc1c7f0413b8bb6dd', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: 'c03aecfaf714e4096f571ac24d295f39ba15a9c6', 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: '3ebe3741d12968cf695489d79e91ae7919dee784' }, h("label", { key: 'fa45db76eed6143d17347d8ef858bc62f05a6744', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '650be2b64f72e8f238b0a1572db83235d45927ff', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'eb3b35f5316aa6a81d701da47ca322d9179e276f', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: 'e744d781bd8335cdb3c88953625418a3ca65b3b5', 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: '1241f2f1f770108e59323c6f6efdea4d17a31ead' }, h("tet-card-list", Object.assign({ key: '57c1e795cef1959d19c70b027389cf6a4465e80b', 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: 'fe9c79b8fd5b73aecef4ede39a18854a80c64a87' }, h("tet-card-list", Object.assign({ key: '872ca575fb56326e8ecb5593f9a3c9b9c139a3ae', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true }, props), this.items.map((item, index) => this.renderListCard(item, index)))));
     }
     static get is() { return "tet-news-card-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7569,6 +7569,7 @@
   --text-list-padding-left: 2rem;
   --text-list-sublist-padding-left: var(--text-list-padding-left);
   --text-list-icon-size: 1.25rem;
+  --text-list-icon-line-height: 1.5rem;
   --text-list-font-color: var(--tc-text-primary);
   --text-list-icon-color: var(--tc-text-primary);
 }
@@ -7601,7 +7602,7 @@
   position: absolute;
   display: inline-flex;
   align-items: center;
-  min-height: 1.5rem;
+  min-height: var(--text-list-icon-line-height);
   left: calc(var(--text-list-padding-left) - var(--text-list-icon-size));
 }
 .text-list__element-content {

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: 'de787f5b94cf9779c2076c7af2917f112e261949' }, h("navigation", { key: '76f7b3d1de35dd4c0de78aab084b8540ef3ccea1', class: {
+        return (h(Host, { key: '04407591ff40c84ae8dbadb040e79c5b3f0b0a46' }, h("navigation", { key: '68787d0fb12d68d0f394524bc4e0564f77f8bac9', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'e45043c230e8a7dc6cf20d71ae2a4de1d6a3abbb', class: "navigation__nav-bar" }, h("slot", { key: '8f6b5a536352c94fbadeded5430dbb789605fdef' })), this.isTogglerVisible && (h("span", { key: '99c9231fb147f2a2a2fd5dc428692abc4704a1cf', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'd9951e9f9acb3ee87dae3784b1450ba337cb9573', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '7686a68b060ccc1a47e7a7b2f9d8bd3dcafd69ed', class: {
+            } }, h("div", { key: 'b02c112b1d35b51e8bf14b2fa16aceedd73e8232', class: "navigation__nav-bar" }, h("slot", { key: 'ae98959c6cbd6dbb2a2228b36d8699d46732fb62' })), this.isTogglerVisible && (h("span", { key: 'cf7302e3a852fe1b86a80a78db3ce39ab1e933d5', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'da0785aeac773a282fa170a2fc5aab5147df2850', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: 'a09d0db85c65b30200d95caefbe7ec36b7d2efe9', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '6b1afdb6524d3f9744b9edb76c80de1cf53c63e7', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'f32c42634edfb2b0461080c4fa013a4063d9f8e4', 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: '187b273b9a268b7726eb716aa998e716d39e4d7e' }, h("div", { key: 'e388a9c655f2dcd606c57e61787cc01efdb22c40', class: {
+        return (h(Host, { key: '94f540b5db27e23ec6196fdd82b502c7b2e0d716' }, h("div", { key: '0194c6b01816a7bc0d545a4e9885e08d53a840d3', 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: 'b5e7949801ddbfe1a137ed8fcdfce43ab0d11845', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, this.headerImageSrc && this.headerImageSrc !== '' &&
-            h("img", { key: '109e849a7ba6963185c356ac31a3df0ed6d602fa', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" }), this.renderHeading(), h("tet-icon", { key: '1b5ad6ec49b3591c07865b129bdb261277be9885', name: "chevron-down", class: {
+            } }, h("div", { key: '2d84557cc5b5e6b18802118b507daf081a71d812', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, this.headerImageSrc && this.headerImageSrc !== '' &&
+            h("img", { key: '7340b29a9bc0f56c10f8b7b2d88bcf75465a49d1', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" }), this.renderHeading(), h("tet-icon", { key: 'afa5c70e3f0f7e9f605e0d3d496aeaebf53b7559', name: "chevron-down", class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })), h("div", { key: 'dd569dd3b5f0fddd206b3d2ed014b9bfa3b46fe2', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })), h("div", { key: '5d9c25f08be6de9e3103d3b04a01645ab5dcd4c2', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: 'e17efcd79dade630f09a71e0765f507cd5a89e06', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: '17528d2fc9c89774ec9338474b965a29c20bb877', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '1bcd485849ced80d9a991054d0bd26b0b11805bf' }))))));
+            } }, h("slot", { key: '441afae41d12d09926daff4d5fa4ef2a70d7c6bd' }))))));
     }
     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: 'a4ec6eaa571ab990886c48d684e7cbf7d290cd3a', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '8898cd941e686efa1ebcf60f4557dfd5650c4e3a', class: "tet-expansion-panel-content" }, h("slot", { key: '83093cab72a8c980c159f416c7d10cd9cc110fa4' }))));
+        return (h("div", { key: 'ebb2229a46f8ec22492e585414478f69f4c853c4', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '80d1df8440f60ddba4a81d39f0262efaa63fbf04', class: "tet-expansion-panel-content" }, h("slot", { key: '54eec88fc5387c2c77de6c7e45dfc99bff9a21ac' }))));
     }
     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: '47c2c935ae6388ebe04d63e930f652de9eaca578' }, h("div", { key: '16b6075e834407f31ce173907c71a6e2561a5d7d', class: { notification: true, [this.theme]: true } }, h("div", { key: '217a67bfd971276e51b1eb387e82636144dbe7c6', class: { item: true, [this.type]: true } }, h("div", { key: 'c90389c36eaadd9fbda202bda03e921e1c99361b', class: "header" }, this.renderTypeIcon(), h("div", { key: 'a037cc234c229aa65db08dcb25b72d582ee3d936', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '0235364bfd2ca4a12e279545970db7e2e315f2d8', class: "content" }, h("span", { key: 'e86c1c2008c175ce82f756a260e89d2cf847385f', innerHTML: content }), h("div", { key: 'a6fa45a8c6d21b05d0aff4423f09bb76a821feda' }, h("slot", { key: 'f385ad65af073f7cba11200b16a0cc49af9bdd76', name: "button" })))))));
+        return (h(Host, { key: '58fc8839300c57085efd15f19aa6b4490e5208db' }, h("div", { key: '553873626459c9ae9e91fa6c1d6ab1945737e642', class: { notification: true, [this.theme]: true } }, h("div", { key: 'b528566c32267bb5371b6672f3f54c48cb46c81c', class: { item: true, [this.type]: true } }, h("div", { key: '3bf67b850a19582ffc1981d8cb40d4ecc090cc1a', class: "header" }, this.renderTypeIcon(), h("div", { key: '0095a59843b5a06a1ae9717abb162cf04fc9a2d9', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '06805877e2f9bc31e2b6d906ebca2a7b0f7c670d', class: "content" }, h("span", { key: '01a0bf6d6920a2d1bba7da21b02ae45eece97034', innerHTML: content }), h("div", { key: 'cf38fe7c953a47cdc784c6f3a0f3eb65d748695e' }, h("slot", { key: '8be3c3f072a2430d0ee38837dfa2557cc5e8b5bb', 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: '0091821191df91b2a367533f82bcbb2593024d9c', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: 'be9bd3f61fbe86265219500cb26bdc5c10bfe1fc', 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: '0192f4dc23c167839c509fad4697276b9af21399' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '90005416755fafe8a1f1ad46429a37248e10d260' }, 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: 'c4741403dd6645dbf0c4ad141495f2c964eb26f9', class: "container" }, h("div", { key: '30b848a871a96afcaf4e32a37d1aac6a45f6aa5f', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'c528f67365036e8dc82d6d0d8662e80d8a01976c', class: "calculator-block" }, h("p", { key: '7bc17b02a68045f6120af8dbdcdd9797e61a2f0b', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '7f7beb9109a0f27800b2244e4a7b83640c31388f', 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: '6491fd2631748594bc0909e9ad26102665901e84', class: "control-container" }, h("div", { key: '97e92eb0646d1fd3f67ed0f2aeb0ac63490c5911', class: "control" }, h("tet-checkbox", { key: '453293a29af29e2668b4a18e7b390c7d4174d82a', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '893a790dd0c43cf484cd5f7c07ca3cc81a67aa6e', class: "control" }, h("tet-switch", { key: '94f1b7d86efd7a5226f32d2e3f66f54a34f7051b', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'b0bcd70048af7e33835b7426c94858f8c1669d8e', class: "monthly-payment-block" }, h("p", { key: '09fa6ddf5fdaee277e8b999dd5cfdff16e0c2f58', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'e7aaa94089d28787782c7661cdffff4bbe46a3da' }, h("span", { key: 'c25196de4b855cf82bffa7d2b3ebc17437306396', class: "price" }, this.totalPrice), h("span", { key: 'd2340f01b32463038fdc21a414a129a00fdaa6cc', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: 'ab41da80056ad2011e20576a32b2b776df67f9c9', class: "container" }, h("div", { key: 'bfcd1904ea77117dadd315394c3affbcea108cf2', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'a8528418263e755cfef057945ffcc28c89971f02', class: "calculator-block" }, h("p", { key: '611f28c9a4f0a847d321bd14a3b9b6fa8ab96683', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '9da0cd090bf872484becd24aa21746cc3a09061c', 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: '5d10143ceb84e31f9e6388fe34d7f9ef5def1e86', class: "control-container" }, h("div", { key: '869c02088fd9511e5fe0971e2727680a45568022', class: "control" }, h("tet-checkbox", { key: 'b628858b7b078bddef01a8651440b5e10a19cd14', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'ab6db09698fc071762f81a74a81c8f75475a8b2f', class: "control" }, h("tet-switch", { key: 'e9b26664ae4133a6aef1570997cafa332c262110', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '7b3fa89eab9ada99e3ce940ed47f06afb73ef01d', class: "monthly-payment-block" }, h("p", { key: 'a6a350e693afde859d9e56e0262cfca2973fbc2c', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'ae1fe7b12600df11ac4892cbb8ca9418e876ee15' }, h("span", { key: '5929467622ac4f71ff0b749f745c84cca494e2d7', class: "price" }, this.totalPrice), h("span", { key: '90c0660ea60e8257d0d10628fd5e8aaee434e883', 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: '8fd925acdae0246779db08c4b2669fcc69f93a03', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '3f4e78ff1818b4d2286e7815ac6021cfd0158f2a', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '9ec284eda2c6270ab2e14cef67906d2b722d6a13', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '3a3b849d1d6fcdf32b32f43dca9a79c4c378bdbd', 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: 'c7a200a0e17e1088308668e58099887a1cc217d8' }, h("div", { key: '527838233c159a2d3496ef12151864e9a994df85', class: "variable-container" }, h("div", { key: '88125cb6622a533000464327e2fb3282c83b13cf', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '368f8ec1fc31fad87adde24d752907a493a1142b', class: "container-section" }, h("div", { key: 'a724d3bb49134d49589e78ed8299ea499a1d8fad', class: "variable-name" }, h("div", { key: '3fc7233c148dfb8d519fdf49b0187e958dcc0f4d', class: "variable-part" }, "tet"), h("div", { key: '379b6ed49a574410ca62a6b00f5a49b50d5f2744', class: "variable-part" }, "-border"), h("div", { key: '484a2d08f361facc5bdeed5db1dc0612e8a28285', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'f9ab01a1291c15e760a8b92127491166c1ae808f', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '78a7bf1e33362a410e8e9782ee6c3fc02986de58', class: "tet-fonts-container" }, h("div", { key: '0bdc7702be29c54a1e06bbae2714e0486a7a08d4', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'ba0c20780d72c49dcb193cd4cb79b5b56ffc21c8', class: "section" }, h("div", { key: 'ec8559024a9ccdff40aa5111850134e625d9d0f1', class: "section-variable" }, h("div", { key: '977e6b9a821673a738f5df5add921272a438b8f0', class: "border tet-border-radius--xs" }), h("div", { key: '5a01280beb5c9f1e982e7e66b1fe50c08969f13d', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'ae8ef0baf045cdc32ffd41b0a313d8ef858ef2d7', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '4d7b40161f2ea4af6e1a978d0bb047a9830a59c8', class: "section-variable" }, h("div", { key: '25317cc4eb85bddd07e9a9ccaf82dcaecf87ef83', class: "border tet-border-radius--sm" }), h("div", { key: 'af39972b6ef283f7e3b1a528f41968d75f63a838', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '128e78a793f4a8e17cbad4fd7d3d422c0b7ee3ee', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '40a5a58bdf6d45b91f4f10b7415f08edf853657f', class: "section-variable" }, h("div", { key: 'd3c8c82e6db1942537766f23abea30788cb33436', class: "border tet-border-radius--md" }), h("div", { key: '7bd74b7dcd1f67407f77ecedf7abcd4cbdf52450', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'd0f607201df799717b8dcfb18782750c9f854595', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '3762124b17e5d0000c8f21b3102f2689a6d5a93a', class: "section-variable" }, h("div", { key: '6c702892e5f05d689b0f45342fb4278b2a385e67', class: "border tet-border-radius--lg" }), h("div", { key: '32d4a4c48823f26dd79c82a08a2916781f85894b', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'bb6824469e20f242f8c4f481dd7b4aebc18f10a5', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '977b9135d19cb0a6d81a25fdc6eee46401f29a53', class: "section-font-size" })), h("div", { key: 'dbae0b3b69a5de1cc0db6dd9ec5495d2ed3183ae', class: "section-variable" }, h("div", { key: '5ddd3f54e243ad78e83fde39c5bd51f607ad174c', class: "border tet-border-radius--xl" }), h("div", { key: '49d064c1826853e2286d0f245723fbbc993c186c', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '36c72b8c8186d9beed0682b3dfb47ad11f044b3a', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: '97018ee33cc6d53897be9cd79e7a0dcef38899b1' }, h("div", { key: '7d371a26edf8c9083505368cc54f56c87079fbbb', class: "variable-container" }, h("div", { key: 'b0a50ef3af9d1a54ef3fdac6dba399499138f014', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '876df54a052f5ff52d54f8bba3761abb77190faf', class: "container-section" }, h("div", { key: '7ec1bb5ac1ece5e33bc630f04fd80c6be45dba1e', class: "variable-name" }, h("div", { key: '3672326866adbc8123514cae00ac111eff0b4746', class: "variable-part" }, "tet"), h("div", { key: 'fafa7ae632146e689191ca5827a75b956cbc31eb', class: "variable-part" }, "-border"), h("div", { key: 'ee895c62d31416e2f4e4a5c75e65027626ebdf6f', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '588193efa2e0146a434d3610e4fbb91166bd20b3', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '05af1f835f83da39af3acbebafa15bf8a6b93062', class: "tet-fonts-container" }, h("div", { key: '8b711b071891d88e69569c88a3a2b70f725cdb55', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '4886cb23ddcc421037d76dbbce88dfbc39ed2be8', class: "section" }, h("div", { key: '05afcdcea406eee3a7b1acee4c7275908989cf37', class: "section-variable" }, h("div", { key: 'af72d199f64cbf2ff0029fec9d408f607148289f', class: "border tet-border-radius--xs" }), h("div", { key: 'ae3abf0f27179bea6b2867620f84bd7cb75ba4c7', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'c3fc2e597cba9f7b8ea5e7d5cd1acebc9cbc4919', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '4568a34941fa0dff646c1fb9d49ac11a4d438b91', class: "section-variable" }, h("div", { key: 'ab806b16cf654a66e0a71f11ace41b013fda100d', class: "border tet-border-radius--sm" }), h("div", { key: '858a594e2c1b2fb07a5d6689e2ee822393bee1da', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'c0e1db51654b6f995c6fd455dcfe854778847375', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '804e6af1e4be5fa8f66c3ca875ece6c9462f1048', class: "section-variable" }, h("div", { key: '0c16b90b20e635afbfe870ce7bb6fc3720b19b53', class: "border tet-border-radius--md" }), h("div", { key: '470e6994707253dad501e894ac103b5657a8dd0e', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '8b7b142e64a8993b0b6ede7fe7000c2f18d0dfe8', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '3e87a0b95b1c60e13f18bccfb4f1f04d3fdf336a', class: "section-variable" }, h("div", { key: 'fc29df6c6eaa91f0ecc0cd1d9ef1bb5dae797c1b', class: "border tet-border-radius--lg" }), h("div", { key: 'cb1a3b127f1f64fb6f5b19faee4b7b0e23ec19ca', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '5d46fd9edb63a58e0b535b97b0a3be9c9095b9b8', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '5eac47751c61d00c390d56ade3f18e3f5669581a', class: "section-font-size" })), h("div", { key: 'c4c8c3318ba132b6201c7f185d487a5dab242634', class: "section-variable" }, h("div", { key: '68a12c3bbc05d7d04fe755bc40dc7377f608a27c', class: "border tet-border-radius--xl" }), h("div", { key: 'b0357741e8c4f5e33e6dc59d19838e2ab43916a0', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '505dd8b7f0d206662f5e732003c31542872bd8b3', 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: '6b88181f285b0b6e1c9d987af266a9affab7aff6' }, h("div", { key: 'c9f64fce5ce2dc8a8cf8d2ea92bace11b9c8f3f2', class: {
+        return (h(Host, { key: '15cbf6da5712525a0dc1675aaa7c16180ed63804' }, h("div", { key: '37bfdb88d11693264b4f012425f1e9ec8a2cc979', class: {
                 'dark': this.darkTheme
-            } }, h("div", { key: '89cf9e7b948b6882516c9bc80d7c8d3cf49c1af5', class: {
+            } }, h("div", { key: 'bb313bd33ae808351114b8de0ca9a5eedcfbf24a', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: 'ba247eeca6a3b2ff6f842c92cb5f9baf540c1770', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '1f99d832dee3d6b6ab9257151f3fcaca9a9ce855', class: "container-section" }, h("div", { key: '7957bedbac5efc08a4aac2a1f2afd676a6488b9a', class: "variable-wrapper" }, h("span", { key: 'dcf317281f47754ac6bbea4897ad855f4619eae0', class: "variable-name" }, h("span", { key: 'cc47c301405ec6fba3c2f63a5af64260c19a7d6f', class: "variable-part" }, "tet"), h("span", { key: '2b79d2cbc33ae38bca7e25f73c1f81ea108ea721', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'de80c7a7326eeb2c129eae0a7898500df6f0887c', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '3280275cb1042d9cd94a37dc77c9072fe87f8b96', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'f6ac4ad040c2a2393a8128c6b45d3f5c0a22589d', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: '952d30ae8c4c3e9c666f7d9d19036083c0cc536c', class: "container" }, h("div", { key: 'c15845502f4832f2a34d4a69421b73e619b6e49f', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '67ffa954a7f62a770bff2c75bad342a2e0a365fe', class: "container-section container-example" }, h("span", { key: 'b6a87c5032fb67e05fa0c865c471bd44d99baa93', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '8432f7be97a771bf0ed9a78fa15da126c074389b', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: 'cc795acea3fa9d7ed57257f3c991a51b5ed0b4d6' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '1e4fa5420470815efb5898bf76a0df6ee21abb1e', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '8f66a6a2d66d46aa6e4c451995500d796de0934b', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '032f8a35f0a92d7371577a8bd1fe07827cf33537' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '06332c165354bbbd049777bcd197169662eb8335', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '5640736f66f3f1b908bbe0a1fa4c88dc63b1f13f', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'b1bea3199f8d2fbf90cde0077488cf92b8b38051' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'b4613820a0bd3b882636a76e2b83dfd73af8f14b', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'fd2fb414bb65a76610d27036315c0db57f6ce9c0', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '03ebc56e68cbfb8d59e05626c56c47150dd5dc7c', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '2c68766d8f6c0ac76713ee16b0829e43553f6261' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd0a104f90452455955e2f99567b46b1f383d796e', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '08c99521e5b6d82bed58cb68c4e0cba868727335', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '3005d335d2ad235cb7a936516376f82c0ce36efe' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'd976b01738c2e19e71636288a0baa1f0e24cd597', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '995fc77952d27077cc165edcc2c763cfce5619d1', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '68952f802813b5c1b1221faf0c7fe62b4606759d' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'c10fe33ea170c8d206b8a2b019f0d9ad3395ef04', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '068d84c56bea1c2564e40b1e934ae2cab029f5ed', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '83276ba590523efa7b6c6fb4970fe9d2f9686204', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '1a7c217fda016d63e8463f9a7b12cbc57fd34b94' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '2681929bcfd8c8fb506d2f4effc0f52da4729364', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: 'b5c7d656c0345d603f9894a0c3e83410b310d102', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '6a01a7f3896e5c05005bd075ab994a55c79cfea9' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '94ee4c9e2c21be053f46ad69e8ea27a62acd1f0a', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '3e142bb56b62f6180ce31ab1bee4c2c2755bcfde', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '765eeb1808ca7f6a4a5f90d005fafbfc4360ac31' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '4f11591607d39aa431bf7f20050a54952e03ffd7', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '71373ff17c2404d27e5519da091912992dd8fe1b', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: 'f62f9fa92edf354a7005721336ee22b62fdd62c1', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '1f8d3723b20f5c467d3f585ff23ade788afa96b5' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '41dc6b27ad4fa3538d6b15cb9067201ebd416ea7', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: 'bb5e3832f116428a88c3adaea04471a956132615', class: {
+            } }, h("div", { key: '1b215a194b6e199723a2307e8b6ea0d2662d4b5b', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '582ee6212bc8716add2935b6631889c121c8d284', class: "container-section" }, h("div", { key: 'ab22d841dad75dfa61f254c628ad7ad1aa07e789', class: "variable-wrapper" }, h("span", { key: 'd8f026369bfe394f698e9af7d2542f67f4602d9c', class: "variable-name" }, h("span", { key: '3839a713921c1cf4e04dd91ba3de0e24f1d60990', class: "variable-part" }, "tet"), h("span", { key: 'b46897070767304b335240d2a3437900a2a88019', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '77052ea9da9afe69f08806004419878438e0d98d', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: 'dfeb44b1f30be6b1a9dbb2235b1f715f91cc7360', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'a0605514adc11d8d3284358cdb564f1fa5dbffa3', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: '92b523ab1e76e7d50a8142032e993398a6627419', class: "container" }, h("div", { key: '99ae2416645e7a19e2e327e83a7073126adcc9b6', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'b781cc1004ce78d0b7d3dca7b49627c80f7dcbf9', class: "container-section container-example" }, h("span", { key: '3ad9a3009b607a9c02036cb6c685b2bae11a1f7f', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '21835da805035fbc8cbf1e70560e4bacf5205f70', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '91594ec9a343143ee7005a07ffb1ba44e78022d5' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '35fdd4fbd62d0c4d4364d7fa5ecf324a680f52b2', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: 'a7f1da94c4e55036ef0d56633a119da35227c550', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '811f79e7b034188d8ff8c4652b0c338ec46a513a' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '01b4acad9e95e02a6e4f6aedace585ae2ed2ed7c', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '524eee453eccc215c5575ecd7478df4dd6b531f8', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'aa52bfd55d61c3f8cef0e143bae149266932de66' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '61ef5423bcd3d19ba5d1236f4f117bb3681b3dae', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'e3d43e8982eccd5abe8a3df0848e2892164841c5', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '60c30604a49db4b44aeb5ea3d0bded0243263625', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '405d303e5e30fbf48e8bf3f9c50bd93f35041f1f' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd4b4387725d1d5a8d6375bbe32b821a30f2fa782', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '111da168eba1d8b4abc79802758cbb81b528d4db', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '8fdd9d25faaacc8cc13d5e8b8497838a4b3f0d0d' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '44936d89af076fc2b763e44d9ea44419f990f624', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '910ba71493b6aee1af35f0ce5696497f2593d312', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '175a5428f42bd03059485fa15df3bec88dc9a815' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '12ccbbacfba1ff2f5b9b29ffa4db6157b071c2a5', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '326681c873a336583d5cfee08909bb20b774eec9', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'b7cbdcb4c465dcff638b9409479cc9c92a73c6f8', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '2f3864deae8468610a1f6c8763dc47420e322845' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '3314834bd759d78efdb533b220b873d83f9d191d', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: 'f7a6d415f6af04355a6e6820c0b7b8dc6d0acb9c', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '923d986b1c8d0b9d73b0dcf7b0bb896129fca496' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '2458ba0958ac65b5a153c18cdba05ea3331ce222', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'a8634949e9243dfeb8ec381bf258c427feed386e', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '12d4c88cffdc351f7d536d07b0013e3c6752299d' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'a0d2b0bc312d8f9b877ac48d88bb0bf8f8463139', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'b79c21dd19e95a185383e37057922d3a3f23988c', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '9682e8e661899ce06e40058d70d442a6246bccf3', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '77861ad1ef4354cbb9cd2cd506537bd40241f57e' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '2ea86218dcc4b5770d87d3a82f925418700e8724', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: '74acd7b41ef6518341f560fd613ea85169dbd1a5', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: 'c1fb40f47ad3c93ccd09d4c1487fc975c482340b', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '9ed45ad80137e250f78c1608f1c21aa073d6399b', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
+            } }, h("div", { key: 'b29c52b6f2c56d29a3e2c0bfe801d64aa1bf58a5', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'f1565fdda4d38b57808809d2996c10622c41a3c0', 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: '478738d7673b69cb440cbf15a20a822d9af7219a' }, h("div", { key: '9a111a0c317051dae4ae5cd602db3316e99c836a', class: "variable-container" }, h("div", { key: '21fb24f67bae7ad0960f98b81ecf019da8b7d781', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'd576a46a7b5a4665bcc2576dd22988d3c335d45c', class: "container-section" }, h("div", { key: '2a05bd30b95d4719c2d565446b64d09d2c6edd40', class: "variable-name" }, h("div", { key: 'a9624c2bb89c61b07df684aa8a1bfd887ef118c8', class: "variable-part" }, "tet"), h("div", { key: '78ac29ecc48b54239ef009f8ac69732c5c1d606d', class: "variable-part" }, "-font"), h("div", { key: '5f8ee6838ef948f3193a314aa5feb0ee37eed348', class: "variable-part" }, "-weight"), h("div", { key: '3add71f732c926bbf1dff67110909b519eab63bd', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '2d39f5780bcb96372b05f9066ef3facb73fb1b63', class: "tet-fonts-container" }, h("div", { key: 'f3e62e2e5b7289148a9f575550632e2bd7d5bfca', class: "section" }, h("div", { key: 'd21ef38888ccdb636b0130c50114956033fe0d55', class: "container-title" }, "Fontu biezumi"), h("div", { key: '23d35ee929db03b027993c7bb3fa8279522d1ca4', class: "section-font" }, h("div", { key: '1578ec8a7f1eab06b4d8b77f3cb79b5888b1ac4b', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '941cf1f0a3f97e97027b38a7bed09d050d6af2ed', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'cec044e5f9a62cff875366cb7cbf257ffa3d84aa', class: "section-font-weight" })), h("div", { key: 'fd41fca66283670c119be5bf96d0544eaa24033b', class: "section-font" }, h("div", { key: 'b8801e7fd5525c8468180bf13ae6219a93dac702', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: 'e8a1bcb034481a3e558183299855c7340e6141b9', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: 'da33dc13b659c480783fb8321629ae19337fab9c', class: "section-font-weight" })), h("div", { key: '999037ff881aa68697ed761451d845bb29f0eb65', class: "section-font" }, h("div", { key: '3babf38722a2120b0c987ecdbf5f14ce62639937', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '1efecbbccc00d46fb28b958cdb4906e573fba805', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: 'd58b4c15ba591795345e6da090f666a0afa6ff65', class: "section-font-weight" }))))));
+        return (h(Host, { key: 'd9ae4451a238411b8bcff66927769f07bce8c3bf' }, h("div", { key: '376f2d26f03b699a60e65cae3c6ae462df4b7d29', class: "variable-container" }, h("div", { key: 'a9b950159669b62809428f390e47441652305e9b', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'ee374708866c9fc46d869251b3162c26f33cd865', class: "container-section" }, h("div", { key: '03237692ce14cf841dc3f64c60fe22c0381c4187', class: "variable-name" }, h("div", { key: '88ca43df443c251ed72ca4e32b284870684ea6fa', class: "variable-part" }, "tet"), h("div", { key: '1997f4f1d1c1ac6673a2d7cbd1fc75b081a36dce', class: "variable-part" }, "-font"), h("div", { key: 'a5c0d0a4a9325f2aa93c5e34ece7b6ba56da32a8', class: "variable-part" }, "-weight"), h("div", { key: '87f222c382625bde762f4f66fe7ae7fa2f66f356', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'ad30203d5660e1fc5537c7d91146f097a94301ee', class: "tet-fonts-container" }, h("div", { key: 'cf1b33199e98994780f9e0115ae9e0791ad55abb', class: "section" }, h("div", { key: 'c1b52a056bde84f38149ef0a9cd0284ca636cef3', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'b664334bfd65a4ecc4502e6632a085ae87690864', class: "section-font" }, h("div", { key: '16eab584339492045473c7452c9f68a3a40ddf3d', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '89ef38ecf530361544434426b2ea108d59a09563', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '39ac63a2c426d89b5cda4bac43c5e333d02e8f50', class: "section-font-weight" })), h("div", { key: 'f041eb5ab38f191998e3de06557d853681e85841', class: "section-font" }, h("div", { key: 'f7e6b42514d5a243535e3b74b9d47541106ec41b', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: 'a500ea55f012329b8c8562bb05ddd021ae61c31d', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '3a3a97dba1c20a806b247b44bbbdf9b30bdb0119', class: "section-font-weight" })), h("div", { key: 'ed75c782a87902f31516f99763a8b9ba77aea1fa', class: "section-font" }, h("div", { key: '14a66aa4bff5a1832cfb2d67ddfea02e32820044', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '8e6a996e5119ece00c2907c51ebcf02bf5683b0d', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: 'd297279a5457db511e2df974d3bdd3e0466c1eaa', class: "section-font-weight" }))))));
     }
     static get is() { return "tet-font-weight"; }
     static get encapsulation() { return "shadow"; }