@tet/tet-components 1.3.137-staging → 1.3.138-testing

package/dist/collection/components/basic/misc/tet-label/tet-label.js

@@ -13,12 +13,12 @@ export class TetLabel {
         this.showIcon = false;
     }
     render() {
-        return (h(Host, { key: '7800d5c4511794832410f80a2d9d27e3e354fe2f' }, h("div", { key: '8c7594525064ab2d0d7a6712a86b7f0484597a2f', class: {
+        return (h(Host, { key: '79b12c6cd48a68cc878e336227b29bbb10f69c99' }, h("div", { key: '9d34f474b24523550f603e5c0dd2b385cdb9b893', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: 'cbb0e2bce2e288af3e45cf247f929c6c09298128', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '79ebfc91f957657065ad7d0c9914d920baf10fbf', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: 'b101e1595fb33e9af35eb55c2c32338d074f3085', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'd5c943fb5a571cbb5ee1cfec5ef1fa4fe199006a', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-label"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,9 +51,9 @@ export class TetDatepickerHeader {
         this.internalDateChanged.emit(newDate);
     }
     render() {
-        return (h("div", { key: '109ec7d2eea9fa0600ea9f9366692b925eca11bd', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: 'b45a4b4676bc7b8c735ca45e5067d799eb7dda58', 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: '5efe15ba84a161f35233806ad31cabaf2a3b04d2', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '84ca22b102b2258a3a948b6e3c6a93659e19a64a', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: 'b9c6818f3582a4627262405f781c4b2a4b439a99', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '040988e761fe3ac28ff59d2108343358867278ff', 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: 'f16154d28915c22cf06afc2d8f0ad60dbdfd7961' }, h("div", { key: '02a2ae96fbbf9e1975846f545c07b5ffc40124eb', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '3686d99d34eff7c0beed499b818d091b95ccc55b', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
+        return (h(Host, { key: '9938f81c023c0a78b24862282b72dccb1e544a45' }, h("div", { key: '03c0022ecbccb5b2b0197ab4f2f4431d79a35944', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '8f1a5e99a7cf67caf3db2b0dc95087965bbcf1cd', 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: '962921db16c6d9887d54278e6cbad40f2a8d0b5c', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: 'd6092a99da16905b3219bc57eec53d12afb0ddd3', 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: '962fb26f4e0ce8b8b85505f8e18d6985a7d6f05f', 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: 'cdd31b03e4606c17528f12766852b6459ea29339', 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: 'c0577565af339943670071481e75fd61077a2688', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '6d905cde52c184f42a53c3aa063b112840bc49b6', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '81b190f181e0eda75bbd69ee509191f9126ac5fd', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: 'df5560d84a00fa1a8951089daea7d9e95b9552e4', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '79f81561239a5c9dd8f0e4ac9454bc4fc249b1f6', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: '089b2d899c52348112bb274ed6dd9c105b8db7b1', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: 'dc2747c18605e233b3706e63d3fec629e92c571d', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '2a037da3e6d2a15d1df4cec0885c7b9babdb7b6e', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: 'ec5e7a951981802163bfdbd34e9a743d91d384fd', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '94d0df64f1651025a1a3b8b89dc763d3cd5f1b42', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '96d25875caee051a45a4fc79451785b71fe61a90', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: 'e160d8fab5e54bde32718444f5fe50c73763063d', 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: 'd2e0efc140525fe57dcceac6009a72bdecfe58f8' }, h("div", { key: 'f94525b346b500f7598987086869d70e86fb3027', class: {
+        return (h(Host, { key: 'ed39e9adfd7d8502539e355fe950b4c83c262512' }, h("div", { key: '613c54d91625fb37ac80987dd7ac244817585736', 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: '211d4ae481b98313efbf72e7ce78782f0bf7fb77', class: {
+            } }, h("div", { key: '2f522ca48013d0022bcdf83a3c73d0dc16937900', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", Object.assign({ key: '85950721167e3668b21530a95a66018e80577234', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel }, (this.containerSize !== 'large' ? { inputTabindex: 3 } : {})))), h("div", { key: '352187a3cffa98083508ea751b960c748b4b34fd', class: "range-slider__container" }, h("tet-button", Object.assign({ key: '0843b8b461340ef2b5c77db6a3fd7fde3a63e287', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", Object.assign({ key: '44fe830f3cef1086273ab82fae3f50aef6147d40', "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: '993227ff886add036d0a0905876d390b9eba5ab7', class: "range-slider__container" }, h("tet-button", Object.assign({ key: 'afad663b668c50c3de6ab8f2e8e7cc09a6edf6aa', 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: 'e7663882c0caea974b652f7d8857954323276f5f', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '213c9a631097ad41201db2d3538d191fc21f2db4', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: '7147f9a98e1f9c337e6b89f5c8e2cff4e3a57da8', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: '36d5f35a96ac4d5119ddebf690df980f01ac722a', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider" }, (this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 1 } : {})))), h("div", { key: 'b72d98fbb8320108c69725198e8d1e9f72ae1375', class: "range-slider__track range-slider__track--background" }), h("div", { key: '12ec3da2ffdf30023177fe8123894634d039eb53', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'b0fd65a3b11771d373626ffb2bd25f8129b3d993', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'ab2d041a3d13cdc5fcd26e4cecdc2a80b8ad3eec', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), h("tet-icon", { key: '1565634ecaf9b67a6d68707f1330fa35d26cf14e', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '52aceabff4528db102fcd70cf265aa772e0c76a1', 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: 'dc8c9e65665cdb458a89a6003e67d2d31ad3ec50', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: 'd5dda90241d79127e8691f9bb365c4f956a35b28', 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: '85d2e4c9782a026889a11503573c16c161da03a4', class: "range-slider__track range-slider__track--background" }), h("div", { key: '00fcb8fd228970096cada56550b61b9c440b2732', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '4221ba778c0dab593ab9f5f49bbafc6981fa893b', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '2d3b55e7a232b89ef176d92f44af92b4b5e93b64', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '339861e13eefa0d718ab281137de3cd87dee355f', class: {
+            } })), h("div", { key: '1050c1680ff0413a42e2267e2d1b513c1bda6c91', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: '7f1c448542ab89dde50a462278444c9deeb947ad', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'dd64435171beb9774782b41fa6320d4593db435e', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '557a151619d4279f1ca6c6736fcd0509675b53b7', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '2f8ff7e1939b5738b025730b591e509bde22fe43', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: 'a0002465828c51e82ed1ad295e2d814e23de7742', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '7858d37c0a9b36240c641c25d9912ee2cbffe555', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '87e61716026059495c870bdb535238348d2735f4', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '9918f6fcf115eb6e9d200ed266167cefb3cbb6af', 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: 'bab87fc1ad3d2f2eea763f11c5079761f10054cf', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), h("tet-icon", { key: '4efff5a40e57423bf94095e6230b8580609aa65e', name: "add", class: "range-slider__control--icon" }))))));
     }
     static get is() { return "tet-range-slider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -123,7 +123,7 @@ export class TetStepperInput {
      */
     render() {
         const { onMinusClick, value, onPlusClick } = this;
-        return (h("div", { key: '360bf9007756b51ce164c4c493d8212c5d2b12b3', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: 'f34274f31fda052045d04222d411d6c43a798e91', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: 'ea88668bfce1765e768524f4189330a22189fa5c', name: "remove" })), h("input", Object.assign({ key: '9f5ce6a4b5ba842543b3df82f84b79075469ef29', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: '86d3f7014eb3751f26eaee43697e92d835184272', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '1032aa593c834c2b7725948835ff175319238850', name: "add" }))));
+        return (h("div", { key: 'e54d94ef2f7ac44fb73674cde7a2e0d1275ec1a5', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '9a0bbc9a7d7777a5b3b7d97cfc320d8dd3390865', 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: '1bcebf77f2e415334ec6bd6d2e2aeb74419e0299', name: "remove" })), h("input", Object.assign({ key: '655f01a4ba18a3bef14ab43950dd26db95ef16d0', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: 'd3feab3dfae84182dd135db073504a8c82ca69b4', 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: '4d2216e0506685e55bcbd5d5d51ee7e4b4ba2152', 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: 'f79e628ab17d80674f1c62dde0ceb8483e262c1a' }, h("label", { key: '72d885eb035a879584b4bd76962ea1533e43af20', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: '6781192e5a71c37fb565d55e947c07bdbef08f8c', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '09ed86fe9f2fa60a4a73b48d2e27d31d0f6468ee', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '9af0fea02fd6eddb6ecc3d60b08bf5a07beb24da', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off" }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
+        return (h(Host, { key: '35d6c7f56baf110a6fdd040e9afc92ab67444b89' }, h("label", { key: '9b54f030e31710f7b5dd6f004ef026d2bc3dfe5e', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '908d7c15be79dbda56b8ee5f60944200800800c2', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '210c1cf1c9a5d15487bc6fd751c390112a36f8d3', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '5190d423928960cdbdd1c8e2730b9c0530a62ce6', 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: '423893a682627f9686ae8a745d7893195f84b33d' }, h("tet-card-list", Object.assign({ key: '0d14904e7bc8572ba023f7341c05fd3098382c11', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true }, props), this.items.map((item, index) => this.renderListCard(item, index)))));
+        return (h(Host, { key: '1ad59fa4cbe7588545306586c21f24ead28d5f76' }, h("tet-card-list", Object.assign({ key: 'a2f8c39ae5d6a8625bc0adc00827e0a6fffd1c98', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true }, props), this.items.map((item, index) => this.renderListCard(item, index)))));
     }
     static get is() { return "tet-news-card-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -64,7 +64,7 @@ export class TetBusinessNavigation {
     /** Render Functional Component*/
     render() {
         const { menuItems, theme } = this;
-        return (h("div", { key: '5bedeb509b3edf973121ce2536dc134f1b0f60f6', class: { 'business-navigation': true, [`${theme}`]: true }, role: "group", onMouseDown: this.onContainerMouseDown, ref: (ref) => (this.navigationContainer = ref) }, menuItems && menuItems.map(this.renderMenuItem)));
+        return (h("div", { key: '5b448df37d5a11aba72e7239def7adc97b090af9', class: { 'business-navigation': true, [`${theme}`]: true }, role: "group", onMouseDown: this.onContainerMouseDown, ref: (ref) => (this.navigationContainer = ref) }, menuItems && menuItems.map(this.renderMenuItem)));
     }
     static get is() { return "tet-business-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,13 +54,13 @@ export class TetNavigationMobile {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: '857fe7ebda03b21b3604f879a37ff5dd562b03a3' }, h("navigation", { key: 'a5129ff287fa54d25bbb7af3d11818f1dd58d04d', class: {
+        return (h(Host, { key: 'ef6dc99c4251442a4937906f52ece28e85f07c96' }, h("navigation", { key: 'cc0ad116aa1b2a5d60512efa2e61281073d46229', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: '357a7998128fe81e11e4700ba801e92bfc296e9d', class: "navigation__nav-bar" }, h("slot", { key: 'cd2c6d0532ffed0df47e7a07fd87d1141af74b5b' })), this.isTogglerVisible && (h("span", { key: '0379c95afe7914848cec6eb89f92edeaed627981', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'b671a3bcd0d4b16dd6ae088350854b23882e0dd4', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '082981695a780c849389579c1b4789849e3c3dc1', class: {
+            } }, h("div", { key: 'e77b3c8d7165750a38d204d881aa7a3a217127b7', class: "navigation__nav-bar" }, h("slot", { key: '8dc8612fb45a90cf855526516652ce021cefe06a' })), this.isTogglerVisible && (h("span", { key: '463c08152394fa17f04b49d02ad771e03bcc4427', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '8494d8ac098b12f148c0d7564886215d7c8e085c', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '1fffba7adaf87f4d78b9ba109d17002fb6689982', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '2f56719a1139562bc4355e2187bbde839a5bbacf', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'd28605389281b87071d63bd5dacb691d23b0ca22', 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

@@ -108,21 +108,21 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: 'd18870267b0debbd0262bc6e06e288afd057fb8f' }, h("div", { key: '9f39243ed6aa60991fd8cb736f445f9e2daf7e32', class: {
+        return (h(Host, { key: '93af25b751c375647eb3673e7aab363b1bd7c972' }, h("div", { key: '782024544ebac81f5bd31eb6a500e53de1cafffa', 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: '81761b06755d01db91363e92fd22a356a848c9e0', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, h("slot", { key: '5347e6990ccb28a44eb22d2e4aed0aa4967012c8', name: "header" }, this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '5b648eb0491e0428c89591c752caa5f2ddb46d7f', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), h("tet-icon", { key: 'adb4a8c61b084e83045b47e04cf0a93069237f4b', name: "chevron-down", class: {
+            } }, h("div", { key: '0451dbea3ef15894ac95bec86d96f013fd54a05c', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, h("slot", { key: '6771b3db92f1530c2f781a938c7fff1bc171bdd5', name: "header" }, this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '305cbdcfa5d367be95940d3573e0a8613fe39d98', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), h("tet-icon", { key: '52fdf914f99ac4975585063b18089de9bd55ca43', name: "chevron-down", class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } }))), h("div", { key: '023d0ee882ce489858aa0b8137595371ef0e27d0', ref: (element) => (this.contentWrapperElement = element), class: {
+            } }))), h("div", { key: '3c51960b4c4eadda218eb02eb0deb09edd5f97c9', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '4b88d85d72e3bf19a4ef5977a81dee3c3698d9d5', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: 'dca02521e71fc5769b14c48e76758f2359121917', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: 'f42559c1171f5590e8b338698a3133c250c63b2a' }))))));
+            } }, h("slot", { key: '9d400fbffaaea4a08b8d6da791267bf600542fa0' }))))));
     }
     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: 'f95708e6604355e34dbd525a55d04288bc19a0e7', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '952198be90258ade3285ec83d40a7b46aa8f1417', class: "tet-expansion-panel-content" }, h("slot", { key: 'cefc1f764e78c6bd379089f11c5cf195cffc07e8' }))));
+        return (h("div", { key: '20f9f38cfde2f4525f6fce83102426930672897a', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'c1057f4819895ed1b91a849cb3e3cd629c513296', class: "tet-expansion-panel-content" }, h("slot", { key: '4bf5c2f44d8cc01b2fc9703d15eb93cd8d107196' }))));
     }
     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: 'c79ddcd175221b387f3a7c0331d8192f8e2a4cef' }, h("div", { key: 'ba014bf4495125729975c4e68ea030a312d9ec37', class: { notification: true, [this.theme]: true } }, h("div", { key: '9179f1bfe5826206a35dd65aff5f9ec297a8fc11', class: { item: true, [this.type]: true } }, h("div", { key: '658fd50c3c6c30cb7e8c5d85e3af3a1640f9b61e', class: "header" }, this.renderTypeIcon(), h("div", { key: '7bad8cd28f23e7149d5922de6df6f325f6e66554', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '027d6def2b0e43666220cd93943d7234ce93e5c7', class: "content" }, h("span", { key: 'c0940b3b6cc4a41c357430315bddd1624b16228d', innerHTML: content }), h("div", { key: 'c80e7ab14f77c3f02074484917d7b7dc04f55347' }, h("slot", { key: 'ca10965657097ff2a3405386148c17495ee68f82', name: "button" })))))));
+        return (h(Host, { key: 'dd7b34c1876cdd0071cba8249b11c6626681ac17' }, h("div", { key: '5fbab6c4da6b0e2c771e9c856cfc4079a49d573e', class: { notification: true, [this.theme]: true } }, h("div", { key: 'f6056a79c36501247b1c3e10454820043cd746c6', class: { item: true, [this.type]: true } }, h("div", { key: 'b83e4721c71d745f84c5ed88b462f0be20920179', class: "header" }, this.renderTypeIcon(), h("div", { key: '676660840eb2627c868a511e45ca46ded0abd28b', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '5eb936458597042616a77c3c12e00b7090a7646c', class: "content" }, h("span", { key: 'd9d1b1445f6b53e03b32bb8d1e0c9766ea9f5c57', innerHTML: content }), h("div", { key: '063cb95afef71efd2c6faf446085826c175744ab' }, h("slot", { key: '1336a9162c18090bea48d5362f774e12a5172066', 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: 'ca927c2367e411724f72f033995f79b5234bd8f2', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: '9eba348a363d166e53197a01506c863cdf1a4a20', 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: '89f48b5f790381117c5f9c26b4309598036ab218' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '5c6a1884ad7507298d938a9a7f636a41add6a256' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
     }
     static get is() { return "tet-address-offers-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-b2b-configurator/partials/tet-b2b-configurator-cart/tet-b2b-configurator-cart.js

@@ -103,11 +103,11 @@ export class TetB2bConfiguratorCart {
         const isEditMode = this.context === 'edit';
         const isCheckoutMode = this.context === 'checkout';
         const showSummary = !this.isCartEmpty && (isEditMode || (isCheckoutMode && this.isAccordionOpen));
-        return (h(Host, { key: 'b2c3a34072e0b69762c6795f0c03f76837b721f9' }, h("div", { key: '279f2df045aa9e20a022ff68aa09dd93d286b518', class: { cart: true, [`${this.theme}`]: true, [`${this.context}`]: true } }, h("tet-accordion", { key: '8a982c8476e575d8501f260a82c036161ed46bb7', ref: (el) => (this.accordionEl = el), class: {
+        return (h(Host, { key: '93e2d13d305c2d6ddfec3105ed0775ae3c057d92' }, h("div", { key: '563e968522292ef43b859361647545bbc375e30a', class: { cart: true, [`${this.theme}`]: true, [`${this.context}`]: true } }, h("tet-accordion", { key: 'dabb165e6dcffcbc3258929c559010ad9c8ac1d9', ref: (el) => (this.accordionEl = el), class: {
                 'cart__accordion': true,
                 [`cart__accordion--${this.context}`]: true,
                 'cart__accordion--rounded': this.isCartEmpty || (isCheckoutMode && !this.isAccordionOpen)
-            }, isOpen: this.isAccordionOpen, onOpenChanged: this.handleAccordionChanged, header: cartTitle, withBorder: true, theme: this.theme, transparentBackground: true }, h("div", { key: '5eda0e9db1fbe8d1c415be97a406139338134b14', class: `cart__title--${this.context}` }, cartTitle), h("div", { key: '445dad844b6c6a86f70055069fb7a099d214ace5', class: "cart__content" }, this.isCartEmpty ? this.renderEmptyContent() : [this.renderContent()])), showSummary && this.renderSummary())));
+            }, isOpen: this.isAccordionOpen, onOpenChanged: this.handleAccordionChanged, header: cartTitle, withBorder: true, theme: this.theme, transparentBackground: true }, h("div", { key: '10fd1d316bea9ae9e1251f8605e18759cdf77c4f', class: `cart__title--${this.context}` }, cartTitle), h("div", { key: '1df2c1b5dc98399bd194f4782ad0ec22074eb2a4', class: "cart__content" }, this.isCartEmpty ? this.renderEmptyContent() : [this.renderContent()])), showSummary && this.renderSummary())));
     }
     static get is() { return "tet-b2b-configurator-cart"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h("section", { key: '262646b49dad9e5318f35bda3c67ca6e0f7f3189', class: "container" }, h("div", { key: 'f9534bb55fe85b2493d6d475c8f74ad92750ae0f', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '35747158147849ebc95aceea7842290a9b7fc234', class: "calculator-block" }, h("p", { key: 'cd45f6579046913386820f487c63480223c7227b', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: 'affc8d6ea0c3a516bbfc1b5afb125c1e4fb1ba9b', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), h("div", { key: 'bb8c3437c2f92f45c84b130bb77e2f5724a1cd64', class: "control-container" }, h("div", { key: 'f543b7a111de4c900ce90983656fa1b46eb2249c', class: "control" }, h("tet-checkbox", { key: '60b06c80620d0ab6dac52353451d0f70c8275638', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '7427e9e1c75959ac464ba1537616f7e7790dc5fc', class: "control" }, h("tet-switch", { key: 'a2c3fe55b04cb2afd7290c20e06e0d40454096d6', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'eb08a6d6318776e7f1ff5b77591c4c7ad2160d9d', class: "monthly-payment-block" }, h("p", { key: 'a7a7e49355aa36797319c444b5030d1ae0532252', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '3ba2da8863dced18e87185d17f8cb1eddda89bf7' }, h("span", { key: '0cfbb8d80348373b867e10e12397a13f0e12a65b', class: "price" }, this.totalPrice), h("span", { key: 'b423d86fc0563a6670598b1a54b7c2edd544015e', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: '7249b0c2f37af39e860637cfe416182c5227c6d2', class: "container" }, h("div", { key: '89565a9f35411aa6a542582b77df0b9b9da03e0e', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '433eff5a8e863475880f8cf0216d1f604b7f74ce', class: "calculator-block" }, h("p", { key: '1b81e92aa9b7c58543257ea906c2177108b5c3e5', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: 'c5ce8ce5c73329b07f9df3b22aa2f243c56ca1e9', 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: '69d35eac4899ba24153253d1a70984c60de6ee4f', class: "control-container" }, h("div", { key: '53f8d6355652051ca9e455769a32b1ee127a1a7d', class: "control" }, h("tet-checkbox", { key: 'adfd75a801a68e6ba794d27735d595dddfc9c901', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '000d314c262c7688e1ca5aed97dc84d0c72955e2', class: "control" }, h("tet-switch", { key: '8a423a478675117419a6c2ce02dd37962d4741e0', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '9d869285131a855b2b9caf6d8ffe6100ab09df8f', class: "monthly-payment-block" }, h("p", { key: '08248a6283d71227e0350b4c0ff092993c86aa56', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'cf137d3eed20a677c934f1dacdf8624bce437d70' }, h("span", { key: '070d5c3458a67c444c779e62fe522f3cda3dbb2a', class: "price" }, this.totalPrice), h("span", { key: 'f176b1e11123c143f0c63267256ec1484df38eec', 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: '9303c665e29fd04c220af342cec4a0720a1adfc6', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '97e4b6afb919a99ec5869cc74888fddb77b47def', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '662ada195159db350c1c297f8c07a0e344d45cb2', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'ae66eb988b9c4f8b78ca265bb30b853cda6b6993', 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: '86f33814769d5e08909d77a94407fd2f20761790' }, h("div", { key: 'dd789351d4c0051bf1709193007917c25e56dd26', class: "variable-container" }, h("div", { key: 'f62cf5b9209abefdc78bfa2a698ab543f77aa54a', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '44222801c345178ec7b7fe51c9908fdccf72bc38', class: "container-section" }, h("div", { key: 'a649c10e4a26a204fce6e976c0f238cf5f4b7e97', class: "variable-name" }, h("div", { key: 'df863924df3ed94959e53d6b45f9fa30b68eb9e3', class: "variable-part" }, "tet"), h("div", { key: 'e790544d1299041540bd0e31abfcfd8079915e20', class: "variable-part" }, "-border"), h("div", { key: 'cb4606499e194e1de59d6c48848f8e00c49b345a', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'fd7a9e3ca863f7dfd1dd320cce20cac6ce0bedc1', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'e38945e4c8941325f782235ff8354f1f0c498968', class: "tet-fonts-container" }, h("div", { key: '964391e9e14e83ee62846098eb981d47b57d1fb2', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'bd1689546702b838e4b4e714b9ec269901a11306', class: "section" }, h("div", { key: 'd1ccc9ccbdcdf19748b4324601aabb9ae80db4b6', class: "section-variable" }, h("div", { key: '2b31e1e3912c8e0c91e7ed853f94567bee75b3b7', class: "border tet-border-radius--xs" }), h("div", { key: '7c22cd1dbe2f1822fef27de4beddf07820676369', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '43abaad8dc532cba2634392debe8ed958cfe5fff', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'e3e7d9c8f386bf145d2866685cefc3d1b021bb9a', class: "section-variable" }, h("div", { key: 'f9621cfb581fe85cf1344913737635aa60a16798', class: "border tet-border-radius--sm" }), h("div", { key: 'a4c1b34fbf92e79a259858f6a7cce0ff0cd01ae2', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'a8bd9ca00e9862def6be9b7d33a2c0f604555daf', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '536e5e81ac30e149e307aca217f7019c6c3fca10', class: "section-variable" }, h("div", { key: '8b8ce9cf1c850977097e888f2334b72efe9610e5', class: "border tet-border-radius--md" }), h("div", { key: '5086bf12e0a4d37ab506979e38d7cdd50fe3a54e', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '82e031106bb03bcacc1768a138b4a6382dcac08c', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '78e25c6d050a0831d4003ba703a03bfc23c218bb', class: "section-variable" }, h("div", { key: '5de4c83a907d3ffd639eac5b8860baf5400210ef', class: "border tet-border-radius--lg" }), h("div", { key: '883b6a65d9cad69c5cdfe7cba82e4fcf4f3956e7', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '3e7b7f349973744bf529c7f00f61cfa8d04a9410', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'd72090eb547d7f0fdcab5dc5fb212e5dd9d44f7f', class: "section-font-size" })), h("div", { key: 'dda5491f317678fe46d22173206fedfe45130f3c', class: "section-variable" }, h("div", { key: '2458db351968653c1a592dc8cff9461703c1e583', class: "border tet-border-radius--xl" }), h("div", { key: '14f7f6e552d27c4f0875f412b639641931d404b4', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'df07824dbda1492c8cbe0f406f580a692e1d7e6f', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: '824695af0bdc8618a5e13312583d930394edc062' }, h("div", { key: '4e31fd7b1c02f20521dcaa12e4865d7c24396901', class: "variable-container" }, h("div", { key: 'e0d904db4a4c55f1a1d3bd7f38e85978b649335d', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: 'c47184e263ee3c30b9610706ec6c01f57fd1652f', class: "container-section" }, h("div", { key: '180d3bd4ee52825beae42d95f940dc274eb2aad9', class: "variable-name" }, h("div", { key: '562879900d54b23f887693c42d117f00e2ae7875', class: "variable-part" }, "tet"), h("div", { key: '292ca9d4d99a3b25627f32d6e9b2faae80c677eb', class: "variable-part" }, "-border"), h("div", { key: '5039dae824531f3bcfd7445e703184be18652fd4', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '109b76eb35e05e3ff8f6dab3624e4e60d46d959b', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '74579cdac69de91f4046335008b3b713ebfc133e', class: "tet-fonts-container" }, h("div", { key: 'f220407e26557e647534797a68fadc222289cb22', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'f35b2dc9ac52b8d3a57e97604c0b738de16bb804', class: "section" }, h("div", { key: '6f8db5b529707d796f13d1bcaff5790ba81ce1fd', class: "section-variable" }, h("div", { key: '8a2a872d7d70b63ba56e8d73f0e5e7933689c1e5', class: "border tet-border-radius--xs" }), h("div", { key: 'bf83b4833fe57bb5dd482aa0675a076935899207', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '4af7748836ce92d5e036cdb8fc7299d3af1d1660', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '1b56a0e9bb9af0fe97ef722e9b9f6c3dd76ad07a', class: "section-variable" }, h("div", { key: '5306079890e8227554c7ba9786f5f43dd66049d7', class: "border tet-border-radius--sm" }), h("div", { key: 'f127eceacf5c5f9e1deab915633c974ea3de290b', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'cea678272d74df702dea10996a800d521feaede7', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '1f97acd42cac01d8fb04fc4a2c67cbfd4035b585', class: "section-variable" }, h("div", { key: '052b51da4fa0ef6be8c32f8a530c473260807f4b', class: "border tet-border-radius--md" }), h("div", { key: 'd7090e283161c6b6a038afe526913fa4f0dd26da', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'c481386916cb419d593fbfa7550b3606e9148902', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'e970f004eb83f1834d59f1fda7646b90cf7dcad9', class: "section-variable" }, h("div", { key: 'c0bea393cff284d5809e8121cd1a815050622deb', class: "border tet-border-radius--lg" }), h("div", { key: '77ace4611d911356a5d0a33c0e51c392f369665c', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'e97f9d8e7f79ec085259b4f9614a730557e3ea13', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '01940f7bbadc90c5ab5257cc0a297ce726303642', class: "section-font-size" })), h("div", { key: '3493b74fe5050e5c8fda7e2eec7d5debdfde295c', class: "section-variable" }, h("div", { key: '130f8eb3c9f40b0fa7f314658f15309b58d7ffc7', class: "border tet-border-radius--xl" }), h("div", { key: '94aba6bdcf8bea0942efa3d123c59a7b58eaac8a', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '5cab0eecd699064182b7ebf755ff82ceff103a97', 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: '56e6ab29371328d040c890b92309e536c838b0bd' }, h("div", { key: 'b7dafc20809f6f75a27003133cb3970d2cf4bc8c', class: {
+        return (h(Host, { key: '1889fd71c4620d2343cf22fa6ac85644d8d31e65' }, h("div", { key: '4ec6389a6ee28557ef54cea08a23d61af1a34a90', class: {
                 'dark': this.darkTheme
-            } }, h("div", { key: '52669506fb282761e720ccabb11776d7126904b9', class: {
+            } }, h("div", { key: '76d8221546dc7957a4bd638e8c05616e86a2f518', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: '9b0157ef133cd3127bb0bdfee878a5f451d22e76', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'b5c138db8d1c259e06deff05943bc9dc00a21ba6', class: "container-section" }, h("div", { key: '355d54051e0b93e745962ef7890b2df8766304a1', class: "variable-wrapper" }, h("span", { key: '6673f99c49414000cfdb5c0cba743af28885b614', class: "variable-name" }, h("span", { key: 'ae4f6b25de4667b78fc238c428f16bff7e8c1168', class: "variable-part" }, "tet"), h("span", { key: 'd00bcddb35e65173cad628d10c1e29a29781a430', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '5b9fd1a95850b87a0167af6c182f3360d4e1835f', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '34ff3850be65210287bdbc0ac9ebce5c061e9fa8', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'fc1be29db4c314c385bc0718d3f8f67f83c1074f', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: 'f6fbdd6583da1efe8b7947bd6586ca219e3d5d40', class: "container" }, h("div", { key: 'ec17ca6ca26e9cab0c3300587d5e8d985c74b8c1', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'bf63d9153b56f70c9e953b1643e5c5f8e2713026', class: "container-section container-example" }, h("span", { key: '2aed875661b3c6e36afb60798bf98634fe806995', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '5a637ef2579d209117ef70c2069549c343616f47', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: 'ee55ebde8bada579a643bb273d1c41c0f8874648' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'bb1072162a9eff0153c2eef01a0f9d65287cc375', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '4a82d09d8e7c9c22b999a9d0a38b8dfda33b84a6', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '62276eb3a40cb3e9ee3100b2d93133c4ad56231e' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'b4e7a3d5823dfb1d8cd14b669537d784ec72541f', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'c2d7bb1fda39e5bc94b8a2fc48fe23e8966691e1', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'e540b29d0bf324285dda2e4f084082bb40b1aa30' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '26c1bd1c390186daf11934ad4c806d3a1fbe17ba', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '7d1084988e9da2e44fe99893d0ad65304a09d83f', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '2f1b647b56a7b76764099db924417594035bbf33', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'eaa2485ce6035247876e256556e2eb0ada5b8859' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'a5788f68f618f75c7ed9206ce8eb77411266ebe8', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'c705aa12840e45a22fc9b18d4e270c4d5b684ea2', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '86bab40d469c34ba533e841ccc17196448105ebf' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '190f24c2b51fddcb01e5b5c34b9b0472f519d312', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '14dbcdff2cc759ee0a702bab9595c578f18ecd1f', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: 'e7614bf8e2a260fb46c601342c26a1f938929354' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '0b615c0f3194f269f253bb52c39d3ca101e2617a', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '4a00972eba08ad2f8d377ce52ccb6ce424b56c0d', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '2af21179581b42daabf371465846f1ac01f13577', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'e6b13b5fd80b397c2f6e94f6431deb4b8fa5a4b1' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '4de1ba9ea5cf67e5d252ea45b328e0f47db4c45a', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '001acb138d0b6d0e158833756c1f6bab0764bfbc', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '2e09df5bb188cf3cec117c7165c25cc2f7ab2e6f' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'abaf8b84cd83da310602ccb02c850ce927d98f70', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'd5fafae7e617bd64409484d523af1a8f4af48bb3', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '830699e589ab93a8fb5245dbf4363a2e71c488ed' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'dd634a1d60b5d6032a4d2f43db5bd296c75a88ff', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '3df3c1390dabd2647d6094cb5e04b17347f58def', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: 'f6217332a3b88557e1ccaee9255b8347b5d904a5', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '97290ea06ec5f553a2c55ef53004bc1e2f394b12' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: 'dd5fbfd006d710ede3c609f30afb058d7f81c506', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: '187d61187dac36212bc1a977243e1845f9c58d69', class: {
+            } }, h("div", { key: 'fb523f2cb4d8249c9bc34c9b8db425add5b2dfcf', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '07ba76b11d794deeedbf6351f5b81e73e57cc32d', class: "container-section" }, h("div", { key: '91cc71bff2b5c13331a40237d3783c3d4277890d', class: "variable-wrapper" }, h("span", { key: '34f10a5e76a2927753698b7c8d6f0a5f26f1711d', class: "variable-name" }, h("span", { key: 'c1555dadc55845f3e74068d5b7b7f5d8174d1a18', class: "variable-part" }, "tet"), h("span", { key: 'df00d127ad3c647898ef271b20902a027111412a', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '55d6f016646c1637e0c4260f53dcba990845a901', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '7ed01279c470464ad2c131b83b2b01e7ce4487e4', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'dafbf5139448b9bef402dddabdf6b94b9faaf89f', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: '2667f4b7efe33a6f6c922279111be90beb3511e9', class: "container" }, h("div", { key: '373af44e8207fdd7b75e8f1770838c1f1ff6673a', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '40a0bec3e32761b058f646a8b4caa34f25729918', class: "container-section container-example" }, h("span", { key: '4e71c243747236dfdd97e1b5e3eed539ba098253', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '8d72df14c50bea3b68e5a779f9e849360e68f5b8', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: 'f4bd0a92aea0386f426531c9683a2c0ea2e5d945' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '32792c4baaca37f8a2dfe57a430e2bea80516fc8', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '5bae6fd69b34b9aae520e0ec5832db304e2e3309', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: 'd5dd1d338a5f2fd5f51275133bfe7ec41011fcfa' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '406737458d571dca07ea2d772b4acae7f64befc7', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '9837b5ae380af28ee118a0859e9b5eade4e1e891', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'bdf3075142a26d002665e84f00e2e907f903ec37' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd540ec8a23c36727b0426ad2895edef03bacf140', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'b7f3018244c9e7d2260538a82153c7268c528c24', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '94bae7f6966100803dbf9c4d444f456305715560', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '6e625852cd4b8faaa437245667fad15839c7dee6' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '95f4a1b7d82812f85f779106602d91dfcd01f787', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '4f45d5c2176b0c572e93e2e7270641276ac80b05', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: 'c7815ea8607a6085a8e20d5b6ec879509ef5b715' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'd53f95d1cef2abf6cf89a53f3373ef3997b9469c', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'a806ed10643971a281147bbdfe62d4e44188ec33', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '531b0247b2d4fca4cb1b4ca9c0a82d20e2cde018' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'e957e23b36ff2a99897f670772451212310d12c9', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '640f452721a6628a7f1fa86d0ee23f8e596b5462', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '3f2ef1a842c2a4d905539811a22af33790887b72', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '861a04148ebf04b2ba7c1e7669ef608fca77fbec' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '572b8561f4307b158591aca673934d29ae2a6c66', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '94d65648f0702ca3f30d15f7f7e75c41d9bccabe', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: 'cfbb55ef7a9fefc83bd58863f72e12cb7d5c329c' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'f3a23f7b3cc133eac6fcfef1abbb67cbc9500cda', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '4181abc66ac873fa7267b29b6e5ac8cc1272d5fa', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '8c9ec3e70a02208bcf09442b605c00a2fda26d05' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '45082d668c5636177c285fd9d82189feeaeb054b', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '2dd09ded03d5bf12af08a4cb43d68305e712281e', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: 'c6761639e9560cbd43eefef9e141386fc1991d68', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '3004685097f54810a7db3552eaddeedf06b62be3' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: 'f2026360665f50d9085af1bfc1c3098f030bd04d', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: '0070ba96096dfcf919eac279ea6438d939b3798f', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: '1ee01c56556d5232f1686af887d27b59dc740e20', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '459ea714e95ae80e5c270f1a6fba3107066827af', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
+            } }, h("div", { key: '0f71e206c29db15139ce9028d6cd2d766a68519c', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '46e8fb59e0256b6d47fe8aae25fe6ef5ab104d27', 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: 'c8a359e383dfe33736ab66614a724a44c481d9c7' }, h("div", { key: '4ff0930cb7ac27af0daa87bc7bb6f5fc5e8060be', class: "variable-container" }, h("div", { key: '75aa774bcb68deb9d442c68757d532237c15cfb2', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '28ae006f76ca57238d69471c2373660c7bca4c18', class: "container-section" }, h("div", { key: 'e654e7acdabd0fd1e604b8fe4301e52f3d63328d', class: "variable-name" }, h("div", { key: 'a973a0aebfd6f5006cf22614e9f31cfee19798f7', class: "variable-part" }, "tet"), h("div", { key: 'bce70cfda57791aadd99e4c8bb83ab82a159ea17', class: "variable-part" }, "-font"), h("div", { key: '54d1ce174563ca13c8f049113bbab2f99ccea629', class: "variable-part" }, "-weight"), h("div", { key: 'efd643efd5252193dd997569a95da0fea8f2510a', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'de01bb2a7cf5b6afb22e0793e9660c24d1abcdd0', class: "tet-fonts-container" }, h("div", { key: '2640a9a4467292490deaca4ba60e7ea7e3aff669', class: "section" }, h("div", { key: 'f172f106772e9108fab2352d24aaf2e50bd4b8d3', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'f23b1a2cedda7527d415b024227dd5f9a48d9eae', class: "section-font" }, h("div", { key: '4129d1ff6c07986e7e75054655733326a62520ad', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'b3dad4ac9667da46d0b92047d8335e9260a8fcbb', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'e260097e9d10d3fc62d3d058d384f2f7021157b4', class: "section-font-weight" })), h("div", { key: '639439c9ff590416edaa6907ab8e1a5c15236e4c', class: "section-font" }, h("div", { key: 'fc7a8cec3ab03bc0871c93f0cca268ddbdd5bba2', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: 'cecc641283966a951a97ece1944ebeb85ce96745', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '0b1f4c7827e42bb5aa3373daedd0e2e32aa5e613', class: "section-font-weight" })), h("div", { key: '2c6c8c61886a7dbd917911398c17e8a12a5599fa', class: "section-font" }, h("div", { key: 'a4bd897a6cb5b36ee26a380a3a2eba7884f92013', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '4741d2b3b63256041b52434e11d35b8bdffdc9ea', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '9fb720aa36735a222c5a46d024d701542e6cc674', class: "section-font-weight" }))))));
+        return (h(Host, { key: 'e98765c70a23b80f56250ee5c2d2b3c69611d89d' }, h("div", { key: '5dc698e0627fe6458134d71e4039432b3470d308', class: "variable-container" }, h("div", { key: 'ecf78bc5db99458bb4f8eea02077cfe57eac1255', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '02140fff2d97d1b26e6c0cbb4e2c9afcc8a9ed0c', class: "container-section" }, h("div", { key: '0b623935b435754ffc8dceec3ed26df470a6677a', class: "variable-name" }, h("div", { key: 'dbfea94d0ce428bf6310a9e8d467145d58bc77d1', class: "variable-part" }, "tet"), h("div", { key: 'dcfd13943cc7953e03c090827338c69199a19349', class: "variable-part" }, "-font"), h("div", { key: 'd8cb9a7c0114fcc760a2ae04e63e7ae94bcff5d3', class: "variable-part" }, "-weight"), h("div", { key: 'd76d6748fe60dc75dde0ec9f5bc4602ae666f96c', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'dc3d2b24ce594f8b1aac97452790389067c3ef8b', class: "tet-fonts-container" }, h("div", { key: 'eb9329b0427785ec80a3fca516377b5f610a14ea', class: "section" }, h("div", { key: 'b574b9d841103a08a8937bd737abeb199df1d908', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'dfd500186280764cc3cda8847aeb2defafe0eb1d', class: "section-font" }, h("div", { key: 'b39c0f229b5efa072cbaeda2ea6400eca7cabd8f', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'db3dce5c6fa25871f806fb6c6ca6c96ecfa724ab', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '78f79d22c81de82fc1ad4adc6361da61ff4f8b38', class: "section-font-weight" })), h("div", { key: '032976246e87ac3f5877da3cc83a0687753aa03b', class: "section-font" }, h("div", { key: 'd4dafd79eca24add3705cd0d732be88907e29d37', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '53f5c806e425bbc59b63a85f775bface7e36b42f', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '9f0a97e81ed6557eef5c0f0e059e59d551cd0566', class: "section-font-weight" })), h("div", { key: 'd6b8ee517ed361080f3f148f49ce5605db2afaf1', class: "section-font" }, h("div", { key: '13f31938c6acf00d06b7423f6030d488b292a591', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'bea2c522600a4a72970e91f9f496b1c46fae4522', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '3d9ecf92cc8247513259eb44e40d783a08a96c63', class: "section-font-weight" }))))));
     }
     static get is() { return "tet-font-weight"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetFonts {
     render() {
-        return (h(Host, { key: 'bd68add75832d5edd8be62cce9a65dd5033ed3da' }, h("div", { key: '52c05154095ed7f89c712eb8b3ae3d2f2f8168c9', class: "variable-container" }, h("div", { key: '8633fea1fb005b792c777dc46e3410127b081a15', class: "container-title main" }, "Fonta klase"), h("div", { key: 'd3a263c02287749610352c2d3ffbe6e429b2a952', class: "container-section" }, h("div", { key: '343732743838e989814226580c4ff7acb2d69cbb', class: "variable-name" }, h("div", { key: '5c003f642eb11cd8eeda79b38e2fb53a8ece375a', class: "variable-part" }, "tet"), h("div", { key: '7835fcb0722829c2a7edc68b05170f3526444dc7', class: "variable-part" }, "-font"), h("div", { key: '8cd203ed777715b0668343c761ad4a3362653a1a', class: "variable-part variable variable-type" }, "__label"), h("div", { key: 'dbec59164945e1735f3773e26cd528a143da7ab4', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '6d8833b17d58a2d91536a97eda5a71fa70294f4e', class: "tet-fonts-container" }, h("div", { key: '75638ae256938db4a72ce054b8b16c5f60dfcf0a', class: "section" }, h("div", { key: '8dc43a7c990f956bab07630de4298b7ef9a8775f', class: "container-title" }, "Body - Inter"), h("div", { key: 'e76a4174d71998fc91400409cbe82cc03cb93b99', class: "section-font" }, h("div", { key: '8d07d3a10569acfed1b8c857c13e642b128dd257', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0b7c053897ab94d138870d34414fb20d947bd39f', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: 'a2c91e6c4794b9de5c1339f50913d92f78890178', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '259e5a7174f537b152f58d7a9bc3adbedb6fe7f0', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'de97e1023c543c0ce03a1a8e91b33f8d0411e790', class: "section-font" }, h("div", { key: '3443bfbd153c383d37cf69f7b06e670c428324d1', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'bbf4c42ce460a236f7cbf3b989ef69f2e6b6684c', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '7187ea0828015a5e99fa0c740d69bf2d0f6a94db', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '926dbc2d57af8daac3890f7cf16904e889b91223', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '7d80b40429aa8912fd6c944113d9895252ce633b', class: "section-font" }, h("div", { key: '8ed944bc5ddf1e16e6461b3703252ce79780c7eb', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f6b047f7759ec346024ed5291de41051514ca9b9', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'ea634b2e00663596cdcfdb4bfa339da89a4ee885', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '426ec5fe398652c6c209d8cb765b5c18580fe926', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '121c0c3c8a0706a3241b22c91827a2fe248dfa4a', class: "section-font" }, h("div", { key: '3a446135d9ea0420acd4997f9e88d55ccbaccf80', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '20faa02b5d7028cafb6b4b25862c080fe34374f0', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: 'e902b5ef162c34152fa342dad0baa3bef6605c70', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '26665e00b4d8feabea954a5883fcaea233f5c46a', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '519ab8f9157cd11be2e26cb0fd87d127afc8356a', class: "section" }, h("div", { key: 'eef8193f374df4d3275d948ab5e48666e371e40f', class: "container-title" }, "Label - Inter"), h("div", { key: '79042e881ee84246742bcc504e9049c7074c0a1f', class: "section-font" }, h("div", { key: '931aa6e8277f893817186be924ddaee4a4fc5ab0', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'de592c3cdffef5503c638db34a6cd8c1480872b8', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '7e7357b78c40057175442aa9bdfb61adfbe077f7', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'f0e980f8b179ad6a577cad02c5acfe7bfb474a32', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '1e33e543f39813b740b3b9c12f85d43d0a96c930', class: "section-font" }, h("div", { key: '401a8be03a22dcbef7802e15a84bb8f6d9e59b44', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9a32ec4b0e2cc37555eae780dc277e8d68e2d6da', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '37ea44f9babf281797af8789500d8c6f1e2431ee', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '3dd0deaed00f5924800685595e2ceeeecff68b0d', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'f272b53fbc89a030866e210de728a7597facbbd6', class: "section-font" }, h("div", { key: '7ec10d76c9c2bd154b372181b30d58ae4ca81af2', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c1d7f5a261f2f6692518793388a432b6da45e70b', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'cc2f7e10068edcaa54d7ffcbde4c1995b2bb53ae', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '157f93d113793b0c1fa32eaa734a8756d0221e23', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '8cbb548de42c9da3a8b79fd7d5d143dbedb96aab', class: "section-font" }, h("div", { key: 'b738084478e9b2a86a15ee98183bcaeef361ec3e', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8a0dcdc8022da1ca76f2c353a83aa5c2e5e8d160', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '5ef7e71012482f75b7e60669b2f2f17a1ecd1740', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '5d333141ca5f29090f11a6554f2adc68e400a42e', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'd57a1a12e61e664718f3469c9dea765c8383d64f', class: "section" }, h("div", { key: 'd83dd015514bd91f4280991b16a18d6b2b829f51', class: "container-title" }, "Title - Inter"), h("div", { key: '9208b93e8e97c1182c316d97359d07d246c42b94', class: "section-font" }, h("div", { key: '561d7771da952de5a3d471db4273d9c90f5ce955', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5305d3b6a100e5af11c7afe518099e576a7e6fc5', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: 'b09d425a62e5eba451779c89353a9f8c1f366df8', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'e7dc66efa121aa8f24f812bbb54b09dfd5ee91b0', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '18c9c850c0ee96d845d228d0b88321ef75eb6692', class: "section-font" }, h("div", { key: '6b082b4c2c7089ada2c1f22ed200065e618254b4', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c9e97f1a4814af5d700ae9cb4f1ce1737f2cc896', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '3733f9facc36995b34c89a465e91ac6160adcddc', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '859c619bc049480d1f6c0e3a0e00f271b79de706', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'd0be243390eec93172552aeaf64a76005a508ae5', class: "section-font" }, h("div", { key: '401fbc9036f6474b7ebc6023f88daad5c017ae4b', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8ce993b8b3422726b7a8e39ce4a746f6e1bb1430', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: 'b71dafba47ee3ac65cdec6e3cd2d9558e1b88ade', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '0e34b2b969a443f82d96dc191f944404c33cd1b0', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '8b2303a80b4cfbfdb8bdcef3006077b649d8934f', class: "section-font" }, h("div", { key: '85cb2909eb52ce117462c1cd1cb9075597655f25', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ddc98794710177141b493d567dc5a3c9280124f8', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '8a47ca7fc7c1bfaf9bd4b41a3602993e93b4a09c', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '7abe730f1f08b1584267459fa16184e8e861e748', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '53ab62d56b1c776a4b554e33e7d2a5c476cad575', class: "section" }, h("div", { key: 'ecd95c6e9f224456a669a58f8f718b841cdeadee', class: "container-title" }, "Headline - Inter"), h("div", { key: '3e185a9d62519ec95233e9d49a68f63b353d4213', class: "section-font" }, h("div", { key: 'bf569caacc4bb08fad7f2fb188d40dd14a48ecf8', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'eccf00921d82c3fd2a8554fa48a142b0c62b432e', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: 'e40adce677b991726cf99b7860d634ea6955e13f', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '058be148ca7b8cf6aa3d575dfbd0ed5cfcc1fb31', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '4bbf4a7d9234735b2bd632c1b2ef23b56bb29467', class: "section-font" }, h("div", { key: 'd09f57bdc1417e3f94c0886fe4221c724ce370c8', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e720115692eaf99bce04763cce1306a2f6d4c059', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '6aa39a1b34eb1c62d72cb34d0bfea9f9415fca53', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'b39e67f5121557c2df0ddcb843c9a1636170d3e3', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '856454823c886712d3f456fc1f7e428d47351243', class: "section-font" }, h("div", { key: '1cdf5731668893453e1280ec8f9329e61f0cbe54', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '90df84a88319d74bcd72199fb32dc14197b28ea7', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '74e44aa98a16bb336690120db19bcc2e0e7ae898', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'e3f76e716dff33dbdb143c64271231e5ecadf9ed', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'dc6009fc9d169dd8c75ce6baa421e652b8eea403', class: "section-font" }, h("div", { key: '0c76ec758aa5233c9a2a1e2933e334e23cdc1bed', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ca76a5094d7b9b89e35fae51f6e1fdb132ed72f6', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '64099b623c89e2b74a5b2fad73779d667f638ab2', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '589e944d01bc0a98379a4d5452a4ccddde1b4b2f', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '9a156635194605ef86bb58d557214da9276447fb', class: "section" }, h("div", { key: '58474a081af181a191e7652d31abf71e3fa2011a', class: "container-title" }, "Headline - Gilroy"), h("div", { key: 'a1373a8d219db03dbf4618ea0d2c3c8341b61540', class: "section-font" }, h("div", { key: 'fe75f78c63373d862421fb88d9f342d8a9ea6d4f', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'bcbcc5732b415b3074aa6ba37443001e494fd5eb', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '84847e2cf135698815ee2ac76d1ebb43f15a28b7', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'a6746896405624459a9c8cf180da41c1dd321160', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '4d6a7439c39502ffa30751b077c9efb13f2ef7ed', class: "section-font" }, h("div", { key: '16384f78d025e3e2f8f08ac897ae61ba719a7e99', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c828103d9b90111fbeaf4ac099222bf4badb3c10', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: 'b664312b2728db8a89040581fee552c96350a3d1', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '56bfdf8c545241384c76dcd737fe2f193e927364', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '4d783b2cfbdb330c4795aead35175165c6366dfe', class: "section-font" }, h("div", { key: '7e571d2a6050f1f2230f30e2f7dd187b366690e7', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f50843fae888444501cbf5acb0dff4059ef94130', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '912f0e9ebcb541379fd57817d9a9ee46066c84c9', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '335bc056f881732153a6427f6c0b2383118dbf06', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '7c9d49a8df59565e37c34d6c20e43fa309a0de09', class: "section-font" }, h("div", { key: '6ae8132a5ff36973a364e3aea630d760a77ad88c', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '690ca039bd496e402ee7c51f87d9a83348139eb9', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '7e8ecdc65354fec70e3e2b85b6efff5e969e1a37', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'c75a15f8adfb47c09a6e4505ecaf1cdbed369ad7', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '3e5ebfaac7c762ea8588199b04c3467f67f7fbcd', class: "section" }, h("div", { key: '8871c8e7820942a0be5a626c72411146a2768356', class: "container-title" }, "Display - Gilroy"), h("div", { key: '2cd5fbf0de8875492fd1fab3d51c77582b0902b0', class: "section-font" }, h("div", { key: 'bf5f675e16d3b6fd90cfca7e58b1b17dc12901ba', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4f621a7096468d244fa536c5e74f0b91d798f01b', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '10f812436dc947a79ba0a8e881e9e6d566e6e8c2', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: 'bc1c7a70915c6a81a1981adbeec987764d8a18df', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '93ce7f104b4e118e36650bf9fba450753731dd15', class: "section-font" }, h("div", { key: 'd4df9aa44f5ac370050d351fc671c7f0c36124bf', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '408764a174146b56ee4a6a2d91d05357d0b9ca75', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '5d91eafc68b9a455eb512e8b63c4b426b3b07a9e', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '60ef0e2f2a17825448568c079475361a19f6d844', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '0beae24fea2e1e5abfd4af18728f78135b7e04e2', class: "section-font" }, h("div", { key: '29464cabb2b8f72867181071d1dda190cc518d82', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a960a111bc3eba74ea9517f0929d2b5f4d679f4e', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '87eb9d60cc73f6bbaa6287f7c3490be16e9c0364', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '1d30deb71d261b9bd12e6ca19ce5695633044af2', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'f01bd69cb2fb0404ab23c08e1fd2191765004776', class: "section" }, h("div", { key: '14f713320720abbaeabd7081737fb3f451dba4f5', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '6406d79d9ea470209043857199d2201f6d8aae6c', class: "section-font" }, h("div", { key: 'd490761bfbac18c28075fd904a4b90874ea2dda4', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f6639b79d083aaf440e0d14e95ee26e41997ea93', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '0b142bd0b45b2187a8c80a6d2a2e0f7592ac3e0c', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: 'a843a411e37568853ab1d5e2b92706d33b1d85a2', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '46416117907b7726732cb3b1ca96c1b4e8b524ee', class: "section-font" }, h("div", { key: '3baaf1ef2db2cc672a7e4659f12269761df57ced', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd57798dbaa99bc35a536d640536728f8ff1b0977', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: 'ec53e95abdd5c2ae4a5ded4f531ca4db33bde8d4', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: 'b00ddcaa953791a6f82533dccfe05e8c2fc51696', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'd233dcb7c6ca169452712e348fa19d8b91aec3e7', class: "section-font" }, h("div", { key: 'f3a3f0828e589caa3e769f330784a4360184c446', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'cc9c1cd9736178e30ad427c0eb1e60d478bb8462', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '5df65b9ca94c8f15104ec0090f34be3a329c1805', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '71046351ec513457e12d8e0ed0c41a12c3b5f056', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e089ec67b67084a26a40d6b1657ae62be471cef2', class: "section-font" }, h("div", { key: 'bead7c59c82584aaa39e17cc24aa1f53c6106177', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '241b009f0a94a0fac6a1083b72ede9f7ad697ee6', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'd98533678e18baa32ed590c0b9bd2b323f1309a3', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: 'f8d566f2b9c55336c6577483ea965900feabf174', class: "section-font-attribute" }, "Font weight - 600"))))));
+        return (h(Host, { key: 'eb364aa730db6e47cc1172a0ba9b19a90ad3d84d' }, h("div", { key: '3ffad4589d517dec161590078880aae56635a468', class: "variable-container" }, h("div", { key: '5b7832f993baf66fcdb18968ce088913fbfc49e6', class: "container-title main" }, "Fonta klase"), h("div", { key: '47fb5b35fac3fdb14d8e8b537a0c78420e3a0198', class: "container-section" }, h("div", { key: 'ec00cd3c7d641201f2269072de0647f2558ae05c', class: "variable-name" }, h("div", { key: 'b341d91d1434977c47a58c9392a2165c0aba4775', class: "variable-part" }, "tet"), h("div", { key: '04ee9852fb467d34ddbb0c369dc9603c1153a4ab', class: "variable-part" }, "-font"), h("div", { key: '5df6339af959653f66ba359702e3bcc0c052cd94', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '18dde82205444926291683f347a012ed9f7421f7', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: 'e4d91eb53473d198cc1776bb63a7e5aa82026d55', class: "tet-fonts-container" }, h("div", { key: 'ea1356edabe635c2099b27d199b7728b08d3ba65', class: "section" }, h("div", { key: '9d1af47d68aa47b23705cbfaedfdbf2d901ebb40', class: "container-title" }, "Body - Inter"), h("div", { key: '0c56fadad687fabde78ce2f1d12bb31eaa6b8eae', class: "section-font" }, h("div", { key: '1d5748a7fe98ecae86c1556e5a6441e7a74d3688', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '57eac81805158d70692c7c270188aa6f9721958b', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '633c1d585e45b70ef1970c293c7f4886819f3004', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '561b45e8cc256a753605fd75b32cb0eaf875aa43', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '35beaa8970d3227bb70e670c8bbb17ca97910e9c', class: "section-font" }, h("div", { key: '8a187a8e4b837fa2c0753b01cf21825b5e46a137', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1f6dbb2b94dcb10e99cf6e37d158fb13ac5aaf90', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '691815d3a4e8ea1138c3c80dda422d5d69b1950d', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '8e7c8ea47cc93da8a4a04fe9348a082a08d8b5ef', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'd0d3e3abb0af866f79a44865abe6b8abf5d27707', class: "section-font" }, h("div", { key: 'bfbe71605fe0abdc1ebfd037a95bac2b7ced3efd', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '21b1c519b1c0eaa15dd1affb78e83b43b95836f0', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'a7fd845cd968bcd1f8a430855d1aa20ef5fdc1df', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'f2e83a5e153373776ade24eb5307defdff42e76c', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'c0227c3bf4395893e3cc5e6ba17b71c9d7d494a4', class: "section-font" }, h("div", { key: '96020398879b3855649cfbc432319321763690e4', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '084e8cc785774d64c04e016459d7b8820a1266a7', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '0cf40b56744eb65cdc5c114b63c5fb0e302602c5', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '716914f695c9bc08a0de308b597750238adcf272', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '352950f13363347b2562c06796864746e2b60f66', class: "section" }, h("div", { key: '24c5a73db6aa7f6399fec69911df1692c00630ae', class: "container-title" }, "Label - Inter"), h("div", { key: '57f29befd7c9c1297ecfc6e3426f63c7bcb4344e', class: "section-font" }, h("div", { key: '1627df8b18174f29561f42190c96bfbb93f834dd', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5edd469ea492696ad89c9678f88de499bef61e64', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '4bf2d51f4158e244c79b27bac38ad5e17a191b49', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '84c48fed1151d25b62ebe8bbf7fb9e6d1b0d0fa0', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '2eefba5c3c1494f40dd601a1e0cbf543c5ab7cca', class: "section-font" }, h("div", { key: 'b915607585ea868dd95c11b2e20037a9e92bc42a', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f8f6f305307944671801856b5d473d9b8e10d06f', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '0953fe0f25ca1708a272038b0cb229d75395a923', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'fd67cf49fe27368cfc3f1a7ddf00e4b06c92b2f8', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'b6ae4747f754a2d0f9613767c9b5d8473e5de6a0', class: "section-font" }, h("div", { key: '95e9e03941ab166a2c791cc33db54ec7bcbf7b78', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b0d3ca91bc15afe0809686d9cf2c29c66f1f6faa', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'eb4e85d608abba79154fbfd356d8466c08afcea0', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '3728dd3a586ded8ea4ef87247790e0691eca87a5', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '1c9ba73bd3dd8004325e82e847261ee954b25f2e', class: "section-font" }, h("div", { key: '5d4a99025f34d655f877ffe39a70a3ae1341f798', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '83c468df9caeef513c9f2d414f6e369bdd2c7d1d', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: 'eb7aca634dc974f3a191f215195c6809259b3d43', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'fc46a2b8edfea2fd27035b1aa7cd59da2805d2e1', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '828d228442a69e627472455c632c182cb0a04056', class: "section" }, h("div", { key: '81001fb4f18e6e6b5124248197894221a86dd89f', class: "container-title" }, "Title - Inter"), h("div", { key: '42c29dab0ed1197c035eca0918b8d86f6b547fa3', class: "section-font" }, h("div", { key: '29ff0a5065b96979914e40194781490594b7ccf9', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '79094c080ba729c503a909f0bb4cba45aae8b3f1', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: '0175968cf568acc7fe38be3cd24ec4ffabc7edef', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '6688a54db618180cee2400af1cd56f3934ec8adb', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '1cbd11e116c9cccb9fe79515f8cf4bad6321cfaf', class: "section-font" }, h("div", { key: 'bd4dd78e9882205d3e6dd5572205d235b63b65d6', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '072897397dcfeafc76f448d6c803f14097c2458f', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: 'a5265ada73aeffe4c058d218baec3f8ce7f30883', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'b4c8cec9c24a94412d4635fea0df1ffd5fa14158', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'afeecdfcbab15f7e2430f183c40b7a36b0caee56', class: "section-font" }, h("div", { key: '52524b0abc70013af84d6113f46afb49e9cd5557', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '47281838922e8a66765e7b8a742c4dbc45ebf385', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '611b5ecc111f0d40c2f0c9211a93132509231010', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '68c024020e9f69c85a73cca6a8cd73c8af5a0c0e', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '3b395a5afa81094f278daaae61701d0c8a2eb8b6', class: "section-font" }, h("div", { key: 'c3015e6c8a9a30d077ed13c80bf905921cf62e1a', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'aced7ce847fad8968dc0d3a677c4af52ea52e032', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '5e58a1d0c7839ad2544f86222a58bc0f1a839845', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '52fdea183864b0b93443dad631c90e95691f368d', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '38859595925a3f6a02fa5f66f7199d8d9a83beb7', class: "section" }, h("div", { key: 'c8f3bb6300f32c9a0a9d487c9795279fdc15a946', class: "container-title" }, "Headline - Inter"), h("div", { key: 'd15f315b947d4d1d4b55a1eb989031c35cc24ffe', class: "section-font" }, h("div", { key: 'bbdcd47fa0af67a7811c18a94b1469b6bce4abb5', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '71518ac0d8bc207a7c61c301229aace69adfb790', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: 'c4db6830c24aa294229f8cf8061cc2b56f652f81', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '1d01f6720154249618487a33c8cd5772467938af', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '6135b11706e10936ce96ec6d5992857074f6c9b6', class: "section-font" }, h("div", { key: '5a5773dc45943e3ab35f862c63ab6e50d1f0fd8e', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '64ad28b2fb0fe0c1ffe7cb21324f9b112ebac831', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '7a51c9da0eb1a10e5976689497cbc08eda9ffcbd', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'f147928fadb7799b668d76cddad6dcab7c94099e', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'df91e35b87a9d6f6cacfc82ea3f2127eb553ef9b', class: "section-font" }, h("div", { key: '2f947f95ee78b5e5c12993c163d2cc41e9f64ea7', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '556554f06fee304507752faf053a7404a1727782', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '9669b5e58625bfafeea91797c2f97fa00649cf9f', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'd9837455e320e17d105eb098995d345bee60e98a', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '1abb7226ba194465f6ae7e5426812f2c79945f03', class: "section-font" }, h("div", { key: '51e3b29529f5bb53ea1e77fb015d2af4ce77c5b9', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e2109851fddcaa156d446b6b420c511d9e11dc92', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '347df0f7b2c2841214d39791ac585d1781f1e1c2', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'e38975c4fedcd117ea0e095b21908a28f6314667', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'a4cad48c1d18544a73a63edb9ce78bb99873b7a8', class: "section" }, h("div", { key: '2ca23730f99fa682749914ca84fd94df61c52bf2', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '93d6aa9efccfd9db7d35cacaf8b283fd7d2e6d6e', class: "section-font" }, h("div", { key: '38ef1b05fce79d7de15b503deecb9029ccba3df3', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5a2569379b2995f0c56935ef6cd65987a0bb82d4', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '61721eacb633defd8b2ad682829ab9d426b74a65', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'c986de67411315d4e5a0d5dbf8a9221649e48e95', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '3193b17fe7516183c14dcdc568b02b84e430a039', class: "section-font" }, h("div", { key: '70623b35c8ae46312612a9a5498fb301f2b797ef', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7a58f1b19cda2702885ded5c1370c14c8c5531d4', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '20e11d0ce30bf0a0f975b3d8cc4d2bdcb197859a', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '5b94bd1f3d9bcd66b3236094f15e43c935d1d5c9', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '45792bcba389781a92100c9180474ba2f329d032', class: "section-font" }, h("div", { key: 'c50ff8cf472ec157b2a686892be7023c6b781ce4', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1a00c6635c53c6fd2ae6652e090a84b18842df63', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '56ca976f39491d67d8eda307f61a9f045024f1a8', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'ad7e63de1563b0938b13be4cf8239ca9771d6900', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '7ed753c1e01f7f5446138c05ab2dfa7726ba1131', class: "section-font" }, h("div", { key: '3fe67eccd5f8b3aceed592c01070a231aa767b1f', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3e0a3da5727f54677453c54e1a8bd65695bcb9d8', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: 'd2780cf79aed1d3bb5b1acc82d35b219d0cf4690', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'f533a3baabdc9caf7ae2e33593d4e3b989825e95', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '4dce6a40e21e311eb0b03cede1b8949e3621f778', class: "section" }, h("div", { key: '11a6abd30b7c48084ab4a6b450f94155fa9f0a4a', class: "container-title" }, "Display - Gilroy"), h("div", { key: '8d0f9194f205ac187aea296bafa8b731565bdf5d', class: "section-font" }, h("div", { key: '8e3418f9c11beb44ae9246b0db69d69012e1880d', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6e01ec5d8a51945f322e4a19be1b7aefa8fc75ab', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '97ba5cae3b124d7936d52d537293bc8fe6931826', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '7deca65491551816ed30bafd5285a32d749e38ee', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'afca921188fe2fd073bbf676b5036db7bce43ca8', class: "section-font" }, h("div", { key: '6d0d70213b200b27912eb2b6be8243c2f0960ace', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6b3b7090e3e87aa521df024631e230540c61bdc8', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '7a6b15dacf3a09ec8011d8d7a8448dbd4304ff35', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: 'c90a541c9c9626aa7e561148352dfd152d5ed360', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '0588b93d3caec93c3c0c70f21d2f1c717b513fa4', class: "section-font" }, h("div", { key: '27398a3a896fc6f62ffa503ba63d191435af776c', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'cce2bb4032e5e339f87fb3df365d3b1025b99771', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: 'cfcaf4765771628ca645c3533c6a988fb3704c44', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '2e0c53c35b803d6788524d4676eea29d98e19c66', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '9e35a45c8b3207bf8eff8423daa702f360c76801', class: "section" }, h("div", { key: '2b71029836b59baf1ee7b26bd02c542db75010ae', class: "container-title" }, "Expose - Gilroy"), h("div", { key: 'a34c0e680ccd4cf2a378111c7795c6b284a099fa', class: "section-font" }, h("div", { key: 'f2efc0a08a3efd0f08e43e0edb8c811258a3dd35', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '28dec0f2a9d7e5dc71cb7d86ae129ac9cc2dac88', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: 'e6e687c849ceb99c7968f1068d6a7abe1ad8757e', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: 'b256ee84f7549525d994600967e465136a1a139a', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '47d844ef63a8b18ab260fa69031f07d9691e2030', class: "section-font" }, h("div", { key: 'eea515480dadf4f817d9fdae200c6b79663c3e0c', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '499aa3b7faaa508001292215a6292fb49192582d', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '72184403a1e1656926e35a913fee3afee640599b', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '2a828eeb9fe09604e53fff0822bce1686720a000', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '976c0224eb75dd9129c5d56a900bb5380c99aa2f', class: "section-font" }, h("div", { key: '32b3da530537f783e55053e116fa71f35a4bd232', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '32603c9ea8ca4ede679b635548f9394e3b9de083', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '93c217cff5ed0c3faceb0df5265169a55e06209c', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '0ecd4335fd0bfe37b8bcdd5878de05dc037e1c89', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '9da2b51e71f98c13c4068f938193264ccfc4fd8e', class: "section-font" }, h("div", { key: '8af297f7457cd9d27724d4b30060567179aa16a5', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b90b95c6b56f7e3b8c7fa48e0f7ea7a8d75e6ea0', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'e2283ffd3baaddc7e6319647dc654d1133c0b1d6', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: 'a758a5d0f7831eac24d480973be66039e4d16708', class: "section-font-attribute" }, "Font weight - 600"))))));
     }
     static get is() { return "tet-fonts"; }
     static get encapsulation() { return "shadow"; }