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

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

@@ -21,6 +21,8 @@ export class TetInput {
         this.accessibilityLabel = '';
         this.iconLeft = '';
         this.iconRight = '';
+        this.iconLeftAccessibilityLabel = undefined;
+        this.iconRightAccessibilityLabel = undefined;
         this.iconLeftClickCallback = undefined;
         this.iconRightClickCallback = undefined;
         this.validators = [];
@@ -100,19 +102,22 @@ export class TetInput {
     };
     renderIcon = (iconName, alignment, callback) => {
         const clickable = Boolean(callback);
+        const accessibilityLabel = alignment === 'left'
+            ? this.iconLeftAccessibilityLabel
+            : (this.iconRightAccessibilityLabel ?? t('components-input-icon-right-default-label'));
         const classes = {
             'icon': true,
             'icon-left': alignment === 'left',
             'icon-right': alignment === 'right',
             'clickable': clickable
         };
-        return (h("tet-icon", { name: iconName, class: classes, onClick: callback, accessibilityLabel: clickable ? 'Area label' : '', onKeyDown: a11yBtnClick }));
+        return (h("tet-icon", { name: iconName, class: classes, onClick: callback, accessibilityLabel: clickable ? accessibilityLabel : '', onKeyDown: a11yBtnClick }));
     };
     renderErrorMessages = () => {
         return (h("div", { class: { 'errors': true, [`tet-input__${this.theme}`]: true, 'errors--hidden': this.disabled } }, this.errorMessages.map((message) => (h("p", { class: "tet-input__error-message" }, t(message))))));
     };
     render() {
-        const propClasses = this.class?.split('w') ?? [];
+        const propClasses = this.class?.split(' ').filter(Boolean) ?? [];
         // Merges the values defined in the class attribute with the inner classes.
         const inputClasses = {
             'tet-input__base': true,
@@ -358,6 +363,40 @@ export class TetInput {
                 "reflect": false,
                 "defaultValue": "''"
             },
+            "iconLeftAccessibilityLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The accessibility label for the left icon if pressable."
+                },
+                "attribute": "icon-left-accessibility-label",
+                "reflect": false
+            },
+            "iconRightAccessibilityLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The accessibility label for the right icon if pressable."
+                },
+                "attribute": "icon-right-accessibility-label",
+                "reflect": false
+            },
             "iconLeftClickCallback": {
                 "type": "unknown",
                 "mutable": false,

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

@@ -760,31 +760,31 @@ export class TetRangeSlider {
         return dataListItem;
     };
     render() {
-        return (h(Host, { key: 'ebafef0764cad521f4d0a1ad04bd14ea4b33fc34' }, h("div", { key: 'ac62632dd6025bf34344c97002cfda4435031826', class: {
+        return (h(Host, { key: '43eeb64a0457ba18c15cfa178eeae1eb6964d6c4' }, h("div", { key: '1ef3d125fecfcbafe007f4ba0406f29809d0e303', 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: '203a318df8a5f2dcf15fc9b47d5b865ef777ead6', class: {
+            } }, h("div", { key: '50862fb4b13160714d0ee6b04d7332a8b49aea81', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", { key: '4cd2625ce22bfd189607958ad04b88fa0d2201cb', "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: 'acc67a500cd277551c6647dbd2c869ce14791bff', class: "range-slider__container" }, h("tet-button", { key: 'cb81687a384812615e63bbe81836a73b6ebbc113', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", { key: 'd2ab0920b8e1365c46ef213bf3c305e618a0f9b1', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel, ...(this.containerSize !== 'large' ? { inputTabindex: 3 } : {}) })), h("div", { key: 'daf50312d44d66a9a680552011ebd1b593aeaf76', class: "range-slider__container" }, h("tet-button", { key: '9d1be34ff1f094bc122957f521a42017ceef9d50', theme: this.theme, iconMode: true, class: {
                 '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: 'be6a56e0ff20488516c1c1ab1ebf094efd9b0bb1', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'eb3ec7776668b7ebeaa0d99bf2f59a76f0d939a5', 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: '3e5164c4b8ca9d9a3d911545b18525263fd5c078', class: "range-slider__slider-wrapper" }, h("input", { key: '717cb69fb664957a5867ab55da46371bafa2ad71', 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: '8e7e077417277d080e38f377c5527a88d9c942b0', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'e2a1e570cbcf97c8cf0b1fd4ce855adde8096cf6', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'fddc819a7f3106dfc5e432c2063f9955aecb1de1', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '991b98aa20fbffb3528a32647dabab94d22a1a6b', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: 'f0dcd32c8d867e260f4fedab19f36d0fc596ff19', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '9155b88c80780795faba9d0d90fbf2bff8d36266', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: 'e712ad5186465830c56c8a9ff96ddea02b1a1d00', class: "range-slider__slider-wrapper" }, h("input", { key: '834d7b93614a20e79b721f63e1b55ff27b62d8e0', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider", ...(this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 1 } : {}) })), h("div", { key: '11f661fb51268f78f86a9283ca4ea230bd9a9702', class: "range-slider__track range-slider__track--background" }), h("div", { key: '522e97ea4cea406ddd38d5750bff07c5b7788b0d', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '54aa8151b21f444e26aa8a3ea07101966937c9c7', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'f5256b87d543726cd83c35f7de63edc4c4149ada', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '86daa095139cc87d7e99a40d5c37f3d4da43dac1', class: {
+            } })), h("div", { key: 'c9379ac563843b91eff20c0d79713ff894ff225f', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: 'a6c111fcd16cad59b77830825cb59619968181f0', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '2b48c092b79f16721d6d83bd2b3a4d6a7c3ddc58', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '158b1e8dec1254680235b2f332d60f2cc78c1dda', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: '2e442cc696fba3bbc9143531ecead99dfdec6cb2', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: '59db7ada44db95fb177e2fcf8140973f9c5586d5', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '389902efa2d563fcc933e9a3357b83ce39eab7b6', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '3872c39c2526d283067a05fd77651020fdfbd1fd', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: 'f89d5a2762ab4a3886d5c06b147452c3ca322a65', theme: this.theme, iconMode: true, class: {
                 '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: 'f8639052793ebc0ce28bc9b05634571ea3755e07', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: '7ecd3c77589a94367b850a4648487a7644043ea1', name: "add", class: "range-slider__control--icon" }))))));
     }
     static get is() { return "tet-range-slider"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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

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

@@ -58,13 +58,13 @@ export class TetNavigationMobile {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: '410b8ecb912be53e623233de8607b2599513fce6' }, h("navigation", { key: 'deab5584ea73bf98225a91f2b0fb54209fa1fc27', class: {
+        return (h(Host, { key: '52591f6d0e9ef020ef4ac4c2ba1c61c5d2127ba9' }, h("navigation", { key: 'a03e13c0d3713b9891c4edf415e73e44cac53d0b', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'a5fb9f850361f6063e280bb4b79ca56f48c33225', class: "navigation__nav-bar" }, h("slot", { key: 'e7a0d2fdf08f743b4f81be7ee3aae055cdd07ed6' })), this.isTogglerVisible && (h("span", { key: 'a0565e19716ecae54662d997d12da100968cd8c7', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'd38e5605b66b04ba8d97e52596d4ba47bb0ee26e', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '071ccb7045b4e6ddae37bae053c300148485349d', class: {
+            } }, h("div", { key: '4dfb907376f0cd6fbbdb317b9f9dd08a6fe81f9f', class: "navigation__nav-bar" }, h("slot", { key: '6ce19ff2456b35e83b9af6f1a4b217fb5f7e57ba' })), this.isTogglerVisible && (h("span", { key: '73b344efc87e41a55fb3e767356af1a8af8a8fd7', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'a381a51643ee5606ee51af66c78ce892af1698e2', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '128ee926d85677c6b9eb90a30bba5ee301a7e151', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'a27a4670604373b4fc8bfe2dcd32631cf3f12043', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '01e93b115979fbabf6429091e3217257b277cd3e', name: "dropdown" })))));
     }
     static get is() { return "tet-navigation-mobile"; }
     static get encapsulation() { return "shadow"; }

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

@@ -130,13 +130,13 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: 'e50ecaf01917687b035477d00aea4d3cd5c5f5f7' }, h("div", { key: 'c07425862c2bbef69bf8531797f6e67e5381764f', class: {
+        return (h(Host, { key: 'b72e156694738b594e5d19272b33ecf503185d02' }, h("div", { key: '79c2f48467900f817d618f5096f9b7332c4af272', 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: 'fcb1a4ed009c3403d7f696bd6dd1115b180683cb', class: {
+            } }, h("div", { key: 'f72831b47d293ef8733043d9028b393546a02b69', class: {
                 "tet-accordion__header": true,
                 [this.theme]: true,
                 "tet-accordion__header--non-interactive": !this.isHeaderInteractive,
@@ -144,15 +144,15 @@ export class TetAccordion {
                 onClick: this.toggleOpenState,
                 onKeyDown: this.toggleAccessibilityOpenState,
                 tabIndex: 0
-            } : {}) }, h("slot", { key: '6d86e703f2c4d0315a5ec8ac953fcd2e9fc28ab6', name: "header" }, this.headerIconName && (h("tet-icon", { key: '1f326106ba3360f55db0e6e1f454b6e4c4101c09', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '7a31e0118d5d43f54b261e26303a3f1f65374d25', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: '122456dbaab62726486021b2abe9d886516e6555', name: `chevron-${this.indicatorDirection}`, class: {
+            } : {}) }, h("slot", { key: '6c9e03d8c03ced68dcdeb16cdfe9ee5ed2a18ca3', name: "header" }, this.headerIconName && (h("tet-icon", { key: '33fcfb873a4eee39a56f6a07a4d4c0de06abb77e', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '0dfd882353f23a995fefa456bdbaeda9877b20f5', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: 'e009c266445602ec5254f7f36d35cd0a58d3f83f', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })))), h("div", { key: '1178fae23f7bf0772db6838d07dd3555f393cd41', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })))), h("div", { key: 'f0733167ecc6893cd6558dfcc8cc02c6f3657a86', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: 'b0f235101ad186ff0a2e3689ad757248773a1d49', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: 'e27281b304002dca4478635c3724166ff146aced', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '6d8e0d8cb152a0434ae078ea7f0e535ba5925969' }))))));
+            } }, h("slot", { key: 'd7d714237f9ecfa80b9e70978371bf7108e0db52' }))))));
     }
     static get is() { return "tet-accordion"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

@@ -120,7 +120,7 @@ export class TetNotification {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: '6c0ded6dc3dc5cf1b40a2d2c0d5b86683de7d4f3' }, h("div", { key: '8ff4661d4f2857c75d98b3ebc90950024dc38f80', class: { notification: true, [this.theme]: true } }, h("div", { key: '02e692b74860456cd1b0e6a97b21f4be73ff482a', class: { item: true, [this.type]: true } }, h("div", { key: '91dc1ad5bce83b136762cad59bc859a11ec58882', class: "header" }, this.renderTypeIcon(), h("div", { key: '7c41ee7257cd0da3026fa4c2df4cf3e39de08858', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '4fca6fc6ba71574ce3777b78019f3c347f8ef66e', class: "content" }, h("span", { key: '37ec2ad34ff6a28df0d2086f65b1e605da3be62c', innerHTML: content }), h("div", { key: 'c1f1bb5ac08dfa393925e643c21179768d999b30' }, h("slot", { key: '33a93a9b8da579f2d4e113c057acb3f9f12926da', name: "button" })))))));
+        return (h(Host, { key: 'dd31eb55eeca79fe61c59ee9c1d0acfd0a65e6d1' }, h("div", { key: 'd05ab04ac46e1c836b356f170fc0de6ec08d2fce', class: { notification: true, [this.theme]: true } }, h("div", { key: 'bf347130eec93405841fe1bd1aaa5a2fb8ca367d', class: { item: true, [this.type]: true } }, h("div", { key: '38ace6a8b31913fb1762775b279a95f033a84261', class: "header" }, this.renderTypeIcon(), h("div", { key: '490ea644133021ee17efa9de7db8fcc84c5220af', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '79a6926fb017f6de04a36160d85419ad7de115ac', class: "content" }, h("span", { key: 'd3288536dd1cbc9737ea9b40e9842d7f52caa326', innerHTML: content }), h("div", { key: 'c82210a30c4e3e2df9076af98a2ab86cd20c49dc' }, h("slot", { key: '0d627e3b485f173a9525255a229049a52da621b8', name: "button" })))))));
     }
     static get is() { return "tet-notification"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         this.withInPersonServiceSupport = detail.checked;
     };
     render() {
-        return (h("section", { key: 'ba87193074d4b4b27807d59df1bf703877d89e06', class: "container" }, h("div", { key: 'c91c2483bcddf94f3479fb55c2ef48e4849b6b66', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'd5f3d1126b09bce42a9ce2d6853aa72396e338d2', class: "calculator-block" }, h("p", { key: '0a1b9e60b1a8dd6771e9e559e83ed6261fb6fb63', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '464a2c611229ee02ea47881be65f62e12eb64267', 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: 'a7744e379b46a81d7aad957f12003f762bab9a49', class: "control-container" }, h("div", { key: '11d43f5627cb224d2c72c8102a571220586ac5f8', class: "control" }, h("tet-checkbox", { key: 'dcbc8c69f96e17062fb45282e168161f03ea9802', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'df8dcded7e79356fc38b8de6617da76dcd1b11f9', class: "control" }, h("tet-switch", { key: '5fb1cb9be762cf0a1448a1d9b9f06902ee41c4d5', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'c35567644b90262ee31580199aea2efeed3f051b', class: "monthly-payment-block" }, h("p", { key: '736f3bb29e38fc3a84b2a2e6f90b32ae13ec7301', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'fd8dc51f752b3026ce11259e5501331509427ad3' }, h("span", { key: '7cd5c5b28c021d7498b592478d764f3be66aca71', class: "price" }, this.totalPrice), h("span", { key: '9e1fcef7da98e14dbd328eb658b654ecf96d48a2', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: '6dddfa68d9c57d29f469503896d49f0acfff7fed', class: "container" }, h("div", { key: 'f180070ea3260fc50dfbbb7c8c0d902645718892', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '28665e7c7225affe4249ec31d4fb69d7632f41f2', class: "calculator-block" }, h("p", { key: '123e7e765748a6a48151086962331a52d6680288', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '9a7a54238f0e6ae6cf4832eb75a9b1b8f4829740', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), h("div", { key: 'fcdcfd5d2e7f165ef7d0b87970c0be89f0b749d9', class: "control-container" }, h("div", { key: 'db3330697edb2ab27ac3f13ac089db81ef1f50a1', class: "control" }, h("tet-checkbox", { key: 'a50142db635f9ab685236174e5d1ad81bc0a4162', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '9a17e4b230a3ae3cdfda22cee5bc383f5c6c2a9d', class: "control" }, h("tet-switch", { key: '1ba940a662c13e66cbaa4646d288d9ece077bba2', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '7405d0b53916ab2ae3bb42f313beeb0314d66afc', class: "monthly-payment-block" }, h("p", { key: '5774d4476cec0c6fb83a6a7179ada682bdd1b2cb', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '7193512f0b0a6b7139778375bf531bcb910bd6e0' }, h("span", { key: '6792d173114846ba4de008f0f6db63f1b2cfd372', class: "price" }, this.totalPrice), h("span", { key: '9c3790bb5363d392c55c5374b4d5cb663b87e533', class: "currency" }, t('components-euro-per-month')))))));
     }
     static get is() { return "tet-b2b-service-calculator"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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

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

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

package/dist/collection/docs/styling/border-radius/tet-border-radius.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetBorderRadius {
     render() {
-        return (h(Host, { key: 'cf4ab0038bd7d7ea5f3bd552cb2c2a992abfda14' }, h("div", { key: '6f2c158d8fcfb42c17f16daa67d52ed6a1724473', class: "variable-container" }, h("div", { key: '0553fc13f18a24270bf87257658c97513053cd46', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '45e8a2e12721bd8850fb13cf4486cf80758bea7f', class: "container-section" }, h("div", { key: '280e0b305d4ba522a91ee25c6469650466bf1196', class: "variable-name" }, h("div", { key: '70f14159600704cd8493be2ff6094368619b7544', class: "variable-part" }, "tet"), h("div", { key: '5b34d95c36696850776f264b13f04c95a33376b4', class: "variable-part" }, "-border"), h("div", { key: '41f1ebf6ba4d3e51a79237238910589cbd61e2c8', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'a24a7f1c01585b219b3a523c78eb6abe9473a563', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '1b47980cc56a946ee5e0aadf2e7e74210a6b119c', class: "tet-fonts-container" }, h("div", { key: '37d4f971007b1ae23fd1c577bf2c99ac978b9a4a', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '56d9f3dd7200f14069ccdcf9654bb226b263c157', class: "section" }, h("div", { key: 'c83e576d6acb51579fec8c17fcf9fade9d50ca82', class: "section-variable" }, h("div", { key: '5ee23d1510439dd097c5be35a323b240bfa50bad', class: "border tet-border-radius--xs" }), h("div", { key: 'a6bec8111fe52e9eabf8455cde5744d7211d29ca', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '03dfed01f0e51691ee04d00bfd2fbbd03d855bb2', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'c318133b9d4026d983cef3827d4f111ae3efaf63', class: "section-variable" }, h("div", { key: '253c8d140bfe369423ea2b4e13c511a4ff247141', class: "border tet-border-radius--sm" }), h("div", { key: 'fe7800ec703567a7c7696a806629b7fb3201c575', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '841e4ebf95288774c3357e9bd7a6bc0537619e00', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '512ad84d3b61e737697cbfbd64abbcc1a13bac7a', class: "section-variable" }, h("div", { key: 'c2d432d21f77e487ea9726c93dfcb4b4517da5e0', class: "border tet-border-radius--md" }), h("div", { key: 'ab743b10402f625e4561de6eed9e9ea89627c141', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'aac511b52387a8ec7a9614476508161046a5a973', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'c8e975b34b0ce63421a896c27e3b4f08201fb3be', class: "section-variable" }, h("div", { key: 'd628eff7ca794733430cf61820d7ffe21d89761e', class: "border tet-border-radius--lg" }), h("div", { key: 'fbefa342229fb653ab736167f51b2324d7da33b1', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '3435455d3b071f8ee58c36a35790853872848cb4', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '9bcb54da353097e4f11186f7c4ad89680509668f', class: "section-font-size" })), h("div", { key: 'e06f9e4e37f4927155f7d389478eca6094e247ce', class: "section-variable" }, h("div", { key: '6b6f6f411a59181554b1e35b8d862a00c5d155c4', class: "border tet-border-radius--xl" }), h("div", { key: '3b72e0bffe0b11a8d99ae23a72d8cc3ad0615e17', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'a11df0208610706402950960bea87a4692324531', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: '33182b5d51a862bf025bcbdd00486fc498183c98' }, h("div", { key: '409bfa0ec6d1499f84ed1f8e4eef467ad9552e77', class: "variable-container" }, h("div", { key: '42950bf09a6d64440cfbc4354f28f7b8557e2049', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '15e197fba991e1443451cedd1d3c87d719f4ecd9', class: "container-section" }, h("div", { key: '5caaf5b8d0c21547a38b19109cc715ed61bc16b4', class: "variable-name" }, h("div", { key: '99147165c88c3142617df6f3da535458346175af', class: "variable-part" }, "tet"), h("div", { key: 'c8bfb5f880eea27b0ec7f53f7851743b5ff5945e', class: "variable-part" }, "-border"), h("div", { key: '0ea12d06458448067ac9615ce76236811671f493', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '990495853431ccacc029e6805d75149d4f55475b', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '86a78c9e2e6fa36aa1f0f6c1340c6ea13436ed47', class: "tet-fonts-container" }, h("div", { key: '138ad4fefa5a2963ddac039f647092bdf7987665', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '0e2534ae880487dbac262806574ba3b72dbee7f1', class: "section" }, h("div", { key: '5a05695c28f3a446168d24d7f84089edc0cf79ad', class: "section-variable" }, h("div", { key: '2a3bea30922ab40f795f5e32ce4a80b08dba6df0', class: "border tet-border-radius--xs" }), h("div", { key: '32a06011b3237bbe86eb52e54cfbfe158b358319', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'ddcfd54037682b72e2a6c08da27e1a9796c8d1ed', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '00cfc9d11eab68b009a0dc74271b6de83763fa48', class: "section-variable" }, h("div", { key: '0ae8c1a702fcfb732cd8f30f4365fb32039d5635', class: "border tet-border-radius--sm" }), h("div", { key: '6afe2701c5e1950628f438354da0a46650c145f5', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '540b5846ecbd7b619fa508c2a213e0b91f483b9d', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '1ae0b59f772d3ea5dc4bb11d4a0a16c3c0caed70', class: "section-variable" }, h("div", { key: '66dfb10b3e4ab20ce62a9ffa10caacf80ef2f002', class: "border tet-border-radius--md" }), h("div", { key: '698e974914bb195afffcdf9226a513da5ec3f58d', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '4a6d0695d829bb68295d3b64d41d96c83d331078', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'f7e2853c5a4ae6e0ada183f7faa7a35f7d61bc14', class: "section-variable" }, h("div", { key: 'b355680925247c9d07a03d0df66f5a9e6da6d342', class: "border tet-border-radius--lg" }), h("div", { key: '7f1e182aa9103e204ae958c9767786a587641e00', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'ca536c8558a9aa56087dd0f6c5d7ebf7bf59642c', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '4d39f8a6f47c756fee27a6260d9231d6ca5ff54b', class: "section-font-size" })), h("div", { key: '39163e77a469f38543318538c5e49e11214e14e5', class: "section-variable" }, h("div", { key: '3d6bc7b40012a6bff80537c2ab511e265aac02ca', class: "border tet-border-radius--xl" }), h("div", { key: '6a8616c08581605aa73497b4804d95dc33a07759', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'f37cd2edf0c9b4948386d02d99c15e947d262b2f', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
     }
     static get is() { return "tet-border-radius"; }
     static get encapsulation() { return "shadow"; }

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

@@ -590,15 +590,15 @@ export class TetColors {
         return (h("div", { class: `section section-${sectionKey}` }, h("div", { class: "section__title" }, section.title), section.colors.map((color) => this.renderColorItem(color))));
     };
     render() {
-        return (h(Host, { key: 'd539a0215ced319249b1a1cc388947f9f7fe51ef' }, h("div", { key: 'f80d11e8307e4d10b4c14d57fa12fd49d4c8e9a4', class: {
+        return (h(Host, { key: '56c505c269fbe738fd3f1a68d9839cc6e38bf46d' }, h("div", { key: 'dfdac8cf6ab5d4860c7c0bbeddde538b93709bc5', class: {
                 'dark': this.darkTheme
-            } }, !this.isTokensExample && (h("div", { key: 'f1ea8318f7158d3ef99ae5856c1abc506d283aeb', class: {
+            } }, !this.isTokensExample && (h("div", { key: '11df16bb05932b7ff7b860f0272030c912f4c0a6', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: 'bc9b04c7cd38ee8c94d4f55a3987041b56feb961', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '6010441161d151828798581401963eb888be814f', class: "container-section" }, h("div", { key: 'b2f3e3c4a7fb4247b879e6202305b63f12aef557', class: "variable-wrapper" }, h("span", { key: '3d0ef51c0703e059cc26cba947ff766b646ceeed', class: "variable-name" }, h("span", { key: '1f8c4bfc4f8a1b9ae894a6d2efd739e160c77e68', class: "variable-part" }, "tet"), h("span", { key: '14c6b9b61b1a3e07d1253df735278a96fcc4bb84', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'bfca14285663f716ec6b0264df306fcb5e7b4f59', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '412dd55936ed4e6b5c6c8d906b1acca69219c6c7', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '8455f98e02a5118529eb48d96363a8a9e001bbd0', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: 'b024b02bbb06fd5a74c9a7dc8d2299ec3412791e', class: "container" }, h("div", { key: 'f6e0832c0bf71e4a5bad8b38879596947f55a565', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '62af0ae3d8c47f57bce94b2f2458a0078f1c1e45', class: "container-section container-example" }, h("span", { key: '33c07a240272634c86852079f00d2c1fd320f8ea', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'b0252f9a064ee8d5a8ef6590e38f83982197d4f0', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '693c5e318c6ce11535ae3dc50e2165cee6a8699f' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'b62c420fdfd9f7fc06a8600263de3142c73c5138', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '78e240859edd731486c18b55f0ca32307c1aa186', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '55a5733aa4da6c69cdfdc60073dc4a6d3415be9e' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd75a191bf14805ddd4a54fec4975a8f4f3113d65', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '8cd739c11ab23ded9409948e79054b79852c3b4f', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '411cd59dcf50dee2f68ebaca193872b8d8585542' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'fe6b9b41f5557fed28efd61e78485a7611e6be9c', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'eaeb96efaad2c3690ae6fd6ce0775f075dbdbd64', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '35d28cfa6a1be73bb1413a7d78b1c8a61c14b47d', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'fee78d51e972dbfe7e8179b495114d0584bc2141' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '648b11351a204d4ee522a9b4816f14f8f9c578bb', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'bb72c4c2c1abb1e3055d9116fd45dc957c30c886', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '196377c4ad7f76da5af80a1eb3f974746e27b9e1' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'ac43461a9b05305f4d8ded446650690ddc97359a', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'e8bf930ea7e335ea82ebe2410633c98faf94818c', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '37efda044398e8f1b9538ec65c9ec1a73572bc5d' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'b884e73adc2377057d968a60b0bec0af116de4aa', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'f8e028684be9c400c3fc528b7872e3dd648325ff', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'c41cfdcc134913f38cda959b4a0ec371a11f85dc', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '00a0949525fdbba013fcfcfefd1a6c66828ff393' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '2c97afc63ed19da1d000e776e15763b10fa90074', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '2ad19aae252d045c416081764a1983da433f45d9', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '09db590357f26b7f08f2d1d52b88b3923714a328' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '1ad2fe41054d71bd3ed0470262d12516d7a6ce89', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '38391294631665d68b37a439e891a6a3073f1b0b', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '263cf9227264b53a3a44d4c5e2fd6336647f4231' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '3faee8ff2c60b1974142fb1944057076260b1267', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '859334866aed08e176d2289886d146bd32a9cf7b', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: 'fafacb713e2a73207f19372b0adba42b39d76b74', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '130e6e50de614bad85a99f7a39ec9694cc64762d' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '3862a84142894d8e5f31ac36437f51b0809748b0', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: '6b2564cd5042f8093d34f7cb9fff47cc6a678692', class: {
+            } }, h("div", { key: '01aa8690ea2556eae01bae4166a1d3501cc88d3b', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '976fc6199165a1de4a70942dbd93c1823343a676', class: "container-section" }, h("div", { key: 'cd552e353858ac86f9eca60b2c7c1c73a0fbc008', class: "variable-wrapper" }, h("span", { key: '8561944d730699dbf2438c290462632653917ed0', class: "variable-name" }, h("span", { key: '43d3dbd4491a8b8ed5628b3f04f359b30433e6a9', class: "variable-part" }, "tet"), h("span", { key: 'c5aa8666bbbd3f9bf08a0ae4d28d0b3e0bcb384a', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'f354b54802d9864ee6e0cc109d30ef03e9e71fff', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '13acc5ce903e8cad233f6b5c319a3fdcb6d84400', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '3be0c6b172a47fba762e0d8dc8da6c8dc001c323', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: 'f7dd84a672b8e57b3eef0aad2899aeaf23b413b6', class: "container" }, h("div", { key: 'a1cb90a447dc533b01496f829e35fa9b82f836f2', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'e445de07f1cc12ca8dd81dc270458542de24a475', class: "container-section container-example" }, h("span", { key: 'f3e798e7839f8186aea92a37c1a57520f64b2fd5', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'e2963a320c8e6f8fd14608a545dd336bf4606822', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '95d6fe74150ddf113a316f19966edb37e9313646' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '106809c4f951f4f0efc0fe33bfd0174bf4b04da2', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '14203c317cb5b6252ee90011a7dde9ec8e186439', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '38ac856aa6440be3d69e0d532d823e6e83ba590b' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'ad92c91c79a27739af1ef9596ea274fd02acc43e', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '30c02f24b48a53ace5261a8d00e36150ffaaf1ab', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'e4aa07b05090a916c9a1859eb615c563d45fa992' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'dcfbf9c6bf3aaf65f70f89ad97fd05d73f1e7137', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '5b8f65813c3521a85d0e9e1759a433c3dd76c29f', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'b081c747bd699d73176b6654aaf657207bdb51a2', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'b33e57ac7e64c9b0e2c9ab0c44a27a14d60a904a' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'c2553615c6a073aa7699c6a4949cb8196cdeac15', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '1ba22583f6756b838c8ee19cdec52a5ebcafb280', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '76440907b483787c5ca8fdb8c422dd8a6e424d85' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '8b46a4f8fd6329b8242490e904db16fb06b95543', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '8fd9fde04827bdd89d0bec5c59f212e3a11f89e4', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '633d070100b36132799737fcbabd9811e0c2ffb4' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '80e9287d5ee2a5efd5091f55177e701fc39aa6ea', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '96a00fddaf214e54e7b1832b297339f2562e9f51', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '33931967ce9545a4ed104ef4e27c2975117d4040', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'fa0e58c3714c31395444a8364367dfb8f491891b' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: 'cab22b01739905bc87959981b55f33ad9176bf37', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '9182c77198cfc3e54582c3e1228a118c671c18a2', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '71fcab8b904f0c080cdba9b0469f37c3806b2c70' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '6668e81c90e96733b3c47207035364e5cbb8d8e4', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'e2bd5a8b4eb799e76d4710c91307858097ee4dea', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '8791cf8e231392fc5759d5f9eef343db63e280cd' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'a9fb09a64bf2a5607d415c9da71c8f3bf03782f0', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '1f0988d8d7a9be34f18804d1c3626af021f2673b', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '34a053121ef72b402f2ae3b09d45b183103de6eb', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '87ea3bce1649a9959ef8db70fecd8a8f2974654a' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '6221f2f04a987972c1ee0807f79ac1af98568cf6', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: '2ba64ecb28f055b2d3ee7c41924ba5849f808da0', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: 'ccd69f6932bd1abecd0f2d00e3e4b75436a74615', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'b86fad52759a9e29f739500d50cd89052fd7554a', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: '75eed7726622872258499ed97a621541958de5db', class: "container" }, h("div", { key: 'fda6c745faf620e66e2710a5499655ebcf7bb957', class: "container-title main" }, "Tokens"), h("div", { key: '6c8ee0af99c279eb3c9c65562de0b7ec77e0f5c0', class: "container-section token-sections" }, this.tokenSections.length
+            } }, h("div", { key: 'de6983979028298f63ce49c221787a0620e895d6', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '094fe129ae63a363e571db3b938a2d1461ea3a85', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: 'd8b0eac2df09fb19d5d12fadd8bb213304709a8d', class: "container" }, h("div", { key: 'f0182641d22d807d04ece5b295db9880bae42d33', class: "container-title main" }, "Tokens"), h("div", { key: 'b639f837bfb5630dac0acdac2fc83769c233242a', class: "container-section token-sections" }, this.tokenSections.length
             ? this.tokenSections.map(section => this.renderTokenSection(section))
             : h("div", { class: "token-empty-state" }, "Tokens not found.")))))));
     }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetFontWeight {
     render() {
-        return (h(Host, { key: '1c310c736eea86e11a2da58a01c9f18f79a5cd34' }, h("div", { key: 'b3513d1e5b360d8a3c238c437201fa6e5382ba1f', class: "variable-container" }, h("div", { key: '5e7b01b9dbc0770ff6513f0b3f854e4af8e5ab73', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'b9aa40ee92014553bf164f8e0457d9e60177e983', class: "container-section" }, h("div", { key: '1fdb590b10aab974660211682905c646ba1f5687', class: "variable-name" }, h("div", { key: '5cb040c76ec3fd0504dacc100832ce1a0bd40fe0', class: "variable-part" }, "tet"), h("div", { key: '053241e06f441eb4b69b91a4400acc1aa72422f7', class: "variable-part" }, "-font"), h("div", { key: '80fab36ef59b891ee359cff3020f2a8af8b193bd', class: "variable-part" }, "-weight"), h("div", { key: 'e62fc913b329ab11d4ea97a758983e85a5ff7463', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '4fb7cc8c99932338ee4afd090c6d01e0282a91f8', class: "tet-fonts-container" }, h("div", { key: '39fc30a372f08861ed6b8ae56e2c48e4ad5790ce', class: "section" }, h("div", { key: '8449bf2cf8a3d5b9e90de0ab26c856d416e9af7c', class: "container-title" }, "Fontu biezumi"), h("div", { key: '4efb8f5c548368cd50033dd7e356ce6614bb331c', class: "section-font" }, h("div", { key: '21a05e83926e878e3f646d95e5f742e977b5aaed', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'fa9a7e1667b51ac9288b07b6e3432c19a2c5bc50', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '9f1ef7a6afca45e9456932a26f11d696be27f91e', class: "section-font-weight" })), h("div", { key: '1650383a81e7b52b7a4aef896084c7070fca2daf', class: "section-font" }, h("div", { key: '492d40c6db860fa57c7c8fa0149b7bd7c3c8ae31', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '77826ff6e12224af8619c78a82ee5e9a630bde30', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '65a5c0fb17c790e5cef4eadbf10c937e86577c29', class: "section-font-weight" })), h("div", { key: 'ad350e8d8460c7b9a8053d8519c4e3316be59fa4', class: "section-font" }, h("div", { key: '219bad2297dea51aa7831788a02d8f319e6956d4', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'd440dfc7d73c0d6c824fef44bc276407b2315913', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '5bd959a8edd6d58942b5d84d6b6dfbc9e6391310', class: "section-font-weight" }))))));
+        return (h(Host, { key: '83e0ca52dfa329f60d57e6f68ca02c5d1729bf55' }, h("div", { key: 'e8917fc5c326bde6ca057572143ff274ae215db9', class: "variable-container" }, h("div", { key: '9639737ddc460450243b7d1bc4263fdc2a357d4c', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'd7a5d463d117ed27c259fc74857049a53e2745e4', class: "container-section" }, h("div", { key: '16eb91e6d8baf592eba33cc35fac4ec83ea2b56a', class: "variable-name" }, h("div", { key: '13f5c727300c49ae5a502f6fceee8d551fc1b5de', class: "variable-part" }, "tet"), h("div", { key: '8bd0f0b3d31cc3d1e2ded68c3d27866f9b85aad1', class: "variable-part" }, "-font"), h("div", { key: 'c09a03d3048510793332fd75332577e0bd574c5d', class: "variable-part" }, "-weight"), h("div", { key: '9217a3de8ab85f50a9e22ae87130ff90e19e9d0f', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '7dbd59b31b573f788dc3e7dea781005c48e7fcf0', class: "tet-fonts-container" }, h("div", { key: '70b4f6b06c6146443d56f303779eca4b1c760f0c', class: "section" }, h("div", { key: 'd40de271d79b87c23689a994ca7ae3c34901971e', class: "container-title" }, "Fontu biezumi"), h("div", { key: '85ae109a48c7153723d0a5b2b23ea26d91239686', class: "section-font" }, h("div", { key: '67d66c1488e1d31a13544e064ef539ad85742ba4', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '21c7f914c6d64e6224a5ab5d56d55fa9d9989a0d', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'b29ddbc6736be88caba81fa4bf7fb5d435b188db', class: "section-font-weight" })), h("div", { key: '7185e54f26e55fd3a2849688b818ec67655fe675', class: "section-font" }, h("div", { key: '5348a685a12071fb86f02909656df44b7b1da401', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '7b1e0a6ba3946bf26d78b11297911120e103fcfd', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: 'dda3f77ad2019683bb33282560e9b7aa66232024', class: "section-font-weight" })), h("div", { key: '2fd7b51440907a7c3ea8af68a565457e159a8c6a', class: "section-font" }, h("div", { key: 'b631f0b900b4e80054373d10fdf684f5d6cbc130', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '3b4e5f2392d0c130ae1c6875c96b5de35fa0466e', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '9d0d244e284b859a1a8c7e6a51f6fa8aa0e60644', class: "section-font-weight" }))))));
     }
     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: '12655b41cc8fdaa6d648401fceb6d4e154343aa0' }, h("div", { key: 'f2a366ffd73c02776d18d028403371dddab4fe9b', class: "variable-container" }, h("div", { key: '2bcbc84818d7a4918891f44b3d4114185b374deb', class: "container-title main" }, "Fonta klase"), h("div", { key: '24e078db0d3ea12e0d66ff37e026152eff86616f', class: "container-section" }, h("div", { key: '5479a58197da56444e69b65bffeac1e31ecc91bf', class: "variable-name" }, h("div", { key: 'f6f2240701dcbcd185618fc58ae37eb1c5c19d86', class: "variable-part" }, "tet"), h("div", { key: '0fea3dbabc6451f7a4308c234bd71b0340a4ff02', class: "variable-part" }, "-font"), h("div", { key: 'd88c03e138361697d79fcc3b40f3131cb183c739', class: "variable-part variable variable-type" }, "__label"), h("div", { key: 'b1a7d77f554b2a6ecf5a838f3f375c4c55efa109', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '0cad7750e8b42e491060a709909f724c6eef9017', class: "tet-fonts-container" }, h("div", { key: 'f8ae47bc31953627c58a6e96c1730685acdda66f', class: "section" }, h("div", { key: '4aea51d740d503d48f0b350780754b103a2e00ab', class: "container-title" }, "Body - Inter"), h("div", { key: 'd77606ffc6085ff39e4786d58c005a0592822009', class: "section-font" }, h("div", { key: 'ee74595d977fb3ad933b6b32eb49aeaa070f7213', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2c8e95e282ead0bcfef56071e2f950af08072b92', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '2a6c07e5dd1ff374f2146ae0977f83e23ffc32aa', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'df4e18c472f1a36f6a4b2420c9fb8bb10abaca9c', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '27e8014276b0862e797c99e5c3b6dd6f6c53f91f', class: "section-font" }, h("div", { key: '85a07259e82d7516ec4a0639e168392772e842c7', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fbe8b52ffe2010a6cc1e24e820b04999221c8104', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: 'd6d9dc5dd7bd613e7d46ca54f88333b86866fe9b', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '57ff0e4fe526ccea19426d2fcd87cd91fc50eeab', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'a04b00de9ed31f3b636f152f9a3a2af4c250d621', class: "section-font" }, h("div", { key: 'ce8cd1c103b833a24cbe4ad95eca2c0519c75551', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6cbc2639c5cd4e1fd58db14b00f8749edf99a138', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'fbd907cb8b963e7f29cc2671f62e9fe85bf39c43', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '08c381ed86116dfd89bce6ac5be029c54b5adfe9', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '4801341f92986db3255e87ae5dbd6f84a63ae2e1', class: "section-font" }, h("div", { key: 'dad9c4726ab49a7095dc1a53b6fb59c7cb56799c', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '18f92ac69c3e59390f8fe18a52011c4b59e2cc69', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: 'b13b2f31cd4a005d9bbd02b647756d1de395a551', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'da356597265442f44699f930664fc6966526b0bf', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '97c3e8fe4765fc1341e86992c4f347c9eac18e76', class: "section" }, h("div", { key: '974053415672a4232cd7a330b682d09408e736d8', class: "container-title" }, "Label - Inter"), h("div", { key: 'abed6d7230897207ea7f9189611874acb4742978', class: "section-font" }, h("div", { key: '295b4c0e70013d75eb5a49cffb6ed5329bb83990', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '26232e4f883fc337060dfcc2fb45d850f369d89a', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: 'bf157e7727c1756251d4793807d24a0a96135613', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '0d8192a0ab19bad9c39716b33b0f79ac44fd4fc5', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'ad69689d797c62f1b3a1ed230d53448a6b11ec1d', class: "section-font" }, h("div", { key: '798384f416782e95b7cc7110bd4e1b47b805259b', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4ca09c88b0dd4421659852ac066c7c3a3f61a470', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '73ec433d60e846383b352332b6d5933ba97f62ea', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '869ba938e539acfd0712787d24973c22e79a4759', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '0617cd3036b95c4ca34a18140786e16feffdc497', class: "section-font" }, h("div", { key: '1227e4628d45718836b78c6a87534f8c6f20540e', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5c1177d53b797542886df40b5d67b4f134668d7d', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: '5df1d2c9b4adc28369f8ac310609797071752712', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '250f76b9e0b1549d9ce8e267686912c351b09f54', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '9ee898197f8a3c71d1641c22b373daaadc10a1f5', class: "section-font" }, h("div", { key: '3b50d17907a8e2f184f124bb1f415da6e913f4ce', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7e7759bb8f56f083690f1dcb6b4c22d9e0193a89', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: 'd40a7cad2ae118d0ed16f75cc38515d0ab6499d7', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'f5119ea505c848e1b9fc1f9f5aab2f8735f7dbb6', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'c31b16757351216b1152e322ac46f5d60c494aa9', class: "section" }, h("div", { key: '8974ecda3c9394ecc1e197cf2eb5e93a4b23a941', class: "container-title" }, "Title - Inter"), h("div", { key: '5a798080e85a001075425c6a95a5b56f0b037985', class: "section-font" }, h("div", { key: '3563a9783bf1ed2d57ac9f146bebbed26df2e17f', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '136d49f5eaed39b7927d96bd37e692563d9d3656', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: 'c0b992fafee8152aed14576ef26e87a9e198f12b', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '42324a93ef7901421b5bc9c2bba94b93de66f88c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a09abd65ee4382e4846c8de15bd9afe3a02479a0', class: "section-font" }, h("div", { key: 'b274f603de0855fd986dfc45bd91edc901965e87', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'bb3c1e1fc4759fe16afbc3b84b418375a5ec77f6', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: 'cffb991633dc294a4e90be1bacea85894248615d', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '758a4b728bd5e36d89de1561dac3726487d76f1f', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '8a494d18ab41793bfbe0911996f1bc8dade1a0b8', class: "section-font" }, h("div", { key: '9a2efa6ab5a0cb0a6c4bbfe2ceb0406aa7528b3d', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c0ae3095832dddce0b7ebdcbc457a5851540ba08', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '0145d429db1d140bf03674108807909c0f5c1419', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'b657efe06e95158f181f5faf5d1347d798b5b007', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '795d08953324005c2b88d17e98928376ece03608', class: "section-font" }, h("div", { key: 'e2c891749ec3ad1598df9ae93cd1454715ff4f05', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5ea6ee2c6d97ea46a8e643b6db12e24b6a97b1de', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '78f34dbe66e38036b0882f114f74511ce1fc3818', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '695ee39dbe5b0e442c1994f2fb25f7db99a70cd6', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '756da12ecf9d13b32ca7f46fff78a5bd284c0462', class: "section" }, h("div", { key: '7df9a90bfc2995a4cc9af5bc2a46990c15040fc7', class: "container-title" }, "Headline - Inter"), h("div", { key: '26bd36268d431e80ad5175beac361053532ff1da', class: "section-font" }, h("div", { key: '63e207c1d486ba09c1de118a6bfc0efcd1bdcc25', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3bb3d90e31d389e002bc2498c356d5b6567c8219', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: 'df2b40e48b50d8107e9035699b7863365cc8f6dc', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '35a43f0d6811ca0617ef36e29d446f0c702a97d8', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '677f67b4210376b92de3c1744817d96bbefacedd', class: "section-font" }, h("div", { key: 'a4e9292ca41afcbd3c0b0761a21e3d2d5348376c', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7b9bfed72bf0d8a903f3857f4c4253238d188fc9', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: 'e4f4af70865c18d79a98a9604fcfc65502c2ba8f', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '26680440c05effe5bbf4136c35db6cda9b59c4ff', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'a332b5bab0846fba8764ecf10c60f2820ebc03b6', class: "section-font" }, h("div", { key: 'f996886336e6a5505066698ec761a90329fee01d', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a7596a674ac7b797ad037d1dfd7e8afac63107ad', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: 'bbc4e6b876bf88dd7052232e9bba20f3e529ddb5', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '4612491db0fc8c0c9882d8cef4e85cc4738a21bc', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'e16a794e0ad09f63d26f22d4bd643922802a4092', class: "section-font" }, h("div", { key: 'c43bc82de32c178e61dccbfa03b3688b9de10688', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '49bc70a7e424a5f15102e14d6793596d2fe58fa5', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '5726b1d7fa63231eca4dcd11ed198e92584087eb', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '61086494242d2ee91c87f16cf35274b56aec4746', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'f160dbc120615580d2e6177c240429c1c6bd5333', class: "section" }, h("div", { key: 'b9459a1ae8a9b5bc32d90febde9a21445960753b', class: "container-title" }, "Headline - Gilroy"), h("div", { key: 'e30fa72e6f4e2cbf69eec86a80645df06dfa7270', class: "section-font" }, h("div", { key: '110af69f8ac6255a58b735b6eccda0aea635b04b', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6e75d2d00055851d71ccd566793f92b9e6ee59f9', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '6cde163d96d8d2b4e9a28752367e38047fbad7f9', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'aa819d1d4464bdb89c6c4c66de6fc5d298398652', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '7f6b63d8718ffa6459e60200ba971fd7a16589ac', class: "section-font" }, h("div", { key: '58c9f3673220ee038e25d3a5c10b9edd8d94a5dd', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e5addecba1592d4c74147e683affcd9eb4a6e431', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '43dfebf01412ec1c1284455fec52bd69a807277a', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'e356476ea92584ddaa7f663c0b44e22d3dfcd46e', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '9c07787969cc9ada1609ee6c59ea99b2977068b2', class: "section-font" }, h("div", { key: 'bdf254b7be8ac82ebc0e2b98d91660e6c5aef21b', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fa2d1f89f5af6b9a8576c2faf82be3c5b6fee60e', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '32f69b6f9df929b8a0db0904f9fd97db7eafbd6b', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '66b2b91ae46535ab71dc0538afd5ebc2075240be', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a9fcfa9daa0a7e6bf6e1a546bb6c4ea3015e9212', class: "section-font" }, h("div", { key: 'c9cdc36d742193712dba2edb867cc86f54165c1e', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5e6966800038eb3686a32c909f9963c93ec3bb0f', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: 'ccdd840c5ed052113399190441fc4bf305c0eb7f', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '4be5682ad1d5cce489ad6b7f5c5bc187e243a242', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '875984f8b1b16842be253b1cb9a5d23edadd9679', class: "section" }, h("div", { key: 'ab51fd6161dc80684c02f75e5a37f5637bbecdb1', class: "container-title" }, "Display - Gilroy"), h("div", { key: '89dc9e8552f8af85bf079932906c61265e09c9fa', class: "section-font" }, h("div", { key: '7e8e2cfa964e98c4d5761b2a346a6758fed845dc', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '72d3a62492b0105289c988435d836aacdc27d44d', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '609e46126af5d9f4465a940e0ac6bd841b53a0a3', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '5b848678da9e617901586bf57987596720aa1a5f', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '272f08fe43fa8b557daabd67b3c53a03c063ef2c', class: "section-font" }, h("div", { key: 'bcb627ee28994678591a746801baf4d245c53783', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '17b9fa3a098b5155417083359c113b80178dd3c5', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: 'a0fbeaa08d32fe24d8b40a29cf56aff42259623a', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '678b6fe186f32544fea03341964eed03ceea31cc', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'ab3ab55033737c8991852f50a58ea10cc7173887', class: "section-font" }, h("div", { key: 'd16e2fe9d692cfae7b52f6a5acc0ff82233c2ffe', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7a9c52d3431d2a654a197c422a0af7a19da0002f', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: 'e13a77269f4ed21f0df2bb7cd90980bf3fd60170', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '46f0a5455d8b1f31c71d11211e14866ad4e403e9', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '605a731d996556ecdd41b9b5e4b9b50fecae3f0f', class: "section" }, h("div", { key: '3cb2692d6b44a234bbfa7983479c858f3c1dec59', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '2f242a20cee46c7b13821fd67a57fe0d9eeb9168', class: "section-font" }, h("div", { key: 'ccff955e1a4fb35f72496857dc703a4f8c005a7f', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5b64cdc21625ffb5cdc2351d80cf87f86b2ccd50', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '2ca23cb821393459d62549dcf073ab28a36e7f3b', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: 'f09607db2a786cf20d4f67c86b9bed8b5015e358', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '2f162333bbec251804656d7126762cd7cee59677', class: "section-font" }, h("div", { key: '1daddd07b698c0688686c71bf7077b9e0162f404', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '72da48a920821372b25c6b8e68edd022bf4e5532', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '0ca10c5759a48c034815616b5be5acabbeae7e6e', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: 'b445732931fbf0a738b7ee97b88d038859d0137c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e2e78ba32d56c638f4839e04c899d70c7c55a6f9', class: "section-font" }, h("div", { key: '36307d83b8d7027aff4232adc856f6ac14c96dba', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f224cd6b5b71d789bb47e5c8aeb9278c5d57a59a', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '24b8f683b4c2d9d90394f961a80a578fdd4eeeaf', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: 'be08a17fb74c0650d86635bef49ec915393ccb64', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '9fbac56d665f925b1453bdc749331d9f5e811473', class: "section-font" }, h("div", { key: 'ebfd0ba44fa2b40b417563a4b2a1795273ffe802', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9e3d9c2eda4b5914aec575170cd07e69bcc1c78a', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'fb9c934d443f4fe585362dce06f60fce39dc0eb7', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: 'ec5f07a21c159ad2abe967d8ba5d34e1af5168a3', class: "section-font-attribute" }, "Font weight - 600"))))));
+        return (h(Host, { key: '7700f5702b3fb24730e4f3a02edaf3dd0c103948' }, h("div", { key: '402d1e77e92a313499316670fea7fdd6d2c38712', class: "variable-container" }, h("div", { key: '557abb56bd9a00ca8d0c13e9ada6997dc84acd49', class: "container-title main" }, "Fonta klase"), h("div", { key: '9fb509d7098aa55e020951782c2b923da77fea87', class: "container-section" }, h("div", { key: '4434ad62723fb9dcae543f752a4d1c38a60f8214', class: "variable-name" }, h("div", { key: 'dd7dc0e340e7a162e07f007e77ff3c25fda1b766', class: "variable-part" }, "tet"), h("div", { key: 'c791af343db7ff335af490184e4a2dcfe48363ab', class: "variable-part" }, "-font"), h("div", { key: '8f090da88943a33a182021f28e0d4d65be703edb', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '49e3c968f63d17caa6a347f96671ad6d70243182', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '0f9bcbf58701e84577934b33afdb8e792352f5d8', class: "tet-fonts-container" }, h("div", { key: 'c188979684f5ee67709f704f52fed137e8adcaaa', class: "section" }, h("div", { key: '2b600cd0f70ac454947dce493b376aa74f033dac', class: "container-title" }, "Body - Inter"), h("div", { key: '96d67a9f0d76597af7ce34b56037e84ff5445679', class: "section-font" }, h("div", { key: '2dcc253e2c807cc3bb6aac74101ef0a188b67600', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c4a6c99b34b79de77b7ada5ef5def8afc373da73', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '56509f6e42c5c7687e06d82c48f35e1918998f4c', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '1a27c200719186b5146f86475321283d8d0f53b6', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '58c90045e6ec577f297c4e17aa7fed34df11a833', class: "section-font" }, h("div", { key: 'c9ed591d765c6fbc75e611d6fd2eff63b82ffd46', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ae7c61758803488424fa8e793897b107ac3a1739', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '3aeb67c310372b43bb549f2a7f444634d5c10299', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'ce7ce46f21a89e80f02e7da1f25110e3002e63c0', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'c87294264c9bc1e86cc4b7f05bc3388557b9a3b1', class: "section-font" }, h("div", { key: 'e7edb141647041ee5a368bbd558449a5876c86a2', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8fa03f51bdd84eade2aef93cca4877db5119a25e', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: '2e2fc33bc9b16ed788cbd3b223e5e6e64b518f46', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'b6ac3351a188c46e8cbf0a7d6dc9cac0390564bb', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '43dda3c3c2197d728a05b011a0acce4ccbe46522', class: "section-font" }, h("div", { key: 'af12bcf334baeee81291d40b33603f2331dd523a', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '789de0533117798714a4681bcd723df8a4b2813f', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: 'e8b7aa0194d077d1cf180bfd368e626c34108d74', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '595dac5e3d9ec846cfd573aa28718ebb09f72d32', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '5fb7afc7aa27b72a1633c577d9ae43fc1498ecce', class: "section" }, h("div", { key: '662d506992c1c7a8fdbed1795c4229ba9b324db2', class: "container-title" }, "Label - Inter"), h("div", { key: '964131e5f7c94c254bf705e43e6e31be081f4204', class: "section-font" }, h("div", { key: '2573b949056d0ac7aa97152f4bb89c0a59d1deea', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e3c50e2c60327b15b6c18592593422e42b361d76', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '478e76154a7621d98fc49ec3f1640c4e22bb08bb', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '554b74a67f280342d83acbe1099bfa1e44524675', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '9f7ff941925f89dfe2e5d849c1ea9e38bf37342d', class: "section-font" }, h("div", { key: '3cb964ca13c76a0c68dbfbc9d873882f23a94553', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3f71fa4ab077a596f7eda9b99302c474b6e3c171', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: 'c787ce3ad402d349558421d9c370f7c0035fa42c', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'dfc059c403f56e21116ad1ad1cdee6075f368fde', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '48e3101d3474acac06e396acf3a635082ebc9100', class: "section-font" }, h("div", { key: '51ff6c4067547fd43b5e8ff8e83578764686bdad', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '70fb62303e487c1f8d219c0b5ee80f471ee4012c', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'dd27204ad690c2986147c7b67eaf4ec83f928ba0', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '92f232ba1922ad1ddc8b4a426942e271dfa9bece', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '9b028c4a437c22fcd538054ef8d348feff55d1dd', class: "section-font" }, h("div", { key: 'c4ee8a1badf6328e055aeb7855cea38b1465c507', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd08ba2fa86ec52e4e5b529046300707ea6fcefeb', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: 'cdfaceda2f61914d93e6358accf87daeb13c5a1e', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'efe52ec2200d46ebb9972e2ac20e7e268cad940f', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'b83562a7b0ba3f56dd901dbfb35d4cd6f06ca307', class: "section" }, h("div", { key: '63881860c7523074a34d7304af769642291080b8', class: "container-title" }, "Title - Inter"), h("div", { key: 'c2cd063fcbc4e102dcd51ac715dd45a4621808ab', class: "section-font" }, h("div", { key: '9c7ff240bace33b568e2a90df616eb69ac7a264e', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '32be2be64fa3e404d0aa936926580a30e6cc0725', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: '93a8a6baa64634623e7efde545dca1e4b41a6429', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '08787b2420f3c01b5642fd43af7540c52f05a919', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'cb733586928b15a40f561833eecf35385830dc0d', class: "section-font" }, h("div", { key: '70e7d1396d49f1b2c8a45e8394ad2dd36fd84e1b', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0ef52f12175350b7a54d673b3bece1e455709e1b', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '3941042b6c1fae637e8c6bb656611c229fb04723', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'e8b162b8e53fbe58ff8da36ff264eff434676bc3', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '8692493e1fab6a3f9a0ae29eeef8fc32ebc840bb', class: "section-font" }, h("div", { key: 'ae00f01cc1ddebea0ba82b565bd74cc348c154ce', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '729b0c25804a28daceff47a302c526a6e26e4dff', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '2b9721cdaee073121985089bc0410d9339a071e1', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '3a84eaba7d04a9cc8c91f44db81e173f5239b536', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '442902d482c3848c681340ff40222f8d7f40b9e3', class: "section-font" }, h("div", { key: '8245bdfbc2405f6afcac96da0ae252a9215e9d6e', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4a57b0d857936dd12c50826ac773bfa100680004', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '201318a68d71417155709266da610015606f631a', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'c728dacb120c87d3cc5fa4d1f8d535edfe8969f9', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '4646491d6cbf54d8c1de72acd824c55b19b9cf5a', class: "section" }, h("div", { key: '8b5146112e482bb83108ee4a50853859f8bff4ce', class: "container-title" }, "Headline - Inter"), h("div", { key: 'a4da414aeb1cd8063b468e565000dca55a465c1b', class: "section-font" }, h("div", { key: '039d46adceec2892da5ea79f443e85b6ea4f4204', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6a17d8f4b160e22411e6797f21f48bec3a45d7f0', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: 'c2db704253e0083ea52a344d098503e3d1a2538b', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'e22afda8f7d4f51427c13684ac5a7aacf626858e', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'd094c52f0c71e25f7ec7806be6c072f4b1e9662a', class: "section-font" }, h("div", { key: 'a7f172b847a4bee58b58c6bb0f7af4f55dc103be', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4fc08d47a3f2dd1ecf22b17da861e90557524601', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: 'fc90d31d2550259c99de87bad7a6aadc9f51b252', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '65b4f64732a299dd1306b794435ca10ffae221cd', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '8ba4773086a3fba90785b6faabd1c88103cfd653', class: "section-font" }, h("div", { key: 'b216b25614a2f328710168c776eb404d3dba199c', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7eb16d629acf756b344da27ad0a15e38d74639ef', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: 'cecfd22fbd39a98f128a2866ece174240978d8de', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '7b895b5eb394bf7055cdf7696026eac9c739244c', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '30980b4a2cd93154c3734a17e26189243816f567', class: "section-font" }, h("div", { key: '3de0ec656e1374b1a0c261a56ae83df80cc539bc', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c25bdf24c2d353e87eca383cebfd2088d1b5bc09', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: 'c55d1968a15fa57256475a0cfa5da004c8674a1e', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'c583b2b67280022deb51b519597f9716546b8b7a', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '517e4f7ea3fd1d771259cde295d402e5f16a692d', class: "section" }, h("div", { key: '1afeee91e8d265e4b83ac252f90ab708560f568a', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '25ab68761aa8a1c5de19aed3462e5b19231932cb', class: "section-font" }, h("div", { key: 'b8bfb00bef71e58ea150ee5557cc59caf36ca2d2', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6aa3abd2045a3c6c33a4b28a894157a173a4a561', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: 'c530c980139db689e0de4e4e9256cfde94a17948', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '54c502de69eb1bc1a47e3250b3883e92e9bb3c2f', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '2eb35d7e511620e45eb6b38b31bc6d5d12fc01c0', class: "section-font" }, h("div", { key: '7b6fe9a0f04c3e91b8b9e930db9484f1a2ea9b97', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '78fbc6983cbabbb28a05d2f606d84613c5982700', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: 'aab4aa318d9442374d1a57e09aabb493946ae657', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '73b0eb299ce7df3ee19695be63f2ed0b87afdb9c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '30522fa311633cbdb7d0b2eb71f5d171c2deacc2', class: "section-font" }, h("div", { key: '871bfdc6d2d6b6eb8d11f0f09956b3575ebb5b66', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4d7bc199017803994c4d70b6d05b8cb167a11fc6', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '2e72aae3e3bf52289efd440c7fe1171903261ec0', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '8b23a146d6304e52a317df20705375d7b22b294c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '4f354e99db07271a7e609f581852528be0457f20', class: "section-font" }, h("div", { key: '0427216a43b4f2054d7510281cd4bfb3b02e4469', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '36560253b923de5d71744e09ed4e5fe89ca911ab', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '32944b28b422a5d9c493745187b86ebdab630020', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '5ac7f28dca197fb058c4e2e8e8c9215d2f574399', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '7d41324c2881a064377f8103c1f0fcf351b0ce9c', class: "section" }, h("div", { key: '66f24f92539d2f634e898b3e6a19b987031ffece', class: "container-title" }, "Display - Gilroy"), h("div", { key: '0706433ac1bdfc3ce7b366d1d98f87c77da922b6', class: "section-font" }, h("div", { key: '59c4ba04ea899c5cec0e5688587900a5c25c6842', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3653b53d0df2c03dc0cbe2dc93902724bf92cf28', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: 'e70fdb974c059d33e44bc2c24cc83df447e32e38', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '706aa89e6daf0441bc956cf6aa68f77b9074e32e', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'ee8bad1839a86bbb3f37a5c29b5e40709e33201c', class: "section-font" }, h("div", { key: '7c5882de83abd6aa8f703f349f60ff1fef48db34', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'dba15cd4b6a247c0a417be48d62975ec9066981c', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: 'bd70cd1375f47a5716cb71954a8bc1734854740c', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '5325342456a0bea2a380611cbcf4bfdfa4842f0b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '91730280bf3ffe4756d482b6df060acf8de73e78', class: "section-font" }, h("div", { key: '8acc22002fee05033476d758a3b7961c4a1a931c', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'be8044485f5a09de359bd55fda88ad8ee898d0af', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '923ea746755b543463b34ebc83432c27f101b56f', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '2ba33b561d8778b7ff725f9e150ed3c82b28b02e', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'c87e4f01fd141380102dd5998899251ae2aa7417', class: "section" }, h("div", { key: '076dbf3f755f31515acdeca71bf7126994a19654', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '004f1f268abcf57d7f8213215db836a72d32ec87', class: "section-font" }, h("div", { key: '1b3b79acd969d9b6ffa9a5299b2f1ac8be316d86', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5714046b16a59714e8a44717bae067dfb0e05abd', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '2cd3ecd31832908467b26ba0709e009379080a3a', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '76cfb9e1d3724765470e6d83abe5f2a7bf319163', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'd2ee0789ba3d2b444ec4d58c0f060ca9fe127be8', class: "section-font" }, h("div", { key: '500aabbccb9ae7fd6109cd44059e0ec344daeca1', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b50e1d73fbbf6609dd5ba2960bcce7305c87a9a6', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: 'ffa26583dca4bbea979d6c3d20c1a38618661323', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '7bc5e52b7800a0f796bc44edeb3c1f3f04d843a9', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'c5da3f00bb13436258875b9a5d5c0093c34ceb25', class: "section-font" }, h("div", { key: 'bde02b495b4c665c28a0ee1c834c11d91482cfe8', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '01d06127432681a28f6f9a859396ac67144043a3', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: 'dbbe0a5d51e8bd85f438bc06cc488349749ad154', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '14752a8294d0d497221501a59c4e7390f3e05b5b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a162e4dbc882001a3dc452522ad6e2af15e7160c', class: "section-font" }, h("div", { key: '11578189d410fd4ea66a9b505fa704271eeb157f', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1d2ab747cc5a1bc1fc1ad9edb53dbf87d62165e1', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: '93cb0ee4dac04aa480363ecd49f7dff074a62caa', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: 'b66bb4ff69de0324bf4dc13aaa5007df734f7683', class: "section-font-attribute" }, "Font weight - 600"))))));
     }
     static get is() { return "tet-fonts"; }
     static get encapsulation() { return "shadow"; }