@tet/tet-components 1.4.59-testing → 1.4.60-production

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: '890a98c5cca224c43dcc63d37f918413e3468cbe' }, h("div", { key: 'b10307b219a787c599ffbaa7c21a2eb4df29acd0', class: { notification: true, [this.theme]: true } }, h("div", { key: '3aba1c9b7e0116e64aa2679979e4018dec4c28b6', class: { item: true, [this.type]: true } }, h("div", { key: 'c4c6bf42bd52d9f518b411ada8a0cf1109372e82', class: "header" }, this.renderTypeIcon(), h("div", { key: '7c62e89875d8deca7a7f9d275ceab97dde681f24', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '1e9d6d9b1fb2567f1a4b8866b417c46c68e6ed25', class: "content" }, h("span", { key: '19083259a37e4baef036926a2983f517ccfc9247', innerHTML: content }), h("div", { key: '431d000719f12facf3a5e93765cef11ec15f760f' }, h("slot", { key: '2d035d0f2b3bc39b273097183d554450ef2e52f8', name: "button" })))))));
+        return (h(Host, { key: '740f83b6971f721bc0e94838448adfebb15083aa' }, h("div", { key: '82856e6d95ef542528e4786a857e3e9901af391c', class: { notification: true, [this.theme]: true } }, h("div", { key: '11039c5798e1cd94e9cf5a2f2eac8831ab92fcbb', class: { item: true, [this.type]: true } }, h("div", { key: '5cbba113943fcfb1875d63de80ba2db66aeb593a', class: "header" }, this.renderTypeIcon(), h("div", { key: '8db9b4479914e14a0873d812bb298deab3897d8c', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: 'e11b35179b3cfe1b37980d65ae747fa354e6d037', class: "content" }, h("span", { key: '02ff729cd8b1ce8a6b7c8a43d0e8f62cc7e5c602', innerHTML: content }), h("div", { key: 'e4f4b18ee20c15e1ad77ee4519c0cf443194890f' }, h("slot", { key: '765918f0e567cb94dbc243789e745e3b75a987de', 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: 'e6db2da32897b803dadbbb6ebcdad34e53da133f', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: '015a0d906536d919d2f7d5c83cab5e533542be7e', 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: '09d8d4dd258e01a393a25626c81a2dc41cf3b64a' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: 'cbd334ea1b5606aa137a3eb284a352d5498a5c3a' }, 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: 'dcd5e7e292cb4e124e1f6c635ba3a80ced30a7cb', class: "container" }, h("div", { key: '4c087cdec74cf9e2b7530e512d907cdf6116027d', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'adc04eea14067c4fc6cb61cb6bd6ed9fb974a675', class: "calculator-block" }, h("p", { key: '982a8f9495c77b18c04e9322a9923049b2c29ebc', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: 'dcf20856c9694e4663cc24ded31da27b618192e8', 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: 'a475f06854910fca3a0388701605da880b6d97b3', class: "control-container" }, h("div", { key: '36c7fadaeac83d25bbf7cd4335722614c55e2396', class: "control" }, h("tet-checkbox", { key: '36a173780638c4cfa07fa39934d7863562cf5883', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'abf7f7d4850382659efd3b32d1a156ea25088cc1', class: "control" }, h("tet-switch", { key: 'd2667cd18465525cbc1e30386e17d465d348d2e1', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '149f1f170c93da5e270b13d4572ec10bbdeabc9a', class: "monthly-payment-block" }, h("p", { key: '135b6f93a585e440d64ed0f3ee12279f629b3f79', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'f2dc1b3c358c6cd2216ba6d8f29dc2b7a06190eb' }, h("span", { key: 'e37a4dbcf1308b373715aa32e3ce4f5941039020', class: "price" }, this.totalPrice), h("span", { key: 'f6f117599742763fcdf93e8c1c7e50ff55696bbe', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: '2fd54c92ccec9a8e6d057261579be2cc3292f00b', class: "container" }, h("div", { key: '4f440d9be6a12801cb553416f3d3094d9cf4e73f', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '8178c1e07198067280f3a537efeba2b74210b25d', class: "calculator-block" }, h("p", { key: 'db8342caca737c7cb8e8be1f0df6b1cdf85c5ddb', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: 'b9ba274aa77290f00ea88bb484d2bb9c2776e83e', 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: '789907e45bc7490bf4426c938ca7e7b2e588d476', class: "control-container" }, h("div", { key: '786759b45b7e2aae7c14664d915fb74bc02f05b4', class: "control" }, h("tet-checkbox", { key: '8363c17cc9d57e6eee616ac44e867b45fa18754d', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'dc975905e445f3eb80eceeee2c2eb5aff7436151', class: "control" }, h("tet-switch", { key: 'e327057f8f8f835ec9adbaad0219b8b92c1c84ac', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '1593b09005ff7fa958328aae055dc0ce4893d118', class: "monthly-payment-block" }, h("p", { key: '84d274e9b1fe3d42baac47452a65be36e7144683', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'c3b1ec5916bd764512ab1e805d92dca235f74d57' }, h("span", { key: '858eabcb9ae8ccffe31dca4acf4846a1ff1d61df', class: "price" }, this.totalPrice), h("span", { key: 'afb3cca024a76d49dc442084a51929a2bdbd67e4', 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: 'e91197df904320cab1d34e74c34b297bcee23a63', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'd2f4bb092f534114aee43e05a7688ef6fe2fd92e', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
+        return (h("div", { key: 'ac9c1282a330528172989f1d3c82c3d932feefc7', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'bd22110953214daf6d8c9f6721ea27d7a1402248', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
     }
     static get is() { return "tet-business-lines"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-contact-info/tet-contact-info.js

@@ -13,7 +13,7 @@ export class TetContactInfo {
         return (h("div", { class: "contact-info-card-block" }, h("span", { class: "contact-info-card-block-label", innerHTML: contactInfo.label }), h("span", { class: "contact-info-card-block-value", innerHTML: contactInfo.value })));
     }
     render() {
-        return (h(Host, { key: 'c4edf96e31755a8507b5321598f0067d75e84994' }, h("div", { key: '4857de94fae7550d0dd12583edca85f4ae184518', class: "contact-info" }, h("div", { key: '31636e15733dc3ca00bfedfe68ad7dae5382f605', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
+        return (h(Host, { key: 'f776652f4c85cbecbecceeaf98f0ff9b59f6570a' }, h("div", { key: 'c8e04aca998d093f00ef2ef94acbb7abc2790f4b', class: "contact-info" }, h("div", { key: 'd7eee58c49ff24808bfbb558154bf0bc00edc895', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
     }
     static get is() { return "tet-contact-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-macd-view/tet-macd-view.js

@@ -284,7 +284,7 @@ export class TetMacdView {
             this.renderMacdOrderTypesList();
         const content = this.showLoader ?
             this.renderLoader() : errorOrContent;
-        return (h(Host, { key: '14a900bd1e5e75cb47673e3d51b4e60f7f80d8f2' }, h("div", { key: '3916c7ce06cfcc8f98655d200131c582b9b38884', class: "wrapper" }, h(ThemeWrapper, { key: '6bdc365fce9fbb7f54b0a217ec215485c47bf9dd', theme: this.theme }, content, this.renderDialog()))));
+        return (h(Host, { key: '9b74fdde65a6e35f2fc5a74adc17814f7161de32' }, h("div", { key: 'f5cb8d52dd2ed514da26b7f416b62f255468438f', class: "wrapper" }, h(ThemeWrapper, { key: '2e8ff8d7c6ed0b5d0f4577361e543b976a30c4a6', theme: this.theme }, content, this.renderDialog()))));
     }
     static get is() { return "tet-macd-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-price-view/tet-price-view.js

@@ -199,7 +199,7 @@ export class TetPriceView {
             }
         };
         const isCentsPrice = this?.centsPrice && this?.centsPrice.length > 0;
-        return (h(Host, { key: '1e4014db7b02cb439d6ed757b6858545ab000a5a' }, h("div", { key: '63a2f965efa9f35c96db0a218de31423697f1916', class: mainClasses, style: styles.container }, h("div", { key: 'c2fcd90bf99586a4f2f92c254ccff6298d52a43c', class: "price-view__body" }, this?.headingText && (h("h3", { key: 'b65e2d8fb2a1d990eaac750b229ae9aeebe23de8', class: "price-view__heading", style: styles.heading }, this.headingText)), h("div", { key: '134d4c8d5822b8ec6f5c282dde86d0f8646140b0', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: '89f51cf61e7e768649a9e863cdd7cb8f7842f950', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: 'f90f6521227369d9e2fa2cc131cf8c02d53a98f0', class: "price-view__cents-container" }, h("span", { key: '91718ffe8454817196848b87c36f51a03cf6416e', class: "price-view__cents", style: styles.cents }, this?.centsPrice), this.priceType && (h("span", { key: '55eb1da3b4a1006f12af1af2ca40972157b1f856', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), this?.footerText && (h("p", { key: 'e6e346ae69855987b4be89701634f2e160b06f00', class: "price-view__footer", style: styles.footer }, this.footerText))))));
+        return (h(Host, { key: 'd8860b3525bf84b42cc0dbfe6bcd232e78a7c7c7' }, h("div", { key: '4eb946d9d9df8a02023d2ef2a54d3b7f15670976', class: mainClasses, style: styles.container }, h("div", { key: '862c911b30cb8489ff05fa2f9bd43188a44408d9', class: "price-view__body" }, this?.headingText && (h("h3", { key: 'a3196db323d06c2dc07c9f54e70410d080967331', class: "price-view__heading", style: styles.heading }, this.headingText)), h("div", { key: 'c5ff4b1d17b884beb544c10fa5b66fb88960da15', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: 'd39a610e46a9ce4893730bdb689aa995637057ab', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: '64bab26b45ed4d70dd6e4bb980b7cc74e9e284b1', class: "price-view__cents-container" }, h("span", { key: '80ca1c82e9bfc37d9d58f1e4133aa4292eee754b', class: "price-view__cents", style: styles.cents }, this?.centsPrice), this.priceType && (h("span", { key: '091fd12fccdfe54f456b164d15f5fa30606cb0ce', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), this?.footerText && (h("p", { key: 'c6da62dff6b5fe6e07ceb0078514874bf35cac15', class: "price-view__footer", style: styles.footer }, this.footerText))))));
     }
     static get is() { return "tet-price-view"; }
     static get encapsulation() { return "shadow"; }

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

@@ -80,7 +80,7 @@ export class TetThankYouView {
             'thank-you-view-main-block': true,
             'no-header': !this.headerToolbarSlot
         };
-        return (h(Host, { key: '421defae1d6d76ea534cbebf789ebf42007aa6cc' }, h("div", { key: '8e1ca0d5a3207947be285b7376dc5a1e65cc2c5f', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: '4dbf582ce6536280a1765e5d0794ad3992f5a62f', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
+        return (h(Host, { key: '087da5c5db3e12042982d83e6c97b6cc6b89c1a8' }, h("div", { key: '3901e00cf70c0eebf502f3c86cf86cdee8cf0c49', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: '6e0d83eebf6eb616e7f24111627e362c6b02dcf4', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
     }
     static get is() { return "tet-thank-you-view"; }
     static get encapsulation() { return "shadow"; }

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

@@ -73,7 +73,7 @@ export class TetThankYouViewV2 {
         return this.faqSlot && (h("section", { class: "thank-you-view-v2-faq-slot", "aria-label": "FAQ" }, h("slot", { name: "faq" })));
     };
     render() {
-        return (h(Host, { key: '31119891b258d43fee2fd7affc142c58842d7e7a' }, h("div", { key: 'b15905690de605a8e92bd9a7665cf8b2c9955c8d', class: {
+        return (h(Host, { key: 'f8aaecbbfbb5156e6356828c5b392f647ef33261' }, h("div", { key: '270c8ae525ccd452ccc4d0d25ed2bf431be21bf2', class: {
                 'thank-you-view-v2': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

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

@@ -73,7 +73,7 @@ export class TetThankYouViewV3 {
         return this.faqSlot && (h("section", { class: "thank-you-view-v3-faq-slot", "aria-label": "FAQ" }, h("slot", { name: "faq" })));
     };
     render() {
-        return (h(Host, { key: '50b231e63998738f17ccbc936ee05c7638eff871' }, h("div", { key: 'f128cf43c4dd8305c50902bee87e83dca1b20adb', class: {
+        return (h(Host, { key: '4ee7ee1e01db0f6442a4aeb172b1ef1e2d8d8418' }, h("div", { key: '95093ea8254173b362b34d97e3822ca16ad79bac', class: {
                 'thank-you-view-v3': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetBorderRadius {
     render() {
-        return (h(Host, { key: '0f4509c4d1d49e5e2affc2501846ab976479cd77' }, h("div", { key: '8872bf2203f14d1fe883ee4e7b39f1c0de28df69', class: "variable-container" }, h("div", { key: '521e4c836764f947c61c5b8cf42f846879c3d8f4', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: 'edc146a4e103c755674b50c26c699cef8e2db3dc', class: "container-section" }, h("div", { key: '3c2922de521001073a8a4a3a86cee67cd33b5b27', class: "variable-name" }, h("div", { key: '5755647d62be5eff8fc5c007318673b810efe7f1', class: "variable-part" }, "tet"), h("div", { key: '6e6469eddca1084462ee1ac40c241f7afc5c3c84', class: "variable-part" }, "-border"), h("div", { key: '65640dfed5281cb145e57b2b86f0dfc2ed0c7bfd', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '18a3f56e4842c43aadd28bf659e95f90e37b2eb2', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '5b33d2c5470e70f0ba3fda7e23c190393adf8f54', class: "tet-fonts-container" }, h("div", { key: '8a43b311e6161a52b6c6a08cafe41d4bcbc31e89', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'f874349f6c11e791264fcd5dd9c5683b473b1f75', class: "section" }, h("div", { key: '59c4b3b61228a764fd6e8ff0bc925f1fbdb6948c', class: "section-variable" }, h("div", { key: '68b7d4731f0751789e53103b62927053208d5907', class: "border tet-border-radius--xs" }), h("div", { key: 'e171106648060572b39e087f11ef7604b1dcb9a8', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'd10ca6ce9380fc4dd081bd46bcc28298077bfa78', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '8ad58c4256d23e42f25d0d3df400fdb30376246d', class: "section-variable" }, h("div", { key: '0f4af3a1c4e1145335b3ccffde76aa12c2a154f4', class: "border tet-border-radius--sm" }), h("div", { key: 'f34ae84e7b449396a00529dcfb080b914ada2093', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '450a33ce09eb35058239dff1ec805b8ed8120170', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '33112f865630616ad2e58a99c59274715230ed6a', class: "section-variable" }, h("div", { key: '113945158d42af63c4bbe231f9029107bb1fde28', class: "border tet-border-radius--md" }), h("div", { key: '98faf37c6648a314fa424139f752c50c74207f2d', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '6d1cb9229c8edb96c381558e009a7e8156ef2586', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '1792fa192f08f3851e0b135d123ff6cc0ffb4116', class: "section-variable" }, h("div", { key: '8e05cae59b9dce3f2f1109a7472448b1dd22e352', class: "border tet-border-radius--lg" }), h("div", { key: '232e6bd8d740070ce1e9c3b0d63e94b0fde26b8c', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '25d4c71a392ecd82f9b390247487a9d6f86bf4f1', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '6cbdba4530403246d19a6d201c0d890fd89fd6db', class: "section-font-size" })), h("div", { key: 'edfe96c0e0aeb3d880f31248553cff6990d4a7c1', class: "section-variable" }, h("div", { key: 'b3c479ff86987bd1c365cf07786b7dacddf06422', class: "border tet-border-radius--xl" }), h("div", { key: '3b52807fdf7724b6885d39144f8bac27ecd5376d', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'fb4b002713ea2769c2ddd96847b3d11251b11f0c', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: '17e289f5edb6a89416195b4a3a7338e99f2d5208' }, h("div", { key: '9a7c7a69c991c4157a92193fdf06f3e4469293a9', class: "variable-container" }, h("div", { key: 'ba87027977ae9780191b66f5a182c809c64ef43a', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '1494f6b8b1d8fc7533bdff632e62919a49a40351', class: "container-section" }, h("div", { key: 'ac5a2e0bf94a5bdd744a3920586990bed974e09c', class: "variable-name" }, h("div", { key: '93efd3537da317dd39540b3861aeb59757734d12', class: "variable-part" }, "tet"), h("div", { key: '936a13a39ddfd0a9c354db56edeebf7efe315551', class: "variable-part" }, "-border"), h("div", { key: '1af168b3a1cc53bdfe5b478c29428ec20498f2f1', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'c606262273c264af2d728b1bc357868c90980d18', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '3e224d4340550d195a2124ddb1dc33bda61c3636', class: "tet-fonts-container" }, h("div", { key: '5102b6ca57ad56d3f2a7cb993ae60ff00691d27f', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'b1ca54338f176e7019c14f1cd4208e67a780304b', class: "section" }, h("div", { key: '6101f3c66bf1135571fdde1e78185ff67158dbe5', class: "section-variable" }, h("div", { key: '08b49169697b45c191b03449e3f42c74c11adcdc', class: "border tet-border-radius--xs" }), h("div", { key: 'f600021b058806e9e52054eae77623d955d829bf', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '679d0a62a5fe4b2930fc382e3eb82636c261ac85', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'b8e9b34545469973781e599dc475a34eeafdfa19', class: "section-variable" }, h("div", { key: '151accedd875ca434f0788cfb000e8f8eabb9424', class: "border tet-border-radius--sm" }), h("div", { key: 'bc5e6be89b2fc8353c91f47fd1223b34dc8d7b56', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '7efcd7fc88579a94bc105badc8d6725930a2e32d', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: 'cbd2b07d5d08da862c0dcf16841383aa57f3d691', class: "section-variable" }, h("div", { key: '6e82253050115282d58dbd559e5c2c5bd949fa64', class: "border tet-border-radius--md" }), h("div", { key: 'e6cd310003a48c397acbb3e8af8f1bd2b34b3e0c', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'e9adfe25a62892e94ebe6adde8f00733e1e61073', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'd88c9b00a4f3e3a656da47cbb35caee2fe157e5e', class: "section-variable" }, h("div", { key: '86e560af9b70b38ba9ea9171453a4de5a4078368', class: "border tet-border-radius--lg" }), h("div", { key: 'df20e8526a9d492dd0eda8c27f317a14edf77276', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '082e965fea9e9dba88728c8eb35de0b09b90a13e', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'c236917099e7b64888b4e760df4ff2212a3fa214', class: "section-font-size" })), h("div", { key: '5833cf498d886880b08bb87812d44ec29b5707e2', class: "section-variable" }, h("div", { key: 'd57058915bb711081278fd6fd1fafc7207f8abe5', class: "border tet-border-radius--xl" }), h("div", { key: '2e17f209db58d64898c8fd9b8589c7157d14e88f', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'e9dc585ea30e90fa6af1d974ff47350da0ea1d98', 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: 'd441bb336d357d327740b1a3248caa05518f7843' }, h("div", { key: '2581135444a1c5b8aa3da0a7f3a23f86aacbf558', class: {
+        return (h(Host, { key: 'dfd0d1c361d0e64fff78cf4c48cf411727d3ab68' }, h("div", { key: '0b3deb5973e2f9acf986d7d235d9ddfa45a5e5a1', class: {
                 'dark': this.darkTheme
-            } }, !this.isTokensExample && (h("div", { key: 'c8c524fcfe1f4a17a6afe83f118ffd4d6ba836d1', class: {
+            } }, !this.isTokensExample && (h("div", { key: '4bb5618a2d7512ebc82cd5bd74715a97aa881219', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: 'b62807df85b89dc5ef019bd6cbdabbd5268c0482', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '4f1171c52e59abbfe1a5daa5ab5f66013743783f', class: "container-section" }, h("div", { key: 'cec10f3b635bc3e5efe4ae465e56ce879e204f88', class: "variable-wrapper" }, h("span", { key: 'e7940f113af7e1ade1cd16452e584ee394c496f1', class: "variable-name" }, h("span", { key: 'cf8a7d07ffcc3fc62ec28eea4bd8d926eb4ef5db', class: "variable-part" }, "tet"), h("span", { key: '24b1a91076a2330c393270b585f1563e0e6d7856', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'f3c5637b8d6b97f114e9332cc45d84994b21f87c', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '868d8868d6c0d532f81eb8e73889e01bdb457009', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'fad87e562711044bffb714ee799d68b039896d3d', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: 'fc2578be8d2215f25826f9929067b589515c4594', class: "container" }, h("div", { key: '3ffc5e28f0102da07d937402d92c797a93751e9f', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'c9ce1d4fb7d96a9d58bbbb8f7e46fc7ad0abde59', class: "container-section container-example" }, h("span", { key: '663073211d455a426a552ef06513f461936795b0', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '117178fe72280919aff8d986d7ae2242c1110092', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '9cd76262ded55c0e99f78a8f080ca2e026528e34' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '7a688a248c4d62fcab7c318fc671b570c50da6d1', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: 'bfa842d0291b4fd42fdc43da1bdf1140d0de277b', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: 'd51bc8321d73ddf8cd07e8ca0412a1481ee5e563' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '05df983ecac31dab95e8c5f90c8406ab46b01470', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'fbbad7a0139b52279243f2fd418740ff2854bb9e', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'f3c852f7977e393dad62b4af8aea7027e08ac6fc' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '7507c8f2ac34fb4f344018fea6600fb4a99915e1', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'e87ce5c386bbd1cdf9f1bdbbfb9940367c417901', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '9fb30c2910f579c6ac2f5dfc5233bf406d6d5f82', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'e1a2837bd7ae26f787560db4ff215a7e461b68fb' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '1ddf8b43241868a111ab441cbdccd8e1512504d1', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '0bc0f944d0376e4779cb2f1ef3c8ef521f29a01a', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: 'd1e30ba0c4f7edef0c7562f36d35339e94a61acc' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '4a771613913632cb0ae9dac6349aa4c079237b75', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '96e278129eaad2e3387c13b441801d1958500fdf', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '2e96f505b405416962df6d5c509080b2be27e1b0' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '6a57c13d52f41339c806711f841d1b0438bf526a', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '52d8e014ccff8e7ece9c4f185624d225b2b3c507', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '544e078bb022d5379f71a8f34ab018a3cda9cc75', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '243c9aa9d4d65fa65dcc6e228c5ea63dd9e358c4' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '2990ae7e40973d0461e2f37d38a2c091c434eea9', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '55a9244af57984e2e4a2338fe74199267c5b2a0f', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '12fa2451c22d33db8e64ccca0238bdbf7a27b166' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '3b14bba740936bbc6ca5cac2896285f25c7a6402', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '118ec06b3fee61f2c1135de399279b5a87a1fa42', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '861c9c70c10a7b3aca2539612549c2405cf9d537' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'efb4fa5374d1989817459c8c75c916a6912ee80e', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '4e4fc18940bc4d581f7ed6a0da18cfc6f36c826f', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '46c83c407ae53667ccccabb8fb3fb859c63288bd', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: 'f369c0fdc4f23ae88d832836b357448a13f29318' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '4b8c4696ecba4277d68ca3a32aa6763e8db9e45e', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: '203232bc5dd06180b5a8baa42c003314264ff3e6', class: {
+            } }, h("div", { key: '297f82ecc650fda135d480e832a0005fb18f4f04', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '8a1bfca7731a1f9956fbc44ea31350a589ca9864', class: "container-section" }, h("div", { key: '0b56cc97457b1837d3baf3ba6e428e94fa8a84ea', class: "variable-wrapper" }, h("span", { key: '76812199079bb4c56647d2fc48e2aa0d9c0ee92b', class: "variable-name" }, h("span", { key: '591abaa2c785176ea93e0cab4671df907584b63f', class: "variable-part" }, "tet"), h("span", { key: '7c70209be0384eb8c11c280524e8f58e1f5c9920', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '9168fc781318c71d392f16a110ed7395bc4bf853', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '1076461dfd608752e46d80a3f9e9fd67c0ada226', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'b6baa5e1930228eee3514c5a21de3e162c693262', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: '1df5d27bc3744770402b0d3a12358a8d32786421', class: "container" }, h("div", { key: '51e1411a4c8935a9a2d579211b7687b4bce9d8b5', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'a0d590f071b11d915b4d188a8c216ef6b2255c71', class: "container-section container-example" }, h("span", { key: '27922f9cf3ef4a0c65e9abc7a8ef2d68d8d7b2fe', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '4ea7e743f9e5d5545fd6581151755bee4dd01e4c', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '9379a64d00bbc7078384e0d3acb55fb4bd7a1017' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'eeb3e13bc142150e085b363858b6c3883c8cae89', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '9596aad7893fb7a42c7810eb571d0d8edd381307', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: 'a1c989fb07c7a13ac7a2982d17ba39b98eec1c06' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '0306d8fa3e6c483ec98bf0c53b078255b170bb74', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '3e92225c1e3b6c439e267601c75845133b2d4438', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'c78e92962533954f4872fd6e52350de47f16f576' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '06268ace67a722f870680f4a4c03c8de37f50314', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '0ca461c2863e3536f0319c0dc7b8980215952de5', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '7facaf1c68ab14340bc0a8ed4b3d1bf8c25cc3b5', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '41292b77632b2f7ecfd70623cbfca4fe02408002' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '2eaa512ceccc18778f71ca5116b609531978604f', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'e62b9bf713949bf9db4ac671c13b22fd456494b5', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '0fdcf747e8818706c9f31a78f6f969c1fb94f541' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '66011eda06b9e04038d6c2ca741b8c6126a4be97', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'f41004d52a0f0300a47c58c6f4cfd157ac61d53e', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '5b2d99945e3db1a66021edbe68a300a866157c61' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '923fa49ac0a5b253b76684ee927a2c76bb181c40', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '20dd036eac18bf6da189bb7bec8d9a769462616e', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '7482fd391016922aa45e30b477209ea8f2d3b8d8', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '062109b2df1876449da5a51dccca931b155b6a41' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: 'fd0400e1b2297b07e6ae0ccb6af482559c9b837b', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '5e6225e43d70359a61591bb5225ff4eeafe70220', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '1a171da722ddd18ae07e18b41096bbba261d927f' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '2e54360005e6e17b98eca9ac8a6a587fa3fc4efe', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '9376fac37323a330d59a802f63e2e8efcf893eb8', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: 'd7ea2643598719870b9ef2176e9a4a8337b88572' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '0e5589a3dbe3a36ee8f3a623d22ee2c69a1be3fb', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'ecce167487249b0f87d589fb118d3ffe3d426163', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '93f92979aec20e0b510f537cd518dfd7f53aca36', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '3a459fca03ace7717370f26ec9dc0a50050f46ad' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '5bc1cada1d432e919973f421ff244cd4271af9f0', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: '419809fd22c8bdfcd4866e3c22267754bb5b9793', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: 'fa4499549666bf2737c3d8f2e4ea3785105ddc4c', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '0e7bf58b6fe54ea52a4c5643fd15c86b750a5f19', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: 'd7e0c3c8729144e6ad03e6bbd7bd8c68aa94f1a9', class: "container" }, h("div", { key: '798e7b1a1aaaecf05f9ccbb3d653db5168417ebf', class: "container-title main" }, "Tokens"), h("div", { key: '2920b43e7551423845ae1a6af4efb17dc99c94ce', class: "container-section token-sections" }, this.tokenSections.length
+            } }, h("div", { key: '56303dff72b163d8463935cfe550a8b20cbae0f2', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'cb71348aebb59d21efef7c691fae9ce64e4c8a95', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: '927ac7d99f6a8b89899d5912b2c12ca77adcec63', class: "container" }, h("div", { key: '8a353298d88a987cfa81d28967124641b9362165', class: "container-title main" }, "Tokens"), h("div", { key: '09b0a3c8208814e92bf08ad2765853a965c23a92', 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: '5140b4bbe996d183d6883840d1a86c8bc33c958e' }, h("div", { key: 'a18a12ea4c034e2ee591ce14da81f7c691f11b04', class: "variable-container" }, h("div", { key: 'ef4613e9843a72207c709f47b57211730fd7eba8', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'e56a607ed71c55dc915049bec447e8d912cc7bb5', class: "container-section" }, h("div", { key: '8e102bc270e01a9b45a8112f765868a0f754cba3', class: "variable-name" }, h("div", { key: '6fb945bff34d24b6682c5a7f546122bfa45d2a2e', class: "variable-part" }, "tet"), h("div", { key: 'aac6c3ee2f02f1a6b18002830682996fa3ce3462', class: "variable-part" }, "-font"), h("div", { key: '0148704cf88868f586986fe7c0e0d0f93cc40dd1', class: "variable-part" }, "-weight"), h("div", { key: 'fffbba8f727678701c97ce33c4726014a794af04', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'f4c8a330a0ab8f6293a2ccc191f9f997d9defe69', class: "tet-fonts-container" }, h("div", { key: 'dd88eea65250b71e41b940f8dc8e2a78417f8625', class: "section" }, h("div", { key: 'caa6eeede3227a5d00009b76fe11f8c18eaf5a4f', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'cfcbcd31ffd99ee02d04bd46bebad3b63e689d55', class: "section-font" }, h("div", { key: '1d0b8ae24068f971450bb15107f4eb4407066c4b', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'a38ec017d56aa22426fb894a02d94bdfbc28260b', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '7b991a13490b86f6fdb1e020a87de47d0ac650c3', class: "section-font-weight" })), h("div", { key: '708b7b77b0d5206e76be4ee05592f06f9560ac84', class: "section-font" }, h("div", { key: 'd0bbc2ac259ff5d189c02ed4125f6ed90f664acc', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: 'bef5341ba42ba81ee38982f895d049c2de8c8b73', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '1c3b3c5aace699e3c7452c6ae18d8fd852fccf4d', class: "section-font-weight" })), h("div", { key: '7449be723910c1ce8ced66cde630b2b18897d0ce', class: "section-font" }, h("div", { key: '92677c0c302c77767100d954ee39caa33e2f5a7f', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'cca6c648956cb2aaae8604617a102e60b77de9d9', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '6b7117ef796c46d1764673da19e4b5bd6ac0090c', class: "section-font-weight" }))))));
+        return (h(Host, { key: '0866cd4e6b79862838fa3b67770cd678fb273bdf' }, h("div", { key: '98e0540e9a929346764b04e67bf8f6268e684b57', class: "variable-container" }, h("div", { key: '1ead5fa39ca95d00e7a098c2b8a64c22f9f62b5d', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '0ce8d72a6f11a6a098fa09337a67858ffd57996c', class: "container-section" }, h("div", { key: '07a9ee604f0bc55a8e444740c171735770443c39', class: "variable-name" }, h("div", { key: '546993e654b337a6207740e9100d2cf39d432b2b', class: "variable-part" }, "tet"), h("div", { key: 'cd6b2ad04d70256990d386c9d30b1ca34e08cfd7', class: "variable-part" }, "-font"), h("div", { key: 'cd3b1e639164b11facf20f9015a4437d9142533d', class: "variable-part" }, "-weight"), h("div", { key: '526672d901498500421027cea6ec69a5468ed4ae', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '4c0c31b6f1f55107a7798e4d09ef35d996f848f0', class: "tet-fonts-container" }, h("div", { key: '439d9e4c67499e3fdfed445dc63c1e2f9dee4f8d', class: "section" }, h("div", { key: '3e0893ceb1972571eea68a3738f43e7022fe61bf', class: "container-title" }, "Fontu biezumi"), h("div", { key: '61c7d723523c01706d6208434beb39687b2e56b0', class: "section-font" }, h("div", { key: 'd8ca11ebb1b400840fcdab970abdda735745f487', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '669015a037cc8e3bcdf162c6eb0a142bd7165a89', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '8207d2a96d1e41a9c3e8f0e94cfd4a31a31aea1b', class: "section-font-weight" })), h("div", { key: '4e66a69d2ea29ce6f2984d23c878113bb4ef889d', class: "section-font" }, h("div", { key: 'b72a71170f0f21ce0d61e805349e9176da6ea05e', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '08fd2f886bbd3f8b17c53928df44305cf99e99e2', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '06b639820e511407c8314c6aafddb36676937b5a', class: "section-font-weight" })), h("div", { key: '4ef22f1ce710ec80cba5cae4f76d4bb2f1a8a06c', class: "section-font" }, h("div", { key: 'd21c80b0dbf067607938709cb322e83e3a9c1149', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '444454f2a8fa2a55111b0444ba4a11488834d3cc', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: 'd742f9cc1c8cc97b188fc6c8a56c7a20bd46c0b8', 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: '102a095cc54ea62b440a2412184e859603045fbe' }, h("div", { key: 'a1dfd4c18128bf4e4715e8171acdedda649458ad', class: "variable-container" }, h("div", { key: 'fdb5a9be1631db45f3d4b2861020757590ad8d9d', class: "container-title main" }, "Fonta klase"), h("div", { key: 'f7fc87c72eb542afe105b4248fa185e538e469ee', class: "container-section" }, h("div", { key: 'd63f5892dddb0e3877b5a9df96d0cc450897a848', class: "variable-name" }, h("div", { key: '1a3b70289a90ca4e810587f138d2a21edbb9984d', class: "variable-part" }, "tet"), h("div", { key: '1ab39cb1aad816719e5b4ebf36279f4541c64484', class: "variable-part" }, "-font"), h("div", { key: 'b802c3080d8218380f455dda4ef6826c1dcbf64a', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '215165b719ce36f76ef0f3762f79d58851b6c3ae', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '59e280609b4dc404aa1b60eb5c9404ea02c108a5', class: "tet-fonts-container" }, h("div", { key: '5d2aab2f172dba51abb1344b9f8c6bd1e786f04c', class: "section" }, h("div", { key: 'a1b39498b238c591389297e2ae21df8ca312d3ba', class: "container-title" }, "Body - Inter"), h("div", { key: '786b1ae91c320e6f3fbebdccc569ba583e01582b', class: "section-font" }, h("div", { key: '930f1c386877e2ca2ad22e4306550e48d0b78848', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd68a22f7dd6cae43e49f958c0175a195ca4ae036', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: 'b4b72699e70d180ffab439f8f35df5b42f74fca0', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'd23c40b718b23d694e287fa6951d51128bbb5230', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '8156b6f84d6293c10dd7aef5414d768b6740efb7', class: "section-font" }, h("div", { key: 'fe73db96bd8bd944af5f65a8efe6902003a66ee2', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '15acf50773844ad7ffe5ce3a1c37db8a64eec571', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '7b0ed9cc73895f5b086c741cc4067f5c735df250', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '2122e554f71f38540b48efb90761fde0f21802d3', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '1b351b1e6eeb044768e5c7620257c55a4643101b', class: "section-font" }, h("div", { key: 'e87840df98a91e8a7b29589d157bd3bed8faf07b', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f5063025d57637acc2870b6caf1ed4c259c34f00', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: '39fd093496be77d1e3c9c3d186ac02ca1f9753e5', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '9182860ad623a4a4b2b629c7a99fa47e9ca2d471', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '4b436a4d4c7722e166f88875f2de9103ae60f986', class: "section-font" }, h("div", { key: '5096a61d1e0d178675d96bb90e8759d65f9e5427', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '61b607d19df14bda1b0ca515f77f0bb5329de96f', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '14a29de0be69458d0a3eceaec0b2474ce93f947a', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'eaff8e685761e1cb90d32b24291fa67a088668ad', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: 'b4990a40ef57d69e2151cea23988c32c387a3533', class: "section" }, h("div", { key: '7e4270e14265f9037e7af451a113632d9fdeb393', class: "container-title" }, "Label - Inter"), h("div", { key: 'fe9f0e2e6a2bd46778cf0a385834a39c192195cd', class: "section-font" }, h("div", { key: '82969bfc5174d1f32be263108fcb66e00f6f2df3', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b5898e2aad5fd0beb77743fbe8b4ca5154ab591b', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: 'cc1ca7aeee94ada319ac9277feb0fba24608fc15', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'bbcf71edf0c9dfac1b7d502b7ea713b00eb86539', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'ab72fd13f330794a41eb3e0d20579d99873f6b56', class: "section-font" }, h("div", { key: '7b88697e74c8490f289997e0be402086fed408a2', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a28757ea7224e6d3f1527c3bf52334f13f06e8d0', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '8ba6bfcc780abf425dba2d48f296dee53cc3b218', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '4f576279fd278d24146ff0729b1373d9f15c5c40', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '704166929f1ec58f53819d03c0d035e61a121d98', class: "section-font" }, h("div", { key: 'bf7a066fd1f989e14247c478b26a88e289ec6a93', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b3b479139d3563ee8caa3af586a4cb0ccc717769', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'e00ec58d75958293e4fddfe712391ffeb81fc176', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'd4d8a4167bd80da5c041a7bad5fceb5e388d17ee', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '00f027b5e656d90609f5d7a4008b627fd81571dc', class: "section-font" }, h("div", { key: '5c1ebcf722b1190d331bcb6d04cf026861c27183', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '63e4444c39a9e1430f56cea63e50c14a74b190aa', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '24b756b95e72c668c0373177ac21431d4ba4a29f', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '7db5f9f08c61819188d3d35a1631a155cc039f11', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '46011c7e938e4e1f61ca92576fb7b959f3c578b1', class: "section" }, h("div", { key: 'c456b033191c559a15c7b6ec32d214be1970abe1', class: "container-title" }, "Title - Inter"), h("div", { key: 'b71065ddd78687fe77c70bd4e695a46b7ea5b9fd', class: "section-font" }, h("div", { key: '2419ee617577469914449d562af38331528435ec', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '577cbca16a0b78c4e6f227224aba034af8dc9b1b', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: '1f6c04bda42e27eb59e91341c19da1498f1a81b1', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '9b2e5d73683c9724cf60155ee2467465c4a2de13', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '9fae870e43f0d7dbf74dbf29042a2cb36b35bf77', class: "section-font" }, h("div", { key: '418d3a174179f7b17e0e242e3b6e50ac879aa005', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6cb6a127814dc6363c58aa786dbd36f2192ff950', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '8721daae997fd5cde90473fe8b8007bcf2e1c895', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '9c42385e89fac6ca2262830674e8a64c3adb2939', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '9eb3fa79a0f54e33ed8986d7bb9bdea9c8f57afd', class: "section-font" }, h("div", { key: '85538fa7875f0a2bd6caa0f10fe2c86aa1bdceaa', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ad84a571ac263404cf8e50273784fae96f048a9e', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '6ac57d0265521f74b71ca5881a375c23e17c1870', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'a8acb33909edd1c35a78a956de0336a931aa6030', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e9f47963f6d763c032882eb1be27f1b28ca0c48f', class: "section-font" }, h("div", { key: 'bd7efb9c999b168605e53fdac37f57abdbe391a3', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5a82d6996a0f3a1fb6786ab7799f108631e7e32f', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: 'edf95422864694cd38fbadf450e059fc34b519a3', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '5a0ff6ed53be5ba324b0c7bc260a426bff8f97ef', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '73d88f6cd363d98ce24a14f6b8f478f6c237853a', class: "section" }, h("div", { key: '5282c7a5fb2bb7b4ff08fccd8fe4d7141b619393', class: "container-title" }, "Headline - Inter"), h("div", { key: '201002441a2ac079ec83e5e5b64b900e9921b59e', class: "section-font" }, h("div", { key: 'c59237f7fef52c3721fb9b94c4cb58c90521e490', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9aceda88d49a7401aa8f0a02b0a254cb91eed746', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: 'b3c5ca8ae855c2122609c300b324e0b57c654fb0', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'e00894ffe46717cc3f8ae0493a1d28fa07db2fc2', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'bce843b526301fd2fb8571956cacaa6ef33b7cd5', class: "section-font" }, h("div", { key: '9042a1739a7642f8d7b1bd0f449783092e297f2a', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b1a8935b38434667a8a47fe50aa22877c959d809', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '0df3679fa6117c3e6cfc2e75f163a61c5d1eeb18', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '37649244caa61ea96e4ea8a26b493812a8f7d166', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '939bbea78ef241570bf0af7e6083253252ceb2b3', class: "section-font" }, h("div", { key: '2a51b074e7319322c807e84669aa5d2a9f71f038', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '44c1b0ac940697c9701b0505c0ba9a294a09c4f4', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '21e519d0a6360c1d1f20be42c1f5127c481810b7', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '55005acf0adf356b720fa071bca3889a640c683d', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'ddc22f59ea42a55109bd3eae2052b54a82d5d729', class: "section-font" }, h("div", { key: '4fc1f1643f9be888bac7df82243105958e65a3c7', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2ee79ad7659945672e29fb003eabf4d8f68896f5', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: 'f1414a24686f6cac4ae743239edeb5d5bcc75f41', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '81671535a0b4e932581de5d334321a7b21dcd1e3', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'b5227960d84dde5d55262057f543acf161499c0e', class: "section" }, h("div", { key: '1b891a146b92aba928b4a89905c247cfdc127612', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '5876f60b0411b9b8370e3c6d14e4955adec6f827', class: "section-font" }, h("div", { key: '4d80b3c6ca2e468f2fcccf8a32f0a45e4a262060', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6ff623249b83d9335f5c2dfa1913d97d55b880d4', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: 'e062dd0a9a744bcc59fdc14346a5b9a7d55288fa', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '7356a228d55cab39695888ed9548d0e61c73abd2', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '08026a8304d48d110b7c686d7f1c7f0aa41a92d8', class: "section-font" }, h("div", { key: '15397ae03b7b3877b3e4a63bb137daa30a20c051', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '965959a50bf8a22a45f4fa0528979ee0b8c8d308', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: 'f90c93d54441724773fdb97e2189c3f27a935f0d', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '3672c380d094f6e7742fb84808ad8f7a5a693d85', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '6f7d1623e68f7ac181b47a3f9f79189af6d65380', class: "section-font" }, h("div", { key: '8cd5a19e20fadefd33257fc9b3397bc75768607d', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'babe1d3210c0c82c61fc9055d5f7cc839459461a', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '64be8b161c122e9b2164621ec2f4a955f13bbfa0', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'be77910f72c0608274a85726ab6f1456c6f75b98', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a36849f6c92dbadf209b5b5602074537b7e21c4d', class: "section-font" }, h("div", { key: '7b1848c48c7e0c0e0f25e1c7e538a3e6641a7be0', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '970856e84832a8f55773490aeabe66ae47f6f15c', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '2bcaf99525826264b2a0f168d96cbab5f0c5ef90', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'b919b0db2a2a99750dfa19d26b6678010bb6e8fe', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '9eed0f63e115aedc4a0f390f5fe5ae253f48106f', class: "section" }, h("div", { key: '6ba7b176bbcb110f21a5636c7c085d0c44c8f27d', class: "container-title" }, "Display - Gilroy"), h("div", { key: '486c0508f61d5ca5dc137bd9ca45e738507e295b', class: "section-font" }, h("div", { key: '77d811c1e15a584ef390d928c9d2d9bd7169e333', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b82af636a8fa9ade020f99c7eec8ae8414a213de', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '11dd79e9f3f28a1ffe07eb9d8dac8639e32d103f', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '6716e6583b087f3b3d29c6a4a3c8db86aad01cb1', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '56dff5090077ff111b49b9211c25977e0b104c1b', class: "section-font" }, h("div", { key: '3b81abd6b94339be11ab251b432071641e947458', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7615ca47ab37760909021e71d687a7609fd19527', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: 'bd93c56b5aa5032124e1bc6086d18e02f08a3b45', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '83e515ebcff06c62409be2fba8eb961f0fb4f908', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '6c65e21b8762bf4b353fef4591225895505cee67', class: "section-font" }, h("div", { key: '282fbc9c4674f01ce3c232c0d2438c355cd3bd5c', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c0eacd601dae8dbd50cb2e7f03a47332a6ae2f42', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '9fbc4e6881864c41e5e15a6e7a9c2daa2f0a9e0e', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '668420dfdccea34cdfb7f83f64ca6e32543dade8', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '40c1185bf60459c31be711b6154551421d0b2342', class: "section" }, h("div", { key: '54490db7ac098e7eea3a005e283544f1e97caac4', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '7ddd59a501495c3511c0102780ca6cc97e2c8c34', class: "section-font" }, h("div", { key: '5d900d84e736e9ecd1bfafbf47811b319837d1fb', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6f038952e99274b6f884de949ebb3812129e5b8b', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '2810a8a92093d340f53fbdf073f1183a916bcb54', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: 'b52c21c4c625f639a7e0caaa620709da1972da94', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '50190d19c705c7159f325665d6ca637eb0021df7', class: "section-font" }, h("div", { key: 'e230851600f3b726491d454f7562605be0cbc75a', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '76c7c9722c94f02e2c1f2d4cad394a50f56dc0b8', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '0a451cfce8bda980c2a35271c89dc595b69395da', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: 'e63d210195913f172efbec65ce834ca890dd0a86', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '6f562b86dc31117e9a2938de9bbc3b6dca2b65b6', class: "section-font" }, h("div", { key: 'fa47ba2b349f377f02eca5ff424282512ac97d58', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '71bd4fa71b17821ba3ba4d04a73909696b6f64d5', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '5d3878263d3a0e0213c19a59d09985fba66ba9bb', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '49040f38f72e1fe7a61f8a3eff08fa424ab4945b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'b46a72c69321f77c42c9eb686362e57e2d62ea1d', class: "section-font" }, h("div", { key: '958ba0997021fe5f4108d125dda43a9856a83d21', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd23bbe7da02c4c9308110bfb34a69362669afcbd', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'de4a62304fe2614da06267551782d05164bcb0a6', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: '5c99ef84bd835a9fd25ba024c671895b0c48382a', class: "section-font-attribute" }, "Font weight - 600"))))));
+        return (h(Host, { key: '98e5dd9e849e57e01cb15f2ecfcbe416ac39fe37' }, h("div", { key: 'f86ea8c126dbcbd8da1b4a181ec7cd10172a254c', class: "variable-container" }, h("div", { key: '3d744c706c67a3ff61399b26aa66f472f0a08c69', class: "container-title main" }, "Fonta klase"), h("div", { key: '50e55dd05edc460b00ac4a575f476912711c1f87', class: "container-section" }, h("div", { key: '207708618d45dd53db58e4c2d4c15de0c507fe5c', class: "variable-name" }, h("div", { key: 'b216232da57988ebcbeb575aa42e5e93196bcb0f', class: "variable-part" }, "tet"), h("div", { key: '749100dd40b599889ca001480238f105c9c6b604', class: "variable-part" }, "-font"), h("div", { key: '5fdcd75a8ae80f684fcda100a7a84fa78793fa59', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '244d7f77395e9c891c0bb67bec1cbe9d6a8560d8', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: 'd90ed51eb76747164d2a8442881aa07042097eed', class: "tet-fonts-container" }, h("div", { key: '2848b383cbb7d4d49b60a6fa317fb91d2fb89138', class: "section" }, h("div", { key: '290daabf913fdc0078e225f89148dd292448b507', class: "container-title" }, "Body - Inter"), h("div", { key: '7dda6b95b92056c745794f438eb7317419dc72bd', class: "section-font" }, h("div", { key: 'f1b8a8b6756d1e61bc42d0e5da28dccbaa3fb651', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '10e7dd7c3db1b8856886d81e795c3f7b14211e71', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '3a0727d6779afd78e5ef16971f0b11c6d779fb09', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'ad6a03449e643e5fb0854ebc9205b7ec49a00e5e', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '960216e19b8ea223b1685a049b08160f90f21872', class: "section-font" }, h("div", { key: 'ce36da43e7f65fede8097f38e45425a131f6b3fd', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9b219d070a4b793aca87ef1a382cafec3d51e5f7', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '61eb020334ad46012f97580567a37b9315e9c2bd', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '3bc449b176aec01f2da8183b39d40fac879b0e1e', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '58093cf1fbd8bb9988dd32abf035362a7829c5c2', class: "section-font" }, h("div", { key: 'f515948ffa4e787c7e80bdccd64c1a5bbfbb8184', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '65e14ca5d36d984d243811b291a181a31eee6f6c', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'ae0334253281bb040c7cac07803d2b9f150b323c', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '2c023d343f200d4115b5d6c0cd8cb63f011a0e91', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '344718cb8fcca5c67476f53c8b534710617780c8', class: "section-font" }, h("div", { key: 'b486849d2fdb141260a8b76dda71d5f61c8ce802', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '200be5cc6d5a1516d5a66689b0ec871a55d20481', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: 'c5909a776ce5ff56a5e5c1d044af4559e0948d1a', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'e42893a73a378dbe667332eaf1f81ef26864f18e', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: 'b278dce6a7e3723dfa580e118a4b201b3582b798', class: "section" }, h("div", { key: '03dc939832bf8517a5c74bcde9f91884779e19c7', class: "container-title" }, "Label - Inter"), h("div", { key: '6e957a27e0c692e79d43b74444cd70bdda13872a', class: "section-font" }, h("div", { key: '6b250bc1506bf67e775885981b90520da03190b0', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c5a2c7cea72c41bf5b57b99fa3631dab7aba10a7', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '3f1ff993374b6fc8173dfa2c92beed4068df1361', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '453b4a540fef73764a03b5d58a29cb87cac90d04', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '107b3ac5215b675e65ee52f1734cc58cc41244c0', class: "section-font" }, h("div", { key: '18a92e24e6fcd7041bfa69e0e53b04cbb85e3b42', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '51e668c54ec36ced550f9418e55af90086c463c5', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: 'd7db62f1fcca1c9cb7277eeae8ac8e1a7f4019a5', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '3223808ef0257a0f4de6f6a49338f7f958f2e4bb', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '1838e33f0c7527258511e1b292e8b483f4d203de', class: "section-font" }, h("div", { key: 'ca68be7822191a9bad8588f02cce09b569831442', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b906a063d67d561428e826a2f001fabaf8405ea9', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'b2c78581843f68b204ae091c301d202fffddd7b4', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'e41215dcdfd6d12c3c786a27b0018e0411d68b3a', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'e4c096fb3df4d8b5a3144bbba784f037f73a0f4e', class: "section-font" }, h("div", { key: '7265314e35940a63d89fc126b8e80d1f71004d8d', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c143518b62d90bc44b0eeb665dc31adc4dbc4a4f', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '136c8660eedd53964ca4a766281a996ebd378874', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '51a6af6aafc882f0c57ebada83af1d50eae5581f', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '97da77b4fbaa7e0fc4e67cbd002fb3f695f384df', class: "section" }, h("div", { key: 'dd20dd0debbd6cb20462d37d6120d82acf995b7e', class: "container-title" }, "Title - Inter"), h("div", { key: '11d0b030c019e7eb42a2177be8d3ba0b4517a49c', class: "section-font" }, h("div", { key: 'a67ac9eca2b045e0b4d62f59b1a82b321eb8f5af', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '98c4658a19e1e7d41a27a0cb32b837991133c064', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: 'd78a6df03c481e1d04824bc0373c5c2a30d8526f', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'b7e76a67ab7678072d95adfb974e200f266d268b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'ec9976ec28362ed4c15d1c6c430d2ae8c4395d6b', class: "section-font" }, h("div", { key: 'f65dc49055306e84440b7de0432734168d541981', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '968e4752285ab7efadf72d308a67b853e4670c7f', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: 'a26004cdb80ceec032f2dbd053183251d10ba551', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '1cc775d1d237480fd2635dab16ce581d6b926c2c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a9ee58e2fd7090d653ff3cd4e70b28ef599309e7', class: "section-font" }, h("div", { key: 'b6f47ea79601f262b5a52b743dd0727b8bf8cf90', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0db9d13030bcb80601e72d012b72b6ab14bbcf72', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '9d1f2337e1f477e7c0307e15bad3afb137950050', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '89e973829a49042bf9cd6e60adb2cce99b08ee0e', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'bd1e949d072e012ffdde79a2f663e8f213b5ced6', class: "section-font" }, h("div", { key: '626de2005e280943f5fe64b506c8f6e14b0926e4', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2cdb27690f7adb0feed6f54b893de5f40cafe983', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '364972c32853b0d10b58f20c5091f53759c868e1', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '6ccd7fba9fffda4fb1d074c9283104957a5ab16d', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'a6bdaba6ddec6e6f955c2a3a9797f4115b1fbd03', class: "section" }, h("div", { key: 'bd8188796c1ae74b576cb855dea7117b14b8eed1', class: "container-title" }, "Headline - Inter"), h("div", { key: '67c818cb8c9e04fe3caa657b8a1237f8ed514e9a', class: "section-font" }, h("div", { key: '3abf6b027c2460feec448f28ec4a26e461b52e08', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '33af7fdf18f9d2cf7c54481a9ecb6fd40155d8f7', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '63894568fa2fac4c3e0e2a02a08e51fa036cfc84', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '05b40a27f78fe8cb065d7f03f222840475ebdedd', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'a0feaf1a27d40da22d5aeac9d519d81f19e42746', class: "section-font" }, h("div", { key: 'c2b7da796a3c5b0a1dee91ebedb12ebc0040e0dd', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e04870c5eae836fc7f23a1421f3849c698f4f6e0', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '98a11ad088501a0c63f723e3877eab476bd5b215', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '5cab162c667a4dc87e2a7155cf88416fd1f1efd1', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'a0cdc2761022bd57ea81dab38245c0ddd4f68456', class: "section-font" }, h("div", { key: '6afe962737098a507c7a86dae2722f0f0100e67f', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fa95681ecd5eb43ebcfa53c0e5c29cd001631acb', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '83ff9b1ceadef59752ad00d5f181a70ed2e8c0fc', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '882d4dc3983d54ca011694748aa96ca3e4724b9e', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'd72411aabf8f41dab62b71a7b77731d6fea98c7e', class: "section-font" }, h("div", { key: 'a855b788a11a1d26f3964f65ed0c3c645a22538b', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3deb805b929b6372acb0695383553cc4c7e461d8', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '91e5e9da832ec72dd8ab9d46cbaabc9211461a61', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'cc6b6f374746a5c09d7fb93254a358c6601e028f', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '582a6bfafb3963d7d5554f64b8f84bda54ece94d', class: "section" }, h("div", { key: '907186886c41127362337bf0a95d8a1181c3f5bf', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '58239df2c1cc03d896318f3b8641ee2e9a9c3ce2', class: "section-font" }, h("div", { key: '7cd6f24e05eb801ca9fad095ec3ced452370c117', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '87c4b35954e074a539bf84a21a597c71efa342cd', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '5a702a8949dede8137239475155ea4e9e4ff6a4e', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'bc2580adbb48d8283e8a35d1cd152f651d280f78', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '4bd641dcd47d61f5d4cc1295e003193bb0c74aee', class: "section-font" }, h("div", { key: '227c85312e94f6fc5c573ae6f46ec8fdc21e3f1b', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3bf7feed3b4357edd32e1dbfaea360a8bb7a01b5', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: 'de34b2a238bd5b67eb532415d81eb0f099fd30c7', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'fc38d5280ee08b2068b4ddb63943b4fce5943415', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '82283e7cd814f58a47713454a4ac03f485dd6d5f', class: "section-font" }, h("div", { key: 'd2f6c04fee16b2d2ada896943947791e9c81d135', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6aa14e3ce007c99ebada70e15c0573a23d552c86', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '39d549121eb052c147e6c273a70b0a6f5bcc91f4', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'f1794f13208bce42ed2d3e32a62de1c94cad780d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '2f9d313b5dbb5d6f6346ce5167db06c55f4e3e2d', class: "section-font" }, h("div", { key: '6a7998e45bce694715eb8ba83811714f918c07c0', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9f4176d868f642e761aa4112e5eb68cc12590ff0', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '32cb8783cffbee4a991e12730db23c88642d9e87', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '3ec83b9f5cc7c4fc81038ca8e6d8f84cacccf1b9', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '9968fb3837407166d5778755e2eed9c6e3c2a07a', class: "section" }, h("div", { key: 'cb17238227c175ef2bd2bc383c2fd519caf58ccf', class: "container-title" }, "Display - Gilroy"), h("div", { key: 'aaae56d9d58c3b10cde951455ca7e341cc487c1b', class: "section-font" }, h("div", { key: '7d1e8f3d9ff3a64b603f69d5babc47dbb2759dce', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'cb0997b01440e727c226c5a98da2b8476f1035cb', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: 'e62784b188ae4da5feb38a99223359bf5ad5b96d', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: 'a213a218428971d73b427ab1570283940d1f0cf6', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '15a605107e4b7a8fe83320ee2b9ca4278194f6ac', class: "section-font" }, h("div", { key: '21148a558e03594e33149bd9b3695fd11480b868', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '52fd1f8e7703aec362ce3bbaca99a60adf3ad26f', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '01ab6617afbbc603d63a2e6248adf8d4c3d01991', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '2ce63e8dabcd40832a4e1c751d9391f7dffedf9c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'cbdef313ff735a5275e5cd29ce223e13d30d0ed5', class: "section-font" }, h("div", { key: '0240778a2271edaea9a3a6c9dbfd27fe1196a6f8', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '129883f33566476644c52451fea0f4ff0a2f82f6', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '111b6ff9312a1466773eb805ac616f4b2d36c172', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: 'cb3d3746f8ca37517db40e137ac61f55b8b6f3c4', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'b9af524edfdc7d9a379bcf4bcfd01e32ea25f9e3', class: "section" }, h("div", { key: 'eed7e3b195197009f7a49193f013bd4b17dffa67', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '9c7283fba036206d36c55b1b377854b0b39eb290', class: "section-font" }, h("div", { key: '99ca1b9d1dbaff14caf1eb25b24c4792840d06e2', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'eac2d8caade40fdfe78cbd39ca371107025e6843', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '6a89f8e991d61f868b954f94b0b90d0bdeb782d0', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: 'b1cb272e898179c6be6388b6a09e9b7faca77ed9', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'bb398b8a1e881f3612a9cf84ff50211e3257f2d0', class: "section-font" }, h("div", { key: '70575748a7044affd89736e9789a2d72cc9c46e9', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0bd852f3660f396c386b050bba6c4ddf32f927bb', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '50364fabcf5a35bf94e29df0d78fa51d718ae012', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: 'a144eef637a7559cc73b238b454603868202ccfd', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '3dc810e8c988dcc9fefb8370b74dcc6be032edfc', class: "section-font" }, h("div", { key: '2e115a822001560e5b91179cb119671b9c233197', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b4fe19d9c4af94951648a5c27bbb5627da1bd2e3', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '16e26fc4e0a6bdd1caa8daa4a136f80dbb246ea5', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '5acca2fac6184c1a7de3814048df0c738e1fb6f8', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '1c2a7f221b92a69b4b796106a3c6138d3431d216', class: "section-font" }, h("div", { key: '515220ed1a98d5102bf30e23af56c6e47fc201d5', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2a6467a0843ad721938e6ae7814a630976782fe6', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'c0b20b66b76bb10b35cb91529e75dcefdfc59bca', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: 'e3e7bd402533b7cb240accc605d1eb03aa589e05', 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: '28030daf4620742e0aca5f9fedbb1082fff01095' }, h("div", { key: '390a85cc5b1bb1b8b000e0e054d38dca8f1b590a', class: "container variable-container" }, h("div", { key: '05cad634560e1310afb91210f2083fd65abb449f', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: 'e0625a88e0a3c5e293edfe996c09ac2e789a71a5', class: "container-section" }, h("div", { key: 'db33489660288523f8bf2fa4598466940cd9293f', class: "variable-wrapper" }, h("span", { key: '8171b449cf09ac18679ef329ec4ea789220fbad1', class: "variable-name" }, h("span", { key: 'd2573bbea4c4ce147dcd36b6199e7915c750754a', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: '192fa35ab1b34a0178df7945d5635c1ba9612317', class: "container" }, h("div", { key: 'e4e4b370bdabe3bbf8c8faef4ac15032c5eced8b', class: "container-title" }, "Piem\u0113rs"), h("div", { key: '8a85e2395c5abff88a206b8f3bb82d379b022c48', class: "container-section container-example" }, h("code", { key: 'd2ca509958e03d8d88dd6921747eddf2f731dbea' }, "<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: '493dbe6da8016537f1c4259ef6a632d305e8e560', 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: '4f88394a0902d3cca5a2a9570c917301f20ebde0' }, h("div", { key: 'd9f8b46a049b50e94b73debf3b4c4395c2fc0fe0', class: "container variable-container" }, h("div", { key: '3fb28f0c411d866b99f3b0e15a01199da05adce7', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: 'f2aa5df9918d3d997ee511b94adf0ce97778bd60', class: "container-section" }, h("div", { key: 'dd3e3c32520a52d92ec7502db7090769949aa5b4', class: "variable-wrapper" }, h("span", { key: 'c66e1afd94eaa866934f06e28b25a116adf16993', class: "variable-name" }, h("span", { key: '707bf2279cbb93ea8af1bbadc6c10358250397be', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: 'cda56b84855034efe0d76553059497eb083ec70a', class: "container" }, h("div", { key: '65a357004fd700a99de5e19cce1beabe33264d4d', class: "container-title" }, "Piem\u0113rs"), h("div", { key: '59eaf60b49d6bcddd3aec1e3a2171b19f784cc40', class: "container-section container-example" }, h("code", { key: '8ead6a46a97d517790b71bfa09bcf28afdfa9264' }, "<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: '060fd1447a52fc3367382d1a07fc9b78b19ca0b0', 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: '2d57318a86683c4af91b99e1eb18a2fb964b9d2d' }, h("div", { key: '6fab91a0c5f481cb1e8d2ea8dea20bd32abb5943', class: "container variable-container" }, h("div", { key: 'a99a76984cbadffedda0b697c21e9d3e53f5d5f6', class: "container-title main" }, "Linka klase"), h("div", { key: '4120e4cc9ab3b73797a765cdbc77443e464a00d4', class: "container-section" }, h("div", { key: '0acc0c6b2b9a0649f97f290a4ff630361e08de41', class: "variable-wrapper" }, h("span", { key: 'cd1fddb96fc935856174fde5ae7e9b6dfc8a847e', class: "variable-name" }, h("span", { key: 'c068fd11311801145e257fb0fe7e21cf93d29bd9', class: "variable-part" }, "tet"), h("span", { key: '72da92af9108ff4ddd613fefbf3108a6f54e6db7', class: "variable-part" }, "-link"), h("span", { key: '591d7629cebe9e6670eb3889dbfb6d6e2ed1ab65', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '240f1735856e02c8bd4cc0044838918e49ae6afc', class: "container" }, h("div", { key: '54d07c3abca3cb3eb84df396bef67d4cf2810693', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '3a7a487c73a69bddaf74a0758c51754dacdb56a6', class: "container-section container-example" }, h("code", { key: 'd5bfaabb04384722cdd8e1ff29193c34fe148c6e', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: 'f9a85a5ded62ff34f116310f5919891c39503ed2' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '455ee38100c67da7b0c38a83202b7e758a4eb070', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '57ca4f53477c181f200381833891d655a863b885', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: '076cd81079c2b0865c9184b4f327fb5fcc98dc18' }, "Link klase ar bulti\u0146u uz ", h("a", { key: 'b4494180e4638ad5ad58ed7202936086102fa08f', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: 'cc24bcd31911880bb1dd3710ec698c26b4b10cf9', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: '0672240a18fe8bdcfe19e60d6eb598448a7785b6' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: '102d0c90560812c2c2dcb4314a7a470ba2d8f943', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: '00e63fe72e15be8464804c0bb3870d8045c86efc', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: 'a61e9d5b7f7b1b9301766f73ffce48db61fc006b', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: '5ba2889f322e24190dc28007c997ee0fae7fbd4d', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
+        return (h(Host, { key: '0cfa92f02e17d9cd6e5350069ebb3b8156bcc609' }, h("div", { key: '43bad483a197d142915d40c2dc7776a98d6ad0b2', class: "container variable-container" }, h("div", { key: 'a9368943fea609347b94fd6fdb03bc3a118b3755', class: "container-title main" }, "Linka klase"), h("div", { key: '65f7c195b90ef1faecb76608b97d54449655f813', class: "container-section" }, h("div", { key: 'eeaf263f6207085efa1ac44e0a19ec1f8596b658', class: "variable-wrapper" }, h("span", { key: 'd1b2767ef6dae739730ca2d250a329969add78a6', class: "variable-name" }, h("span", { key: '32dc6fb701a72c6e71c5c60e975f08e65027b20e', class: "variable-part" }, "tet"), h("span", { key: 'cc35e6072d5664fb06c3773587a8c885e65a1da7', class: "variable-part" }, "-link"), h("span", { key: '6da6de0ddb1cca236da0c59f4424d3f1910870e0', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: 'c21cd0eb01dd81e05d044e09e797296db0b68b46', class: "container" }, h("div", { key: '4509230a355f0e7984b433817b27ca21facd7593', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '4344a4f7f116051972ae9ce970ee4d5ba31a2de5', class: "container-section container-example" }, h("code", { key: '78ab2e3fb951508d648fa86e94b65214b56fafb0', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: '0e4cba1bc5bb934b4aface33133a91aac09184b3' }, "Link klase bez bulti\u0146as uz ", h("a", { key: 'a7e0d60729c334370c0ea8a402403e2cab1742e6', class: "tet-link", href: "#" }, "elementa")), h("code", { key: 'e93abcec9ada092f6252cb36552dde0dc731d123', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: 'bcee56f552fe96a2045ee08428ba4406a33f5ee3' }, "Link klase ar bulti\u0146u uz ", h("a", { key: '5f20be641c3ce7e90fb213aeffa9d0afd0c7be0d', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '6b98025d0b685698499e7054123fcc0b7ebabc2d', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: '0fb508457e800c9d9fbf4902334c3ae4c7c7f0c3' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: '8ab71d45769bb1565a013ce52c577fa3317541b4', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: '5c6f1a17c28e546e9d196b764768bab1d93d6a9e', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: '56dd069f9bceb779ba2665d8985a83afdb532c59', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: 'dee4db007ce95672908818a3e4b5bec62c2418f1', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
     }
     static get is() { return "tet-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetSpacing {
     render() {
-        return (h(Host, { key: 'd2f266350474c94596221ee190aebabf962019c1' }, h("div", { key: '74f46dec46adc45974bac029621173bf31a07d08', class: "variable-container" }, h("div", { key: 'f4af9925d0e7746693bbddb1b590301a496913e9', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: '68df94bbacb1ed002b5fa0c46635deed69c2ac03', class: "container-section" }, h("div", { key: '634da805eb8c9c7503aeeb645d47203b20fdefbe', class: "variable-name" }, h("div", { key: '0feb4e63bb81d88a1d32ecc997f312b33e06ba9f', class: "variable-part" }, "tet"), h("div", { key: '29a12080a299732343dfa6de8856733448c6063b', class: "variable-part" }, "-spacing"), h("div", { key: '0f05b2c7be6415b681c27cad1f55ea756139e8e8', class: "variable-part variable variable-size" }, "__md"), h("div", { key: '982964a408e4ea041132ccf2d0169a5d12501302', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: '49e4a39e7f07b640cf9c0eef699885455b0ab950', class: "container-wrapper" }, h("div", { key: '5062926920a59d36f9223b03fc7a45cb79eb0e7b', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: 'a40af9654228d4f89e736cc87575db645e3cbea1', class: "section" }, h("div", { key: '158f95ac2458f04f1ae446f0b9d3c2f203df7613', class: "section-wrapper" }, h("div", { key: '0e0726a8f3df868add90138bf3d68d0804b2c4de', class: "section" }, h("div", { key: '96b0b2d00c826aa634e62ce914c71d7e6f55f5eb', class: "section-content" }, h("div", { key: '73bd7266ac22dd0b75c7738f75e30d63be410270', class: "section-style" }, "__null"), h("div", { key: '4a059ea1ab5354eb1a4e3a012c995bbb5afba132', class: "section-style-attribute" }, "0")), h("div", { key: 'b3a5482eeb2f809c8d2e424175607377c2b34e6d', class: "section-content" }, h("div", { key: 'e3eca1c0666017132e8eed7d2e3ea71ba401e6df', class: "section-style" }, "__3xs"), h("div", { key: '5ad49adcd2d0dcc4b707cf255c1a9109e72f5590', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: '21678d0951476609cda0ad89a553eddcd9e20383', class: "section-content" }, h("div", { key: 'a954ca8379d1dbbab5e6498da602b9087634d6a9', class: "section-style" }, "__2xs"), h("div", { key: '1fad7a1074e6b8944af11d6e1a50918e5e76b0fd', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: '1220747817a6dd9ae1a6e22799bd2aa7d610c9a7', class: "section-content" }, h("div", { key: '6e18ccc21070cc48b03716527160bc4ec54e1821', class: "section-style" }, "__xs"), h("div", { key: '3950c6e6f0cd3bc87171b4ae4bf3f76e454520e0', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: '6334b0282ed07c8190c0d126266f8699b35b0499', class: "section-content" }, h("div", { key: '90aa38c0cc9e9608abb1f1496b8d2bf3c4fd3b1b', class: "section-style" }, "__sm"), h("div", { key: '37b295274e83c585d0b7fc0414aca348e4b34013', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: '0145ff0fdaddcda413bfac6d8305e39ecabb9fb5', class: "section-content" }, h("div", { key: '1d280626cf049cbfa8c10c0058e41f999bb4e066', class: "section-style" }, "__md"), h("div", { key: '306dd5aec3a4df679fa0a0ffad84e32c30768e07', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: '49ea316f7d481cd2557ec3ff898836e817f6db5e', class: "section-content" }, h("div", { key: '0244932bcbcaa6e27f39593d1136713365eebe54', class: "section-style" }, "__lg"), h("div", { key: '83a85ee284179f69b963c223000f10db2856adab', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: 'e9dd5a1d665d280347c9ef7ffa806dce3ef8d60a', class: "section-content" }, h("div", { key: '60b56629f18a545ddf851f6f2c22dc192ad2b512', class: "section-style" }, "__xl"), h("div", { key: '024d2f978da303c00f07479be5e06974de74a51b', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: '892a6651357853031c4a00a02a3b89d0caffaa9b', class: "section-content" }, h("div", { key: 'c68122c9b6400491724e0ad257f7c5b07d2d7699', class: "section-style" }, "__2xl"), h("div", { key: 'ffc617f5c7c5e01323797ce4c718054ef29cc4e7', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: '966b079b6ddd7bb84876016d7cd244468ac400fb', class: "section-content" }, h("div", { key: 'f380e5f5f3ebf15034f7b268b8d324fe6ac328b6', class: "section-style" }, "__3xl"), h("div", { key: '1ade8f7c8a5976ec47bd8cddbb5d6c8e4e2520fc', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: '448fa25a4f232d3e0c8bd29c7ba0b61e000a4e08', class: "section-content" }, h("div", { key: '23d78bf32ddfc50669af30156b046a4adf1f551c', class: "section-style" }, "__xxl"), h("div", { key: 'a604f9beaa0b6c7444e90579dd751474b7a74af8', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: '85dd9d1de35df18d1aca91e5de9923eb6fe975d2', class: "section-content" }, h("div", { key: 'e0d1cc4a9109cfd5c9854986bdc386ad2068b4ac', class: "section-style" }, "__2xxl"), h("div", { key: '8ae6a737a31ea62f3eff14de52c011e71a37d610', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '5131cc316b8f508c67d4265bb264fc3ce19772af', class: "section-content" }, h("div", { key: '108cc8206264c38a58b2cf62b107aedad4d3857c', class: "section-style" }, "__3xxl"), h("div", { key: 'c992294e9ceecf6746d8de170b5afcf5906fbea7', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: 'd6cdcd89b7fc39fc41ec4a6c7b43449759961c35', class: "section-content" }, h("div", { key: '61bd6dec5d350d71d070877b28d8c5002c63dc5e', class: "section-style" }, "__mg"), h("div", { key: '593d070b8c3e02bdbe86d85dc7f717fba2a36ca3', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: 'eff13e50276757229b01ea5d25b772ed2496d135', class: "section-content" }, h("div", { key: 'bff9c3ef354d2611249287987b33cd8f861d240a', class: "section-style" }, "__2mg"), h("div", { key: 'd2cd3b6f70629be68a382c01a008a11823afae9b', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: 'bebbdc4cbe388fc250612ad9799aecc23fddece7', class: "section-content" }, h("div", { key: '1354861dbc37cee50efa6d49d4171810285c279d', class: "section-style" }, "__3mg"), h("div", { key: '4eed054fff1c737d9c7d35117332ce8b09661d21', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: 'f4e51d6d1bdf742daaaa2aad0113cfa6aa7713f8', class: "section-content" }, h("div", { key: '76d7a677907469594a5dd8357362d8a8ac0a9aba', class: "section-style" }, "__gg"), h("div", { key: '78b7e82d0770c681a18dc7b326082678edcf8380', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: '04f3d8bbc78127682497f7ab58ce6393c061982c', class: "section-content" }, h("div", { key: '1bd681e2c3dfaa862e1588b780730dcfc4c89284', class: "section-style" }, "__2gg"), h("div", { key: '598b8ddc86ed0815cc2097b2e58bfa80c9f40149', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: 'f9e0a4ac692b0d7a0db94968c9c9a60399a315a9', class: "section-content" }, h("div", { key: 'b425a3adcf72f83c47dd8afe6b1f2eaa67fa46de', class: "section-style" }, "__3gg"), h("div", { key: '8fd68b3ea12624eb00821e47244dc045582b2a64', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: '1c763838b189b77ccbf1af230e968fcfe0946ce3', class: "section-content" }, h("div", { key: 'a254dce11f7080a45b16502cec1b0a53406eb2aa', class: "section-style" }, "__xgg"), h("div", { key: 'a31cbca7140dd16f68afc6d071b6f0e767871e5e', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: '8d309ac047fdfc6bf8fdebb762c6b4e72925a582', class: "section-content" }, h("div", { key: '7f2f38737aee9fa14d382db3def802906db47ae9', class: "section-style" }, "__auto"), h("div", { key: '76c35a920b7c5e88f569f27a59dff9519d74a5da', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: '8a434fa9ea6e32286b3a1fd06b583b925734b017', class: "section" }, h("div", { key: '14219acf190146ad37bab745e3fe78de514dd978', class: "section-content" }, h("div", { key: '08d54d6beddd8c4790206a61738e92999bd21c2d', class: "section-style" }, "--m"), h("div", { key: '53bceb2537792474926977d62bc2e32d07b6c559', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '5cfa9b68f77d2b545dc0dea100ff5a932dea05d3', class: "section-content" }, h("div", { key: 'e0d52f0aa4563d7568e779522e4b24f173e204fd', class: "section-style" }, "--mtb"), h("div", { key: '265a3c91228c1be8da7654ffef35c76130b07bd5', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: 'd0b496696b289106e251b758c8192cc565cfa8ca', class: "section-content" }, h("div", { key: '1eec4fb20f7f29e48bd07638276330f917c80561', class: "section-style" }, "--mlr"), h("div", { key: '78fe62f69de077475d6e36027e510149bf25ec82', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '18bbf68ba2bac1218d74f918122546eb3152b30c', class: "section-content" }, h("div", { key: '8874a34e370a15032df3891fb37b8d93fd82ea34', class: "section-style" }, "--mt"), h("div", { key: '05b7b2a1e6caba1f60fbec695b76c92dadd411bc', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: 'c821fb90a56f2e84b2fce9213ac6553516ad831b', class: "section-content" }, h("div", { key: '622926189437d8aad60492a07970755cccc1aaea', class: "section-style" }, "--mb"), h("div", { key: '955329956572190f59ef6ff39716bad47aeee515', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: '73f934759dd5e1d24e32e2aa498365b4753a461c', class: "section-content" }, h("div", { key: 'c8023a57f950a00a575f127ad5e2a392960b8718', class: "section-style" }, "--mr"), h("div", { key: 'aa43968f077bae0bd3c65a83bc5dc99cc1945b46', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '09df95fe09cc5d5748f5449685731a2b1b3476d4', class: "section-content" }, h("div", { key: '8af888cbdc9bec396d43428623fd305655d6d479', class: "section-style" }, "--ml"), h("div", { key: 'd435c908b8e9f6c258249c21efad260a40de1c0e', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: '0b4500ff700cb724410633e52a4ca30c2003d043', class: "section-content" }, h("div", { key: '093db202bb30f6fe855a7d91bbfcaba2a5cc2e62', class: "section-style" }, "--p"), h("div", { key: '719974652abac791f6ce501fbcc9d0728392b205', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: '63837dd6a5eb0306809887f8f5800a9b710d027d', class: "section-content" }, h("div", { key: 'c758b193cdaaa769365799cac8fc5224560bd6d7', class: "section-style" }, "--ptb"), h("div", { key: 'f93a2a74b63987c30f7d51ba2640815d11422571', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '985409d151cfdd1018f9593bb297e16608997f86', class: "section-content" }, h("div", { key: 'd3a3d1961e03336800a1eada0e57d6ff6eeeab26', class: "section-style" }, "--plr"), h("div", { key: '140d5ca9d4e2c3335499cbdedceb96780464b228', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: '5900d9cd8fe971bd4940fbe97095489a16db600a', class: "section-content" }, h("div", { key: '499fc9f40b6e7bc5b579162884067ee28d90133b', class: "section-style" }, "--pt"), h("div", { key: 'fa48d508af2c7c26ecaed211f96522ba83cff3c4', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: '7f2040b3d4a3daebbf0564c1d7457cd2e6b06fc9', class: "section-content" }, h("div", { key: '4e37f89d3d82a669642449485f7bb547982494c0', class: "section-style" }, "--pb"), h("div", { key: '68cc21919600730e648ec9f586668b7080a486e0', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: 'd9ddebf361484ef232a74f2a7e099a0b07919e95', class: "section-content" }, h("div", { key: 'f8f04a9cf2d5a88536e71027089206eddcda4054', class: "section-style" }, "--pr"), h("div", { key: '92b4b97b3039df244bb10829a103167a6769de69', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '6754aca0d6caecefce946605b7cc71f1eb227578', class: "section-content" }, h("div", { key: '0c2f8f4dd14e18467324991ab6b721fc10ea895c', class: "section-style" }, "--pl"), h("div", { key: '2ed3ad1dd62f3846fde887db472cff42c63198cb', class: "section-style-attribute" }, "padding pa kreisi"))))))));
+        return (h(Host, { key: 'aec0d4f935609a9c74e6675890a45cc8162f812c' }, h("div", { key: '815d291f3b55bcb90f89efb742b5470913fad868', class: "variable-container" }, h("div", { key: '256b5cc20a91073d474bf162867a7d612316b204', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: 'd537cfaea41f892da5d167338dc8fb7fad13e02b', class: "container-section" }, h("div", { key: 'e2da3fb69fa10a2d2739e52d25861f5dc00caec1', class: "variable-name" }, h("div", { key: '97940bca45341455b968b6218384fca6fd0ca203', class: "variable-part" }, "tet"), h("div", { key: 'b1be859e97fc182a4890ab38f90f4bad10c5367f', class: "variable-part" }, "-spacing"), h("div", { key: '258f2a97ada39f5661fd9c32d5244a629e032da5', class: "variable-part variable variable-size" }, "__md"), h("div", { key: '4b9ba261997c81d699b43f057f4d1a98ea5e2077', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: 'e2445a6f049b1b58346ab45e24f02d400ca3e368', class: "container-wrapper" }, h("div", { key: 'a7c490fdecff8d9cb85ead6f12d5b8227871a2df', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: 'cff288837106d09f68a0629feec400db65667fb2', class: "section" }, h("div", { key: '04c9d802e75b0e23a72aa8f39def3f65d68228f3', class: "section-wrapper" }, h("div", { key: '6d68611319e87cc47f149ea8d5d2cd23466d2574', class: "section" }, h("div", { key: '6c15fb794f246aeed4cc952f115836ab6ff5e64a', class: "section-content" }, h("div", { key: 'bc186f3eed1ef1c843253133bd110a4dffdb4346', class: "section-style" }, "__null"), h("div", { key: '2f20c9c08f1b02cd12ad0aba267b5854f31f9d4e', class: "section-style-attribute" }, "0")), h("div", { key: '9eca29f6663542b94b5f7b1c846a34002d770a59', class: "section-content" }, h("div", { key: '9e9a3a2999e72a28607d1bbdf7c37f0d0cc6fe49', class: "section-style" }, "__3xs"), h("div", { key: 'd05d2b659418e23715387c53797853cae7c66e30', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: '7b920d810ff63015f1a66c6e25aa38d3ccf863ea', class: "section-content" }, h("div", { key: '91782470af6b245a735a235edf9e058894ab1f50', class: "section-style" }, "__2xs"), h("div", { key: 'b22edda86882f8fd54ce4e881eceb212fabc6bee', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: '9777f769be8dad5e4ed75d0154caeb0242db2cd3', class: "section-content" }, h("div", { key: '0f21d58a108f3204ed8ce364327d0118e4d798dd', class: "section-style" }, "__xs"), h("div", { key: '41f54cccdef0088d822ce64a70b4ad58fb74eb9e', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: 'b1be69c3039c1a40d7e64496fb1e916592fd53bf', class: "section-content" }, h("div", { key: 'bbe4312c01b2e3dbc5d05c7cadaa0876347791e0', class: "section-style" }, "__sm"), h("div", { key: '189290762c0cbf6508d60abcff1933d292fbd553', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: '43b6b456079d8c49610b497f561dfb451ac39e51', class: "section-content" }, h("div", { key: '3c6cb05686f555de3889814059ba101b9031bc6f', class: "section-style" }, "__md"), h("div", { key: 'b6b59451020b618cc54102fea8954f1de080bf37', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: 'e357c1546006b9bcb39cfb088edbc53db069e931', class: "section-content" }, h("div", { key: 'fc289e63e5d4f5dc1dd31947eb04a59280962213', class: "section-style" }, "__lg"), h("div", { key: 'e0390f88a2c98589963dea0ed5308beda88726d8', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: '7a7996d4a5526b2bc9dbd89f35b35bb2eb0d3155', class: "section-content" }, h("div", { key: '8f29dc95a995bee01b22bf60b1896a4b85242f91', class: "section-style" }, "__xl"), h("div", { key: '2f2e7e71f128ae66f24adcf60631d9b0af196880', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: 'fa1894c130ea7b1703ee9297962d6518cd4953da', class: "section-content" }, h("div", { key: 'a0aee5f4b3912f902719af60b90b7d6d7421ef81', class: "section-style" }, "__2xl"), h("div", { key: '65358028b25eb6192bdf7b6ffef379cd0028beb8', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: 'a25cfd434036832505b01f19b14261043ba1ba01', class: "section-content" }, h("div", { key: 'a2428e6e9027f2e8b7d959f829f03facf607bef5', class: "section-style" }, "__3xl"), h("div", { key: '44d991b4c075d4d9b058c6cd30d260d7fb93b6e1', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: '26ed8f190ae6112d593c1a7925ea4feebf8cfd0e', class: "section-content" }, h("div", { key: '283d7a593ebabaead6557c2d46be6e85a2222aaf', class: "section-style" }, "__xxl"), h("div", { key: '33613d7130fe34c2b2c3f6cfa224493102b94c87', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: '11677c3f2a45989191d849092de647c836e437c8', class: "section-content" }, h("div", { key: 'dde0861835cfbaa59e236a7a13b79a54ec23a53a', class: "section-style" }, "__2xxl"), h("div", { key: '38ee599146efc30dc0e04ddaf0aa9f4f146c1551', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '6a02f467afea59ae7206023ad317f3f3c5a3025c', class: "section-content" }, h("div", { key: '2378c6fc3afbbad2c281877f883f6dcb9488ca6c', class: "section-style" }, "__3xxl"), h("div", { key: '3ce68a25f60c51db9e0d0a789fa64d9345602e2f', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: '0b6aced0f45536afce68ed8bd9a3c4a497b8a8f2', class: "section-content" }, h("div", { key: '341fbfad0632af84208568d4628985a6d6f73fe1', class: "section-style" }, "__mg"), h("div", { key: '1f5e33fd576de724e5340659f84e5e003b05918d', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: '41bb100f55bfbf76e8bf233cb75a63bf543bcc4c', class: "section-content" }, h("div", { key: '4d106b9294e93d8797378c4a5af264a18ab1dfd5', class: "section-style" }, "__2mg"), h("div", { key: '25863cd657049440efc0e2e02bd84166b9d84795', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: 'f5f328c07615278735a9b0707a92eacc4e79da3e', class: "section-content" }, h("div", { key: 'f25baf6b7ae4abb4d11c3b9a013a8d74d23cce1b', class: "section-style" }, "__3mg"), h("div", { key: 'd06daf2b5cafaf9cbab68f6f15d31a2d5e739887', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: 'c0388d20da6a016429625369db96d2a7162bae9d', class: "section-content" }, h("div", { key: 'edc1e0f116befd6026a130065a266dda1dd9f7a0', class: "section-style" }, "__gg"), h("div", { key: 'cee4cc8ded204362eda109dd0303f62693609b96', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: '4b468cdd5b69476e3e0fbabdeaf86862ea904b15', class: "section-content" }, h("div", { key: '0fece3e5dc063729de749e828a3ed6be8abfb80b', class: "section-style" }, "__2gg"), h("div", { key: '612b91572be0d7fd06856b05efc513561c5e91e0', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '7146ab0da5db6443edfbc5db739df175dc8785f5', class: "section-content" }, h("div", { key: 'a6b68cf1b195ffa796d0ebb8aad639942740bd22', class: "section-style" }, "__3gg"), h("div", { key: '4c29a6db23891b31046a1c11327f8d4bf68c8139', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: '70c424d91b761aa0ea9a2ed7d40b65278802b3f6', class: "section-content" }, h("div", { key: '9716e144263fe7518cc153cf7cee21eef31f2b20', class: "section-style" }, "__xgg"), h("div", { key: 'bd8a02355484f0d8551dda56988a4a915534ff46', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: '1290f43ca8df09d80cafff514d97c15007f07925', class: "section-content" }, h("div", { key: 'eb9a8effacf12163338e9f54a3b5eb9bdb1c31ab', class: "section-style" }, "__auto"), h("div", { key: '15b3f0c1dd700cce31bee16f8ee30c44f87d7fa9', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: '1492bc1f93db519ece3428602e37f03308f2a7cb', class: "section" }, h("div", { key: 'b8f82c2f043d91ecf830246c882548ed0831263c', class: "section-content" }, h("div", { key: '0f410c0ea93d248f91af5f4919a94edadcdaabaf', class: "section-style" }, "--m"), h("div", { key: '68f9f8046f9e0fcdcab87fac2bc938f1e45da780', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '3acaea12a07c7fa6ead38111d7f753f7f2af37c9', class: "section-content" }, h("div", { key: '84d9f34f8ccd2f3c1d905546179254027af6cca2', class: "section-style" }, "--mtb"), h("div", { key: 'e93b63e7918d88aff6f9f4a187dd0b156f622b6c', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: 'c9772968cf6736d61ace1dc92afb3a1fc87aedb2', class: "section-content" }, h("div", { key: 'db69d914a1269e5e76de12e6a5b440cc384c22c3', class: "section-style" }, "--mlr"), h("div", { key: 'a7535bc3e0f3d96730dceac650c322c549b90c41', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '2d078709e99b00811d65041e9fce209597661d5b', class: "section-content" }, h("div", { key: '354b000b7993dd2454c6b9d2234df0811829bff9', class: "section-style" }, "--mt"), h("div", { key: '06b59cb43fa712c3b1abdd8be87193542470e192', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: '25a8ad02b3b746257416eea681e4f6e58a29458e', class: "section-content" }, h("div", { key: '1deeaba784b3d389362a88ee6a4221205a4d967d', class: "section-style" }, "--mb"), h("div", { key: '17449a0c44d7c37c3460bac2bdca23105fdf3bdc', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: '061f04a105bb78bb3a0660b9b0757e7fc46d88d2', class: "section-content" }, h("div", { key: '917c16cbfd3a8707d1574c28003ff4c301880a1c', class: "section-style" }, "--mr"), h("div", { key: '692278e77d89b5a8e15b62b6b6f46f2cbfd14091', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '796dfa480e1b293ecdb53777e89a0d572831e0c6', class: "section-content" }, h("div", { key: '79afc3243e5f4629ed12c9d476f3f478f9af3c12', class: "section-style" }, "--ml"), h("div", { key: '5669919d71d664ded763371f582909142f3570f8', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: '04fd87b3fe755b9cd2d23b8f787c4c1660f34ea9', class: "section-content" }, h("div", { key: 'e81554105eeee77e2e8830d9db981bb7dee53e1c', class: "section-style" }, "--p"), h("div", { key: 'b84d3e5274b62da70319c543b040454a6bdc1a24', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: 'd51e022feb62013f4d78e14e6523eea1b6040ea5', class: "section-content" }, h("div", { key: '9f271dc78b5fac1acc0827d72a634ff1a52c4de6', class: "section-style" }, "--ptb"), h("div", { key: '23fedd5773c21eee632c9cae3decdd54e3ae4b58', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '47f33d20a2071fbd6695d728ec4c019deb08faed', class: "section-content" }, h("div", { key: 'c2ff0b8aa5b3c9f5d65b1be143af4e797eb54915', class: "section-style" }, "--plr"), h("div", { key: 'af379165c8b6a9d8f8a1fd36d25e76e222a7f28a', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: '45f8b48c91c41bb1930771b7daf6e823e2ff6590', class: "section-content" }, h("div", { key: 'fb50f20e3cf146307de1e781b59b81429aa98279', class: "section-style" }, "--pt"), h("div", { key: '7b93f62ea4505905393469467b9cbfbfd705c00c', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: '7c8b8d189856e545fdcdb66821332272a0dc5320', class: "section-content" }, h("div", { key: 'db557d390c77f59275c5298e008eba03e558b416', class: "section-style" }, "--pb"), h("div", { key: '30abd7243f5d6c13ac52142f66b6d1297f296ea7', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: '00a08cc9bc906144e3cdd1c492efc5ac6a30a39c', class: "section-content" }, h("div", { key: '24dcb95612390584892cf81eead3bf70e0b92a9a', class: "section-style" }, "--pr"), h("div", { key: 'e4b7a4c2a75263d192afe7411b089d4a28fa5c3d', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '4cf5c2504e9a9a0e319937a083689b0cb46f1073', class: "section-content" }, h("div", { key: '78e74ba1879f532c15721ea36ee27f2379c24132', class: "section-style" }, "--pl"), h("div", { key: '755003d6c07e0f4617d4369076a40cd5d105a7ca', class: "section-style-attribute" }, "padding pa kreisi"))))))));
     }
     static get is() { return "tet-spacing"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class TetGrid {
     render() {
-        return (h(Host, { key: 'cb8d797e33ebe4f1e3608301cab1e31875bbbd70' }, h("div", { key: '5cfabadb4df3172d7a5c11fc07dc8f4a956885b4', class: "variable-container" }, h("div", { key: 'ddb11c133301d478f4ee7c9a869d5f003c1330b7', class: "container-title main" }, "Grid klase"), h("div", { key: '070ff361c127c199f175f3c132a843cefcaa3265', class: "container-section" }, h("div", { key: '34d47cbfc32e96c5b3644fccd0166e573bf16fcc', class: "variable-name" }, h("div", { key: 'b94fe94a480819c8d856dbd053e1904e1c60cdec', class: "variable-part" }, "tet"), h("div", { key: '94a5e5f6b89925e806a48535ba1e828bbc5a2db3', class: "variable-part" }, "-grid")), h("div", { key: '20d4208bb6ae659142e32f4cbd9f0d956ae9bdd0', class: "variable-name" }, h("div", { key: '01097353b30f802a864f67bb712978d56aa1dca8', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: '810785d634cdedabc9eef44d4bb385f379a83dfb', class: "container-wrapper" }, h("div", { key: 'e49c192846f4bca195212a773f6e554df50e8f0f', class: "container-title" }, "Grida lietojumi"), h("div", { key: 'f3c68b4c378cd0728175f6b7fd80e33fd9af1873', class: "container-comment" }, "Parent l\u012Bmen\u012B ir j\u0101b\u016Bt klasei tet-grid. Tad childam ir j\u0101b\u016Bt tet-grid__cell."), h("div", { key: '491555aece64b8580412297fcf2f341b3532130d', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: '26d797efa071dffe15736059ded79c9f60526419', class: "section" }, h("div", { key: 'cef0270c56896b97a2b47e18a16923a092a1d06d', class: "section-content" }, h("div", { key: 'dcadaa02e29a49f16618ea554a91ee899ebd9070', class: "show-grid tet-grid" }, h("div", { key: '988178edc15de897823f72d5cefa6dd0bae94c45', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '7dbc746b436e9c58feb9cfbc8897d71bdbbfa635', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: '61ad428c98dd46f7fce7a38633ef7d7326102422', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: '6d94b3f1f8ea404d047ed89f9dceaf8c9012104e', class: "section-content" }, h("div", { key: '9fb10b30964c5c68e57dd5ea6bb80ad0af22e65b', class: "show-grid tet-grid" }, h("div", { key: '13ca4b197002f19352145df15e81b861034612c1', class: "show-span tet-grid__cell--span-4" }, h("div", { key: '9a0727cdd859db42c03363b0e2d3be4ea00dd7ff' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: '6a4848169890d258abd8fed803f50b090c3dced7', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: '6df9a7da746f6cbe958931a6935308a23a02040e', class: "section-content" }, h("div", { key: '38570ffae8287774c43dad3b285d40324dea8650', class: "show-grid tet-grid" }, h("div", { key: 'c04539f4b9910ae0f8c42a04630c949237b72f85', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: 'a8719f17dd39ff1743ba2bbf6abb3688bcfdf991' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: '81393029a3a53aaffd8d7b7e22fab81d81ecbd08', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: '05706b768c47cc94c9eb2208b66d7acc78481b40', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: '5f286a52a5338bd55450b5a9e860f296c8b39914' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: '782166bd189f2f474bd5289b835333bb53e540c2', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: 'f04fab9cef93dd8d605a2100d6f22565b47a67ac', class: "section-content" }, h("div", { key: 'aad118cf95dba41a4a057ccc69d7c9a947a86e85', class: "show-grid tet-grid" }, h("div", { key: 'a135a67e91efc7a6433b770417eea12bc897d790', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '0985a537790960ded9db0540e053a4fa8807f0b1' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: '5a9ea78aa93ef5c0a9bd9823356d2bddfa0e4436', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: 'a46c1a9a30ac11f398930abee8166c7a063aafc2', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: 'a8fa4dcbc428df9d753d88a7c43db545c49ff228', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: '6a8aab722479be1420e8ddad8cc4165e1ce87eb6', class: "section-content" }, h("div", { key: '853a863caeadd318f8b2dd344e9a0a1231f73121', class: "show-grid tet-grid" }, h("div", { key: '55a9966bd87d6b01dc4598bcdac4262d6308f868', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'a8afdc3ae864bcc19324600039a206f89feee142', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: 'c4663e4326f2551a2837f24f5d967ed64a51d82e', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '6fcf3a77afefed9da4328dff76858709a5ec9295' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '8512466ed941543b8bc4c6afb32075b6b65b1a5f', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: '0e701d5516126ea3a35206c78dde6bdec6b0528d', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '9c853356b08f7361e71c348061ffdb2b873d3dd7', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: 'c7a584f2c408084f3c8e12299492cb78d358581b', class: "container-wrapper" }, h("div", { key: 'c0e1505dfa729c54cbfb887587f7e46f99a94d18', class: "container-title" }, "1920px breakpoint"), h("div", { key: 'e56cf193d7925309583bd5a8460d894b6233d5b1', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: '8ef0e1356ad4173f2994e5905d28b14a0d073c6c' }, h("i", { key: 'b619b0c688de4453befb240026da562bd56c02d0' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: '74decf24a16d2934c0a700042704b54113c42876', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: 'a3753abc6bffffc28ffcb8166bfce7424e1db1a5', class: "section" }, h("div", { key: '32ae1fc9de9c0591cb5c0db1147727da666ba21e', class: "section-content" }, h("div", { key: '147e0ebf1734c3251d675d1bd24362c66247c9fe', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: 'd103f7dd77c4b68b0ee8c2d5254406d5f0eb6b7e', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'dce3e381e7e14771009ff3ee190985ebf3a75d9e', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '5b6f68f566c8d664a375d3f1b3f6f44542fb4730', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '7e4e4f5c51c64bc901d22038a7a4dfc22248caaf' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '189dd58ff8090a331413eb2c7085014ee685336a', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: '2b83ca7f8735cb65a835e03d32aea927eb16a104', class: "tet-grid tet-grid--gg" }, h("div", { key: '1a11e6b763c09b8c74d45d33c34643985f181529', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: '07b7ed4c079288ac8b4b4115c45a1f0773700ceb' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: 'f85fc0b7230bb1e670af31bd6bffbed68788a198', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: '35a0dee37df5aa16ddb3e5461195ff0f8d019748', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: '5afa427f67f460c40a3d3e0027fb62594fddabe7', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: 'a0e10a04da3ad7b294df4dddf2e3ba3b9f298a26', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '4b019e96245953dfd39420a8481402750f067294', class: "section-style-attribute" }, "tet-grid__cell--span-2"))))))));
+        return (h(Host, { key: 'a9edae3a20b05795fdbb3a2c1ddc0d34b1bdf889' }, h("div", { key: 'cca2bd99798a6a95caca58e122e167a272fac460', class: "variable-container" }, h("div", { key: '42cebc984f2e2fdf193f3cd68668770ea82bfbb1', class: "container-title main" }, "Grid klase"), h("div", { key: '590ddaa4a66a70e6cc7015d2f67f004c2d0a6f81', class: "container-section" }, h("div", { key: 'cbc99ad6dbd09d6d2e7c5a005249d12e081cdfe3', class: "variable-name" }, h("div", { key: '04853eb9b87fe71a6979d00a434928e76fb99204', class: "variable-part" }, "tet"), h("div", { key: 'b32f17da3910d1f18ef3798dac5e3d4d4edc1cff', class: "variable-part" }, "-grid")), h("div", { key: '732629f43a83bee1d98c098961a9b9206dc50042', class: "variable-name" }, h("div", { key: '517d012a490af6c23e90c8cadc95f738b574dee6', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: '38f17fa857b3adf1d962b12271902ce65f297b9a', class: "container-wrapper" }, h("div", { key: '8546a6947660c014e8f882bec299103542de31be', class: "container-title" }, "Grida lietojumi"), h("div", { key: '289057d75c43abcfa7d3b4fa56316dda32200442', class: "container-comment" }, "Parent l\u012Bmen\u012B ir j\u0101b\u016Bt klasei tet-grid. Tad childam ir j\u0101b\u016Bt tet-grid__cell."), h("div", { key: '0ef4739b231c6422d6b00742f95a6ca0225a8f41', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: 'c2c5fb6fe909a95157ed810836260d9c23c4b537', class: "section" }, h("div", { key: '40c0da4d6de28b76de174e99a188d7bca75f3a78', class: "section-content" }, h("div", { key: '1768ea7f94607c8402ceddf34339636d4d32a148', class: "show-grid tet-grid" }, h("div", { key: 'f0b43d87ae7bd07de3ea20439ffd1507ad499e06', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '87477bd5d8e4b3c3addc6bc1ca118c55eeaa0504', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: 'c862dbe4957913c86dfbc3d687a7917d38962cb8', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: '8d1121b271e5ca87677baa7db016d3d1b6dc4b28', class: "section-content" }, h("div", { key: '494243d88d93e35945b3a9d0ee10cbc97623ede1', class: "show-grid tet-grid" }, h("div", { key: '5dca9a4e1c46e7edda9d8a2507024c913f3915b7', class: "show-span tet-grid__cell--span-4" }, h("div", { key: '2e381a2895b53e5e99a0e63e1ad79339bebf31b6' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: '0ea167043fbe86f3b2df131b1709756e774e2c67', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: 'c7fff7c23ccf4f49dff7db11837227bc762a5a28', class: "section-content" }, h("div", { key: '111880d0b9e8aa7cad61bbd55c540507ed61ddb2', class: "show-grid tet-grid" }, h("div", { key: 'ea63fd459bca060a241527a77f34e031e796dd41', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: '1a618414374e3026f63a0fb380a360cb4f90c3d8' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: 'c1c8b264ca4758fbe0a783db274fa066efbf4b60', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: 'f220b041d12515a0c3bef08cc1f45f08df578958', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: 'c0545ea8e94087fbfdf9914bb76100b1075315e5' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: '9eb05019e547b1051b2f1b45097a670434d6fcdf', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: 'f2fb7d6116995da459cc13da789b1e1c3010839b', class: "section-content" }, h("div", { key: '19138d57162396afa1f40b69c59dc239a38dd031', class: "show-grid tet-grid" }, h("div", { key: 'dd1a4ef05448905872f581d36937855d5ca0f257', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '9f136eb50fdf98990ad5bbd8adaaa497a5f0352a' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: '3abab60fcd42e383a20b4609d148be0e404b95c7', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: 'f03bb3780028c6d92948d538f589fa387bad5c04', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: 'ad69cc6dcac28dc224c8d91f549417931acd1b5c', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: '69cf203e48d8a888f499dd77103528c3150ee5fc', class: "section-content" }, h("div", { key: '3bd7dca0453205f0dee512e4116f5f36839c2452', class: "show-grid tet-grid" }, h("div", { key: 'ab03fb52af2ec5026919c1f94bda3a82dcf33f69', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '938a8badbed3aa064183b72f8fd9a8d1523d84b7', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '841126ce48af9d887dd4f6d4ae01e5f0240b6351', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '65fcac86b7f75e457a0a600ba655d67bffd1fbf8' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '3610d32b961917a8ef80c3d743ce8281ad28947b', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: '3de701c186b91d7089742928c2ab4ecee1d6e9bf', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '95cf3f05fb54efa4c91d09d63ab244ca782afb0c', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: 'd38dede66e86a5e29bd7e8b7a94b90806b3eb909', class: "container-wrapper" }, h("div", { key: '7c32cf25b5a85d63008cd1b812ec8c47afabd5f3', class: "container-title" }, "1920px breakpoint"), h("div", { key: 'bc570f0a9d65556f050c8fdba8975ebdc79bcc7c', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: 'fc9a995a152439ef724461a5874042c33bb558ef' }, h("i", { key: '808a9d7085b6fbd9f6c1391bf57533f4dff80a33' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: '64f1cfdae8801a0c8a306c9e4561913b1185727d', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: '7116c4cba3541793925d4769c108de7e960d1416', class: "section" }, h("div", { key: 'c4cb64a46b66faa745053e87c2750ba41a4f826c', class: "section-content" }, h("div", { key: 'db5731b350e2e340b971906150948d34b9731d65', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: 'c07f11f1f45f8b3c60a9d65834054d6fc8ebbdec', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'c587ebec9b6b55b0b4d49bf987e1053dcd594c37', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '8e0ff9bcb34ee9cf94420f7842dfaad728ef8f60', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: 'd13aba975de2ec6935e2e915155f0560c5b66083' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '4d99df58f05c6512621f4841d198d02f4edc69a8', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: '7ff6af0ae426f7339953f63658f8a8f16bd299c2', class: "tet-grid tet-grid--gg" }, h("div", { key: 'a2a5956478934f5afa4695a48c0af121e87c9be2', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: '890e5f8466e00bcbed52067bfd57de2c20f82139' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: '7cc7e81a69f838d4566be94f5009308a1eeb2f9e', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: '97fc08467fa1eb0ef328490fcf90c96521754050', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: 'ffce7ac0de0c9571c139c4d66260cf48cef82055', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: 'd5a65a9a060155b7893bc691248b31e27333edf3', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '11fe1ff43ea4def0984366dc66bcf66a3412a598', class: "section-style-attribute" }, "tet-grid__cell--span-2"))))))));
     }
     static get is() { return "tet-grid"; }
     static get originalStyleUrls() {

package/dist/components/index.js

@@ -108,7 +108,7 @@ import { TetThankYouViewV3 } from './tet-thank-you-view-v3.js';
 import { TetTooltip } from './tet-tooltip.js';
 import { TetTvGiftBlock } from './tet-tv-gift-block.js';
 import { TetTvGiftList } from './tet-tv-gift-list.js';
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-25b93e8f.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-8b6ad07d.js';
 
 const defineCustomElements = (opts) => {
     if (typeof customElements !== 'undefined') {