@tet/tet-components 1.4.40-testing → 1.4.41-production

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: '17f1fdd65f0590f7fa284b89dbf283e5fe4b5f4e' }, h("div", { key: '13599ebf72c47c06dbe1141711d878689728bfab', class: {
+        return (h(Host, { key: '939f85bac6f50fb10f97e84dc60ece13321a8d94' }, h("div", { key: '493d560e4a1197c372cc10c45fcc940855f9f59c', 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: '10e376e9e51302a43903603d9f41ed40749c076f', class: {
+            } }, h("div", { key: '1ee974428368b909943ef861abcae3915d513ba2', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", { key: 'b6ae5512c0257cdabf43d6e85dd036bdd5ab5343', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel, ...(this.containerSize !== 'large' ? { inputTabindex: 3 } : {}) })), h("div", { key: '7abeeb9f0d25b582ba960d73bb11dbc788a8508d', class: "range-slider__container" }, h("tet-button", { key: 'f941d8d42371ee59dfe4583c0a748b5869c0fcc4', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", { key: '9b4457bdf62746448f096ab760cacd90a8fc7020', "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: 'f75f88e5b1dbd0b898bb4ce44335d46b7244a8be', class: "range-slider__container" }, h("tet-button", { key: '067924f616adabd7ffedf46bfdae56efb878c443', 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: '733c45d6b580ddce30c3f9757c253e4253b784ef', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'e986bcf91095bf981fde9166380329167d91270e', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: 'b66bd44151f0b3c1352f3049c2ab1f10c6786065', class: "range-slider__slider-wrapper" }, h("input", { key: '98a4e48d58fd2481c6f448347a9d29d53333cf46', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider", ...(this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 1 } : {}) })), h("div", { key: '9b9cbf37f2fee3da92f03dc2ab028c0b77ef4934', class: "range-slider__track range-slider__track--background" }), h("div", { key: '92d2a38e109371efd7210804c688ca692eb3cf19', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'dc72e3542520b18cfd81e243c431f42b9fec4bfe', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '25a59f356d1fe92ba9da4108eb6b98c7d6eee342', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: '659a69e0fdfedd4d758da6597f4b6fe65cd7c7fe', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'e4168b29b60622b6665c9b9d8e4f5313e26a166c', 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: 'de25cd11d5d30d6adf7368f175331cd3c0d84608', class: "range-slider__slider-wrapper" }, h("input", { key: '1af13b2067b115e1df4e18969aa39047d86817bd', 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: '1ed4a527cce37a1b74932a3a82d615d1737fcdba', class: "range-slider__track range-slider__track--background" }), h("div", { key: '53dc27281878969cbc036a0fa88925471254d4c3', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '9c2474104b422c4436b221950aae95a07925b010', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '1b95c20a00343e5d6516719a01107eb3f35f1ac1', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '0b45065b0f1241c22928e775dc7456bd24130eb0', class: {
+            } })), h("div", { key: '4d62fc653e18030c8a10efe3e80d64b5b15392a6', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: '8bfbb56bd0b592712980deec084214b1bd8f1bc1', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'f09f08dbf1b8b7fb8d874fb15224b9388e56d7df', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '1af63f99aab2b46db1fe789b3aec2a48dc69c37c', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: 'cccd6b7b51ba1b14dbfe310b27125dedd9fc3215', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: 'ba99bbf21ab5d33d09034d28906360972e3628eb', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '24c82d161b151964ba213801c010ae32c39639e9', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '803a660c5f53ead4131afebe9b303aebbfada764', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: '58ed26947569cf1d44bc4a85aea850eb0c3e1668', 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: '32df65bfe808953e7f51402c3fd888b236f8c5bd', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: 'a03b4c8bd7383ad22f49237cfb037baa5fce03d7', 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: 'dff2884dfa036e7e38ce2869044d834fb7f8efaf', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: 'e9debec70f7d0fa115c3a8fc498e6b0e749513ec', class: "stepper-input__inner-wrapper" }, this.renderButton('decrement'), this.renderValueDisplay(), this.renderButton('increment'))));
+        return (h("div", { key: '246fee4898e7e2b25b0bfde2eae5af500243b0c3', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: '988425d54ff429d3a1b5e6ad2288f16af7ec0755', 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: '11b6b5bd917c21488b748614de9fb4b3387eb5f6' }, h("label", { key: '2a9bee19c09b0f56de78f21e49e415eaeda1b09a', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: '410598a7d4dbc7787a665f94c4cd89405d24b314', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '3b733392c003740dc72198577ac39ae3edaebf3a', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '2a2987c14be12f3f54582c12bae5b74dc33d0e21', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
+        return (h(Host, { key: '57f21e214f2ef0d9711afa41defc88076792a8dc' }, h("label", { key: '06196ba37e3359af9d2c20801a8b5991795a2fca', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '1b51a2b8a3ee16d8fff263bdb1d99fd27389091c', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'aa65a761303c9acc242afab2085eb5abcf2bcbf2', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '355dae77f827c819533bf6a798492bb7c9cc5d28', 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: 'ffdc8b4bd9e754a8fb251a2ad1503f0b2e38e87c' }, h("tet-card-list", { key: 'ba1f0bea1bd32afd27e1b10d523f0bfa8746fb0b', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true, ...props }, this.items.map((item, index) => this.renderListCard(item, index)))));
+        return (h(Host, { key: '3907096677590e1d40eb419171bfc982073df711' }, h("tet-card-list", { key: 'b02a563d1a82c63051cf7bc0ef4733bd1c564216', 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: '09b0a50be196f42af4223a42c093c79ea5c4d281' }, h("navigation", { key: 'ce22b49eae41a3447d5e1e01aba3e018cd9e0d07', class: {
+        return (h(Host, { key: '638e74dc5657094cec2e32a292ceeafa171b4455' }, h("navigation", { key: '89638be40a6366961492405301806f3426cad24b', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'c984feaf80315d74dd8722bf3291a98ab2fbdb7d', class: "navigation__nav-bar" }, h("slot", { key: 'e69eb4fc9bd74df245d7e9e78ec74a63aa1011cc' })), this.isTogglerVisible && (h("span", { key: '761b455227bd4df243608ca260a2fbaa52ce3af4', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'ff125ba05faa982fd49009ace859aa4038004ed0', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: 'e41f6b286c1028e0bab714cb9da041c8a93de175', class: {
+            } }, h("div", { key: '7a1c14e1c0950f47dcc96d3438f054ac9ed85370', class: "navigation__nav-bar" }, h("slot", { key: '4f470f9eff55f9bf6b30ac1a743a7d048c8af545' })), this.isTogglerVisible && (h("span", { key: 'b1b272756a2f5a73fc3a6b6762e5324215dc4278', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '1ee9326c3512304d5e8dfa23817ee5ec79c88f5f', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '10972d8494763031796f4331c1862037e7800151', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '87150189321b296db40e038407421830f4ae08ca', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '184c770cbad2907f31f4e43183b89d2f2d8758e3', 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: 'dccb0b6efcc218ccffe83669a5fe8515f3cc996d' }, h("div", { key: 'b71812b04f88754319270bfaaaa7fed2b21caec0', class: {
+        return (h(Host, { key: 'fc98aa1ef334cafde50c323197f94dcf91700f1a' }, h("div", { key: 'bca42da60b79217202c87916424dda7ee5e4127b', 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: 'd010d0bcc6cb676fbfe43659b820d738c73064f5', class: {
+            } }, h("div", { key: '2d56be973d97cf694512166839a300a12a48b9c7', 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: 'de8eafe9e2e4379e195e566e7a0915c93fa7ead5', name: "header" }, this.headerIconName && (h("tet-icon", { key: '96adfa088560f098550fe29bf2c154754742df3e', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'fd9dd57372d8da3be6800dc5240c8ec4429ef1ec', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: '7dd4ee01eab387a269096579ae3349045e7d273d', name: `chevron-${this.indicatorDirection}`, class: {
+            } : {}) }, h("slot", { key: '68ed84461bea4f72ae2f5570664690f2a6be2214', name: "header" }, this.headerIconName && (h("tet-icon", { key: 'ed9585680a762a8ec14477b9525e4fe7247d3109', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '1320d9f5ecf569f0cba8adb106b7a4fcf1e42085', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: 'f1cdf3d88b0ec45049a70b7aa22eb45e2e235a4c', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })))), h("div", { key: '81c056607875e427b881bc64ecd9aa73245b647b', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })))), h("div", { key: 'd2391b902a7c3100dd700dab0f19e2c3673f99d9', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: 'c09e41d63b8a9d75c378b07bfabb6489212f18e9', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: 'b09d27bf6d5a007526c8530fd97638bc0e478136', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '97c7fe27a8790a4d217a61d72fb9bc6be05e49ae' }))))));
+            } }, h("slot", { key: 'bf254636760c07f7ed152685b2ff331f154da02a' }))))));
     }
     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: 'b7952f6b2c74ca33eadec66b59a80613dbea62c8', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'f0ed18892432f84a2c9920631a3f809e67d85863', class: "tet-expansion-panel-content" }, h("slot", { key: '9e57f3f12f7dc7fd9db0aa8592cda116d50fc5f1' }))));
+        return (h("div", { key: '400bf837265546c6b3b152b229dfaa4c17de6644', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '6eb3e83415c41af886cfe355343326686e6c6a5c', class: "tet-expansion-panel-content" }, h("slot", { key: '5e0f968986b691feb09b71259bdb470bdb940dc6' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }

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: 'cde46478023f1ff23e825e5c14a147fc81148ee9' }, h("div", { key: '58692303f88b6c2e3843a90c91c754f7565f915e', class: { notification: true, [this.theme]: true } }, h("div", { key: '3b4014424cbeac9ada81aa48886090268d3a27f5', class: { item: true, [this.type]: true } }, h("div", { key: 'b141ba22c255e522e2cacd4c82c5a47eedfff0a2', class: "header" }, this.renderTypeIcon(), h("div", { key: '3af5e2c04086074d28596b899206607bf48a25c3', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '1998432280049bdb6cb77d69e1920787c928066a', class: "content" }, h("span", { key: '7681d326f0693489db13f8ee7413a5aafc1490e7', innerHTML: content }), h("div", { key: 'd9b4f59f8b8e5fa130fabcb6a558b9689f873419' }, h("slot", { key: '0d78808fe943d0b14bce64c351bdca36ff006c39', name: "button" })))))));
+        return (h(Host, { key: 'e7cc8a545d39f6720d1f7a48bd15ca82a2d2345f' }, h("div", { key: '3fe009df8cb69c41e940a3aa48dee0874c24db24', class: { notification: true, [this.theme]: true } }, h("div", { key: 'e68bd9c28f91addfe2a069241bced794d4785df8', class: { item: true, [this.type]: true } }, h("div", { key: '6b5cc4fca1e05f5f65fb7fd59529528937392513', class: "header" }, this.renderTypeIcon(), h("div", { key: 'f0e7fe40616ff08c52c232f94808dfdad79d6b12', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '1a76693751511b6a444bb54ce1597e0934628c9c', class: "content" }, h("span", { key: 'dd1ba2d2744a54ee93e8f71983997f572bf47991', innerHTML: content }), h("div", { key: '8e3dd703404e83005f39cb3253b1e866260a6511' }, h("slot", { key: '3ebc67a5b48217952986944dc9eb25230dd34a42', 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: '536a318d9a429d42e520ada35b4b0fb55fe42fd0', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: 'c870b82709523a8112a85c7daa2ee20c65f52b87', 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: 'f2ecc4fc6b8a72a9f028aa9bfe37fa0d3ead91bf' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '86d324859be854a12c558610979bcb71b3e5e253' }, 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: '7763154e56285a7f460cb77853c163c4292c7cd0', class: "container" }, h("div", { key: 'd34c6942ae918f579d9d9f4d31728f2ba8510c93', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '68f64c3f15cf41c58dfed7fc023e311bde1607d8', class: "calculator-block" }, h("p", { key: '73c78f862c3f72e25969b329a357b6b071bc69b3', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '33cdb35c8cb35d7603d2fe86629e469a735710b4', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), h("div", { key: 'dfe5a0cdee5549fd614533374a33d75fd09251ce', class: "control-container" }, h("div", { key: '870d9dcb4ea7c90dab110a98e90fb3540aafe495', class: "control" }, h("tet-checkbox", { key: '0b8c017ebaf3f0877d203bfad9bf69a357c1e584', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '257ee440448d5cea8783e7caa3d2848a593b49e4', class: "control" }, h("tet-switch", { key: '126eced325badd963ac5393e4709a264f1502cc3', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '932ac8e251cdc0012d176e0318b1fe73016a4b77', class: "monthly-payment-block" }, h("p", { key: '8b37029aaad93c9525a8599adb892c922c548dc6', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '0ecff0e59ce95d70c2c46c51c473abc59eea7deb' }, h("span", { key: 'a161032a77f5d3014b9af708e3fa5a4d04e67859', class: "price" }, this.totalPrice), h("span", { key: '5b5a38ed70a814816f67c402e57adbbfd5cc44ab', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: '2c43cbd50b726c513b951a54883f81b993886801', class: "container" }, h("div", { key: '2e06d8d1ddaf5f29e61a519bfcaef2cdeb7e4e72', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '1b54f9c4962091c8e4afc660596e50798d18cc4a', class: "calculator-block" }, h("p", { key: 'b0c091aef283ecac42eff9a75022730c6737e890', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '37cdf7ebe439a8c72926b7dfb32bb62c36b06ee4', 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: '9f4e4212cdc56ad5e5366eaea72160a8609af0c8', class: "control-container" }, h("div", { key: 'd0e21e42683f6ee8a0a1db9738b9f28aa4665f74', class: "control" }, h("tet-checkbox", { key: '83f970e4862df7327e222767942e2556e2911d3d', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '8be8580ea51c4a16ed36f8390786968d47a1606c', class: "control" }, h("tet-switch", { key: '06163ea024937d5dacbdb368c6e6477818324ef9', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'a7cead7aee5eda0ea058f785839eda8e034f3bae', class: "monthly-payment-block" }, h("p", { key: '80fb6d8919c3144b5ad70b5d1fab4a981f359d68', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '4ac86bfbc2c1fc32f9e9f237ff061eda96c5bd57' }, h("span", { key: '050b7772ca1cdccf31db3a5011323c1e51668a0d', class: "price" }, this.totalPrice), h("span", { key: 'c2ea7ae69acd40edb9bfbe739e5e2a90ef28dea7', 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: '9e0555c17a0b199acd2adf38744e24b1470aeac8', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '076570023314cd87f4dcaabb7eb3c5a3b078813b', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '5fb1318fc31567b3abf6a1fde304ecd9f5130fed', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'e16ea53baeb8028b47d0f93fa33f2f9126a5bcb7', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
     }
     static get is() { return "tet-business-lines"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetBorderRadius {
     render() {
-        return (h(Host, { key: '26a073b9ab79460a12a39f9f625d38eed70bcb09' }, h("div", { key: 'b8b6e7aa61a1bbb5397e1eedbc7d73ccfbe7a7ce', class: "variable-container" }, h("div", { key: '526b89b5ce7b261d6daea92d200acbfc462099f3', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '8fe2cc89138e6a580713d71f1ec7fd7ef339c7b0', class: "container-section" }, h("div", { key: 'b661b0868a5c657c845eb0fe8030abd497c658eb', class: "variable-name" }, h("div", { key: '78736cf79f1fe64ae54c4f6ee2ed18b3bf39e713', class: "variable-part" }, "tet"), h("div", { key: '23789737fd4bc54352c8f4fc93c1d8bfb0edc408', class: "variable-part" }, "-border"), h("div", { key: '758445c74ce76b6e4e72cfbfb63228c41c65358a', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '92b0c526fd8c5ee82f0280ca1b3b52c8bf6cc8a8', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'ba46a8a9770f5c776e04711651fe33ac1458cbd1', class: "tet-fonts-container" }, h("div", { key: '77e08b10d114f63241e08ea31a414ec633822857', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '89465349a131ebcfc337005568d2de5053d5a16b', class: "section" }, h("div", { key: 'ec2ce3702e9289ac839218d30c5269aff53d9703', class: "section-variable" }, h("div", { key: '9d11742fcfc224167eedba2deb1ec537f8bce782', class: "border tet-border-radius--xs" }), h("div", { key: '66efc3ef576d81cfec08eb6fd46b095dc0c80648', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'f38e97b41514a5268e6d53267d2fcd27dc64b9ac', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '94a5789019f9e35c321aa628a4b0191dc51aa62e', class: "section-variable" }, h("div", { key: 'ef8643232a52b5e187208222864e67eb02a9c60c', class: "border tet-border-radius--sm" }), h("div", { key: '6b379582a2f066bf78ba4b6bbd43e232ee10dcd4', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'd341d83e123ab98b2f4082b4341c25f677be3699', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: 'c2a514fb1a510bc50fd03f58eebc7032ebc2d635', class: "section-variable" }, h("div", { key: 'a22a1e9a44e1d827f5d1b19f3cb27e8419db7985', class: "border tet-border-radius--md" }), h("div", { key: '2c7cf76b79cb4b155a72dc51b1a234bf86971dba', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '793d5e75d729c1e97fef4590f618723ef302484a', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '419fafd711be66dc7a371ab730409ea243e0ce74', class: "section-variable" }, h("div", { key: 'f4e0b6a020e53843776fe1c3f0192f25c20b924c', class: "border tet-border-radius--lg" }), h("div", { key: 'ac84628dec13c5e316ebc9640e5b3ab50a2bfbaf', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'b44c4add42a1899729fbc93ea21a34139d40ebac', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'c7000f70dcac8902a937add8b549e206c8085034', class: "section-font-size" })), h("div", { key: '8f3fb974ba0fe08b5c6f6d7abba503606fc8b9ed', class: "section-variable" }, h("div", { key: '70e85cae43a33bcccec92b2217703834c2cc6394', class: "border tet-border-radius--xl" }), h("div", { key: '49b09ea5d3286ee17c9dc150447c215de8331c3c', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '44632a2c5490f9515991a355cd8b6ebb7413b96b', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: 'e9c60d42484de6850a6491baaa6988f979a54685' }, h("div", { key: '71d2f6903d8d423d803969950c7f52a8c259e5ef', class: "variable-container" }, h("div", { key: 'ecf693093c79d1529e9d04cb0126b3fc0f00063a', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '9ccb6484089d5f9f415af04df607b2a0d43bf60f', class: "container-section" }, h("div", { key: 'e1e6a6c66fde6d88cdcf218a9d7dad5cdc35b0c9', class: "variable-name" }, h("div", { key: '9798efac9ad2085a65fa991db048920d2cfa1953', class: "variable-part" }, "tet"), h("div", { key: 'c034610107c9517ffcb17680adfba046d7e8013c', class: "variable-part" }, "-border"), h("div", { key: 'a562b640682ba724963fde1db1f2f9e8a1892a32', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'b1e5a88e3c8149e0b9e3e850e4359caa10b976d9', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '77099ca534d30130ce80e8b20e5ab475e48d67ce', class: "tet-fonts-container" }, h("div", { key: '1ed2e371c77220757ae73f980722b8c81b038b78', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '100e942439fb4933239fd97fe499127f68ad25ee', class: "section" }, h("div", { key: 'e6f1aeaa33984a8af6c2b6eb5fe7b4f8b63e6a0c', class: "section-variable" }, h("div", { key: '4e15892f8c4287d4c278127d0830166241c6a17b', class: "border tet-border-radius--xs" }), h("div", { key: '6bcc5f49f98f84c6f9bae12e5fdce6b10a3f0d2f', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '9f6f7a2a059a1cfe4b41ca9f4934b1bb2e430ee8', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'a9ff0675df1650cd08d52a47d1af13603d9f35ad', class: "section-variable" }, h("div", { key: 'e06b1afb5ab66eb0c1fbc3a143aa70ac86ceb298', class: "border tet-border-radius--sm" }), h("div", { key: '543f67a222425e39d42940963af68b5cfe22c2f3', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'b793c65f01b3c383f49bfadb0d7a7647fec5c6b7', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: 'f980f6f13ab1b28d997dd439c6e7a0d55010a528', class: "section-variable" }, h("div", { key: '0847fee266832046707500daf5b5fcdf3364b229', class: "border tet-border-radius--md" }), h("div", { key: '84a13c5b4ebc9515d3135c8fc046ed652639747c', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'e285f9407ed35c5a96d2f4983ed80f82b6f212ad', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'de7e3ab0b642553c03db6d52b8d76ae70d13155e', class: "section-variable" }, h("div", { key: '01a154460fb053fe3f7a258f1cd1f58fbbb7662c', class: "border tet-border-radius--lg" }), h("div", { key: '83a2a7f442346096f5dac01ed2315512fb2e686f', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'c57d10d900d79e423e3e6837421a3a5efad15a7f', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'e2eee70554a0065eecfad43a5d34c98e6df40e13', class: "section-font-size" })), h("div", { key: '132993e2e31829f833f7cccb75eb2e0bc7b9bdb2', class: "section-variable" }, h("div", { key: '98892fc39895cca0d04e2e9768413bd7aa816cc5', class: "border tet-border-radius--xl" }), h("div", { key: '28a3b025f4f8bbc51ee4617549bd356661eebaaf', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'd678004908f586b2c721f9f642b46106f9f5ad4a', 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: '0464753ed81c027cbbbc285a5d90253f182461fc' }, h("div", { key: '26f2cb03d790341076cd602861a0352ef82b5cf5', class: {
+        return (h(Host, { key: 'cec2b3ca82b3b14d4cf312cedc47f2c13ec72d92' }, h("div", { key: '25739732a2efb9057ade6a27c980220c1d16d516', class: {
                 'dark': this.darkTheme
-            } }, !this.isTokensExample && (h("div", { key: '1bc1601411d529496551e1d8329c45efc8084e5b', class: {
+            } }, !this.isTokensExample && (h("div", { key: '45467f22d0f3799c02d5ec8791a6ea6c33059171', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: '822af838ca44de0791720926b83e9d96106d54ea', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'a2aa7cb34aa1b97bcbc2874bd149133e86163c02', class: "container-section" }, h("div", { key: '6b14b0b78669a51d472117e9aebbd633d260c8d5', class: "variable-wrapper" }, h("span", { key: '21281d3ba57c06992030e096acb9dc10ffc6deb0', class: "variable-name" }, h("span", { key: '9883d49f07a38f981d3b53f825059889f317c5b2', class: "variable-part" }, "tet"), h("span", { key: 'e6d315b506cf09a8e3b36223d6492a9a2634e135', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'baa825e856e822440e06a3289d81deef3152f09f', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: 'e3bea7c0c232961f8da631a12e37382f606704c6', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'c7f49f82295179cdbc3ae5c59c6f548deb234b30', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: '9a8d6cb9a3a844f132bb1923231913b72e84672a', class: "container" }, h("div", { key: '858181ebfc91f1deba62a350fba4f21f0ec49408', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '70a5ddd0870cded2134591049cf630630ea74784', class: "container-section container-example" }, h("span", { key: '9f9b7325e164749b5d59b491c882c3a2f03c643b', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '188160c3dca393f4bb657d3dd9482020aecc0719', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '36faf57fd5c0e4d43087c0addc89fd249290a117' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'bf66e0bb5bc55b2aaab5923bc68f5cb3f3d1403c', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: 'eb346c94d17595b8dd2c7f8e38a32f1661a69941', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '59d1a60c545ad26ac56e812f2583e32b13fdfd59' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '63314b8fc4997396ffe6df18bdc1dafdddce7122', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '1830f86f200e79aa0441d5a38751a0f1df2c50e9', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '31fbdbed740d79bdb1947a18eb3d7c3988c68ba8' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'c330e8c7f9e5aaf553bd74dd33d9e02a62bd447d', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '4e6aef59cd2ce82a29c4f18539e607cb20ea597e', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '3bec9b9dc6506ab1502c6d394421f33a7a656405', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '4e73a1563d62cf6a97399131d8fe2d0504a33dfb' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'bb080e510ed0eba8122143c7de53f5e4e640797d', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'fd5e025f618d9530c7934b45a4c84e940488f56c', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '9717b31e973b55893e7d3d740e037f68af938a3d' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'ba36335f960a425c6a7c04aa56d815964cd412cf', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'c9c8c52e5ff5f183c93cd9efe8d959ba7374f671', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: 'b43dfb9c64b2d8b1f6649dc72b6942bfdd0ba1fa' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '742fa30841fa11ec0c9536dc1d9592df27f5fba9', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '6b497eda62c98d1147825df7e7ca2f02a7ac23f8', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'b6fd62029546f158082d2c1bfe4dcbbacef05ca1', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'c5b55f8590f8799e959cfb953e7d7d4670ecaac7' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '8a0d94f1936b6eb6b985fa8862db4cf58c26d424', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '1862e329fd66929d9a1664c0f35e29367e6b8c8b', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: 'b3a5c0c853dc5ac40c110853e2d46a064dffd57a' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '2ec41f0c37fe5dc7f60c33d2427afbf3469c3d95', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'bddc791b0b398580dde5d81120b5b9f0e499f4f0', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: 'bbea52933760fc78c1ce77b4e420f2ccbf2d06f1' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '0947189205e98b5c78021d8dc46a504b58c796c0', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'f40310cad72c4935f8a954360c02059b618978de', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: 'c251cc010e09b4ebf7d1bcdfbf81f941505f7dc2', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '1a7960af09452fc751ce3288572f9908af0ce723' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '868db0049bf75b1244334c927fc70b8bfcceaf47', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: 'c6219e456e934d56164e578a78f5385fd0f5b164', class: {
+            } }, h("div", { key: '71e9cf1423e3d1a518ad8888a3e86f5f8b658339', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'f1eb85f1191b953b4ed1b4371e498bc4fd5d8949', class: "container-section" }, h("div", { key: 'eb49f9068a7a39c45c78c737b2b8584a2f7fe1f9', class: "variable-wrapper" }, h("span", { key: '8e76cf0ddfa7cc6d54020d30fa8bbf0aabc63185', class: "variable-name" }, h("span", { key: '5925c77aad80af63db4f17da884c94d16f07495a', class: "variable-part" }, "tet"), h("span", { key: '61a3f164463e7db090fdaa44fe42a92cd892f725', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '66542029db820752203a39748d5ad23bc8e17e07', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '185fc56539c1f09d76fd41c43d92222110d9ea0d', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'd96e95e24a0eb39af0af7f7a06484ec254712d0b', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: '4c5686b475e6acaa21e94816407ac246fc84437e', class: "container" }, h("div", { key: 'f04b1a1b4c4ea0d8520bdd36e2d4caaa33074a13', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'f6a463215e78da103a47635f13091866882272bb', class: "container-section container-example" }, h("span", { key: 'bb99c2c22ad9dc9338c48dbe249019802585a3e8', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '4c0a4dd23abc681bbeda5a2247e4a67c8fc362bf', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '3d3307382e3a36e007772d5505cfa73feb8aadcb' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'f48c1955012e8c2e3dcf16fde6becb046bdd4920', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: 'e3a461d270dc94689e7519c6b82c1b7e44dc1d99', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '68c8169227749b8e660ada430301b8b55849907c' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'f58b0e88f6d6620201dc7d9f08ea5e75c446d7fa', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '551ec2f1b68ee2d2eb8ff5ed57f870a165ac88b3', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '2919a81eafbbc7d0aedb7fced8e09a2eb466ad6c' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd67020b0cb933a260eff1eae2c478416fd2f2704', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '5c802041ab492c71d21cf550775dcadcfc499306', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'd7f933cd788ddbf57182fa341a1bad67d68abf7d', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '1472c79c3f6b10becdccf52f03369296c08ce5b8' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '4e5f008d91317fb4f0892065fa051aeee4521918', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '662c987d59d79260492f4b2276088062ec0bcb62', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '098e2ff4801e758d452e31e4f603e34e073d6c8f' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'afd472cafee22babf8a478957a4b5642df43d793', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '44c6db8fc775d60d91cda327c7cb214bd525c635', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '8424b4032e109adf53a9fba400b29ae44e9fd624' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '3411f13d44af38e4f468172f06d5cfc96901223b', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'acb00435e17e6be8e3c0470904e5c36b85dc9883', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '68f86e76a6a833d62d62336e39bb8b6ac8c202bd', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '2ae1b2419392eb635ea73abe64fd57b3e9cd202e' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '0046c621bc0125156ce79834f50e2eeb8b9edfbb', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: 'e824d543736dc5b89e748a33d5b768d56d795980', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '8d13b3c5c57545d63422de5c6eb1383f4d2ef807' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'c2fbb38a3620fa63c7474b82e75594412076f1da', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'e1efa79f3730e0fd50707c7159b15776b2376956', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '4c26033d3163e036be1651e1a0c8907c6eff53c5' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '3e5f4bd68aeaf3228d4bba5960d462cca3159011', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '316f2861e375d91b51e1822f9c0e9fb00c89d1fa', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '00f4cf2ae5633b77bfcf88141795a582bd161bbd', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: 'fde0d00b90a85b6ffe6c230732a658b432283553' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '684ca88acc7a13bb6c65307d6552309ba22f4c04', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: '53373caadf544b38963b8118706e9b4c254ef0d3', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: 'e36c787e47d2d50dfd9c8659c6a5c30ec9a21b7e', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '191a5ad451273e91ef3a009d0b06de92592d0611', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: '1ed7b06e3c64b5bede9fbff76d3063c9a3e374ef', class: "container" }, h("div", { key: '987351a70bfadf2b57f43a4a701c505b536e29d9', class: "container-title main" }, "Tokens"), h("div", { key: 'd183f4c9db0f9538f3574aaf7cb6158a575d827f', class: "container-section token-sections" }, this.tokenSections.length
+            } }, h("div", { key: 'f286e58a43adae37e7e4f1147318845c1e633400', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '730bfdbe759fd02fa079d35e176297e8fe49e94f', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: '9e0e96749008d74f97a34766f008b844fdf60b09', class: "container" }, h("div", { key: '9652e9eb238e8773c0edc50d101e82d1a487589b', class: "container-title main" }, "Tokens"), h("div", { key: '3314be7ee10f4edf461992020a9c1813005d6418', 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: '0cc10cac6da25602e9ed74b8c58a41664dca5464' }, h("div", { key: '7f140b884f9b75f09f4f032a2db9b5b3661c988b', class: "variable-container" }, h("div", { key: '937ab099a5f856552779969784ba5304fe9961de', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'c26718878228c4579c31cf53edbf552d3688f0a3', class: "container-section" }, h("div", { key: '3a0df2089f5d64eeee4482a5420a9041e0b82353', class: "variable-name" }, h("div", { key: '8b159cfa6f180986adcebc5ccc600ad953465830', class: "variable-part" }, "tet"), h("div", { key: '2a5eadc46842347c58370b1c922dd80731d56d0c', class: "variable-part" }, "-font"), h("div", { key: 'd8d0e5c6de227a202bc972de72c86bd5b6761246', class: "variable-part" }, "-weight"), h("div", { key: '302b8eb37a4a3b8973d6c2a96f592ba5f9701ba0', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'ce2b9fc1145a652f2eb429c13db5681b817fcf99', class: "tet-fonts-container" }, h("div", { key: '77670cc0472591076ea44050dd8038273209de1a', class: "section" }, h("div", { key: '6863995f2668e8fc497463c89cdd71d2272e03ed', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'bafb7d5c200732da13c45681747915087e447781', class: "section-font" }, h("div", { key: '8219e1ad1e48cef6aa18f9bddb2957eee871f6c7', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '561f82ff3bd6ed2bc6b31b852c096cfab9b1b249', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'e219541de88542136c43c66c9d8c92f0deec47f9', class: "section-font-weight" })), h("div", { key: '3eb2ce74c6eece7babf97457deff317b95616351', class: "section-font" }, h("div", { key: 'a5268f16f78f703e99996e7cb25787bfa7c50506', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: 'ec94be2d9ce47ff493e5b9db1fa85ad2ab0d8fcb', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '23403b7f74db6c6f1e8662373b6426a3c709344e', class: "section-font-weight" })), h("div", { key: '84f250cc69f8ffd1ba64c5a3ba19cf70ac55fa42', class: "section-font" }, h("div", { key: '9e5f1112f8bf95de9a85257a9443785654dd7d13', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '16c50080882a2cbeca2bf190d5ae9e65c4737a64', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '4432dfe5dba7aef3e3ac5785ad7fb073d58ff075', class: "section-font-weight" }))))));
+        return (h(Host, { key: '61e350bda466cf98cc207f2f6fcbd123283d8075' }, h("div", { key: '573eab3cdf1d4e82cfbb352bdb5d1031b9619599', class: "variable-container" }, h("div", { key: '903eaaed34fe7f934e64e9e1307ad4546e85e72b', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'dee4d101c4fbb22d5ca985421cb90c275399cd77', class: "container-section" }, h("div", { key: '08b7e17c8dcfa0f79aae7f3e7766f582ea958979', class: "variable-name" }, h("div", { key: '97cd06b5ea63d3d9264073c9ea0f99735ba6cc3e', class: "variable-part" }, "tet"), h("div", { key: 'e5f33df2dbf6d95d8cfb1c93f019ca42403b328a', class: "variable-part" }, "-font"), h("div", { key: '639b137f1564a48bb543dba208a58739a9376ba3', class: "variable-part" }, "-weight"), h("div", { key: 'ead7eddf1bfd3870e89e3840ccf896cbcd7618b6', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'cb42acbbb49e70846d2431848c6459e46aa1bd77', class: "tet-fonts-container" }, h("div", { key: '45e3216806116579398f39690f0b648acb4d3bab', class: "section" }, h("div", { key: '041107a8dc8427005090e4b8df9ac837367f0dc4', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'eb8b8a6c2be09c84dda89777bc9ab0e0e46c3ad3', class: "section-font" }, h("div", { key: '713bf889130c811c7e851ffcf2892534a2dc007c', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '3d32d87758c226901ecd02e4a00f2e5338266d5d', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'dac580bab4c1b83ce7ad053bff219cb37eefe9d6', class: "section-font-weight" })), h("div", { key: '62f08c2e43a0998353d16f995df3e01ff8240686', class: "section-font" }, h("div", { key: '0d04826481f4380bf0d83d485f043d24903a6041', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '28ae92fc070e962657829539a4c86c91adc3c43b', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '4a189cd0e9dcf68399fbfec0f64b6023ae497226', class: "section-font-weight" })), h("div", { key: '5cde469070ada5a17c1b4d6b8c0f1eab3e50de35', class: "section-font" }, h("div", { key: '92a5179f84fd481a4b4b5d72ebad2775aeecd83f', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'f5b411a1130901f90296aa15e17ccd4d8aaa3411', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: 'af3653f1805600944e6584b9f1dc31a3b1759538', 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: '7a77891992eee3fe39d945e5e99cd17dd57922c7' }, h("div", { key: '5724e6fa4a66afe7e8d98f21817ba3fdbc83ee2c', class: "variable-container" }, h("div", { key: '4665697cd949a086f6b00a4538053aa430f454cd', class: "container-title main" }, "Fonta klase"), h("div", { key: '3bc6c161b55bca113c116041b8d45c82c9eb0674', class: "container-section" }, h("div", { key: '56e5ff2a8c54c4a041a065de086f2d03a188fef6', class: "variable-name" }, h("div", { key: 'afda5baecb1f4d84bdd889f08971c46b27c2a24a', class: "variable-part" }, "tet"), h("div", { key: '642c3eacf3a4daf19879f9d760e9e0cf9065ba5e', class: "variable-part" }, "-font"), h("div", { key: '9ad33563acacc9e7d4ff9f22b6a45ec99afe84ac', class: "variable-part variable variable-type" }, "__label"), h("div", { key: 'e5020da28876fe7016f46842b1c9d2a8c29befb7', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '973027840a8beb234e81d1b41a07821d5defbba0', class: "tet-fonts-container" }, h("div", { key: 'aebbfb6535b251c7e11632bdd6960874b96ab7c7', class: "section" }, h("div", { key: 'f26d5677a448741e272922a10bfd3ad8b1f40d0d', class: "container-title" }, "Body - Inter"), h("div", { key: 'bf7bfa1a80130d6acd4f891bcf5c6cd72ad7a32a', class: "section-font" }, h("div", { key: 'dcffc8e3e4550400bc5350247deae8a46435f447', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4bad13e1395aa749951e07c3f18c9db03fe4d3c7', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '1795c4fcb88fe7f62f7695747d636bde27f159b9', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '3cb407429905b6c59041f6f66dd377e8a589d324', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'ab7e9eb59b0317b338a966bff36dab79b555628b', class: "section-font" }, h("div", { key: 'f680741f2bffe7b77d685d75a8e44d5eba204238', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b96af7b7c29c39b0fc81864859acb220dff433f1', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '9979a504ef6458b19a7e22c0eae1a80d120e0a2e', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '3fc90d7265e6a8896ec003640dc598b03c2021fc', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'cf0f57b14fa28f53bdcd599c7b32163df97da857', class: "section-font" }, h("div", { key: 'e8a3ec701e0e33ef0ab3433924bf5e3997ac0620', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9f8bf8fd1c22188b41223869df1a9f04299fa635', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'f5ba0b3abd63187473a6a9927250fd96e32fc0ee', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'e96fc2e7a50ae180caa98d17de9c4772db19c22a', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '9d7be2db3f9ec20f4109ce2d2c7267a15e452b34', class: "section-font" }, h("div", { key: '08946a4c0e9be0f2962813da5f87f73bee07f0ab', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'dec5ef0bfe1bbcbf0ccd21ba330383c7164927f5', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '53d277a3161232aef9e0a47482fa1b2e003c02c7', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '53c8130d8a076503f8a9bc201f53b0136f0c207d', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: 'b4f34c43a254e6ae1101207cb03d089188602130', class: "section" }, h("div", { key: '7281c0e10910490a2b28ef3c5479ad022bdaf2c4', class: "container-title" }, "Label - Inter"), h("div", { key: '53a17bb5b5d77ae23c8a97ea46b45b5b07317a2f', class: "section-font" }, h("div", { key: '4a3066a55e587765793134b7fd0ecf193d3ec4bb', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '77b66a04b78ecee08037cc985161bc68866b50ce', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '94da60293d0d365e8b08fe88473fdb6fc2a3d39d', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'c49d1eb5d1c7835514f63b7b435069786ae90eb0', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'cef273158e85d9384e698f0941271c5bd10dd1f4', class: "section-font" }, h("div", { key: '76bd61e789d613adbecf721430a6ab51f00e513d', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9c769654a959ec159e35c29f665dde325c315677', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: 'aa79254dc206811a584bba75496976c6437aa488', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '1e0f187ae047cbf46564291032421876172a6cfe', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '5002d5b77d34b947ed91ae4bfe6f45458eab2ddf', class: "section-font" }, h("div", { key: '83b4d73780c1f4f16cad04e285a4c177e4f1810f', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ae84ac5c72b7ba73dbb806a8b4605bef3b4ed36f', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: '4e52098cef7d5614f83a30c59cb15ef812f7b261', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'e06b4f6dac0c5960f07efccb926ecd76eb358f63', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'ad11519cfd7b94bc2967ec8d06e4cc420071c8f4', class: "section-font" }, h("div", { key: '939a7ae6e496d2477d42f74673a20d5175949ae5', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2b6c6880fc1f3b0f5b5726fbc668cd528516a620', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '6da0af084c7973013f6281b0586a213aca838598', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'a9084e09463692b966c7ea96cbcad4b2d208464c', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '47c26f348eb5d66e324faaefda06552e4ae231b5', class: "section" }, h("div", { key: 'e63db55099e4309699c4bea9831efaf1e63311bb', class: "container-title" }, "Title - Inter"), h("div", { key: '37fc8bea603044757ab1815653f16e76526e4871', class: "section-font" }, h("div", { key: '565aec1c400091cc5144e1ac9592e334946d14e1', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '20eb82df9c3a7e606a0a9884154c9aef62e3b5e3', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: 'da2cbf967fb0b410651bea2a49102a0cc8503b99', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'bfb2e17b341618a5a2986581f85034a644f9fbee', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '78e3634395225f29c37643c287a9b4b61d9260eb', class: "section-font" }, h("div", { key: 'b1ea36d3880801fb89aaa06187bf8c55164a9e08', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2b85a5c8e7b8361aa012746d6685224694841e29', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '5d1de5f16a56f04a6af2a559954bf574a5a0611a', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'db796e7b58137a63a0db31dec259d44a9b255ed3', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e70913db90b43f845f520ac26d88e247076095a7', class: "section-font" }, h("div", { key: '2ece5a45cb6923023f76910207ed31d9cdaee16e', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2a44e4128b35278f196156fe140f11de4ff71b49', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: 'f9413cae6e0749ccf41edb849ab33ecd515b8ed9', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '71e3592ec7f954975430a4b572adf9a51410deea', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'bce85e8f5f9f3a35a1a7432a613bfa563cab612f', class: "section-font" }, h("div", { key: 'd3bef76959e45507c6ac794422af99c0d982fa7a', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8ee6314b5bdcfa11c9d000fff826ddcb5594f60e', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '1091b75e8a3c8dd34ad9ce93e648bee0ebb1e041', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '81a7ca71e8bcfc1e2e0b0ac7402d87633afff50b', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'edabef7b8c3b702f2f3eec84307ddead47cdf13c', class: "section" }, h("div", { key: 'd1a0a59d8c83c3f20b1b86a848e8c9c48201e1aa', class: "container-title" }, "Headline - Inter"), h("div", { key: '6fe82b446c67afac9c84c79b8af6b1a3c057f28c', class: "section-font" }, h("div", { key: 'cfa93a18a9c53bd95d8128a5cf87c1277b1da5c1', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3ab287c37abc1c8a4975c9b6d52cc25d396de1a7', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '4c56ec69a02299f6b8c1171770792177f3b32d1d', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'ca4d2c96175db22eb8321402e2d8839ce8f7e462', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '0d3ef7132cf3f639694954639c6a135c8f114ef0', class: "section-font" }, h("div", { key: '7abbd3f56dc8d738af714b5dd968c508d9d9f969', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '602348a1c4ce474e0e6b514bdcfa589048ff686b', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '5efdef37bca0fc1faf6154dc9c8846502570bb3f', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '3f618ca5396abfdd701458e8647368ef90044f60', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '1fa9f46a648abcec582a9476ebc080f3aba9b60f', class: "section-font" }, h("div", { key: '8dcd581a72e85b52d6d5f5a50c86259fa8bb68cf', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '38ce65c42b40a7671f456a187022a421e2ff6488', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '966feca38dbf005c60fb992dbb23dabc6e64f6bd', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '80dd16b4fecda04b6352da6b76e931b4cbfc37dc', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '88e8a7fa22de42b9ab5a57ac8ffa52b8b74676a8', class: "section-font" }, h("div", { key: '0f8f9ec1919ada6f4bf71ccb3a21cf9ed8e8b5e4', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8901d15d4bea95db9b0cb35f0594032c8526aa3e', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: 'e17549a25273d20b90e133017d57be7be1bb2ef3', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '174d717fb486fad366e9c095f871a8906fdb69e0', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '0640f055d701242d6316b8a5a14b6fdb0f5d7da9', class: "section" }, h("div", { key: 'c39d8343519668f553e7461374305bc122bab15a', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '0cbd51020302ac8b33d6252211271da8a3022dc4', class: "section-font" }, h("div", { key: 'c912060691745383c6506e4af9d6643c1ebd45ca', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4ec689b199d4f7db7a4e500007e10d0e07dec3b8', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '8cb9d3e3359740e5443e554165bae86e37fa78a1', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'c0e460836a2d1ffaa86dadaedd8f2498597bea76', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '2075194e94e320ee6cdfc4c3ea086ae89529203a', class: "section-font" }, h("div", { key: '4457d3ad8b2142caaccee864f000536329d07909', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'bc82a417c4fb87aeebe6aa740ddadd81081a0d35', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '4a8f8644562a02ddc1fc69af560abcde6f1ecc2e', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '691dc3fe8f541500e1a280d022909ad42baffec7', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '5c08283a727ee82ed76f257bd461e7e1a7149540', class: "section-font" }, h("div", { key: '4d6ba760a2afd7264cbc6a0ab85bac4d6f69ead2', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7e27ecbcbb57a7c0c97d7a8a26bf4c1e64dd1e82', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: 'ed250bf96847c0f0a5ad650f78a901a5acd683c2', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'c559899d91fec9e76e5672b0e852b10ba7241b30', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '579fb5848322eee3357c176fb9cb8b5bd074c267', class: "section-font" }, h("div", { key: 'ed7a677a0e6f89c365e84d6070e5bda83b6223ce', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd4fdb4ead4b6949368f55344b0ddd96f5ad8a94c', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '7459a4af0ae0f4546267558ec6f9207f104d039a', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '49f6cc91e5089458487bbdb57dba1e4665f09997', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '2c63aacf5d9c2c01c9eeb14a6da2ee890cdd4f0f', class: "section" }, h("div", { key: 'acae69d578ab97bd10236a39bdeca7faf7052cb8', class: "container-title" }, "Display - Gilroy"), h("div", { key: '5a58635bb02789baa120688da432d8ae47e13953', class: "section-font" }, h("div", { key: '416799e30e097ced72e15fdaad3fd5070307478d', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '28ae394242878ddd1895404a1397af429bddec4c', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: 'd5c1fe1f9f86fba4a7799dfaed02d46088f08cf7', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '40afb1d5e3291880d06997ea6c054776a4f8963d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'd9c93593de92d8b476c859297c42b380057501b5', class: "section-font" }, h("div", { key: '11b6364be0120de940331d260617bf9e25223a8b', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b7eba9749e65aeefbf231e329445cb2efb143e6b', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '13c7e361cd74f1e5acd546ff76e1a25a3f76595d', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '88e9c353b99d9b927ea59766da122576ae47eb0f', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '3aa3713f8aab3be0cc913d681f77a0825069f93f', class: "section-font" }, h("div", { key: '0e163985287a5b5bb6cc0b56c27422f2a58f4b27', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'dd2bddeeb02a8f6e00a76191087b854475a6e08e', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: 'ab3744597c1fe52baf75d9cb96e6a60eb4d9c132', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: 'a5fe1f8934efa79c7ebdfa605a8d09320e878eb6', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '94c71b1058ce96d6180d6e82c007baaa4979f0f4', class: "section" }, h("div", { key: '918a03583a0bc70fc869cda1c64626a7fa788f9c', class: "container-title" }, "Expose - Gilroy"), h("div", { key: 'ca2857edea982a587a2fd6fdec1f33091b4eb961', class: "section-font" }, h("div", { key: '8b4433532221117a71d9f8f4e8bbf7f1c9a54266', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '11758d5404a4c71ca41053fb6c71e80da7ade6f1', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '5e4de3efc32e3366b3ac5a4109f90fbf4e01f6fc', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: 'f54da2f9160dd44dcff7725a339e49ee26387a6b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '63d7dad207485e7dc2fa93b1d45d40cc3b6c24e6', class: "section-font" }, h("div", { key: '8b4ed50f346eac5d17e57f432b64db4839ad7fc5', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7268cc5604b5d8d60c0297b9ded99446fce2df52', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '40d1017c4c686ae394bd97b0b8655eade8e75006', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '4e927ee08c2b2f467c43198d1cb40765f03931c4', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '82ab386429655a2687c869697b3b3cb6ab423732', class: "section-font" }, h("div", { key: '7a1ae0e9c274289c2dfbdb04d4d6624a22aad3b1', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd02bfbbbd0c7677e9ad0a897a7767aac430ce01c', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: 'bc30062ba560d3d7dac23639899637f247e908f9', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: 'e159b88f6eee1c56868ee4434a3f5a8679963118', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '61ea2f567dd809d7e493dbd50d05239928aef043', class: "section-font" }, h("div", { key: '125a5d2c902e4522fa657aa96e4db86d328cc656', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a55ffaf4c4fce1c99ee20e7256642bd66a63d8fc', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'b55a922a912fb0b47728004ff01a5a75168a103d', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: '388a5a6a4b6a111d0ce77bf922d42f17e60597c0', class: "section-font-attribute" }, "Font weight - 600"))))));
+        return (h(Host, { key: 'e808ed4d989a88b42ee7bfcc05f65de52fb1cd9b' }, h("div", { key: '113f1ca778ea002a1bd7d6c9472b80b72f586962', class: "variable-container" }, h("div", { key: '1ea8fad2ad605b491e50c78cd967491bbeb0b128', class: "container-title main" }, "Fonta klase"), h("div", { key: '9b64fb7e6c3e4bd1fb9be9c10669590a6ea55ae3', class: "container-section" }, h("div", { key: '0f0e5c2232655e15510f2ccb4ce220cce73bfbe3', class: "variable-name" }, h("div", { key: '1f2177ce9248800d6d11950dcc825e4d0dc7e328', class: "variable-part" }, "tet"), h("div", { key: '54281e3bfd0f01002b509fd41f6caf7c0dcc6550', class: "variable-part" }, "-font"), h("div", { key: 'e5899cdbe25f76ae25d43449c603153bbbe2a30e', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '12efa4dd10886574ccf58990a4342135bacc3dde', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: 'ea0c7aebd4e97ab2620843e02faf19758937a4c9', class: "tet-fonts-container" }, h("div", { key: '35bdaaf4865557bc8db0e3ea05b648393aa47326', class: "section" }, h("div", { key: '4dcc9b006e228a23d4782e37742e64136651820f', class: "container-title" }, "Body - Inter"), h("div", { key: '2d20753d04f44fe6f34fff6b3fb886d1dcbb47eb', class: "section-font" }, h("div", { key: '48ba0f4b52ae06b37c840d56714ce3462ccb6142', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9bb4b49b95b249a85c16a530bdc1a69b60dd782c', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: 'a92ad6c22186de885b2b4758072677a5f127779e', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '697adf4c4004825de6fbba9b344e7a914994b8b8', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '16638b0bdeeecb76c1247f11e1ac4a532a8ee1e8', class: "section-font" }, h("div", { key: '16fac241795e8df7cbfc94db5f93c60fab2b67e6', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e1269eb98cfe4f53080e9f9bf94320558e782f6d', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '107a40bcb4180c0cb91f4265ef99b196ab7a23be', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'd950341ca94ee15b746965dbd0f88d52df59bc67', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'ce6e50a6df7fbc181be56c336bb5e217acd8aceb', class: "section-font" }, h("div", { key: '006f1d583c593e184fb3ada5764c255f97ab58ef', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2f57999279f7cdea059abfdeea97b521134b94fc', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'cb4ea00dbe4413b499edee3dba8e0f17b0a982dd', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '77ec8b90e386018a5f5faac8ac2bca0b00724ce0', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '7eaec05ffe1284305b5e5529db1c1fde2ad1145d', class: "section-font" }, h("div", { key: 'c307880af7658950ce6823251f9610b2ccdb0c14', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '87d03dfe5ab6126c5f93603890847137bd09d533', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '7b30d9fb2e3eb2f362971281245d5e617daa7298', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'f853e7871ba344463ebef84265c62ee8a540f048', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: 'd176b13b18d1c94d0bf8878850e17ed47586de48', class: "section" }, h("div", { key: 'ad94d765f967b57ca7e95aa27600e7b4c9daae99', class: "container-title" }, "Label - Inter"), h("div", { key: '68c6430fe3de6858f3dba9b2991ce326ffd1871e', class: "section-font" }, h("div", { key: '986cee4174f235adfffba1cedf92c5446df89844', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8d4dbe40be1c2111b3dc9f0e11589181b9bc788a', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: 'a641cbf13e80f4c26b011ddec6574e9742303eb0', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '8151a9ec2d0f06d985380bd39c9b2c43dfe00833', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '19a49b60674221486725fa28866e12a8940ff931', class: "section-font" }, h("div", { key: '925eb1e8107638c8b6221f7d9712bbabde1e46bf', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '55a89ba34c04e81ef125def44bfd6d39e16488e5', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '18045fccf30df21ba025e1a18ea75142eed997bd', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '854b368a2143c95e9f39f59485f224972e8505f4', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '0b561516a944d1dc5748eecdd83e754346860f48', class: "section-font" }, h("div", { key: '1fcca8455496de331a6d3ab19dacebc77a7fc2e6', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b3f176bc41fdc3328d4ec26f3ee3864fea74bcf8', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: '2edb915c90c7661c530a081447d3a8ea996756a1', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '583d8af468a8584fcb1ec55d20786d8e1541cd7c', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '66115bfc4bdae9effcdd00fe6b4ebc5672297e2a', class: "section-font" }, h("div", { key: '3596e8014507679dc628eb78536a074e27cd9626', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9dd4499ee2b72c012de1edaa164a12d06108a4ff', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '89b882057a607cacc5435b11c79d72047116a1f3', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'c80088bff944c6109427e963edef9691a26cbfce', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'f57b68fc2ee309b3f61175492ae711ad824ffe37', class: "section" }, h("div", { key: 'b3e51da3518f5329248605494b6e1f12800f64aa', class: "container-title" }, "Title - Inter"), h("div", { key: 'ffcba30a56a74de535d23f3b31e122ab519dc8d6', class: "section-font" }, h("div", { key: '66a699358c913863fa4ffdc1a5e96b0b12281798', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b8c8362ba990eb84ae29aa26393ca38f3e28f361', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: '327118dd139b215f57c10747481422a2e0559db3', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '3126a88a61995932d374dd63431974c106cdebcf', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'abf9cbe6982dbc0a52cc2de8d080ff14fef12b5a', class: "section-font" }, h("div", { key: '71a89d01dc4eb3879766c74f15642d5a2b9e3e6e', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '45f571d88bbd4e8ddfe205b8fd544797d543ecb7', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '094636cea79ad4cb76d834dab2daa2c55707b84c', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '151334f0db2d313f4d5fb83b9909b4d64a18544d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a716e667520b4abbf857bdb94e15e620a0a2255d', class: "section-font" }, h("div", { key: 'cb8980d816f1a3411eaed6915c04cff9dc9b4fd0', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f12ff97c3d1d3b6f9fa87993d85c598cb2009dd7', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '6aeae1cbe56fdfa3c8e80696559f2935ac212b86', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '2e61c539b95855d12b817b40f21769fc0bac0233', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '291768f3bd42cc41913cf2b455eeffc63888048f', class: "section-font" }, h("div", { key: '964a7c8274d1ce9015a027672b756eef07af39ff', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5ca9c5e1ea548a21ffdaa2ba70a0a9a18ee19acd', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: 'c7cc6d0588e1f3be9917814739109d83a1ebbe11', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '41291a071d5738ea7735d55cefd1ea5379e009b4', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'bacdba890ac5d8901510e1ba30b4bc971cd1a833', class: "section" }, h("div", { key: '139a24d378a74bab11312f75ed6e6739f2aff2c1', class: "container-title" }, "Headline - Inter"), h("div", { key: '6a9e1d85ae794eacf8c27acb1d3769e3df812c5b', class: "section-font" }, h("div", { key: 'b9e71bfe6c80cc84fdd9ae496840764066711996', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1deed81ceb2e5fa1295b8dc0759ebfd93f0e5f82', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '7661878be84323c7e6266bfa7716b7ad8e2efc32', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'fb6a682ce678e55689fa01eca1862f7d6eb7b8a0', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'c0a84733c11b1e05bec728d4e2136a1ce6b5d5d4', class: "section-font" }, h("div", { key: '287402efe4bbd63f32af3cb6b6e802e4865ddeea', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'bd3ba421e6176b6b8a3f99a66fe81d93245c0684', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '2a9c560eecf6eed966a68bb49a804ea7cefa747d', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '4d68e0fefa22a890fa3b7399ae39c779377214f4', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '233bdf6c63e0a884415b69f748a3692f7c69500e', class: "section-font" }, h("div", { key: '3ccdd8dea1fc408e7edaef12213d3887f0766ba3', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1e235790ba8e11e26471941a70ee88eae89c02cf', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '273aae8bad6d8ad445734419cd6b4255f9367787', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '7f22c39a92ab2eed0541faa9ceeaa27b47150316', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'bfc41af4874e9638dfa93443c2bc694fc3a2cb2c', class: "section-font" }, h("div", { key: '862298ee339d748631be2893a634e67d43c67dc0', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fb383a7124aa510db906acb2e3c2a44bff0bdf55', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '7c0d89910f879b0febcae3e9cc55f5c4ebda471e', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'a0ba3e098c40640cf0b48ab8456fd71d54cd4e23', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '8a72128731747a1bcc502e7f0932837d565259af', class: "section" }, h("div", { key: 'efbfa26afb272fb44ad78721210abedbda577d28', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '7f60a6d55c10b5f0776c08aeb1f2d2821c9e07f0', class: "section-font" }, h("div", { key: '21500a553a44ae17aae566afe2a9bf63014970e4', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7a1c5bbd37764cfb5bdf734a3804052728b1f20a', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '068939e87639d33698f90f88a761de5fffb3cf98', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '15e1f58cd8a7e93fc78a32a863ffb7dfe29ae8f0', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '1f8e38de8a720fb2c257c2458c6192873dc7e804', class: "section-font" }, h("div", { key: 'a0663423a88f07e720102567f48ee97abdeebfbe', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '22f110770febe107d81695a4fd5c61f06928b9e4', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: 'db62a452c534b91bcba5611f8a5ba1e68ec9c187', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '369e75d1a852dc47a54a9b67c49aa303b103e640', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '4088bd8290b8a9ebc7dbcaefa8c974c312f5e90d', class: "section-font" }, h("div", { key: 'faf3f6f43d7a61cd8cf66c93e1cbb7a5dc4205a7', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '601a377e5785fcc72cc6e11d0e59153393b9e7e9', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '7f02c1d097ebf8c47cd2466b2d83e3f7625d48c8', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '9c2a12ab57fbadc14f5703a98c030005abd54993', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'f5b0a90d6a0070942f34108c58ffbaabf2ee719e', class: "section-font" }, h("div", { key: 'c5714c473352e3e87c51227d26f40ca9c7468cb2', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '11bcda1332e6534ef2f5ebe9cc1db63424b788b8', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '2e417263b85f204e4f2133d74e82e2f37ffad9aa', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '84a68a025db817dd3b984628f3e963df905033a6', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'e2efeeb6bbe04c8ddd0dde635bb393067f0b5ca8', class: "section" }, h("div", { key: '881f19133f0435ddc2be4a69d6dafde1471ffa86', class: "container-title" }, "Display - Gilroy"), h("div", { key: '9a36ec654ec25bbc32906a4365afb111805a3e2a', class: "section-font" }, h("div", { key: '6b796a5ef1dd1a537d36170a785189993c650f32', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '60fbd2a31d64aa6329c22396501f6fa16d563580', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '700d202f5bd4b60042cbe763df16d4a73b869425', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '52b8e9e323e4b575dc082a7282b07aebeb23b0b1', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '9bc8e8aaf45cd714fea0d00f59528cbe3e2311e0', class: "section-font" }, h("div", { key: '081e67de05b81cab059dff96c06e1f65d528b5d2', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '17539d6746d1ab77924916f90602cb2974f8d302', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: 'cc427e34cf26f9512de850c6d6b9acc44785bc03', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '126f8949ee15a47658f8d2026c7606fdabfbeb03', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '9e0cb712d15b5ca9f86180cc6edbe7c566f25584', class: "section-font" }, h("div", { key: '0045ecd6cc13aa3d2a12c73e839dee5861d776da', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fbad2c3e10618ecf424c1d3be6b91d488aca0b50', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: 'a9dd0973a0c0ab0d830d23c17d988c7172afcbb5', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '5c3cbe085af513e1f8c7097c067ee123b4e300d5', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '65659c18a58e05a43731b907a94d02ec66764ca9', class: "section" }, h("div", { key: '4ec0e42ed25075dbbee0774388d633a29b7854a1', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '12d83f9055fd759f62ba04264639f452e35fbc42', class: "section-font" }, h("div", { key: '2b6026855f3a260ea2a67b9a5584b480dbb047fe', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '722881eb3b9a10ec74a2418b49835c51dee55b9e', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '2ee85acb90e333cb05ec08244252d9c1c6bdf50b', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '2f05be0201da90e8261dfe1b60aa47464f95f7dc', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '52069e5d5470e2ee93ddca3e09cc4adc5e086dc4', class: "section-font" }, h("div", { key: '39f771ec849de3dac8ba89d898979ac5b62940ef', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2484c268755120126f1844073a9711534cdc0b66', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: 'f4d2a8d0dad07a8231e886aa2ecd595563ebec77', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '63d69128ec27fd36ea51059903c94955e8d03cad', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'ca11d8a551ad2bb5f7f675bd2bbe3a61361992e2', class: "section-font" }, h("div", { key: 'c70dd8177e87a79e13c8719c79a7aa97fd953cca', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5142858d3fb1e4b6dad7319495b2e598eef8bd7c', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: 'fc9bc506fefb30d363bfad795c23603b5b2a831f', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: 'fc8f744ef0896026afe7e95bf286e5113c80431e', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'f0fc69bfd5172705d8e25c38d23a1c85c738053a', class: "section-font" }, h("div", { key: '0ddf85bfb1787ca20d520825c748d3a100e29a81', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '55015610898fe4ef5db8ec697a3359c431ea6fee', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: '3f29a000f6e859303d5ad517844b970e26473634', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: 'be7db61493044bddd240fb551f97243953299aea', class: "section-font-attribute" }, "Font weight - 600"))))));
     }
     static get is() { return "tet-fonts"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class TetLayout {
     render() {
-        return h(Host, { key: '3943d53286bcff986ddf3f4a852d627bfab59076' }, h("div", { key: 'ff42ed8cd2d9e46815e31fd8cf175da03df9d8b3', class: "container variable-container" }, h("div", { key: 'ef4eea485dccfb44ba7f25a3b9e518f3a3542f55', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: '30f82614e3a50ac4b67bed0a4c1e5e9b8777220e', class: "container-section" }, h("div", { key: 'fb3f83ac6f12114b9a68cb9c233409723050eb03', class: "variable-wrapper" }, h("span", { key: '50168fef320f7cd06414836d57e460ee37fc5c90', class: "variable-name" }, h("span", { key: 'f673267905ed23dec802bdead49f88b2bd110bc5', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: '7655acb8393e279d412408a5f3e2c331d72fe356', class: "container" }, h("div", { key: 'f6add7a7905d25c3d0a0f53da8ff05b9de685c5f', class: "container-title" }, "Piem\u0113rs"), h("div", { key: '9d296d3df940fe557cdb8b072eacf7fd7d37d42a', class: "container-section container-example" }, h("code", { key: 'e0d84c6e9841fa125643128e10ba2173e176d496' }, "<p class=\"tet-body-text-max-width\">Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim.</p>"), h("p", { key: 'fe24bad4077b5325972e2155923d5d5150cb3898', class: "paragraph tet-body-text-max-width" }, "Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim."))));
+        return h(Host, { key: '5310709457b6550bf1f3f796a366404ab2426ac7' }, h("div", { key: 'f8c90e42e9f70d8ed152b41bdf00b431fac23e57', class: "container variable-container" }, h("div", { key: '3912f7f468bafa58e4e931c423331dd373820582', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: '1750d46082fc20275c67beaff7a8f3c4f175e66f', class: "container-section" }, h("div", { key: '2ce9ae50f55e66bbf130b033b0bf00ed466942df', class: "variable-wrapper" }, h("span", { key: 'b2c257cd32c516d1823edd408fe5179bef405232', class: "variable-name" }, h("span", { key: '1c311a07da6e930b9da3f43705ddd3d5e4e59cfa', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: '0dd216e84727e3ef55259da6b9f5c303d7279bf8', class: "container" }, h("div", { key: 'd94992523364d7015c699c4a66704ace926332e3', class: "container-title" }, "Piem\u0113rs"), h("div", { key: '58962b03abfa1d8f846173440c3e137cacc30539', class: "container-section container-example" }, h("code", { key: '7d9298a953979446a3207f930d556c20b48235b9' }, "<p class=\"tet-body-text-max-width\">Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim.</p>"), h("p", { key: 'ddfd915904c1ecd292cbfb79ac798a87e46451a0', class: "paragraph tet-body-text-max-width" }, "Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim."))));
     }
     static get is() { return "tet-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetLink {
     render() {
-        return (h(Host, { key: '2e0d18718b0beb3b3119eb6a4a71a31949ade87f' }, h("div", { key: '809604b753aacbc0663191dc28ef078507f81688', class: "container variable-container" }, h("div", { key: '932b33a613280371a1fc792c6ae7a829d4708545', class: "container-title main" }, "Linka klase"), h("div", { key: 'f46fe7f7fa680a466d685cb0e0a2ae96781f44d8', class: "container-section" }, h("div", { key: '430d0142252fe4e5f14ff9700e6197d81d5ebd60', class: "variable-wrapper" }, h("span", { key: 'd4d467365f9874969b1c569ab3125078003d9677', class: "variable-name" }, h("span", { key: '214cc54f671ff2894f42c5974f8aa21f44271d17', class: "variable-part" }, "tet"), h("span", { key: 'fd1a89cda40638f3a809bc9b52978febeb6b885e', class: "variable-part" }, "-link"), h("span", { key: '9218fcd71e2776fb9666c0f582c2baecf568bf41', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '3679a13f0192076dfe57dcab7399384aca8daff7', class: "container" }, h("div", { key: 'aefc27ffefa3f263fc2268322d910649db6eded6', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'e06c8614a55c7c9080bb8474d6919efac7e1ac01', class: "container-section container-example" }, h("code", { key: 'd539f9973210125848004f445a7207d293d3e5f4', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: '15a63838f0707f476a04722e15cf2611b4ebf383' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '3d00c8fb5100985f2991373dfe9a031a155cdddb', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '257a9069194beec0c43609d629367dda9bbd5f06', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: '632b40fc9fa9d3a96d928b86c600b14860f08296' }, "Link klase ar bulti\u0146u uz ", h("a", { key: '0707c672df5b31c57595878c3feec2e063ccc43d', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: 'ffb27f1579cdfa3b581261209ae4c714245a0dfa', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: '0ca05ec2e8f747f17cdf6cf09083ee6bc399b970' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: 'f922105118123001c9072821681df71a2c21657a', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: '6a564e14175c6829283100ce2357d8f25749f630', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: '687e2856676b55f52b7ae7ee8e109845a9de4617', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: '974453779eb235099e008c20a0b1cf8ccd28a244', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
+        return (h(Host, { key: 'd021715b1d58eb694aae5fcb0e98e3fd0bf5c5f9' }, h("div", { key: '21fad411062ac7bb8224819260275a9d95c3cbcb', class: "container variable-container" }, h("div", { key: '30843d35ca95d29d2d7a8345b6bef83d9d251bd3', class: "container-title main" }, "Linka klase"), h("div", { key: 'ad0077162514da3b0de2b689884bbccd73103f50', class: "container-section" }, h("div", { key: '71288cd2dc338613f39311ed3ab396ad62a4ca08', class: "variable-wrapper" }, h("span", { key: 'c0d206be5c5154a98f977792dd9f7ffcbb074437', class: "variable-name" }, h("span", { key: 'f29fdb617706d9dc8b75a595c911a1f7e33c2e2c', class: "variable-part" }, "tet"), h("span", { key: '44929119d3cd39444c6fa0cf1f93142fac26f28d', class: "variable-part" }, "-link"), h("span", { key: 'b80cbf80b9c5ba0e374e6bef2ba857dbae98a1e6', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '8fc35f4580f36203aa683dc994eba9c1076a5b9f', class: "container" }, h("div", { key: '20385bd0b713a2535726702b405cd4279dfd1f47', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '92abc63218a7cde862bf353180ae9aaaea930d5c', class: "container-section container-example" }, h("code", { key: '7ac0aff09b75ac06eb61048867340d5af56602db', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: '79c17d26aaba4fea10a9c06caf3b4dd8b9c3a364' }, "Link klase bez bulti\u0146as uz ", h("a", { key: 'cbeee5a2e4bc0f5a8fd14cd9e421d3dba9b9b1f0', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '92f94d3095cd35507f49f23abdf357b76de5780e', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: '0629a5663cbef9315603cc2d90a12ef33f3d9e56' }, "Link klase ar bulti\u0146u uz ", h("a", { key: 'c25ceefd46b8bd5a36e2dbbe287b1cea460100bb', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '02f76be1a1d63977056ac7a68d7d07896c77d27f', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: 'cbae01c5d2e3bbeb83732f7654fe325e65a77a44' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: '1cedc43ab0e576f156ebbc8a99959e92419f1120', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: '6ef013a5f66ee71a211b60bad1472d65c9da2644', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: 'f398a0b10acd38ffb0f7340f6f050b9d799a02b7', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: 'e64b46dfb9eeb43b62e6c0ef07b57602afa6c8d6', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
     }
     static get is() { return "tet-link"; }
     static get encapsulation() { return "shadow"; }