@tet/tet-components 1.4.30-testing → 1.4.31-staging

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

@@ -27,7 +27,7 @@ export class TetStepperV3 {
         return description ? h("div", { class: "content-description", innerHTML: description }) : null;
     };
     render() {
-        return (h(Host, { key: '80ab39b826b3c78e316f1834bddc9f9091ec3b70' }, h("ol", { key: 'bca96ce3d01fc609435e9443c72c66ff127bdc2f', class: {
+        return (h(Host, { key: 'e7a64bbc829c08aa0cd6b19feffdb892a8b3fac9' }, h("ol", { key: '05d20fef2a4ab620470442e3bc2183b5bf8c61d9', class: {
                 stepper: true,
                 [this.theme]: true
             } }, this.stepperData.map(this.renderStep.bind(this)))));

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-header/tet-datepicker-header.js

@@ -55,9 +55,9 @@ export class TetDatepickerHeader {
         this.datepickerViewChanged.emit(view);
     };
     render() {
-        return (h("div", { key: '2f4f6ac6b1b1833d82dde21157ce6520c6aa8c7d', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: 'ed983d99f04c02c5ac0a619b0d49f0a8964584ca', 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: '2847bbb4cda20689ff7314c84ad2e1cd0db0eab4', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'd80fde6078109ad9eb9bac9a751bd3965d60925d', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: '061cb9bdb1d0bd5b861caa3a506022a1d866b795', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'cdb5922c28552d38d518ff5ef48fe82c940c3d7b', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.addDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-right" })))
             : h("div", null)));
     }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-month-view/tet-datepicker-month-view.js

@@ -159,7 +159,7 @@ export class TetDatepickerMonthView {
         };
     };
     render() {
-        return (h(Host, { key: 'b3656c8199631d9c250d30a3810618488f6a4193' }, h("div", { key: '600d8c7b8c465afec62149ebc707212d0053741d', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'c80a3249c9c9bc613c54a4b6fe0c1b1557c0fcb4', 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: '69f2c4756ecdf45ddf70e97ec35269e30ceeff83' }, h("div", { key: '9531feda03b27ab529a4da39ba90bc925c28b0bc', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'a22e3b4e89a5605ebaf55bdf98c8bd0f839e9dd3', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
     }
     static get is() { return "tet-datepicker-month-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-multi-year-view/tet-datepicker-multi-year-view.js

@@ -32,7 +32,7 @@ export class TetDatepickerMultiYearView {
         return { year: true, current: year === currentYear, selected: this.isSelectedYear(year) };
     };
     render() {
-        return (h("div", { key: '1d0a9d61b12bea36428970f842ee568579120848', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '1e315a08e714d4a1a1fe83da5ceb8563c30d0792', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
     }
     static get is() { return "tet-datepicker-multi-year-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-year-view/tet-datepicker-year-view.js

@@ -39,7 +39,7 @@ export class TetDatepickerYearView {
         };
     };
     render() {
-        return (h("div", { key: '798ce08920471d6f52d33da79c38bce7575ce16c', 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: '64867b21c2d97565ae59aa9a2ca0516d64de4016', class: "container" }, this.months.map((month, index) => h("div", { class: "month-container" }, h("div", { class: this.getMonthClasses(index), onClick: () => this.handleMonthSelection(index) }, month)))));
     }
     static get is() { return "tet-datepicker-year-view"; }
     static get encapsulation() { return "shadow"; }

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

@@ -100,10 +100,10 @@ export class TetDatepicker {
         return { overlay: true, closed: !this.isOpen, 'overlay-effect': this.overlayEffect };
     };
     render() {
-        return (h("div", { key: '92c942fc6361a7d28b77fc67a2176fb32b34c4a8', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'de9b3e6fb1cd6bb816bd40257c39d59a91e7f67e', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: 'cadad1987474fd59280983c19fb7c14816dfa990', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '1dd2b9a88844de67d35824f75265b0b98c764bce', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '5b28ac53a2cc050fbef71f79d6b86bdd0ad42650', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: '28ae9b16de7f4b1db5457a8ca4de26e43a64acd8', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: '52f3fabaaadc5e85688ead2a9f702bce8417bb15', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'c39d7dd60e125de1c49985b3baa76ecdd05d2820', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '6c7750829282465f754f7178fe737c8a67bddf87', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '2b55a6750356af3dd950c918c66f772be3124c72', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '0a373149f3972d0e7bf125a943b7f95b3a23031c', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: 'cef279c5b345093fb5fb767fddaf027940bccf11', selectedDate: this.date, internalDate: this.internalDate }))));
     }
     static get is() { return "tet-datepicker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-range-slider/tet-range-slider.js

@@ -760,31 +760,31 @@ export class TetRangeSlider {
         return dataListItem;
     };
     render() {
-        return (h(Host, { key: '43eeb64a0457ba18c15cfa178eeae1eb6964d6c4' }, h("div", { key: '1ef3d125fecfcbafe007f4ba0406f29809d0e303', class: {
+        return (h(Host, { key: '17f1fdd65f0590f7fa284b89dbf283e5fe4b5f4e' }, h("div", { key: '13599ebf72c47c06dbe1141711d878689728bfab', 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: '50862fb4b13160714d0ee6b04d7332a8b49aea81', class: {
+            } }, h("div", { key: '10e376e9e51302a43903603d9f41ed40749c076f', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", { key: 'd2ab0920b8e1365c46ef213bf3c305e618a0f9b1', "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: 'daf50312d44d66a9a680552011ebd1b593aeaf76', class: "range-slider__container" }, h("tet-button", { key: '9d1be34ff1f094bc122957f521a42017ceef9d50', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", { key: 'b6ae5512c0257cdabf43d6e85dd036bdd5ab5343', "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: '7abeeb9f0d25b582ba960d73bb11dbc788a8508d', class: "range-slider__container" }, h("tet-button", { key: 'f941d8d42371ee59dfe4583c0a748b5869c0fcc4', 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: 'f0dcd32c8d867e260f4fedab19f36d0fc596ff19', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '9155b88c80780795faba9d0d90fbf2bff8d36266', 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: 'e712ad5186465830c56c8a9ff96ddea02b1a1d00', class: "range-slider__slider-wrapper" }, h("input", { key: '834d7b93614a20e79b721f63e1b55ff27b62d8e0', 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: '11f661fb51268f78f86a9283ca4ea230bd9a9702', class: "range-slider__track range-slider__track--background" }), h("div", { key: '522e97ea4cea406ddd38d5750bff07c5b7788b0d', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '54aa8151b21f444e26aa8a3ea07101966937c9c7', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'f5256b87d543726cd83c35f7de63edc4c4149ada', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: '733c45d6b580ddce30c3f9757c253e4253b784ef', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'e986bcf91095bf981fde9166380329167d91270e', 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: 'b66bd44151f0b3c1352f3049c2ab1f10c6786065', class: "range-slider__slider-wrapper" }, h("input", { key: '98a4e48d58fd2481c6f448347a9d29d53333cf46', 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: '9b9cbf37f2fee3da92f03dc2ab028c0b77ef4934', class: "range-slider__track range-slider__track--background" }), h("div", { key: '92d2a38e109371efd7210804c688ca692eb3cf19', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'dc72e3542520b18cfd81e243c431f42b9fec4bfe', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '25a59f356d1fe92ba9da4108eb6b98c7d6eee342', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: 'c9379ac563843b91eff20c0d79713ff894ff225f', class: {
+            } })), h("div", { key: '0b45065b0f1241c22928e775dc7456bd24130eb0', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: '59db7ada44db95fb177e2fcf8140973f9c5586d5', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '389902efa2d563fcc933e9a3357b83ce39eab7b6', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '3872c39c2526d283067a05fd77651020fdfbd1fd', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: 'f89d5a2762ab4a3886d5c06b147452c3ca322a65', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: '8bfbb56bd0b592712980deec084214b1bd8f1bc1', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'f09f08dbf1b8b7fb8d874fb15224b9388e56d7df', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '1af63f99aab2b46db1fe789b3aec2a48dc69c37c', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: 'cccd6b7b51ba1b14dbfe310b27125dedd9fc3215', 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: '7ecd3c77589a94367b850a4648487a7644043ea1', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: '32df65bfe808953e7f51402c3fd888b236f8c5bd', name: "add", class: "range-slider__control--icon" }))))));
     }
     static get is() { return "tet-range-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-stepper-input/tet-stepper-input.js

@@ -145,7 +145,7 @@ export class TetStepperInput {
             }, class: "stepper-input__input", type: "number", value: String(value ?? ''), disabled: disabled, theme: theme, ...(accessibilityLabel ? { accessibilityLabel } : {}) }));
     }
     render() {
-        return (h("div", { key: '3c404c5d7118df69a74703303d3bd618829ae61f', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: '595e8984982a6b48dbdc0958ed3bf57b352df541', class: "stepper-input__inner-wrapper" }, this.renderButton('decrement'), this.renderValueDisplay(), this.renderButton('increment'))));
+        return (h("div", { key: 'dff2884dfa036e7e38ce2869044d834fb7f8efaf', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: 'e9debec70f7d0fa115c3a8fc498e6b0e749513ec', class: "stepper-input__inner-wrapper" }, this.renderButton('decrement'), this.renderValueDisplay(), this.renderButton('increment'))));
     }
     static get is() { return "tet-stepper-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -59,8 +59,8 @@ export class TetTextarea {
             'error': (errorMessages.length > 0),
             'keyboard-focus': this.focusVisible,
         };
-        return (h(Host, { key: 'abae80640bc580db1a32abc2482dc67d56ff8c39' }, h("label", { key: 'de0fa9c6589539d85e42f9ba6115bc7660603739', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: 'f32d67e7390b7257aa5c045b0b757b7f33397073', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '8c8e1d54b01200158e61cb810ca1791bf8c4c053', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '76167b43caa99ad72f1a984b67283d556bee7776', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
+        return (h(Host, { key: '11b6b5bd917c21488b748614de9fb4b3387eb5f6' }, h("label", { key: '2a9bee19c09b0f56de78f21e49e415eaeda1b09a', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '410598a7d4dbc7787a665f94c4cd89405d24b314', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '3b733392c003740dc72198577ac39ae3edaebf3a', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '2a2987c14be12f3f54582c12bae5b74dc33d0e21', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
     }
     static get is() { return "tet-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/lists/tet-news-card-list/tet-news-card-list.js

@@ -68,7 +68,7 @@ export class TetNewsCardList {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (h(Host, { key: 'a911374ff6c9e349b2e95be3fe730277d0d05aef' }, h("tet-card-list", { key: '5a9b0be428b35fc6c07093f8886291d2e3b2b8b8', 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: 'ffdc8b4bd9e754a8fb251a2ad1503f0b2e38e87c' }, h("tet-card-list", { key: 'ba1f0bea1bd32afd27e1b10d523f0bfa8746fb0b', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true, ...props }, this.items.map((item, index) => this.renderListCard(item, index)))));
     }
     static get is() { return "tet-news-card-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/menu/tet-navigation-mobile/tet-navigation-mobile.js

@@ -58,13 +58,13 @@ export class TetNavigationMobile {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: '52591f6d0e9ef020ef4ac4c2ba1c61c5d2127ba9' }, h("navigation", { key: 'a03e13c0d3713b9891c4edf415e73e44cac53d0b', class: {
+        return (h(Host, { key: '09b0a50be196f42af4223a42c093c79ea5c4d281' }, h("navigation", { key: 'ce22b49eae41a3447d5e1e01aba3e018cd9e0d07', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: '4dfb907376f0cd6fbbdb317b9f9dd08a6fe81f9f', class: "navigation__nav-bar" }, h("slot", { key: '6ce19ff2456b35e83b9af6f1a4b217fb5f7e57ba' })), this.isTogglerVisible && (h("span", { key: '73b344efc87e41a55fb3e767356af1a8af8a8fd7', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'a381a51643ee5606ee51af66c78ce892af1698e2', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '128ee926d85677c6b9eb90a30bba5ee301a7e151', class: {
+            } }, h("div", { key: 'c984feaf80315d74dd8722bf3291a98ab2fbdb7d', class: "navigation__nav-bar" }, h("slot", { key: 'e69eb4fc9bd74df245d7e9e78ec74a63aa1011cc' })), this.isTogglerVisible && (h("span", { key: '761b455227bd4df243608ca260a2fbaa52ce3af4', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'ff125ba05faa982fd49009ace859aa4038004ed0', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: 'e41f6b286c1028e0bab714cb9da041c8a93de175', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '01e93b115979fbabf6429091e3217257b277cd3e', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '87150189321b296db40e038407421830f4ae08ca', name: "dropdown" })))));
     }
     static get is() { return "tet-navigation-mobile"; }
     static get encapsulation() { return "shadow"; }

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

@@ -130,13 +130,13 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: 'b72e156694738b594e5d19272b33ecf503185d02' }, h("div", { key: '79c2f48467900f817d618f5096f9b7332c4af272', class: {
+        return (h(Host, { key: 'dccb0b6efcc218ccffe83669a5fe8515f3cc996d' }, h("div", { key: 'b71812b04f88754319270bfaaaa7fed2b21caec0', 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: 'f72831b47d293ef8733043d9028b393546a02b69', class: {
+            } }, h("div", { key: 'd010d0bcc6cb676fbfe43659b820d738c73064f5', class: {
                 "tet-accordion__header": true,
                 [this.theme]: true,
                 "tet-accordion__header--non-interactive": !this.isHeaderInteractive,
@@ -144,15 +144,15 @@ export class TetAccordion {
                 onClick: this.toggleOpenState,
                 onKeyDown: this.toggleAccessibilityOpenState,
                 tabIndex: 0
-            } : {}) }, h("slot", { key: '6c9e03d8c03ced68dcdeb16cdfe9ee5ed2a18ca3', name: "header" }, this.headerIconName && (h("tet-icon", { key: '33fcfb873a4eee39a56f6a07a4d4c0de06abb77e', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '0dfd882353f23a995fefa456bdbaeda9877b20f5', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: 'e009c266445602ec5254f7f36d35cd0a58d3f83f', name: `chevron-${this.indicatorDirection}`, class: {
+            } : {}) }, h("slot", { key: 'de8eafe9e2e4379e195e566e7a0915c93fa7ead5', name: "header" }, this.headerIconName && (h("tet-icon", { key: '96adfa088560f098550fe29bf2c154754742df3e', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'fd9dd57372d8da3be6800dc5240c8ec4429ef1ec', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: '7dd4ee01eab387a269096579ae3349045e7d273d', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })))), h("div", { key: 'f0733167ecc6893cd6558dfcc8cc02c6f3657a86', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })))), h("div", { key: '81c056607875e427b881bc64ecd9aa73245b647b', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: 'e27281b304002dca4478635c3724166ff146aced', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: 'c09e41d63b8a9d75c378b07bfabb6489212f18e9', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: 'd7d714237f9ecfa80b9e70978371bf7108e0db52' }))))));
+            } }, h("slot", { key: '97c7fe27a8790a4d217a61d72fb9bc6be05e49ae' }))))));
     }
     static get is() { return "tet-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -62,7 +62,7 @@ export class TetExpansionPanel {
         this.state = this.state === 'open' ? 'closed' : 'open';
     };
     render() {
-        return (h("div", { key: 'ca619715b40664dd40d0f70cc89424293777cbec', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'b458ac0c30621420dd58c95e40734581edc1d33b', class: "tet-expansion-panel-content" }, h("slot", { key: 'f351ba0deb1547982f94a52a847f40eb73c8cf49' }))));
+        return (h("div", { key: 'b7952f6b2c74ca33eadec66b59a80613dbea62c8', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'f0ed18892432f84a2c9920631a3f809e67d85863', class: "tet-expansion-panel-content" }, h("slot", { key: '9e57f3f12f7dc7fd9db0aa8592cda116d50fc5f1' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/tables-and-graphs/tet-table/tet-table.js

@@ -326,7 +326,7 @@ export class TetTable {
         return { 'table__cell--inner': inner };
     }
     render() {
-        return (h(Host, { key: '4958d693a5d2d0b0f1279b08b1c965d2c424742a' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
+        return (h(Host, { key: '2586c0e8d75ecbead2661effd8f0c1570ba95fb0' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
     }
     static get is() { return "tet-table"; }
     static get encapsulation() { return "scoped"; }

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

@@ -113,7 +113,8 @@
   --inline-message-color: var(--tc-text-primary);
   --inline-message-padding: 0.75rem 0;
   --inline-message-border-top: none;
-  --inline-message-border-bottom: 0.03125rem solid var(--tc-border-tertiary);
+  --inline-message-border-bottom-default: 0.03125rem solid var(--tc-border-tertiary);
+  --inline-message-border-bottom: var(--inline-message-border-bottom-default);
   display: block;
 }
 
@@ -128,7 +129,7 @@
 }
 .container.dark {
   --inline-message-color: var(--tc-text-primary-dark);
-  --inline-message-border-bottom: 0.03125rem solid var(--tc-border-tertiary-dark);
+  --inline-message-border-bottom-default: 0.03125rem solid var(--tc-border-tertiary-dark);
 }
 .container.attention .container__icon {
   --icon-color: var(--tc-alert-accent-warning);

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

@@ -120,7 +120,7 @@ export class TetNotification {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: 'dd31eb55eeca79fe61c59ee9c1d0acfd0a65e6d1' }, h("div", { key: 'd05ab04ac46e1c836b356f170fc0de6ec08d2fce', class: { notification: true, [this.theme]: true } }, h("div", { key: 'bf347130eec93405841fe1bd1aaa5a2fb8ca367d', class: { item: true, [this.type]: true } }, h("div", { key: '38ace6a8b31913fb1762775b279a95f033a84261', class: "header" }, this.renderTypeIcon(), h("div", { key: '490ea644133021ee17efa9de7db8fcc84c5220af', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '79a6926fb017f6de04a36160d85419ad7de115ac', class: "content" }, h("span", { key: 'd3288536dd1cbc9737ea9b40e9842d7f52caa326', innerHTML: content }), h("div", { key: 'c82210a30c4e3e2df9076af98a2ab86cd20c49dc' }, h("slot", { key: '0d627e3b485f173a9525255a229049a52da621b8', name: "button" })))))));
+        return (h(Host, { key: 'cde46478023f1ff23e825e5c14a147fc81148ee9' }, h("div", { key: '58692303f88b6c2e3843a90c91c754f7565f915e', class: { notification: true, [this.theme]: true } }, h("div", { key: '3b4014424cbeac9ada81aa48886090268d3a27f5', class: { item: true, [this.type]: true } }, h("div", { key: 'b141ba22c255e522e2cacd4c82c5a47eedfff0a2', class: "header" }, this.renderTypeIcon(), h("div", { key: '3af5e2c04086074d28596b899206607bf48a25c3', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '1998432280049bdb6cb77d69e1920787c928066a', class: "content" }, h("span", { key: '7681d326f0693489db13f8ee7413a5aafc1490e7', innerHTML: content }), h("div", { key: 'd9b4f59f8b8e5fa130fabcb6a558b9689f873419' }, h("slot", { key: '0d78808fe943d0b14bce64c351bdca36ff006c39', name: "button" })))))));
     }
     static get is() { return "tet-notification"; }
     static get encapsulation() { return "shadow"; }

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

@@ -365,7 +365,7 @@ export class TetTooltip {
         return (h("div", { class: { tooltip: true, [`${this.theme}`]: true }, role: "tooltip", "aria-hidden": this.showTooltip ? 'false' : 'true', "aria-live": this.showTooltip ? 'polite' : undefined }, h("div", { class: "tooltip-pointer", ref: (el) => (this.tooltipPointer = el) }), h("slot", null)));
     };
     render() {
-        return h(Host, { key: '5cf2a7115c59560efacf8b2f4480956fb8d643fe', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: '536a318d9a429d42e520ada35b4b0fb55fe42fd0', class: { visible: this.showTooltip } }, this.renderTooltip());
     }
     static get is() { return "tet-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -137,7 +137,7 @@ export class TetAddressOffersView {
         return h(Fragment, null);
     }
     render() {
-        return (h(Host, { key: 'a77f50699bdbaaf190363e46814615271e584245' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: 'f9a53d79c3b7d0bf16ed5c42e425af243c4c6f32' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
     }
     static get is() { return "tet-address-offers-view"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         this.withInPersonServiceSupport = detail.checked;
     };
     render() {
-        return (h("section", { key: '6dddfa68d9c57d29f469503896d49f0acfff7fed', class: "container" }, h("div", { key: 'f180070ea3260fc50dfbbb7c8c0d902645718892', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '28665e7c7225affe4249ec31d4fb69d7632f41f2', class: "calculator-block" }, h("p", { key: '123e7e765748a6a48151086962331a52d6680288', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '9a7a54238f0e6ae6cf4832eb75a9b1b8f4829740', 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: 'fcdcfd5d2e7f165ef7d0b87970c0be89f0b749d9', class: "control-container" }, h("div", { key: 'db3330697edb2ab27ac3f13ac089db81ef1f50a1', class: "control" }, h("tet-checkbox", { key: 'a50142db635f9ab685236174e5d1ad81bc0a4162', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '9a17e4b230a3ae3cdfda22cee5bc383f5c6c2a9d', class: "control" }, h("tet-switch", { key: '1ba940a662c13e66cbaa4646d288d9ece077bba2', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '7405d0b53916ab2ae3bb42f313beeb0314d66afc', class: "monthly-payment-block" }, h("p", { key: '5774d4476cec0c6fb83a6a7179ada682bdd1b2cb', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '7193512f0b0a6b7139778375bf531bcb910bd6e0' }, h("span", { key: '6792d173114846ba4de008f0f6db63f1b2cfd372', class: "price" }, this.totalPrice), h("span", { key: '9c3790bb5363d392c55c5374b4d5cb663b87e533', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: '7763154e56285a7f460cb77853c163c4292c7cd0', class: "container" }, h("div", { key: 'd34c6942ae918f579d9d9f4d31728f2ba8510c93', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '68f64c3f15cf41c58dfed7fc023e311bde1607d8', class: "calculator-block" }, h("p", { key: '73c78f862c3f72e25969b329a357b6b071bc69b3', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '33cdb35c8cb35d7603d2fe86629e469a735710b4', 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: 'dfe5a0cdee5549fd614533374a33d75fd09251ce', class: "control-container" }, h("div", { key: '870d9dcb4ea7c90dab110a98e90fb3540aafe495', class: "control" }, h("tet-checkbox", { key: '0b8c017ebaf3f0877d203bfad9bf69a357c1e584', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '257ee440448d5cea8783e7caa3d2848a593b49e4', class: "control" }, h("tet-switch", { key: '126eced325badd963ac5393e4709a264f1502cc3', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '932ac8e251cdc0012d176e0318b1fe73016a4b77', class: "monthly-payment-block" }, h("p", { key: '8b37029aaad93c9525a8599adb892c922c548dc6', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '0ecff0e59ce95d70c2c46c51c473abc59eea7deb' }, h("span", { key: 'a161032a77f5d3014b9af708e3fa5a4d04e67859', class: "price" }, this.totalPrice), h("span", { key: '5b5a38ed70a814816f67c402e57adbbfd5cc44ab', class: "currency" }, t('components-euro-per-month')))))));
     }
     static get is() { return "tet-b2b-service-calculator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-business-lines/tet-business-lines.js

@@ -45,7 +45,7 @@ export class TetBusinessLines {
         return (h("div", { class: "business-line-item", onClick: () => this.handleBusinessLineSelection(businessLine) }, h("div", { class: "name-container" }, h("tet-icon", { name: businessLine.iconName }), this.translate(businessLine.name)), h("tet-icon", { class: "chevron-icon", name: "chevron-right" })));
     };
     render() {
-        return (h("div", { key: 'b532b716d487f6c10b6945d98c33cba8f78ad4c4', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'dcf91899fa6504c9403fe1ebc311a134f8445504', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '9e0555c17a0b199acd2adf38744e24b1470aeac8', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '076570023314cd87f4dcaabb7eb3c5a3b078813b', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
     }
     static get is() { return "tet-business-lines"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-thank-you-view/tet-thank-you-view.js

@@ -80,7 +80,7 @@ export class TetThankYouView {
             'thank-you-view-main-block': true,
             'no-header': !this.headerToolbarSlot
         };
-        return (h(Host, { key: 'd22f29d35766fd21106ce86cd9dbb25fe796d0ce' }, h("div", { key: '9f2b4d8b02afb4780bb27cb1faa4742b051a59b4', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: '6691f1adb9a60d20bd52678051a81c240349816a', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
+        return (h(Host, { key: 'd9499ce76d301068ae731df95e04886e61704f10' }, h("div", { key: 'f722ea8e800d4f0d6c6dd4344e5302124f07ca56', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: 'ab9c5a9e0ef40034c0f6cb60670495607cfe6863', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
     }
     static get is() { return "tet-thank-you-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-thank-you-view-v2/tet-thank-you-view-v2.js

@@ -73,7 +73,7 @@ export class TetThankYouViewV2 {
         return this.faqSlot && (h("section", { class: "thank-you-view-v2-faq-slot", "aria-label": "FAQ" }, h("slot", { name: "faq" })));
     };
     render() {
-        return (h(Host, { key: '5848778bbad406f72b72fb16afc0c90cfedbe3e1' }, h("div", { key: '3b04d92b8c86412d5f3ca5831670d14a67ca5181', class: {
+        return (h(Host, { key: '9e98a16f360c498672044078dd29350e482e4607' }, h("div", { key: 'f1012fa8f53700ccd7e30f246352a1ef9f921b34', class: {
                 'thank-you-view-v2': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

package/dist/collection/components/views/tet-thank-you-view-v3/tet-thank-you-view-v3.js

@@ -73,7 +73,7 @@ export class TetThankYouViewV3 {
         return this.faqSlot && (h("section", { class: "thank-you-view-v3-faq-slot", "aria-label": "FAQ" }, h("slot", { name: "faq" })));
     };
     render() {
-        return (h(Host, { key: '052dd4f3050b979e9e941211bc188ba6e0caacfc' }, h("div", { key: '983b44d1af6bc9661e8591bbfeff8f7ff31e6826', class: {
+        return (h(Host, { key: '70fc6f927c51c37a61bc534de2cac78126ae18fb' }, h("div", { key: '38714b78fd3c56f871db92bd97fa667e5bcc96f9', class: {
                 'thank-you-view-v3': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

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: '33182b5d51a862bf025bcbdd00486fc498183c98' }, h("div", { key: '409bfa0ec6d1499f84ed1f8e4eef467ad9552e77', class: "variable-container" }, h("div", { key: '42950bf09a6d64440cfbc4354f28f7b8557e2049', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '15e197fba991e1443451cedd1d3c87d719f4ecd9', class: "container-section" }, h("div", { key: '5caaf5b8d0c21547a38b19109cc715ed61bc16b4', class: "variable-name" }, h("div", { key: '99147165c88c3142617df6f3da535458346175af', class: "variable-part" }, "tet"), h("div", { key: 'c8bfb5f880eea27b0ec7f53f7851743b5ff5945e', class: "variable-part" }, "-border"), h("div", { key: '0ea12d06458448067ac9615ce76236811671f493', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '990495853431ccacc029e6805d75149d4f55475b', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '86a78c9e2e6fa36aa1f0f6c1340c6ea13436ed47', class: "tet-fonts-container" }, h("div", { key: '138ad4fefa5a2963ddac039f647092bdf7987665', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '0e2534ae880487dbac262806574ba3b72dbee7f1', class: "section" }, h("div", { key: '5a05695c28f3a446168d24d7f84089edc0cf79ad', class: "section-variable" }, h("div", { key: '2a3bea30922ab40f795f5e32ce4a80b08dba6df0', class: "border tet-border-radius--xs" }), h("div", { key: '32a06011b3237bbe86eb52e54cfbfe158b358319', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'ddcfd54037682b72e2a6c08da27e1a9796c8d1ed', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '00cfc9d11eab68b009a0dc74271b6de83763fa48', class: "section-variable" }, h("div", { key: '0ae8c1a702fcfb732cd8f30f4365fb32039d5635', class: "border tet-border-radius--sm" }), h("div", { key: '6afe2701c5e1950628f438354da0a46650c145f5', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '540b5846ecbd7b619fa508c2a213e0b91f483b9d', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '1ae0b59f772d3ea5dc4bb11d4a0a16c3c0caed70', class: "section-variable" }, h("div", { key: '66dfb10b3e4ab20ce62a9ffa10caacf80ef2f002', class: "border tet-border-radius--md" }), h("div", { key: '698e974914bb195afffcdf9226a513da5ec3f58d', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '4a6d0695d829bb68295d3b64d41d96c83d331078', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'f7e2853c5a4ae6e0ada183f7faa7a35f7d61bc14', class: "section-variable" }, h("div", { key: 'b355680925247c9d07a03d0df66f5a9e6da6d342', class: "border tet-border-radius--lg" }), h("div", { key: '7f1e182aa9103e204ae958c9767786a587641e00', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'ca536c8558a9aa56087dd0f6c5d7ebf7bf59642c', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '4d39f8a6f47c756fee27a6260d9231d6ca5ff54b', class: "section-font-size" })), h("div", { key: '39163e77a469f38543318538c5e49e11214e14e5', class: "section-variable" }, h("div", { key: '3d6bc7b40012a6bff80537c2ab511e265aac02ca', class: "border tet-border-radius--xl" }), h("div", { key: '6a8616c08581605aa73497b4804d95dc33a07759', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'f37cd2edf0c9b4948386d02d99c15e947d262b2f', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: '26a073b9ab79460a12a39f9f625d38eed70bcb09' }, h("div", { key: 'b8b6e7aa61a1bbb5397e1eedbc7d73ccfbe7a7ce', class: "variable-container" }, h("div", { key: '526b89b5ce7b261d6daea92d200acbfc462099f3', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '8fe2cc89138e6a580713d71f1ec7fd7ef339c7b0', class: "container-section" }, h("div", { key: 'b661b0868a5c657c845eb0fe8030abd497c658eb', class: "variable-name" }, h("div", { key: '78736cf79f1fe64ae54c4f6ee2ed18b3bf39e713', class: "variable-part" }, "tet"), h("div", { key: '23789737fd4bc54352c8f4fc93c1d8bfb0edc408', class: "variable-part" }, "-border"), h("div", { key: '758445c74ce76b6e4e72cfbfb63228c41c65358a', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '92b0c526fd8c5ee82f0280ca1b3b52c8bf6cc8a8', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'ba46a8a9770f5c776e04711651fe33ac1458cbd1', class: "tet-fonts-container" }, h("div", { key: '77e08b10d114f63241e08ea31a414ec633822857', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '89465349a131ebcfc337005568d2de5053d5a16b', class: "section" }, h("div", { key: 'ec2ce3702e9289ac839218d30c5269aff53d9703', class: "section-variable" }, h("div", { key: '9d11742fcfc224167eedba2deb1ec537f8bce782', class: "border tet-border-radius--xs" }), h("div", { key: '66efc3ef576d81cfec08eb6fd46b095dc0c80648', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'f38e97b41514a5268e6d53267d2fcd27dc64b9ac', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '94a5789019f9e35c321aa628a4b0191dc51aa62e', class: "section-variable" }, h("div", { key: 'ef8643232a52b5e187208222864e67eb02a9c60c', class: "border tet-border-radius--sm" }), h("div", { key: '6b379582a2f066bf78ba4b6bbd43e232ee10dcd4', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'd341d83e123ab98b2f4082b4341c25f677be3699', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: 'c2a514fb1a510bc50fd03f58eebc7032ebc2d635', class: "section-variable" }, h("div", { key: 'a22a1e9a44e1d827f5d1b19f3cb27e8419db7985', class: "border tet-border-radius--md" }), h("div", { key: '2c7cf76b79cb4b155a72dc51b1a234bf86971dba', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '793d5e75d729c1e97fef4590f618723ef302484a', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '419fafd711be66dc7a371ab730409ea243e0ce74', class: "section-variable" }, h("div", { key: 'f4e0b6a020e53843776fe1c3f0192f25c20b924c', class: "border tet-border-radius--lg" }), h("div", { key: 'ac84628dec13c5e316ebc9640e5b3ab50a2bfbaf', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'b44c4add42a1899729fbc93ea21a34139d40ebac', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'c7000f70dcac8902a937add8b549e206c8085034', class: "section-font-size" })), h("div", { key: '8f3fb974ba0fe08b5c6f6d7abba503606fc8b9ed', class: "section-variable" }, h("div", { key: '70e85cae43a33bcccec92b2217703834c2cc6394', class: "border tet-border-radius--xl" }), h("div", { key: '49b09ea5d3286ee17c9dc150447c215de8331c3c', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '44632a2c5490f9515991a355cd8b6ebb7413b96b', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
     }
     static get is() { return "tet-border-radius"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/docs/styling/colors/tet-colors.js

@@ -590,15 +590,15 @@ export class TetColors {
         return (h("div", { class: `section section-${sectionKey}` }, h("div", { class: "section__title" }, section.title), section.colors.map((color) => this.renderColorItem(color))));
     };
     render() {
-        return (h(Host, { key: '56c505c269fbe738fd3f1a68d9839cc6e38bf46d' }, h("div", { key: 'dfdac8cf6ab5d4860c7c0bbeddde538b93709bc5', class: {
+        return (h(Host, { key: '0464753ed81c027cbbbc285a5d90253f182461fc' }, h("div", { key: '26f2cb03d790341076cd602861a0352ef82b5cf5', class: {
                 'dark': this.darkTheme
-            } }, !this.isTokensExample && (h("div", { key: '11df16bb05932b7ff7b860f0272030c912f4c0a6', class: {
+            } }, !this.isTokensExample && (h("div", { key: '1bc1601411d529496551e1d8329c45efc8084e5b', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: '01aa8690ea2556eae01bae4166a1d3501cc88d3b', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '976fc6199165a1de4a70942dbd93c1823343a676', class: "container-section" }, h("div", { key: 'cd552e353858ac86f9eca60b2c7c1c73a0fbc008', class: "variable-wrapper" }, h("span", { key: '8561944d730699dbf2438c290462632653917ed0', class: "variable-name" }, h("span", { key: '43d3dbd4491a8b8ed5628b3f04f359b30433e6a9', class: "variable-part" }, "tet"), h("span", { key: 'c5aa8666bbbd3f9bf08a0ae4d28d0b3e0bcb384a', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'f354b54802d9864ee6e0cc109d30ef03e9e71fff', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '13acc5ce903e8cad233f6b5c319a3fdcb6d84400', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '3be0c6b172a47fba762e0d8dc8da6c8dc001c323', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: 'f7dd84a672b8e57b3eef0aad2899aeaf23b413b6', class: "container" }, h("div", { key: 'a1cb90a447dc533b01496f829e35fa9b82f836f2', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'e445de07f1cc12ca8dd81dc270458542de24a475', class: "container-section container-example" }, h("span", { key: 'f3e798e7839f8186aea92a37c1a57520f64b2fd5', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'e2963a320c8e6f8fd14608a545dd336bf4606822', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '95d6fe74150ddf113a316f19966edb37e9313646' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '106809c4f951f4f0efc0fe33bfd0174bf4b04da2', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '14203c317cb5b6252ee90011a7dde9ec8e186439', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '38ac856aa6440be3d69e0d532d823e6e83ba590b' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'ad92c91c79a27739af1ef9596ea274fd02acc43e', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '30c02f24b48a53ace5261a8d00e36150ffaaf1ab', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'e4aa07b05090a916c9a1859eb615c563d45fa992' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'dcfbf9c6bf3aaf65f70f89ad97fd05d73f1e7137', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '5b8f65813c3521a85d0e9e1759a433c3dd76c29f', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'b081c747bd699d73176b6654aaf657207bdb51a2', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'b33e57ac7e64c9b0e2c9ab0c44a27a14d60a904a' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'c2553615c6a073aa7699c6a4949cb8196cdeac15', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '1ba22583f6756b838c8ee19cdec52a5ebcafb280', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '76440907b483787c5ca8fdb8c422dd8a6e424d85' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '8b46a4f8fd6329b8242490e904db16fb06b95543', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '8fd9fde04827bdd89d0bec5c59f212e3a11f89e4', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '633d070100b36132799737fcbabd9811e0c2ffb4' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '80e9287d5ee2a5efd5091f55177e701fc39aa6ea', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '96a00fddaf214e54e7b1832b297339f2562e9f51', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '33931967ce9545a4ed104ef4e27c2975117d4040', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'fa0e58c3714c31395444a8364367dfb8f491891b' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: 'cab22b01739905bc87959981b55f33ad9176bf37', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '9182c77198cfc3e54582c3e1228a118c671c18a2', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '71fcab8b904f0c080cdba9b0469f37c3806b2c70' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '6668e81c90e96733b3c47207035364e5cbb8d8e4', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'e2bd5a8b4eb799e76d4710c91307858097ee4dea', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '8791cf8e231392fc5759d5f9eef343db63e280cd' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'a9fb09a64bf2a5607d415c9da71c8f3bf03782f0', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '1f0988d8d7a9be34f18804d1c3626af021f2673b', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '34a053121ef72b402f2ae3b09d45b183103de6eb', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '87ea3bce1649a9959ef8db70fecd8a8f2974654a' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '6221f2f04a987972c1ee0807f79ac1af98568cf6', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: '2ba64ecb28f055b2d3ee7c41924ba5849f808da0', class: {
+            } }, h("div", { key: '822af838ca44de0791720926b83e9d96106d54ea', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'a2aa7cb34aa1b97bcbc2874bd149133e86163c02', class: "container-section" }, h("div", { key: '6b14b0b78669a51d472117e9aebbd633d260c8d5', class: "variable-wrapper" }, h("span", { key: '21281d3ba57c06992030e096acb9dc10ffc6deb0', class: "variable-name" }, h("span", { key: '9883d49f07a38f981d3b53f825059889f317c5b2', class: "variable-part" }, "tet"), h("span", { key: 'e6d315b506cf09a8e3b36223d6492a9a2634e135', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'baa825e856e822440e06a3289d81deef3152f09f', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: 'e3bea7c0c232961f8da631a12e37382f606704c6', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'c7f49f82295179cdbc3ae5c59c6f548deb234b30', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: '9a8d6cb9a3a844f132bb1923231913b72e84672a', class: "container" }, h("div", { key: '858181ebfc91f1deba62a350fba4f21f0ec49408', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '70a5ddd0870cded2134591049cf630630ea74784', class: "container-section container-example" }, h("span", { key: '9f9b7325e164749b5d59b491c882c3a2f03c643b', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '188160c3dca393f4bb657d3dd9482020aecc0719', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '36faf57fd5c0e4d43087c0addc89fd249290a117' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'bf66e0bb5bc55b2aaab5923bc68f5cb3f3d1403c', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: 'eb346c94d17595b8dd2c7f8e38a32f1661a69941', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '59d1a60c545ad26ac56e812f2583e32b13fdfd59' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '63314b8fc4997396ffe6df18bdc1dafdddce7122', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '1830f86f200e79aa0441d5a38751a0f1df2c50e9', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '31fbdbed740d79bdb1947a18eb3d7c3988c68ba8' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'c330e8c7f9e5aaf553bd74dd33d9e02a62bd447d', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '4e6aef59cd2ce82a29c4f18539e607cb20ea597e', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '3bec9b9dc6506ab1502c6d394421f33a7a656405', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '4e73a1563d62cf6a97399131d8fe2d0504a33dfb' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'bb080e510ed0eba8122143c7de53f5e4e640797d', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'fd5e025f618d9530c7934b45a4c84e940488f56c', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '9717b31e973b55893e7d3d740e037f68af938a3d' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'ba36335f960a425c6a7c04aa56d815964cd412cf', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'c9c8c52e5ff5f183c93cd9efe8d959ba7374f671', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: 'b43dfb9c64b2d8b1f6649dc72b6942bfdd0ba1fa' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '742fa30841fa11ec0c9536dc1d9592df27f5fba9', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '6b497eda62c98d1147825df7e7ca2f02a7ac23f8', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'b6fd62029546f158082d2c1bfe4dcbbacef05ca1', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'c5b55f8590f8799e959cfb953e7d7d4670ecaac7' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '8a0d94f1936b6eb6b985fa8862db4cf58c26d424', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '1862e329fd66929d9a1664c0f35e29367e6b8c8b', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: 'b3a5c0c853dc5ac40c110853e2d46a064dffd57a' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '2ec41f0c37fe5dc7f60c33d2427afbf3469c3d95', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'bddc791b0b398580dde5d81120b5b9f0e499f4f0', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: 'bbea52933760fc78c1ce77b4e420f2ccbf2d06f1' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '0947189205e98b5c78021d8dc46a504b58c796c0', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'f40310cad72c4935f8a954360c02059b618978de', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: 'c251cc010e09b4ebf7d1bcdfbf81f941505f7dc2', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '1a7960af09452fc751ce3288572f9908af0ce723' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '868db0049bf75b1244334c927fc70b8bfcceaf47', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: 'c6219e456e934d56164e578a78f5385fd0f5b164', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: 'de6983979028298f63ce49c221787a0620e895d6', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '094fe129ae63a363e571db3b938a2d1461ea3a85', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: 'd8b0eac2df09fb19d5d12fadd8bb213304709a8d', class: "container" }, h("div", { key: 'f0182641d22d807d04ece5b295db9880bae42d33', class: "container-title main" }, "Tokens"), h("div", { key: 'b639f837bfb5630dac0acdac2fc83769c233242a', class: "container-section token-sections" }, this.tokenSections.length
+            } }, h("div", { key: 'e36c787e47d2d50dfd9c8659c6a5c30ec9a21b7e', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '191a5ad451273e91ef3a009d0b06de92592d0611', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: '1ed7b06e3c64b5bede9fbff76d3063c9a3e374ef', class: "container" }, h("div", { key: '987351a70bfadf2b57f43a4a701c505b536e29d9', class: "container-title main" }, "Tokens"), h("div", { key: 'd183f4c9db0f9538f3574aaf7cb6158a575d827f', class: "container-section token-sections" }, this.tokenSections.length
             ? this.tokenSections.map(section => this.renderTokenSection(section))
             : h("div", { class: "token-empty-state" }, "Tokens not found.")))))));
     }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetFontWeight {
     render() {
-        return (h(Host, { key: '83e0ca52dfa329f60d57e6f68ca02c5d1729bf55' }, h("div", { key: 'e8917fc5c326bde6ca057572143ff274ae215db9', class: "variable-container" }, h("div", { key: '9639737ddc460450243b7d1bc4263fdc2a357d4c', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'd7a5d463d117ed27c259fc74857049a53e2745e4', class: "container-section" }, h("div", { key: '16eb91e6d8baf592eba33cc35fac4ec83ea2b56a', class: "variable-name" }, h("div", { key: '13f5c727300c49ae5a502f6fceee8d551fc1b5de', class: "variable-part" }, "tet"), h("div", { key: '8bd0f0b3d31cc3d1e2ded68c3d27866f9b85aad1', class: "variable-part" }, "-font"), h("div", { key: 'c09a03d3048510793332fd75332577e0bd574c5d', class: "variable-part" }, "-weight"), h("div", { key: '9217a3de8ab85f50a9e22ae87130ff90e19e9d0f', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '7dbd59b31b573f788dc3e7dea781005c48e7fcf0', class: "tet-fonts-container" }, h("div", { key: '70b4f6b06c6146443d56f303779eca4b1c760f0c', class: "section" }, h("div", { key: 'd40de271d79b87c23689a994ca7ae3c34901971e', class: "container-title" }, "Fontu biezumi"), h("div", { key: '85ae109a48c7153723d0a5b2b23ea26d91239686', class: "section-font" }, h("div", { key: '67d66c1488e1d31a13544e064ef539ad85742ba4', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '21c7f914c6d64e6224a5ab5d56d55fa9d9989a0d', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'b29ddbc6736be88caba81fa4bf7fb5d435b188db', class: "section-font-weight" })), h("div", { key: '7185e54f26e55fd3a2849688b818ec67655fe675', class: "section-font" }, h("div", { key: '5348a685a12071fb86f02909656df44b7b1da401', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '7b1e0a6ba3946bf26d78b11297911120e103fcfd', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: 'dda3f77ad2019683bb33282560e9b7aa66232024', class: "section-font-weight" })), h("div", { key: '2fd7b51440907a7c3ea8af68a565457e159a8c6a', class: "section-font" }, h("div", { key: 'b631f0b900b4e80054373d10fdf684f5d6cbc130', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '3b4e5f2392d0c130ae1c6875c96b5de35fa0466e', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '9d0d244e284b859a1a8c7e6a51f6fa8aa0e60644', class: "section-font-weight" }))))));
+        return (h(Host, { key: '0cc10cac6da25602e9ed74b8c58a41664dca5464' }, h("div", { key: '7f140b884f9b75f09f4f032a2db9b5b3661c988b', class: "variable-container" }, h("div", { key: '937ab099a5f856552779969784ba5304fe9961de', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'c26718878228c4579c31cf53edbf552d3688f0a3', class: "container-section" }, h("div", { key: '3a0df2089f5d64eeee4482a5420a9041e0b82353', class: "variable-name" }, h("div", { key: '8b159cfa6f180986adcebc5ccc600ad953465830', class: "variable-part" }, "tet"), h("div", { key: '2a5eadc46842347c58370b1c922dd80731d56d0c', class: "variable-part" }, "-font"), h("div", { key: 'd8d0e5c6de227a202bc972de72c86bd5b6761246', class: "variable-part" }, "-weight"), h("div", { key: '302b8eb37a4a3b8973d6c2a96f592ba5f9701ba0', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'ce2b9fc1145a652f2eb429c13db5681b817fcf99', class: "tet-fonts-container" }, h("div", { key: '77670cc0472591076ea44050dd8038273209de1a', class: "section" }, h("div", { key: '6863995f2668e8fc497463c89cdd71d2272e03ed', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'bafb7d5c200732da13c45681747915087e447781', class: "section-font" }, h("div", { key: '8219e1ad1e48cef6aa18f9bddb2957eee871f6c7', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '561f82ff3bd6ed2bc6b31b852c096cfab9b1b249', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'e219541de88542136c43c66c9d8c92f0deec47f9', class: "section-font-weight" })), h("div", { key: '3eb2ce74c6eece7babf97457deff317b95616351', class: "section-font" }, h("div", { key: 'a5268f16f78f703e99996e7cb25787bfa7c50506', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: 'ec94be2d9ce47ff493e5b9db1fa85ad2ab0d8fcb', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '23403b7f74db6c6f1e8662373b6426a3c709344e', class: "section-font-weight" })), h("div", { key: '84f250cc69f8ffd1ba64c5a3ba19cf70ac55fa42', class: "section-font" }, h("div", { key: '9e5f1112f8bf95de9a85257a9443785654dd7d13', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '16c50080882a2cbeca2bf190d5ae9e65c4737a64', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '4432dfe5dba7aef3e3ac5785ad7fb073d58ff075', class: "section-font-weight" }))))));
     }
     static get is() { return "tet-font-weight"; }
     static get encapsulation() { return "shadow"; }