@tet/tet-components 1.3.62-testing → 1.3.63-staging

package/dist/collection/components/simple/menu/tet-menu-mobile/tet-menu-mobile.css

@@ -375,28 +375,32 @@
   /**
   * @prop --menu-text-size: The text size of the menu elements.
   * @prop --menu-line-height: The line height of the menu elements.
+  * @prop --menu-list-expanded-margin-bottom: The bottom margin of expanded menu list.
+  * @prop --menu-list-expanded-margin-top: The top margin of expanded menu list.
+  * @prop --menu-dropdown-animation-speed: The speed of the dropdown animation.
+  * @prop --menu-link-border-radius: The border-radius of the menu elements.
   * @prop --menu-text-color: The text color of the menu elements.
+  * @prop --menu-background-color: The background color of the menu.
   * @prop --menu-first-level-text-color-active: The text color of the first level menu element when active.
+  * @prop --menu-third-level-text-color-active: The text color of the third level menu element when active.
   * @prop --menu-border-bottom: The styling of the menu bottom border.
-  * @prop --menu-background-color: The background color of the menu.
   * @prop --menu-link-active-background-color: The background color of the menu element link when active.
   * @prop --menu-link-hover-background-color: The background color of the menu element link on hover.
-  * @prop --menu-link-border-radius: The border-radius of the menu elements.
-  * @prop --menu-list-expanded-margin-top: The top margin of expanded menu list.
-  * @prop --menu-list-expanded-margin-bottom: The bottom margin of expanded menu list.
+  * @prop --menu-focus-outline-color: The outline color of the menu element when focused.
   */
   --menu-text-size: 0.875rem;
   --menu-line-height: 1.25rem;
-  --menu-text-color: rgb(10, 11, 13);
-  --menu-first-level-text-color-active: rgb(67, 75, 86);
-  --menu-border-bottom: 0.03125rem solid rgb(215, 219, 224);
-  --menu-background-color: rgb(255, 255, 255);
-  --menu-dropdown-animation-speed: 0.2s;
-  --menu-link-active-background-color: rgb(237, 245, 252);
-  --menu-link-hover-background-color: rgba(88, 99, 116, 0.08);
-  --menu-link-border-radius: 0.625rem;
   --menu-list-expanded-margin-bottom: 1rem;
   --menu-list-expanded-margin-top: 0.375rem;
+  --menu-dropdown-animation-speed: 0.2s;
+  --menu-link-border-radius: 0.625rem;
+  --menu-text-color: var(--tc-text-primary);
+  --menu-background-color: var(--tc-layer-primary);
+  --menu-first-level-text-color-active: var(--tc-text-tertiary);
+  --menu-third-level-text-color-active: var(--tc-blue-40);
+  --menu-border-bottom: 0.03125rem solid var(--tc-border-quaternary);
+  --menu-link-active-background-color: var(--tc-menu-item-active);
+  --menu-link-hover-background-color: var(--tc-menu-item-hover);
   --menu-focus-outline-color: var(--tc-blue-40);
   display: inline-block;
   position: relative;
@@ -412,6 +416,16 @@
   width: 100%;
   transition: border-bottom-color var(--menu-dropdown-animation-speed);
 }
+.menu--dark {
+  --menu-text-color: var(--tc-text-primary-dark);
+  --menu-background-color: var(--tc-layer-primary-dark);
+  --menu-first-level-text-color-active: var(--tc-text-tertiary-dark);
+  --menu-third-level-text-color-active: var(--tc-blue-40-dark);
+  --menu-border-bottom: 0.03125rem solid var(--tc-border-quaternary-dark);
+  --menu-link-active-background-color: var(--tc-menu-item-active-dark);
+  --menu-link-hover-background-color: var(--tc-menu-item-hover-dark);
+  --menu-focus-outline-color: var(--tc-blue-40-dark);
+}
 .menu--expanded {
   border-bottom-color: transparent;
 }
@@ -433,16 +447,14 @@
   outline: 0.125rem solid var(--tc-blue-40);
   outline-offset: 0.125rem;
   transition: outline 0s;
-  border-radius: 0.125rem;
+  border-radius: 0.25rem;
+  outline-offset: -0.125rem;
 }
 .menu__chevron {
   --icon-size: 1.25rem;
   justify-self: end;
   margin-left: auto;
 }
-.menu--active .menu__chevron {
-  --icon-color: rgb(153, 160, 174);
-}
 .menu__dropdown {
   overflow: hidden;
   z-index: 1;
@@ -496,48 +508,14 @@
   background-color: var(--menu-link-active-background-color);
 }
 .menu__dropdown a.menu--active.menu__third-level {
-  color: var(--color-tc600);
+  color: var(--menu-third-level-text-color-active);
   background-color: unset;
 }
 .menu__dropdown a.menu--active.menu__third-level .menu--active-check {
-  display: block;
-  --icon-color: var(--color-tc600);
   --icon-size: 1.25rem;
+  display: block;
   padding-left: 0.5rem;
 }
 .menu__dropdown a.menu--active:hover {
   background-color: var(--menu-link-hover-background-color);
-}
-.menu.menu--dark {
-  --menu-background-color: rgb(10, 11, 13);
-  --menu-text-color: rgb(255, 255, 255);
-  --menu-link-hover-background-color: rgba(24, 40, 59, 1);
-  --menu-border-bottom: 0.03125rem solid rgb(35, 40, 46);
-  --menu-first-level-text-color-active: rgb(153, 160, 174);
-  --icon-color: rgb(255, 255, 255);
-  --menu-link-active-background-color: rgba(24, 40, 59, 1);
-  --menu-list-expanded-margin-bottom: 1.5rem;
-  --menu-list-expanded-margin-top: 0.5rem;
-  --menu-focus-outline-color: var(--tc-blue-40-dark);
-}
-.menu.menu--dark .menu__first-level {
-  font: 400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";
-}
-.menu.menu--dark .menu__first-level .menu__chevron {
-  padding-right: 1rem;
-  --icon-color: rgb(255, 255, 255);
-}
-.menu.menu--dark .menu__first-level:focus-visible {
-  outline: 0.125rem solid var(--tc-blue-40);
-  outline: 0.125rem solid var(--tc-blue-40-dark);
-  outline-offset: 0rem;
-  transition: outline 0s;
-  border-radius: 0.125rem;
-}
-.menu.menu--dark.menu--active .menu__first-level .menu__chevron {
-  --icon-color: rgb(153, 160, 174);
-}
-.menu.menu--dark a.menu__second-level, .menu.menu--dark a.menu__third-level {
-  font: 400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";
-  margin-left: 1rem;
 }

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

@@ -89,7 +89,7 @@ export class TetMenuMobile {
                 'menu--active': subLevel.active,
                 'menu__second-level': !isSubLevel,
                 'menu__third-level': isSubLevel,
-            }, onClick: () => this.secondLevelClick(subLevel.title, canBeClicked) }, subLevel.title, " ", subLevel.active && isSubLevel && h("tet-icon", { class: "menu--active-check", name: "check", theme: this.darkMode ? "dark" : "light" }), !!canBeClicked && this.renderSubChevron(subLevel.title)), !!this.subMenuState.includes(subLevel.title) && h("ul", { class: "sublist" }, subMenuItems)));
+            }, onClick: () => this.secondLevelClick(subLevel.title, canBeClicked), inert: !this.isExpanded }, subLevel.title, " ", subLevel.active && isSubLevel && h("tet-icon", { class: "menu--active-check", name: "check", theme: this.darkMode ? "dark" : "light" }), !!canBeClicked && this.renderSubChevron(subLevel.title)), !!this.subMenuState.includes(subLevel.title) && h("ul", { class: "sublist" }, subMenuItems)));
     }
     /**
      * Renders the chevron icon if the menu has content.
@@ -98,22 +98,16 @@ export class TetMenuMobile {
         if (!this.hasDropdownContent) {
             return null;
         }
-        if (this.isExpanded) {
-            return h("tet-icon", { class: "menu__chevron", name: "chevron-up", theme: this.darkMode ? "dark" : "light" });
-        }
-        return h("tet-icon", { class: "menu__chevron", name: "chevron-down", theme: this.darkMode ? "dark" : "light" });
+        return (h("tet-icon", { class: "menu__chevron", name: this.isExpanded ? "chevron-up" : "chevron-down", theme: this.darkMode ? "dark" : "light", type: this.isActive ? "secondary" : "primary" }));
     }
     /**
      * Renders the chevron icon if the menu has content.
      */
     renderSubChevron(key) {
-        if (this.subMenuState.includes(key)) {
-            return h("tet-icon", { class: "menu__chevron", name: "chevron-up", theme: this.darkMode ? "dark" : "light" });
-        }
-        return h("tet-icon", { class: "menu__chevron", name: "chevron-down", theme: this.darkMode ? "dark" : "light" });
+        return (h("tet-icon", { class: "menu__chevron", name: this.subMenuState.includes(key) ? "chevron-up" : "chevron-down", theme: this.darkMode ? "dark" : "light" }));
     }
     render() {
-        return (h(Host, { key: '212b397ed45d7a11650bce6b02f501c1e205ce57' }, h("div", { key: '9e9f44cca90ff5af3e0368762b057ea3e0d6bb6a', class: {
+        return (h(Host, { key: '9bfff35a1486bdc6b6b687e046582de2f252e9a6' }, h("div", { key: '8a76d22f428b5d54e8c12fac710ba4a41e73be9e', class: {
                 'menu': true,
                 'menu--expanded': this.isExpanded,
                 'menu--active': this.isActive,

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

@@ -15,9 +15,9 @@ describe('tet-navigation-mobile', () => {
               <slot></slot>
               </div>
               <span class="navigation__toggler" tabindex="0">
-                <tet-icon class="navigation__toggler--burger navigation__toggler" name="burger"></tet-icon>
+                <tet-icon name="burger" theme="light"></tet-icon>
               </span>
-              <div class="navigation__dropdown">
+              <div class="navigation__dropdown" inert="">
                 <slot name="dropdown"></slot>
               </div>
             </div>
@@ -39,9 +39,9 @@ describe('tet-navigation-mobile', () => {
               <slot></slot>
               </div>
               <span class="navigation__toggler" tabindex="0">
-                <tet-icon class="navigation__toggler--burger navigation__toggler" name="burger"></tet-icon>
+                <tet-icon name="burger" theme="light"></tet-icon>
               </span>
-              <div class="navigation__dropdown">
+              <div class="navigation__dropdown" inert="">
                 <slot name="dropdown"></slot>
               </div>
             </div>
@@ -66,9 +66,9 @@ describe('tet-navigation-mobile', () => {
               <slot></slot>
               </div>
               <span class="navigation__toggler" tabindex="0">
-                <tet-icon class="navigation__toggler--burger navigation__toggler" name="burger"></tet-icon>
+                <tet-icon name="burger" theme="light"></tet-icon>
               </span>
-              <div class="navigation__dropdown">
+              <div class="navigation__dropdown" inert="">
                 <slot name="dropdown"></slot>
               </div>
             </div>

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

@@ -362,8 +362,8 @@
   --navigation-height: 4rem;
   --navigation-padding: 0 2rem;
   --navigation-mobile-padding: 0 1rem;
-  --navigation-background-color: rgb(255, 255, 255);
-  --navigation-border-bottom-color: rgb(215, 219, 224);
+  --navigation-background-color: var(--tc-layer-primary);
+  --navigation-border-bottom-color: var(--tc-border-quaternary);
   --navigation-dropdown-padding: 0 1rem;
   --navigation-focus-outline-color: var(--tc-blue-40);
   display: block;
@@ -380,6 +380,11 @@
   box-sizing: border-box;
   padding: var(--navigation-padding);
 }
+.navigation--dark {
+  --navigation-background-color: var(--tc-layer-primary-dark);
+  --navigation-border-bottom-color: var(--tc-border-quaternary-dark);
+  --navigation-focus-outline-color: var(--tc-blue-40-dark);
+}
 @media screen and (max-width: 46.25rem) {
   .navigation {
     padding: var(--navigation-mobile-padding);
@@ -414,12 +419,5 @@
   height: calc(100vh - var(--navigation-height));
   opacity: 1;
   pointer-events: all;
-}
-.navigation.navigation--dark {
-  --navigation-background-color: rgb(10, 11, 13);
-  --navigation-border-bottom-color: rgb(35, 40, 46);
-  --navigation-focus-outline-color: var(--tc-blue-40-dark);
-}
-.navigation.navigation--dark .navigation__toggler {
-  --icon-color: rgb(255, 255, 255);
+  overflow-y: auto;
 }

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

@@ -57,10 +57,10 @@ export class TetNavigationMobile {
         return (h(Host, { key: '5e70f2cdbaac7eb99c995088aef8becae914d5e4' }, h("navigation", { key: 'bed2326b739f0e98783a5a08b3da99af90fa1c10', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'bd24e59627eeb6e76b5124892a15f8829d3a99ef', class: "navigation__nav-bar" }, h("slot", { key: '3217b90dea79143f536d1fb5910d29a484f84f85' })), this.isTogglerVisible && (h("span", { key: '47776d13e6603cda7e023fd62477de41ac14527c', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, !this.isTogglerExpanded && h("tet-icon", { key: '85741ffeedc31868150069698576e92b81cf717d', class: "navigation__toggler navigation__toggler--burger", name: "burger" }), this.isTogglerExpanded && h("tet-icon", { key: '38700243c97c06c015d9a863de9e7d8cbf8c50fe', class: "navigation__toggler navigation__toggler--close", name: "close" }))), h("div", { key: 'cd0e738e48b84c3658657c4d5fbb17717c8f7778', class: {
+            } }, h("div", { key: 'bd24e59627eeb6e76b5124892a15f8829d3a99ef', class: "navigation__nav-bar" }, h("slot", { key: '3217b90dea79143f536d1fb5910d29a484f84f85' })), this.isTogglerVisible && (h("span", { key: '47776d13e6603cda7e023fd62477de41ac14527c', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '5f6a0d1b6bb8c774946a86ec7aab1ad6a04acc00', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: 'f4894fc370dfa88915df1d49446227eb6e5a49e1', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            } }, h("slot", { key: '7c08e3190af5aa75aaeb1831f5617c6b6f22431f', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '83fabd91dbd34909b133fd6fc61c55825a4a37c8', name: "dropdown" })))));
     }
     static get is() { return "tet-navigation-mobile"; }
     static get encapsulation() { return "shadow"; }

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

@@ -107,22 +107,22 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: '4f00166af2b2bd8df08488137902cde2888b12b5' }, h("div", { key: '4f273c119c93d0dddfc5fecee450af833dbb71e3', class: {
+        return (h(Host, { key: 'f13a57e4478f9c0849f8d54eba97ced78885994c' }, h("div", { key: 'cc5567f09838821447f0773edff37526c82ce040', 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: 'f0d92953ef8bd8388ed91b0a1f92f512b80a6e89', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, this.headerImageSrc && this.headerImageSrc !== '' &&
-            h("img", { key: '2a737a2531c18dba5c03b46121364f0e16327264', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" }), this.renderHeading(), h("tet-icon", { key: 'b1e78c22f686b67473d7d56f846cec976e2a3dad', name: "chevron-down", class: {
+            } }, h("div", { key: 'f56ab3049a7092c317c578d56046b0bce9ffa215', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, this.headerImageSrc && this.headerImageSrc !== '' &&
+            h("img", { key: 'e44c08897c0c85cefddce51f27fb9ad9fbab2064', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" }), this.renderHeading(), h("tet-icon", { key: 'd07dc2339f53264687496cbd878f33b6d61b8849', name: "chevron-down", class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })), h("div", { key: '002cc50cafa2c8923f97b85cc279d7c07c916d40', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })), h("div", { key: 'b275eb2ac14e2b21207318b8db0fadf7e1abdf7d', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '5fbf62402962f631dcadbc7044d915361eb1d0e8', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: '25d404e128985ffad0345ec63446b351c16b04e3', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '20e011c4dcd05e369851c3f79bd9c7f5227171bf' }))))));
+            } }, h("slot", { key: '5c60e73688c7ec920d782a18ea08a8f40340a29f' }))))));
     }
     static get is() { return "tet-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class TetExpansionPanel {
         return this.state;
     }
     render() {
-        return (h("div", { key: '2e646ce7347b2b515ff9df25c2ce8f65385ada72', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '868354dde407447948f61c08f94a23462d0fae9b', class: "tet-expansion-panel-content" }, h("slot", { key: '68491164a02d6fff05a3b9fbec30df3621a411d3' }))));
+        return (h("div", { key: '36ab91b5dd7263f4e1b54facd3a50b4993c55444', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'cc9ccc2bbc264af44ab5f477636ecb23a80f39db', class: "tet-expansion-panel-content" }, h("slot", { key: '4a31547d65cfbd6628e40ad436224291feafeda8' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -116,7 +116,7 @@ export class TetNotification {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: '5db525ce9db4ef2ed093c956f5f40296a9cd9b30' }, h("div", { key: 'd12892fc8efe06c2dd847b2c61e0148252df7bec', class: { notification: true, [this.theme]: true } }, h("div", { key: 'ad5fe04731f28460f3e95a1298a39bf25abacf94', class: { item: true, [this.type]: true } }, h("div", { key: 'ba82bb3282e3eeacfc163a79e999ccc0d9d26378', class: "header" }, this.renderTypeIcon(), h("div", { key: '6be025940b7ef2e9588ce71c1d148643ef6f1ad9', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '1ba05544d123901ec9c813423e200c6388e6b083', class: "content" }, h("span", { key: '6d4cb23023b2af6b60ac6aeb209ac2bc27afcd28', innerHTML: content }), h("div", { key: '62edbe2463720f1a803ee08d8e267579eaf13011' }, h("slot", { key: 'c0c4ebebaaa2596854f1646cde8ca8774187ee67', name: "button" })))))));
+        return (h(Host, { key: '89c13c3ab8784941e1f3dd648ed3263c42deea42' }, h("div", { key: 'a1f2c37cdc766324e43c49cc53eec31d385760cf', class: { notification: true, [this.theme]: true } }, h("div", { key: 'ddbc3929f4a71600356223b157fe08f83334b0c3', class: { item: true, [this.type]: true } }, h("div", { key: '0b7e1d79507b2dfeb5e57db54680c3b8c51e8863', class: "header" }, this.renderTypeIcon(), h("div", { key: 'fa09adc3ef763478546aaa09e00087875bec5ab2', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '3f8c70a399ff87d9a2e7e1cf5f47e5eb6b5cea74', class: "content" }, h("span", { key: 'ef430720c2bf32a5b956cd3a1e046617309842de', innerHTML: content }), h("div", { key: 'e6208a1ee54c02ef20855fc1dbd005bf23e04e77' }, h("slot", { key: '033fb18968c884bbc0043d2196c10110020a034c', name: "button" })))))));
     }
     static get is() { return "tet-notification"; }
     static get encapsulation() { return "shadow"; }

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

@@ -351,7 +351,7 @@ export class TetTooltip {
         return isTooltipOutOfBounds;
     }
     render() {
-        return h(Host, { key: '99369275fa50ed7f50ebe669f9fb3db4f7e67268', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: '61bfc75e6ca7d956092be500066ef547102fa60a', class: { visible: this.showTooltip } }, this.renderTooltip());
     }
     static get is() { return "tet-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h("section", { key: '5855d03764f4334edf89ceb595565276450186c3', class: "container" }, h("div", { key: 'ce6dc31b6c8b10cd0473837b71166c42acfc9d23', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '670f88f084b49c2d74a918d6c6399637c3665e74', class: "calculator-block" }, h("p", { key: '75b61de25c212b304e192d93ec843bb12ecf3631', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '69a65e62beaf47a229a98acc6d3ae94749e00a5a', 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: 'eb0063b8ab99eb1b704356f20a11eae0f9aa0be8', class: "control-container" }, h("div", { key: '250a9c5700310b72f0ac7c08def9657398ae5bec', class: "control" }, h("tet-checkbox", { key: '4800b5e9d89c7a95543b0d51b4d587118ccd7dd3', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '52d6ba2e72820fd19e4641a33292660ec7f4c33c', class: "control" }, h("tet-switch", { key: 'e348ad482a005e50c1b6ef41379fa8a735b144e3', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '645a79d73a189f3c4e7ca4dd4ba5673c69710af8', class: "monthly-payment-block" }, h("p", { key: '52b429e0614bdb1d1e9bf2ce0cfc0e4cb02ec655', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '613c7383870e24770e5b6b41ddfe9289c7e529ac' }, h("span", { key: '05dda98c6a483ae87edce5d4c32054d9afc83e70', class: "price" }, this.totalPrice), h("span", { key: '9755f5770e373c500b6ce5fbe4ae8647ef053b40', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: 'aa4fccf26dfbca19d306f0f83f72c1ca5b98ef4b', class: "container" }, h("div", { key: 'bc0dd61b268c3bdd8004d8af28174570a6bd7c52', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'e14955d678b0b893326935fd6884ec09232d1363', class: "calculator-block" }, h("p", { key: '224ee54c61a504fddb8403ce3a6b9f9dcf71e290', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '97eeccf4c6b8348296890eb27cd640975a36254f', 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: '613f86ded5c0e5a99b397b6dd5393500081cf75a', class: "control-container" }, h("div", { key: 'b182bac62a0c80c10a1b0ba99ec93b642760f580', class: "control" }, h("tet-checkbox", { key: '4e0048f33de30b0c8edcf88d8a4d1a8c0288dd99', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'e0ed9608ec0db36880a0ef6fc1579623a8f06fcf', class: "control" }, h("tet-switch", { key: '1fb57510ee47ef287dd6bc17d103218b24df98d5', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'a05e53b75b0c9f7b6ce9e2c4aa8986154e5e1fdf', class: "monthly-payment-block" }, h("p", { key: '161088dbba33990524f1bb579744699414863cc2', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '314729f4b285f6a0d332166f24778daf35e5749e' }, h("span", { key: '922b743936072a1bc4e01c4019c641cb377e76c3', class: "price" }, this.totalPrice), h("span", { key: '3210093d5662cfcf9ebfe383f5d0a2b6af881b39', class: "currency" }, t('components-euro-per-month')))))));
     }
     static get is() { return "tet-b2b-service-calculator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,7 +46,7 @@ export class TetBusinessLines {
     }
     render() {
         var _a;
-        return (h("div", { key: '3dce5e5896493a8ab112e96047ca24211ec2ec04', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '9b4c53c1f4f6283c4bc395d8cdbb9dd3044ee1b7', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '57a9ae7be5c726b4a86d50c7c42e506cae2302cf', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'c34e7e7c8eb5f1cbf8a6c84fc5a1db46906b05e4', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
     }
     static get is() { return "tet-business-lines"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetBorderRadius {
     render() {
-        return (h(Host, { key: 'fb7a94d03700f699cae25948817ed14855e34aa0' }, h("div", { key: '04c224824ac5c712602015cca4909a56c6ce8236', class: "variable-container" }, h("div", { key: 'f56b2a77e6c9d8f470a1d74fc576b312a4ec30d9', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '25d87700192d7d34219b4a41f49b3bd0e0d1755b', class: "container-section" }, h("div", { key: '2855c6e2520ed92c3655a8b9fe8b444ebb9e05ce', class: "variable-name" }, h("div", { key: 'bc38383588d283c80a15bd48a5ec026de27934d4', class: "variable-part" }, "tet"), h("div", { key: '525d71e50ff624e74d97257d1707dc934144eb32', class: "variable-part" }, "-border"), h("div", { key: 'f933e1af2097e0a453de87ad90a7f468bddc8a9f', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '1ca06ce4f1c05d932852450526d2bd9a3942d8a0', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'f0ec173d02dd84f553f382ac6d098a9b5d401239', class: "tet-fonts-container" }, h("div", { key: '380761ee7d238c513561209105087a8fde636816', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'e990496df40ecbe36d6f86ce070bec861a7a89ca', class: "section" }, h("div", { key: '36bc5777cf51b0d7f4b6bcbcd6750da22782eff7', class: "section-variable" }, h("div", { key: '207a39598c6eeefbe59fc377a09f89d467222439', class: "border tet-border-radius--xs" }), h("div", { key: '817a78e9a7a5f68ef20bf77ce1b6c776869c0ead', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'e0302962d5db5b20f627101397d5d745997d8eb7', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'a30c84218a372926e843ce0a96547043c0e820f3', class: "section-variable" }, h("div", { key: '17509dd84fdd61b20b4ec1d4f25ba95568b7fb96', class: "border tet-border-radius--sm" }), h("div", { key: '343e5705cbd274bc46c13200165fd594fc6d0c36', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '56ec31a27d7d8a0862c96df3eea501f5dbcce4e9', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '180dc7a2dbca6c6c78049bf1f6a589f63f9d0c20', class: "section-variable" }, h("div", { key: '92003b718f08230166fff24b236fa5e91fb102b4', class: "border tet-border-radius--md" }), h("div", { key: 'bac8062636d3c634aedea168733c5a6c0e0cfbc8', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '44fbc6c3d56d50d5cbab3e94c875281bcfc16c74', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '06007423cecc16dd44349eb9d54c952a3022c409', class: "section-variable" }, h("div", { key: '11c593b1d78e8bbefcb5c5f3cab10f041506bb0b', class: "border tet-border-radius--lg" }), h("div", { key: '0d3779b52dd70c746f96658fd0ca70afbd39645d', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '7b3e6db46822d72a85981795e883fa6aa741749c', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'd5d7bb08cb40488801cfd6454d958af5739750ec', class: "section-font-size" })), h("div", { key: '49c4262a88841b1665f4b7ad899ce4f43621fc5a', class: "section-variable" }, h("div", { key: '6caab4dda0a5ab9dc643a49f071d1dd3e4bc708f', class: "border tet-border-radius--xl" }), h("div", { key: '3f27e09db2cd36640704c616174c46cd0f57f302', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'c95f64c71e86ad63886f0e9e5b4582873ae98236', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: 'a439e43b5a72ef453626e3fb1725a1889c5c60d1' }, h("div", { key: '69cf11fd40b8c13488b1e6d081801d46ede9c57a', class: "variable-container" }, h("div", { key: '25f6466571248d471ea31e1bf2b613b7fa4902c0', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '66abb6d37fc3d4b7623dc42bff130032ae2ddd1f', class: "container-section" }, h("div", { key: '09c72cd5cfc101a2c340e08e5744d75c33f78025', class: "variable-name" }, h("div", { key: 'dd3745417a2b4f2b5b975296b86e76aff35be75b', class: "variable-part" }, "tet"), h("div", { key: 'fd6b83cd5d2bb7f214491a3f9d74e60744eebef6', class: "variable-part" }, "-border"), h("div", { key: '6b914b335fc1caa963362299253a9261a48300a8', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '83187a1845e273dba02f3c363522fa1aaabc38d7', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'cc29ef2df8a2d685e6674647ee4a2791bdc8d3f3', class: "tet-fonts-container" }, h("div", { key: 'd097fa4bb56f6d0a08b126cfba18d6be63772453', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '79b1c526aec711fa20bcb1f0400d1fe86076d766', class: "section" }, h("div", { key: '9924ef6c3100ed2f9101c6a5817177b443390b16', class: "section-variable" }, h("div", { key: '0ac44012e859e03298e8ecfe3224176f24c3a37c', class: "border tet-border-radius--xs" }), h("div", { key: 'b4b8d905c8510367bba14339cc31dff9b2d4ce32', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '828f9496da4b0294c5cb42a1cf8efef6cdb7d8a3', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '231e77fb5ff0e2f30c6a2927db3812356d737dba', class: "section-variable" }, h("div", { key: 'f4ae9b0cf3158131988b7bd89fb73f21f8045592', class: "border tet-border-radius--sm" }), h("div", { key: '71088fc41ee5532feff2ce4cbc90e068283fcbea', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'ff0d85182b5e4908adf1ebf3fa2b80ea6d37914f', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '6f48236741f7373023822111e1fe1992e8b8691e', class: "section-variable" }, h("div", { key: 'dc57cb8fe52fa51eaafce9b59ee8d33210bea0f8', class: "border tet-border-radius--md" }), h("div", { key: '4af76df46a6f6ba7f00cff5a524ed1abffd88940', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'd1e1e3b3d218d566325b4f9712befc9c2d364a1b', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'b483868b8dc90021f5f9981c775f791046421aa2', class: "section-variable" }, h("div", { key: 'ce042524252d5db5545f2a1f896d038a5d120b10', class: "border tet-border-radius--lg" }), h("div", { key: '64545bfbfb135ab710c652303f271fc44b5744e2', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '4cc1841eaea92e35a0cd7e99ee9cd3994beecfd7', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'fbc1be428999ad1d6e555024252d81241a7ed3a8', class: "section-font-size" })), h("div", { key: '736f647b0c0889db65de63ad36f11995fa5362d6', class: "section-variable" }, h("div", { key: 'bc3f06cd4cb17fac6ad17cc7548737faf56a8eae', class: "border tet-border-radius--xl" }), h("div", { key: '4777693a5db8f5003b0a11568f87cb81acaff6e3', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '19f1e74c4900508503fbb6f445e7a55d51c3c7eb', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
     }
     static get is() { return "tet-border-radius"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,15 +46,15 @@ export class TetColors {
         this.darkTheme = false;
     }
     render() {
-        return (h(Host, { key: '0c734fc0e2d801d0b1e1a6ae58674e369488ad53' }, h("div", { key: '371372147260c4a5ab00662825bc00697e47d64b', class: {
+        return (h(Host, { key: '4a911f38128cbe1f0696a3538c5ac9aac9be4743' }, h("div", { key: '3f42f8caae8752b3672f6658205db2631e9091a3', class: {
                 'dark': this.darkTheme
-            } }, h("div", { key: '2d465ff3d7e75d7b34f97c3b62e5b530b07676fb', class: {
+            } }, h("div", { key: 'c488fb6a0d813f40d923ca9c1e186fb094c20e93', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: '854199485f55fb9e50cd2c8b90295e6a289ec724', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '12f3dbf1d5b3047e5fa47066c879cfd46e4b2ac0', class: "container-section" }, h("div", { key: 'a67f9bd5d57bd36c5251ee54ecb053a0074ed85e', class: "variable-wrapper" }, h("span", { key: '506408c73c9a1a98fd7cf95d2f04571f3698b995', class: "variable-name" }, h("span", { key: '94420690ec83a7e96d273f4d7b138735f911202d', class: "variable-part" }, "tet"), h("span", { key: '7df816026b8b346b022a19183118b0ea6043ce27', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '04fe2064d2918e2a1cd8cec22e95d7fd41b0478a', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '38edf4a2b8b1bf819fab63029f5d30916f8c871d', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '484045faa33a8f0d5db45b7163937b99e662a76a', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: 'cb80f5d9913a60447ae16b3dbf24c1580a81b92a', class: "container" }, h("div", { key: 'a3e67062778bed83f0354f184436d3a2b48cddfe', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'cc3e58adb205b5b39397ab31eb02916755670aa8', class: "container-section container-example" }, h("span", { key: 'fd763d0202a01b2b67d62daddedf8821dbfe92eb', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '47c03661e80722ec00389579b78864ebff0c15c1', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '94a4b41e5c18e79c9340a24f20fc7a5e09193390' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '65b7070622193c3671f5116bdcd241abe3aafe69', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '804ffb77fd4f6456ef949fee7dbfa9a111bdc4aa', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: 'eb7f3fab6377af45f8b49fb789c2e1df2b7e8fb4' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '8dd5c65c68ce4a8be1ca0cec59aa68739690fb52', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'e80c54519d1d5fe83f9772d9b042b45fdec1a677', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'd2d684bfb665f47b445c2d166fb0fb79fc1b7127' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '81be7179a888d7ba5282345720f0125ccf7fec35', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '3ce1e62249120b7684f8661a6a30c25a0de4071d', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '62e7d805cd3261ba942134949930741f14ab7b28', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '423b60799f72f2e6b1fc58eb6d0ee0dd90bad0d4' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '66f009740c634794fe46f430014392fdd92ec95d', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '442154dc2ef8a36b15ccb4d8f855f2b02126829d', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '326a4e79b7711134f62118a50b9b83dc215c1f58' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'a702fb73bb3e1d4369a1a6ca13a696b8accc094b', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '9fa801c215c3f682ec1a85524b4bf13ff1697242', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: 'a9eadacc69e49c909c3748754560d2f51fa4d17c' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'b41a2a48d451826519df325084af0b4f9904ee7d', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '924b9888466f294d5876b7b77102a2cd0e31ac94', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'aed92359dc58aa4bd2615f8e4c26050e692052e0', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'acfc99e9df342744df3d5ec8332f3c26d1f39ca8' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: 'cc54946e308c0679197b91037fe918c09abfc69f', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '9c0028c553ea5f63e0e529594574560a21fd4121', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '1a63dbc9edd1de10d6603a0a1514801141ea101e' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'cef34eea923b5bd193151a5423909770f9ba5224', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '29accb26bb16e7af556679fce558f3348c6680b5', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '9d6fc6fb0d071cae09cf55fe602c64215aee60e7' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'c884fc61b107131b692bc1fcd5ff703ad59fa792', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."))), h("div", { key: 'a2f77f41553c762bccffd43e6853bd39183446cc', class: {
+            } }, h("div", { key: 'eeba7b0a80b8ec5f82b5ea65fc40c0b8d1f70498', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'a67e203d3fdfd52e772674bc952e47cefbf2cff3', class: "container-section" }, h("div", { key: '653188989a181dd4e09bbc4de80829a22ae95f53', class: "variable-wrapper" }, h("span", { key: 'b9c7387ff0469ad6a76b7eebea1805a56246b5a5', class: "variable-name" }, h("span", { key: '9a0d9e6808c5626d515e27668078b05daf401570', class: "variable-part" }, "tet"), h("span", { key: '9a26c8c352f125b43795c3ce7c2ca4c7c98ec8c1', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'b60d530c5a344116fb70a566e0ad533a27e13ad0', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '50cb0cbf418fe97986d23712afb46305b2daf912', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '5ee57e565d8dd076d9ea8e94ef3a8873d40e8511', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: '635cac2656a6df0469a79c7cbf140214f850aa43', class: "container" }, h("div", { key: 'a599fe5fe3bf8bfa2dd27b5667f23255c80a10b6', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'f28c3bdaf3dcb99fe0b27ecbd7bed4232c19f064', class: "container-section container-example" }, h("span", { key: '18ae0d1003d2e94cd8e597a3d387f2fe51070d0e', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'f3872a25bc40c55dec6e8e15dfd3445828e48063', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '4cd50c93bead5ff18dd73d7922972200c7f8a8d9' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '4c3f0edbaa485d766a1fe8a36fb83fcea8eaf7d7', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '2b32078f5a8f359c5b1299d3ba17c24b228c6730', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '6d2590af10b7c87c5e13d0a15c9a751fd94d5ca8' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'a1051eb8b960bfff35d7b7d7ba6c1d9e09d27148', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '37fdcf3dbca5573f76294e7856a5fe665a1716d8', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '9e5a81ad3827841bfb5e73f1688c34817234f395' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'ccc028debb5746c16633ee5661504fc9b55a3df5', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'ce12afd2fd59b415851e82c1cc0b37af8b1eb6de', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'f0cc7dcb938ad9d630d0d6451e6dcb3e43f2a3c4', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '636e41542aef8fef3f45a4e64ca86c371eaf20af' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '84264e792111ac9c01a2a996d394b5625d4026ab', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'e4f229d5e8489e32d8821e448f755ad30488e613', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '6f1f16a4ab3987ef4b0e4feba92ccff75d621baa' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'bb21cb67cde63881cefb3160f3d0b586c4945e04', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '0ea16c54b3715b1d56c1188f587900dd624c9c3a', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '8af813675c753c9aae320e5d97e463c973020e03' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'f502c15d550d929dd744e9e5ba3cb8faf93165ca', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '6d59f4c8e2e3a337b1292a6279f5a735cbd175ef', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '241b96843f4a422ca65a654fe2ed4a52f6864198', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '1429d8fe7c3284f90860fb49d56df4782858d01b' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: 'b3b973172213a1818f275bba4fdeffd959c2a850', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: 'fea28211949f989104a4a0af1241bb9d4884e5dd', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '7490c9089d84c155ef38099815e94a09cd647837' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '91bb6bd2faa868d6e92aeef77d44da9b0eabdce2', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '8b6e6293f6f72ab4ecf27de32d8a3af3c8010c5d', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '4ff1adc20ab1969dc35d56b72cf45f1da1c283a4' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '78d1a6ca941e14e330b603c54f88f0ddab0185fb', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."))), h("div", { key: '326b87731eeb1ddd1597a2b95b419e44e3b55494', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: '36139d9cadefe9b55ac364441c4818b5f763ec04', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'e6db4ec6384bb82a617e56f04ce0abb1ae37167c', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
+            } }, h("div", { key: '1e19cfedd856bd9dccbc1cea8f45421ef3001f93', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '89c0b3f0be6aa2e456f32aa5966d08405b9918f6', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
     }
     static get is() { return "tet-colors"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetFontWeight {
     render() {
-        return (h(Host, { key: '4d48273878b6642c2d20b5a8e07bd23246cf74cd' }, h("div", { key: '8a33d713302b08c0f269427b79ee692acb5a59dc', class: "variable-container" }, h("div", { key: '7b08cf437b459ede511afb7703913afb6c437722', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'c6f59d52e93eb908d0132fdf5b983694987bcc66', class: "container-section" }, h("div", { key: '8c5f1e4f8bc68a73d87e400c87ff5d225cfd84fe', class: "variable-name" }, h("div", { key: 'a8bffd1ac32308d8140f11e7f1cff44ce81769ae', class: "variable-part" }, "tet"), h("div", { key: '96ba1579239f832a6049734828be75dba68419ae', class: "variable-part" }, "-font"), h("div", { key: '23124ec773b37237d085148e675c8cb694645bfe', class: "variable-part" }, "-weight"), h("div", { key: '6c7d503c2282bdaf593e2689deb83f3e8eb721c6', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '3d8f2e819dfd48db0b62fcbd69c4435c37dde6f9', class: "tet-fonts-container" }, h("div", { key: 'b5e68bd605da6563f54c6bc7a8d8b41d417b04d7', class: "section" }, h("div", { key: 'f6d3f6e6924d38717c86b1041d643b93d5ac5569', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'bd3057e884cefc7c59d465fc2e259cec43e6b940', class: "section-font" }, h("div", { key: '4fc3cf6907ffa083582de6e5a6c6d4252558773b', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'aad571a89ff04e4733af8d76baaef54e833fc9af', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '78b2d11867ededa198fcbe2198baa416090eb74e', class: "section-font-weight" })), h("div", { key: '9baf6fbdf49ef6177fd0cf6d1f8682e6622b61f8', class: "section-font" }, h("div", { key: 'da015ba50c730474aa82a8106f652ba1d0a04b30', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '27d8b66161ce1f6c68615097a12e8dc5f4eecf56', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: 'a9113031599263072bb495b153b67214a159e1e8', class: "section-font-weight" })), h("div", { key: '9de0158c6cca33ecb7adc08fc25f3b799ce4edfb', class: "section-font" }, h("div", { key: 'af27c36c116be83a32a5448983951f74e7237c57', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '63d6eb149d891dd937ece764e8f7a5fc9f400826', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '95fe91b2e4f2889f4dd72fedac00d9f918cf6ad6', class: "section-font-weight" }))))));
+        return (h(Host, { key: '71980a4a629bf5e39eb340a27d8167e2b3075c66' }, h("div", { key: '7643fa83d658dc6127578ed9cc1991bb99913feb', class: "variable-container" }, h("div", { key: '5ef9865f01595dc785ddebd85ffad7afe6721d46', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'e8e0dc8e530757caf05205f908f95a881ddede5b', class: "container-section" }, h("div", { key: 'eb7184f4eae07dbcf0853378893f9dcdfc7b4b5c', class: "variable-name" }, h("div", { key: 'f252d98edec47681bfc7d510382366e0665a430d', class: "variable-part" }, "tet"), h("div", { key: '8a8d14d4db93ff369db5f7ea3dc857c66df75fa1', class: "variable-part" }, "-font"), h("div", { key: 'f72385c946f381b2589bfc57284ac8fb10897d44', class: "variable-part" }, "-weight"), h("div", { key: '5d0d048f4af31aacdca7e2640c4796f3116fabdb', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '82a099d5b1214f23dcc904b476530a0d02aba220', class: "tet-fonts-container" }, h("div", { key: '044ffa477a5fbfc4f4ac094ce8e9c336254ba3a7', class: "section" }, h("div", { key: '1767559adcf96ba93cddd5582196e8fd39c8877a', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'd4f2a74fb107822edaba1a39aa93c477758eda91', class: "section-font" }, h("div", { key: '165a7d0b7b8f1ec37b8a9f0ddca5cc510cfa576b', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '4d894f8742e6fd60f1c70f7ef5ee219abca78d12', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'c6cdc9d663e30ee1ae6a8a754df051c0e873bf4d', class: "section-font-weight" })), h("div", { key: '22cfe5adb24cf8ef279172823b2645df096e5858', class: "section-font" }, h("div", { key: '21ac1c1b7dce0b3f8bda561f79cfc9d5c7f577a1', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: 'b502b87ed59fd3b4d4182d640902a27f9341ccc6', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '70ad237a3603e83ee1a367ed13c50d8aabb39b8b', class: "section-font-weight" })), h("div", { key: '21c1aa90dc61c46c79c9cf9031c976ed049ccf1e', class: "section-font" }, h("div", { key: '76e25ef512498b729d1ff6f86bce6f967a1a48e2', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'e04e965e7f9bc06fc58a27653362f764fedf569c', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: 'a9db08949eaf97fe12e8b049737bf2f016ae0e89', 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: 'f46ef528a05ff06b7a231a896cd17f710cbf5421' }, h("div", { key: '98e36c6fdd7bd5f017d2087723d789799a7f2e7b', class: "variable-container" }, h("div", { key: '9a969cd58ae0cadc1e507f21d6a6ff33a3b0224b', class: "container-title main" }, "Fonta klase"), h("div", { key: 'fa7b64f6cb47b0bc6f5ac123c55b180c43299580', class: "container-section" }, h("div", { key: '576bd703d86ab106572497d883bca568719e69d7', class: "variable-name" }, h("div", { key: '684ca1ceb15a2b5513b2102468b0d28c77c2410b', class: "variable-part" }, "tet"), h("div", { key: '117d16fa704e5f0bff18aa5ace06d25a8274f5db', class: "variable-part" }, "-font"), h("div", { key: '52907430469547443cda2ede148448c073ae12e7', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '0db74a2e6297da747a0e2cfb19627bde65b2e473', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: 'd0561a82ebc696be243ca13e0b6f635dd203ffe1', class: "tet-fonts-container" }, h("div", { key: '50df27da56066700d5d42d4666d22a23e4a6de76', class: "section" }, h("div", { key: '69188fd37eec5c4ef7f9e1dbf244a4d417924043', class: "container-title" }, "Body - Inter"), h("div", { key: '3dc61bd33f1122d08c5eeeca9af626ba2871723f', class: "section-font" }, h("div", { key: 'c7b48000d2112a9aee4fe01e7350598236571e9e', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '710b62983abd284476ecc0c09bfed5bac5b818d3', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '4a5af76cd95bc5c23b5fe603b6d343948441e35b', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '2833444d7055377cfaa513c6a679869aecb64b21', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '72b3937f8e1480183e218fcd8d248a6d9e9b9f2a', class: "section-font" }, h("div", { key: 'eac39a8acf5562a3fb8b932ffae11c98c11705be', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd51e44b67106b74c4b691a1db66c7bd865ef4f16', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '8c1fdc9ce9ebf56631d05270cbcb6b33319cb548', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'b19b68dc032388d05db122616d57be1e77cabe7d', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'b3bfbc35a7fb85517c19ee9f526901683c023bbf', class: "section-font" }, h("div", { key: '156de2d73a21ce4b6d32497472cea44e25d05daf', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7b069b234cf3217baeb5edba0fbe93dfd476e7d6', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: '2639e4f5a8cd4c676145e967b1ec55a84d04669e', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'e3db1eed8578c39275ddb25e1aeadc4dd27010c2', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'a37494fb2e8e6ff6bfa678d369512605e60e3b88', class: "section-font" }, h("div", { key: '03e11018eefa72e262d91951395e1d998163c15b', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd1b3d5ea8d9c3a6ba5842c6e2d3fec35e8795600', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '106e0805f8f2af885af58b417b7b6aa92d5938dc', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '262617ece221dae7525b66fc120b3521a4a08722', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: 'f4d8034230892a0a7a21ec927aeae97572a82712', class: "section" }, h("div", { key: '015a9e0958386a160c4de37fe1ae1f5fc9defd55', class: "container-title" }, "Label - Inter"), h("div", { key: 'cb8a4a18ae5d80e7a63b9c5216e92ba80f6697a3', class: "section-font" }, h("div", { key: '5ea98cffd8b94e50e383d0244ff2b0b8820b3859', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c2b3677f9948ff74d227b14181137bcea17c5c9a', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '279afe565e32e89eb55db00cc032915f10fb860f', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '1a0bc89ba64f2fb5a1bc43c0c680aba2af62f5d5', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '889e6682144bafaddcdc72ae57eb20d06a21b707', class: "section-font" }, h("div", { key: '183a6cfdcb105674e67603e56bf7df284730019c', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '20000678fc734228b137dd9073456fd06e583fe3', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: 'bc5fd141f07b6dc1a4e3e9e7e47c657bd81674de', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'b1304ba6068b9cf45e2cb0e78c55cea222ec9a21', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '35146b9423570b4b7cb037c083447b88f4dd9dec', class: "section-font" }, h("div", { key: '702619fa7c87de7138c0387b800bd1d0592f6834', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd4b59ba79bbd7221cd89aab69a5c568d60130073', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: '393218d0ea7f1a30ea0c84f2ef89abbc6c50033e', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '426363f5ffb76a03690a385c3e0e5751425563f2', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '9308f8919160fba9308c694020f654bbf1e1cc01', class: "section-font" }, h("div", { key: '1d4f6d71f842f680a1e4ccafc7fc05506187d502', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ba8a8db01edbbd19ac92942a10544b16839653a1', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '77155ab08abbc2c349488979f52a0e2aeda556ec', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '2d6babb000e263678cec69f600b8a73ec381588a', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '62a359c435ad613e4f449e6040fc02652f7ee293', class: "section" }, h("div", { key: 'bd1e34cb183b7619ef0eb94e023168c1c59a6591', class: "container-title" }, "Title - Inter"), h("div", { key: 'f67640bf2ca6b4cbcc890ab5aabcade07f6c22e8', class: "section-font" }, h("div", { key: '63715475cb383593ede32419304e01d973e1f3a6', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '05f1c028d2d43c181fb9d3a9a33e303a39ec0074', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: '1f8fd7e3e37ac4a9c68d0977a97592a6c2d73636', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'cd41fb83cfe5b5c46ed6c673bbec7d48190fda2a', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '689cb5ade96059878793aa41066d3bf5d54e618b', class: "section-font" }, h("div", { key: '142c839a5c9679989b99ebb77fac708e2741e7dc', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9e978fb59876fbf51f1de0e01eb938a725109f6c', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '27ea37e78933144486895759b407c68cb6f3c049', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '0e9f57c16f05160af5982e6cff5c8e6bec48afd5', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '40400244c88d046d41a7d26ae8ecde3492cf0a83', class: "section-font" }, h("div", { key: '1413a6603d09df9456e417a8c24eb6ab636ccf4a', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8a60693d36bb0392ada100acc79381bd3e07ce45', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '9e80dc7e3b872d804657cab01f14233296fb6211', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '9d0d2351ea8153a434548c5aa1cbdeb70aee3233', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'ad985a2fc57d8aaf2ba4719ec78434719685163b', class: "section-font" }, h("div", { key: 'b1d6eff7fd724f02326e6f648b903bbbb734e6d0', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '545ab9201bb052b23f001a5256e9b23f2e59aa98', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '26628518a027d01302bc03a112ac90bb84277a4a', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '3cac0b0861044dec53075269af92229b956fe9aa', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'acfed4bbfcb6bb94888c15e49dec717fe077b1f1', class: "section" }, h("div", { key: '7f1933d7b8c8c32ce91208440249947449491587', class: "container-title" }, "Headline - Inter"), h("div", { key: '13f82408ea06ec6caeefe2cf3d6d535760a4d4dc', class: "section-font" }, h("div", { key: '1de685d16faed603a2200510d99a9abd6ec9b170', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '75418e8d56db35fad370b4dbac99defc33bd9c8a', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: 'c9ab4bc9cd4529d0412df160ed4db91ddb1ab476', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '89051e0e54ec76415390906c734485f0fa65bb21', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '0e9d1291c1b1218bca79cc4c10e37f38dfbfbcb9', class: "section-font" }, h("div", { key: '419895337089ee500143c73971085c335e145e1d', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c08d25f4d57e64204862cf6c339edcc98d9c9657', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '8f528d4b917069326102be4be24763070d9f717f', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '393a30b36f8be86842cd622d15bfc7825d998429', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'b9a5213c1b603cd694a413a8e92a0efd90fb81b1', class: "section-font" }, h("div", { key: 'da5428cd4b9db343233a77c24140e35d59edc9e0', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6734e0fb2f32c178b66bd06e4e39dc38d588ac8e', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '739165e765c9decf0830232fd3c87b2f4b5d9d08', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '660ceaf4a32817b2a65de5b5277343ebf09c9873', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'a66754bfd7b14f935edf6b3dccc9a89c7004f05e', class: "section-font" }, h("div", { key: '6ea5c88f8621e9745750d808a551f01abcfdc32d', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '55937de253006c4dc3dfbb32003491ee7e45c5d2', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '91393331e10aedbd7471509beaf394363422cb90', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '0296e53a9d48b9264475e21780ed99d7755975ed', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'c1d88791792c492b6fc72091fdd04729fa455e9c', class: "section" }, h("div", { key: 'bf8bbaecf2e0af807fa47c2a40febf7bf165cb34', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '7a5babcd5e6234f3a113ae783ee30944debe09ce', class: "section-font" }, h("div", { key: '3f485f3fd451fe25eddbf71912456faa774b1a6d', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'cefdcbd85ac9b99bd6dafe2585a145aad93b857d', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: 'bee1c2abdfe58ad48b6f1837a52bbb83c8c86dd0', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '8358265e87ee53266d67b4018353243a48993e34', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '8d023210935e7dcc4d95bdf8280eb87c9a4fac06', class: "section-font" }, h("div", { key: '85a79b2e554750c4b93634691637bfd80a6d8bd3', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '96b7893e3ecd934708ef5897c0dadfd459ac7487', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '94eb00b1545ca15ed1f6aa96501a40666b7526d7', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '80a40549ef4f492eb4f774da7e56d878bac2ae84', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '6b3ac1c1ddc8088fbc3994196be8da407929546c', class: "section-font" }, h("div", { key: 'b78e11b09c27058766b0cf6e24aece7f03dcc4b2', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3c8875bf8caac9a7f3ca79d0dc4732a43658dcc3', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '3cab390202d2b519a7133eb3932a728b4b35c771', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '322c763f79aec8078c822fb8562592c0cb6cd33d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '09a033026ac274d2ae0b458e2581f124c739d8da', class: "section-font" }, h("div", { key: '86beca29b8e6cc91fce0b6e27b39da34028c0e0f', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8dc417e99b318c5599d0cac217bca3a3faa68733', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '478b84ec67dded151081e3e8aa4ac1cfa5e14203', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'eb8946d9426a0d712625952277a7705c118b48c6', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '4e324c7d8663c5f9a959f3195d35a6d92bc97f01', class: "section" }, h("div", { key: '131d08530ee743585992abeca7e66df95bb93740', class: "container-title" }, "Display - Gilroy"), h("div", { key: 'f83c0431c7ebc52f2ca98aca1ad2b7fa41798e94', class: "section-font" }, h("div", { key: 'bba30a97bb311a8d6a052cc0607d7d00d79a3471', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '40ba3bb5543dc76db81f0b998e3e5ca4111addb4', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '5978b9bb5b18c7a8487f2668ded88e726534c8f1', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: 'b921e1e04c57db2b98eda04cb1a30d531db922ee', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '3316692c238f91287e0c145c5320e93d4177e467', class: "section-font" }, h("div", { key: '94f6ccbb9472767d6453bcba8b7399f46d50c21c', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7517e6e48b2c6684ced653d76c5f55ee09a6e363', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '1da41bdb5490dffecbd778ae87126e501a13b218', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: 'a55c36656832fb1e7be9ff1de57391bb3e41f868', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '98e5a0d22178aa91c861fed538f94a1dd316640a', class: "section-font" }, h("div", { key: '7cff7e06e3d80c430c6074d526719f80d9cd5100', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd5f64a9337342f077bec04fcbc64c0986b8be1f0', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '72639fe0514111512e0541840211bed534598175', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '1e9f223a8e94022d8c183b369008a3608bbda01f', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'e0d05aafeda91a0101f8d12417250f3601ee7aff', class: "section" }, h("div", { key: '7c8a67b75b4720c939632b4e953d198c2689625a', class: "container-title" }, "Expose - Gilroy"), h("div", { key: 'b59a93509a65f3e830a3d1ceacf5f11f8d3baf4f', class: "section-font" }, h("div", { key: 'c9db03510f4fa13122635b22b1f6960a0db7ae53', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f667f89068ae9668ce98a9945d9ab4133532d1f2', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: 'b996f28f616e2bc0951d13682ed8c5d671dec762', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '7adb07be627ca37fb279484b1301797aa0b20ca8', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '6f2d5defd45388fa8068aae427eddbd81fdfa0c6', class: "section-font" }, h("div", { key: 'e1492c069b4fb5bb67da760a75bc12f43e5adc1b', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4e803a837b0e43b1d42228942408e22b36a87fa7', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '69c2d4a7cf30671704a784881f8345550ac47ec1', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '9516bb8dcface88ad0cd9a3c860a193a1b7d7429', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '22f921eb1b16f83dd8558244e81d2eba3951e4f8', class: "section-font" }, h("div", { key: 'b5e834d8f39f0312f2aae63dafed00c211f35c71', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1bd499e55409bf63077363272e334ebdf3a15bfc', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '3f3d4eff3508480503255718c5cad215532484e5', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '5d044259d416bac4c665b075675a2ae7826e4e7d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'b1d60ee6ead84ef107a51b22d6516306f4bb121d', class: "section-font" }, h("div", { key: 'e5212dd97ca7c5d7767889bba9aecf9edfd6c919', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'abc1ce9c12b4c16d3b731635fe022acd5f88df2b', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: '56884cbe06a068e1f2063421fa9a4ff20d5db7c6', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: '5379a8abbb97915cae1995260315247e80833f48', class: "section-font-attribute" }, "Font weight - 600"))))));
+        return (h(Host, { key: '0907a24d242b01b086e12f09cba2d08f1cd27649' }, h("div", { key: 'e8a6f5111bf50a68a913fe4e10d8386e6af00e02', class: "variable-container" }, h("div", { key: 'a05bf1c461c0da432aee17694ada4c5ff79daf1c', class: "container-title main" }, "Fonta klase"), h("div", { key: '1018094eb3655f80fdb7375b020ca87ab7a52851', class: "container-section" }, h("div", { key: 'e0e9f5a1c594b729bbf2b0d5bbfeb13d78a192a3', class: "variable-name" }, h("div", { key: 'cd7c0a74a2d5a5d985a905e70953f225787c620b', class: "variable-part" }, "tet"), h("div", { key: '2450884338359428e281201a61dff552460fdd8d', class: "variable-part" }, "-font"), h("div", { key: '730737aae61cbdc0b7a306f8e9a3179bc39edc79', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '39dbb4e3293e27ac00bf75f7e53ec3efc19590c0', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '893c432fc98d6d8eeda0cf35895cee0c618b4962', class: "tet-fonts-container" }, h("div", { key: '22d062c249a6c167bd3cfbcffb62461f22b00fa9', class: "section" }, h("div", { key: '11dfff2fc6a4aa4b6b2ab58b287b769987d789d8', class: "container-title" }, "Body - Inter"), h("div", { key: 'ca81bb6c29c87d08ab36924f4f8f330f4f5f2861', class: "section-font" }, h("div", { key: '0725bc57058d9bf646fc9fde56984d74507bcfc7', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'cb51b13c81b9f9e0b07df49136d0fa8db8fd1820', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '1bb1540553a9f0985f2b6f1c2f71c4d26c0f7cfd', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'e47083baa7ad956ff9750966c2ab549fe95da12c', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '89a40e0479cd765f18d5a26f61ba37a279223466', class: "section-font" }, h("div", { key: 'a8db20dc921d5c6421dd5455b0c555bbc5bea509', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1ea7738dedc8964a5e51ab51362b7f5b8ad59e66', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '0769b1d4b1fdcc024d589c401863172385edd3c1', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '06d50ad57b43a3d0cb55eba93a5b3cc66d1a45f1', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'cff53ccdd3cf840eb5915de49bb0697dd23f980b', class: "section-font" }, h("div", { key: '0ff775cbf5e1256ce6036a0fff8ce544ec3d163e', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'df78abe2cb77977e8674fa291bf781c1643355fb', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'b6c6cd1d37c3a96b0fe417f24afd7ee454840879', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '99093f1e66b601dd203c320f0d55790c75b4fc97', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '2ecab9cce6b5832fdc01b9a8bec27443d775109e', class: "section-font" }, h("div", { key: '988734c92c9db542b45d8c49fb9bf1773b82cfa1', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5ee4ee8e7436bd68a4ce4cdadb2572ed5fdc3308', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '2bf292fbc1de3cda1a33b7aaed13ca2da3454c4b', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '8532ba62770adfce1025672f6846e4ee6b97c877', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: 'd703d2f8f805a9d74bc2d48070be36a235b37d47', class: "section" }, h("div", { key: 'bdfaf9e334e4bc791214dbe1899afc9483ef8c6f', class: "container-title" }, "Label - Inter"), h("div", { key: '4011451948fc98a38edb7654d1641ce2657b9d7e', class: "section-font" }, h("div", { key: '9ec51fe680b9dd8e7aa37ab9d3bf0f0c915b089e', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1f4f69b54b39d7567ea92499a40021471da433cc', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '49ffe64b20e05b311c9a34a40c0362ff8478c421', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '5ea983f1af81d616a21321ca72d811f3bdece1b6', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'c85f374be15510b30a9e2c95847427e3886ca0c7', class: "section-font" }, h("div", { key: '90a71e2f0a112ce4baa6a960654a8dd9cfecb2cf', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '40ef8d1a3838d6064c05d596ffe1c374bf7c2dd6', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: 'd2e72cd5bb03bfd05fb166750ff803456ad50b02', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '59334ee2079b0afa6ad1925a1f0983e2e0bc3993', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '6948d561875d1694d5961abf8679209fed8976c1', class: "section-font" }, h("div", { key: '1b68656b8bb6bb72a9e7823a9620df3cdc0368a7', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a59b8737b624da5dd912cf9452111fe5cf209a04', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: '474de5ad32ed88bb594196c3586ad18afbebfec8', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '5b8ca761bdf19f4f076ea133854a0a6c88842ff7', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'fb32236663015c49b80c6c9e4e0289fe1e753afa', class: "section-font" }, h("div", { key: 'd086f60816272607245bb286fd408e99322ca103', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '25f75b0dbe68e04bfaea19478e44d39acf92f8e4', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '535ea881bd01dc44be73539597f9947211d30db9', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '1f335ce84951b4599478e6f07e7b2534d329c2da', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '92f22c0e193f8ff81cabdaa6368bea97c6c9a43e', class: "section" }, h("div", { key: '70f5d67c6743197eb60a090329293b086d0aa9bd', class: "container-title" }, "Title - Inter"), h("div", { key: '28cccea28134775bb151f3b3e732dd1d081a9659', class: "section-font" }, h("div", { key: 'e22e07a9c1905c278b4fcecf98b0e909504b810e', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '384656d495b0fdceacfdc3feb9187b18bb0f657a', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: 'f0e563ee8b17bd1cf772706b89eaafadef9d5de6', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '67368352d13d6f9affc2c9935114f40dcc0ce1d0', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '231745841241210e549bed88882c9669b334261a', class: "section-font" }, h("div", { key: 'd4e02347f8424b7ff9fa9c1b8397542848218f56', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1fa861923ea3df1b1694bd50aabd3d34c7dc7d94', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: 'a6c4c0d4e4a6041a0d6d9064bc140f278f2d65a2', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'eb5449b1c4958cc7fc8fc7d9c713b8db34869ed8', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '0b861b811163cd0e3b9d2cd663ccea719b890716', class: "section-font" }, h("div", { key: '07916f3d477dd70e20ff855368e6b76ed8b0a175', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '05e06442464a1992fd2510cf893f8753a1993c31', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '75a614b87d95e3f60329fb796130224cc17c6b11', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '752df826f054a15d4aa8935961c096e5846eb4e8', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '371cb7bd66c108c8fb1e3732454b3b4fddfee84d', class: "section-font" }, h("div", { key: 'ab605a0f977d56e3970f78272611638d66062642', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ec0c25b2213067f6fed0ab865f70f7b317b7e7f6', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: 'ed47953b3698f306b26f306cb90dbb6953f751cd', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'c9680d2f8d47c4df9b8d6189fb7bf8198b3e6316', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'c837c572deffccb02ec8bd84bb48a746f06eb540', class: "section" }, h("div", { key: '4fcff28f1fd7fce5eb4e4173d2b82ae90c26eb1e', class: "container-title" }, "Headline - Inter"), h("div", { key: '208b622dea1807be11e8d2ef150ca8f0b0784fd6', class: "section-font" }, h("div", { key: '6644644eefd115feb09cd2e5eb29372003416ece', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '884d4837c7d819c255ee4e941078673703410c12', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: 'b45472d49b4b36304d1cdf991942b14ec01806f9', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '8b932f2114c61cac73568bb35a502b96d9b49ac6', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '522b27192c9632cb3763956206a62c5fd1ec8402', class: "section-font" }, h("div", { key: '46bb264850b34699d0883f3186f4cea55a76371f', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '64161a7a59b5b8bd090b135967967796d46d36b5', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '89520d5ef6b1c276ac8fb1457cb98e06f2a7ab4e', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '6dd33948ed973efca71f4d09493ef63fe7ebaf45', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'ad8e3743451fb79b67b22d7dd7fde7ff09940d5c', class: "section-font" }, h("div", { key: '42b1746b46faf229f41c72e8b61d514d04312507', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1adaa1db7ee22146db2b3089b4c1512609d5afb2', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: 'd944893b12ce9b138d6a8746e676d84641d9864a', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'ad7fb66020bb4c3dcc22161d954171a0eceb7457', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'bba16da2a328ae9c2de52571f05dcda18caac9a8', class: "section-font" }, h("div", { key: '1cf0b31d236c3521505331a290a164eec2c6bce1', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'edfecb38a47266aa8786964b9ea0747af72164c8', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '9b635b51bd22ab2934efde29be7c2ad5079c4d4e', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '48b7c54d07b03a482d5efb0ea06b739f7e8c0565', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '248b003bd6cfcebdba3325b39b2824d969e98d46', class: "section" }, h("div", { key: '068e7690cf9d1c3814cfabb072228158f6fe48dd', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '9e0b02194a7b22cd94709dc907e8803a17220884', class: "section-font" }, h("div", { key: '7aca77bba09e290977fef03f132fc1f3b722cc86', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f0bafbb87368784177e635ad98d3006b1d682a88', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '4a360973e44929afab57a872434a02f68d99886f', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '12b93a89c874bd459df95fb944e8270e3d1f466b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'bf99e8837d5a81779c93ae377a16ffa30c91cb47', class: "section-font" }, h("div", { key: '082a5ca1d978ebea88a8b456dfefe90bfe7922f1', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b4f5294cc784497925374e80241a28ea74b01a1e', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '29d5e87a888bd1c3a91e8962a07ff3d13af03bee', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '7a8744a7a7fa30315d9059f9d3d3d3c90de82791', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'dc9a0aa8936bf5b2eecefd5b19a8cc4210b54c7e', class: "section-font" }, h("div", { key: 'aa261fb030dba4b6de7dc0b8971ed473693c6d9d', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '448076ad30c4b5772e16d740e6ca79bd995959dd', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: 'c862db64aae312b85b0ef20edecd13e7f06d20d9', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '22f2e1befa9e717a585e4ab0773c5b514e3a1066', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '2c48e788977e4a93408f050630aa05edfd0ef345', class: "section-font" }, h("div", { key: '1128782b08c7a1e3cb04ee70d6991cf72582170e', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8f4ee39a471e90eee1216d72f4e02d74accb125e', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '4deda46dd0607ce58a2fe7ef6075e9882e0db4c0', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '564e6ff99af9d0b8ad8db5ba667f5765ec046064', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '00138ea808bfb21495ede38e93bc7d3411e019b2', class: "section" }, h("div", { key: 'bf42c3368ce56ff590a9cf0eb99a7681d5a7acb1', class: "container-title" }, "Display - Gilroy"), h("div", { key: '44f6b9c0d06540b0d4ffbd00174ddbc77a514e37', class: "section-font" }, h("div", { key: 'fee1e2fa5102b8dd60f5819097c6e1aa28b630be', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2d93e7f747b43a798bf9b43722cf385c70dae78d', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: 'dbd13a6656ca6e2d889404935947efe3b0e4601a', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '4e2c32afa7af0b8b29a4d6808dd4dffd67d31b45', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a94e606a1346c2e904aeb661bfaea6fa954ff075', class: "section-font" }, h("div", { key: '7def1aa3f7b4d641eb7b5a51e8bd901dd240aa53', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4d4470825beac4a5b018d09bcedb45e0ded4459b', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '760a59bbb020654a49d7a03747dc5450ad4c2cb4', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: 'cc970778b4022735ed8909ec39623db1aa5e2090', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '3d596837c279e7bb43889670171c80ac70a26453', class: "section-font" }, h("div", { key: 'd50654207229494ecfa49e6d30d1ee7ef6d0964f', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3f92e87fba325700c81b720011fa4b6cf8021c47', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '95c0f522e96fe1882f50788d1596a97cf2977043', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '2b06a306929b337569f7ff578466749ac87eddc4', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '762b68a3b9d7ce712a13168e59eacad8c8e7004d', class: "section" }, h("div", { key: 'f890fbb9e975c53768d07d4fda6f3a1bc1134bca', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '5deb7ce11b5b47d9d9f2b8628beaa9a53e4b11e5', class: "section-font" }, h("div", { key: '22c46802acafedc47ded45ed35ff150eb08d8080', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'cbebbd14c834b870cadebf0384bd92598e086dc0', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '33cea96e85e3d9d323fefb7331766a743b2258bc', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '9fae223e22efb36b9227570ec172648726a5c5cd', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e74fd8462a8e8808193fe2dd7a27619bc1a9c666', class: "section-font" }, h("div", { key: '0224b6eaa0081390f7b8e395ba13eba462fedad4', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8592ae7e97ad9833bfd7a77ee6342fd66b2bf3b7', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: 'b86e378586645ea33d9478ba2b19939e5cadd960', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: 'ffd72e300ab047ac1c1ac404e472e1e94596e049', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'b36b9d9926851d6662687fa5a63e872ce10dd832', class: "section-font" }, h("div", { key: '0eb2f21b88781c0b2d91c021df0754dafe48e0d2', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '356602fccf7d5fed316194e45909310af609486e', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: 'd69e7acdcfe29342c1a27cd96f2dd251b0a27e94', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '68712740b03577153f403ef7ec95a5bdc27ecb9d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '81eedbe06a12ba4ca8b1bf13057330fe0ddcc017', class: "section-font" }, h("div", { key: '2baaaf05827c26fc0a2b017919e534b4c7d70b06', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '398c606577814d3cfb426a1b77c3c32995e5cdb0', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'ed59b4fd2743d9eda29bb3a61cb5e6273087406a', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: '24459f9ea4df2339b11b7c2b785f3a3e68ee35b6', class: "section-font-attribute" }, "Font weight - 600"))))));
     }
     static get is() { return "tet-fonts"; }
     static get encapsulation() { return "shadow"; }