npm - @tet/tet-components - Versions diffs - 1.4.13-testing → 1.4.14-staging - Mend

@tet/tet-components 1.4.13-testing → 1.4.14-staging

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (546) hide show

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

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         this.withInPersonServiceSupport = detail.checked;
     };
     render() {
-        return (h("section", { key: '4ad11ff9030fd3e2640876a29e4c6330b335a3a7', class: "container" }, h("div", { key: 'cdcb221efd894398a8090aff709fefcea756114e', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '2c3b6c7fa2d9a5d2acdadf908837698764df00e2', class: "calculator-block" }, h("p", { key: '40a57e8ad5bbe7191e30d55cafdb8eb7d23ef72f', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '629051a4442a00a7c0e0792d02ef7acc00ec832f', 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: '20d42c1a1b8e85faa8a9f8c5d06c9b77285e53aa', class: "control-container" }, h("div", { key: '46ea8a65aa6fbb31bbffd86d17d19dc1e972d991', class: "control" }, h("tet-checkbox", { key: 'e9f70e3cda34cf02e7b0472ed52ab39d92457f40', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '59b5a03a9cb30b0800bc74f88f2c26432bd7c71b', class: "control" }, h("tet-switch", { key: '02bb1fd06e9c989c4eb224481ed76af8adf1f718', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '4280eb4d809875065e77622d4f7964bc3303aa03', class: "monthly-payment-block" }, h("p", { key: '0f4f879f636d98125b1aa343baa62ffd8830cb14', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'c4f76df397932d85657e711f2abf44b20fd7844d' }, h("span", { key: 'd2de992ff24e378826d2166f73d226d1b480b2fa', class: "price" }, this.totalPrice), h("span", { key: '2abfbd74ad2d8b99792955a14506a4333813c23c', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: 'fd01220d0c2a94b12381263343c09973dac57418', class: "container" }, h("div", { key: 'ddd54671e41dc87820334ef1b7859a73632336db', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '14d496f995a9f12da69f3ea84249eef80e6a316b', class: "calculator-block" }, h("p", { key: '03e8e42b843325287ee1889cfc9e576905da5de6', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '8cc6950e1988787862eab445d0bd3b7aaa3dc610', 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: 'efc2c7bf4184b02addcbd1f7a4cc8c358b350d95', class: "control-container" }, h("div", { key: '43c19da1843b996291faa4cc91ddcd6e4ba20613', class: "control" }, h("tet-checkbox", { key: '1da51d305da090032ff087fda98f748484240f7a', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '99b988ffb6607049aee31e66ec22498f4a0b8f99', class: "control" }, h("tet-switch", { key: 'c392296e6cb8a267c86936e4953adff3b68011d3', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '9723aa60b965105571c98e52a71261e7fe19c391', class: "monthly-payment-block" }, h("p", { key: 'e6294c28618ab2de5339b9ebf6c3b56e05791821', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '972c46717131a6d78aba2b11a97fa3eb9c3fa9bc' }, h("span", { key: '88a990f50ae968cb9c8bb5058a5fbb39fbcf153b', class: "price" }, this.totalPrice), h("span", { key: 'f0d36c2afb8560866cb6ee86485679934f070ed7', 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 CHANGED Viewed

@@ -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: 'a9c8372390d9f16d4d14fa3cba30616c6d7e72e9', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'cca92212c8881bbb811d6403d798015c11be1054', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '5dbc698f5de065110b5e5dc1eca40b5549597461', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '7f3a847761ab3f7e4d4aafdc80d8444f59adc68a', 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 CHANGED Viewed

@@ -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: 'ea01d827452b55ddfbceb1bc9f388daf29a96894' }, h("div", { key: '7b3d11ab05b5dd3bd780f91264c4f1964c762c6c', class: "contact-info" }, h("div", { key: '9acdc74d2a3111d761e6cef4e31f8a0b61d8cb6c', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
+        return (h(Host, { key: '22dbae732df15c638bfcac4aa44e67da0ab8e86f' }, h("div", { key: 'db23236ee284cbfe907b247de0c8cb1fd10c8a29', class: "contact-info" }, h("div", { key: 'cef0919379e583bd7b4febcac0da2adb6b18a30c', 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 CHANGED Viewed

@@ -284,7 +284,7 @@ export class TetMacdView {
             this.renderMacdOrderTypesList();
         const content = this.showLoader ?
             this.renderLoader() : errorOrContent;
-        return (h(Host, { key: '1ef3ffe0a8692031de8aed6efb37fcad0c779d7e' }, h("div", { key: '2c4eac8709b64c142265b2cd65780819190fc10c', class: "wrapper" }, h(ThemeWrapper, { key: '56821f143a826cfedb3848c22a9edb32c8a35e38', theme: this.theme }, content, this.renderDialog()))));
+        return (h(Host, { key: 'a90ea860b2ed143edcffe0e1f3cd480ea6a953dd' }, h("div", { key: 'f79639f02734a9ca1551419535505fd03ae8290e', class: "wrapper" }, h(ThemeWrapper, { key: '8c57b845f635f582ed7e4361fe7c83bf44d760b5', 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 CHANGED Viewed

@@ -199,7 +199,7 @@ export class TetPriceView {
             }
         };
         const isCentsPrice = this?.centsPrice && this?.centsPrice.length > 0;
-        return (h(Host, { key: '8e05f557e9b657da2c397f03ea0ccce84f5b938c' }, h("div", { key: 'ecb7c516269d213504dd668140d982dde3e634c3', class: mainClasses, style: styles.container }, h("div", { key: '529f75a1ea9e0ddb8a1f3a920988a9b848d6dd6c', class: "price-view__body" }, this?.headingText && (h("h3", { key: '0c3595779d5150a791b95762911e87bd108e7f06', class: "price-view__heading", style: styles.heading }, this.headingText)), h("div", { key: 'be33a2b4025fbb8a7a5c8bc6c078e62ed098ec95', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: 'c3726df516671ef511e9be1641250495dd5885e1', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: '7e07be30ba9c735debb4eff37d26d1bfa683960e', class: "price-view__cents-container" }, h("span", { key: '21425123b6d56f0e947ba50b0b8e3397972a4c09', class: "price-view__cents", style: styles.cents }, this?.centsPrice), this.priceType && (h("span", { key: '614e5634e902c22b3ace04150b4e1a52db76547a', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), this?.footerText && (h("p", { key: '93e7551ef0ae1c7cb63c029e4ebfb37d63a87d60', class: "price-view__footer", style: styles.footer }, this.footerText))))));
+        return (h(Host, { key: '71eeb5759e49bbc2f391e7950639e293ae5513f0' }, h("div", { key: '9c6fbcf9c581277c81e4fd347379f063482896c3', class: mainClasses, style: styles.container }, h("div", { key: 'e6749f61999dca39965ccc27958e5047024cf0c0', class: "price-view__body" }, this?.headingText && (h("h3", { key: '1f443392e6a6815ef8a87ed010fed4817b6536da', class: "price-view__heading", style: styles.heading }, this.headingText)), h("div", { key: 'da0ec637358d5c630c7c4e2278162249c4b3b01c', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: '61cff4a54f1290c3074e133383e11b4889c0973f', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: '39171ce2606528ed9ff7632cf3fd8ac9821950f2', class: "price-view__cents-container" }, h("span", { key: 'eedf1d180fe35ce3af292d69687b0debd2470ea7', class: "price-view__cents", style: styles.cents }, this?.centsPrice), this.priceType && (h("span", { key: 'f9924f5f101038cfebb27e0c815b6c08195eebad', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), this?.footerText && (h("p", { key: '208b56ae405ada4a81d5be040e2b6d0e69d6a0a6', 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 CHANGED Viewed

@@ -80,7 +80,7 @@ export class TetThankYouView {
             'thank-you-view-main-block': true,
             'no-header': !this.headerToolbarSlot
         };
-        return (h(Host, { key: '44b009cc9d17878d630e1241fe1c7c35d53e38f9' }, h("div", { key: 'aefb6447c9a4d3ade593e51b542c55158cc3ef8d', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: 'f0d06adff6073e52bd43669a850a1f62946ad00f', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
+        return (h(Host, { key: '6244a8ea24f5e6a35228e103da9c668f6280c6c7' }, h("div", { key: 'bfaa83dde3068cb14b29ca3bce3d8fde9f855e93', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: 'd77fc247320718663907efd364c6c4d6b74dcf0c', 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 CHANGED Viewed

@@ -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: '48b4860a8e26d002b544998c6bf667f1dc9a036a' }, h("div", { key: 'a5410271f602d69edf87bd3cd80f3be7813ff6ec', class: {
+        return (h(Host, { key: '6e946935cbeaedcf9242f05b3ecd6b01fc416527' }, h("div", { key: '73a3353eacccf72d143907c5d7eee0c5d6314adb', 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 CHANGED Viewed

@@ -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: '8c40b96198a8d540acfa6c8011ee763dad0e1dd7' }, h("div", { key: '6af0f1497d3372942cf714f9a0e4b2608a5fe723', class: {
+        return (h(Host, { key: '03110408f55e348687c3b30195c7be35c337724c' }, h("div", { key: '16c27d3004fbbf3d4b764ce19487e31492c08481', 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 CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetBorderRadius {
     render() {
-        return (h(Host, { key: '395a3e0ff69e030501195d1ff9675bc1198d3391' }, h("div", { key: '849785cdbd8625798158594c4fc17e150a0b9a6c', class: "variable-container" }, h("div", { key: '1dd9ac626707e2af67aac1216bcf7f655327ca56', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '2ce572a6f77ce9c080c6611cc6618797450eba6d', class: "container-section" }, h("div", { key: 'c5f294453350648e113fb6c17a2f5bb1797c3f18', class: "variable-name" }, h("div", { key: '8fde0c857ab3cccc2fb6dcbe90a4eeed3cfc657b', class: "variable-part" }, "tet"), h("div", { key: '89b2d6002dd2a5e58dab84a3fdadf04130f5293d', class: "variable-part" }, "-border"), h("div", { key: 'cd1648ebc7553c6e58887947b75ad17c3a611651', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '42efa4246af05a8ecc445733d912d1c080422a0e', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'e4aaf959f94634f0fc51c3d1fdd39fa2faa6be51', class: "tet-fonts-container" }, h("div", { key: 'cc23eecfe4d131aa85f7c48609a697acb294c019', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '7fdca4a2cc8f75ebc9c3bd4f8add01454d7fbbd5', class: "section" }, h("div", { key: '643d5c0284a039a0d92c56e6e5f570b398d95d6f', class: "section-variable" }, h("div", { key: '8f4cc94e387755973e499332134b0cd4bd149671', class: "border tet-border-radius--xs" }), h("div", { key: '7ce71d32e192524ee7d49873584c1ba5e092046c', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'c276dde7a850c8a3555816776a342903adff96da', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '9fa408f0d6d00a95b8dac3e5e1e400c315924f8e', class: "section-variable" }, h("div", { key: 'efd4145de3bbd8553d5eb4f072ac7770cb4d6a5d', class: "border tet-border-radius--sm" }), h("div", { key: 'fcc9f432b06fb24b47537bf81bc09106f43709ce', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'df51a5977abee813b1658951d43561ab67010b35', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '08401eadfc3c2db069711825c8c714f19ab3ddc4', class: "section-variable" }, h("div", { key: '25dfdada9b6388ce50fd420cb47bacf81e34b973', class: "border tet-border-radius--md" }), h("div", { key: '35e881054d7cb3131ab7528affce07058fdbeb71', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'dbc6eaf4f2c735efd7ca9db1576f5c3061bfa758', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '467b1930c9c86f113fcb561f7c9092e777928c10', class: "section-variable" }, h("div", { key: '1aeaf45b7d5bd5aebb45538b171535cf6d1976b7', class: "border tet-border-radius--lg" }), h("div", { key: '57a15880d666e4593ab995a3974b44fdac937f3a', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'da8d0944e38d5f7a92b10228bda7a6acd5cda53d', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'e89c34a9a9b6ea10dc5dbde289063e37f7b2d355', class: "section-font-size" })), h("div", { key: 'a15520e4bcead4fb063dcd083f8fe0c05e302ba7', class: "section-variable" }, h("div", { key: '33215af37fd5600c127402b6bcfc42a914e92399', class: "border tet-border-radius--xl" }), h("div", { key: 'a56070ec79785ca0487520000f6f3b76db360741', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '47a1c972ca3e2ca659bebb400dd3fcdc7791b3b7', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: 'c138d8f3b5d553a361a6b934cfabf3b77e57be4f' }, h("div", { key: 'e02592105cbf175e3122661349cfc807ff7fa901', class: "variable-container" }, h("div", { key: 'dec1350315d04b2c1005964d6b3f0672df92483c', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '3d9e53dfb7cd2d59e02fe2feb08556bf4f2d5a3c', class: "container-section" }, h("div", { key: 'a9381210840eda6c86b83ec9c077ca5f3b6eb18f', class: "variable-name" }, h("div", { key: '9280ce8b75569ca0a7075b13e847a1785dc499f3', class: "variable-part" }, "tet"), h("div", { key: '2f1f1aba23ecfe332172c33dc3770d235cb51a8a', class: "variable-part" }, "-border"), h("div", { key: '8abf27584968f592f4d75fa092be986e9c689dd0', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'c7c640836fc51d8e56ea7d21a3859f292851e81f', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '101165a32922ee3f633f0bbf6b337af596156de4', class: "tet-fonts-container" }, h("div", { key: '284f109c896c61959a604ed36dc013c51728ea32', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '530c79407073c62a6703c09b09938bd7b5326199', class: "section" }, h("div", { key: '12ff2df846871112a61d3d8c633d70d271650714', class: "section-variable" }, h("div", { key: 'd22278daf4932eb20c32ac54be7b8690c2a98e41', class: "border tet-border-radius--xs" }), h("div", { key: '129efd77ac11420d22c1cdbcabca0f1c69cac1c0', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'f4479f69625775968bb6ee7315d608c0247a32d2', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'cded563251b537f8bd24a2e608c9aae70e3f85d3', class: "section-variable" }, h("div", { key: 'e2729aafc4b5e5dd1bdefd0706fdd6f57e0f25a9', class: "border tet-border-radius--sm" }), h("div", { key: 'dc151c215582157a181efcf528ed519da639500c', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'c2a36ba0618a5a1abc48defe973c2b0d95deb158', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: 'c44ea9bdc0c81ddb908cd375ae1ab5f1ef522ca0', class: "section-variable" }, h("div", { key: 'd84fcb11d5ad9ce6bf67b57359973f8266703555', class: "border tet-border-radius--md" }), h("div", { key: '1d046a745352af3e97b8bfdadef2d0b5d0525e1b', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '666d82a81e8b9d7f9b70d506e51dc5c996300bb3', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '5a46e0402b8a89994ba6cd2b3d0b26eed01ea6c8', class: "section-variable" }, h("div", { key: '3352689c8c8b8f94c4a2e97617ecbd1d2d1f835d', class: "border tet-border-radius--lg" }), h("div", { key: '2be6b3d9689c9d5294b2ae8142b2a9dcdf983ee3', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '1d1a9c71adf2b809e136d95c807edd056fa230ce', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'ce059c9b5d4a685085312c7d378f584a1fa526c2', class: "section-font-size" })), h("div", { key: '174c4d78f70fd2ca864f083fa7dc28fa37f3802a', class: "section-variable" }, h("div", { key: '1616ebbab2ba0feb50a28fe24870e3e414ac04ea', class: "border tet-border-radius--xl" }), h("div", { key: '946883911144ead33554aa6a8a5b19987338516f', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'd2b9181653c0715c5b2a633e890b62c072632406', 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 CHANGED Viewed

@@ -46,15 +46,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: '1101c0a453ada40b9fb2370e86a93599d0acd315' }, h("div", { key: '90033a6ac10709f9e1387be4a255591e434f158c', class: {
+        return (h(Host, { key: 'd39a5d8bf856f5e2ceec23f33b6e0228856d2120' }, h("div", { key: 'd451c61c56a2e967a92d9e3fd22d0267eb5d49db', class: {
                 'dark': this.darkTheme
-            } }, h("div", { key: 'eda455864670973abe8038aed593aec01d3fc0c8', class: {
+            } }, h("div", { key: '43351b4a37dd033415bb4bc6bb1cbb35fd0354a3', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: 'e2d236d9add4512b9b31d7b4d90dc3a743d1500e', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '6a12743c6d06bfb03d9cb17ecbdae12b03561e94', class: "container-section" }, h("div", { key: '7d80c5c06d1adde7b5843da5eda95dc25721f4f7', class: "variable-wrapper" }, h("span", { key: '46c282ebda47ce632ebd53bee5a9c36952b1dfa2', class: "variable-name" }, h("span", { key: '5fb2c5d88df35493e2f6018361155a0a32bf0047', class: "variable-part" }, "tet"), h("span", { key: 'f7e65018760babaa40746c623c1d58ecdafd50bd', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '5acc35dfa034cd0fb20be8d4a0cfa6afcc61fe6d', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '2fc727c5f43f0aa9456ee1438b8856ecc8f537c5', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '7628ff63eb5dcfab25bfb25c382a076adb4f5522', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: '37338c88837e779b147030d2c8a801f41fd83983', class: "container" }, h("div", { key: '0c5d5718670a595635ad42a6890efa2c45f5ae24', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '92fcaaf75a78a90c5d3cc60c02f12789b2bf9bb8', class: "container-section container-example" }, h("span", { key: 'edb4dcf9bbc59c26259c4d5f67c7819e1ba75050', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '3bd38ea51b9200d4a8cc0a7bd1d787a9435dafd6', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '002c7f6db2bf166e5c2fd7fdb134b0743dd9d0dc' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '1f9b7a08d53c5108519f8dccb01eec38def04a4b', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '9e33ba4f06f6e15d54f2a925a71faaa706325537', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '37d2340dddff1331f904f35d192f7068d2555153' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '84691592e652b0ac0c6bace0fe8a92a35301362a', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '5cb72a8673835e0d0f486231ddebdf8ff447eecc', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'e150c8c67c73743a41a1107c0b4e8a0e581da468' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '680596609c07633d8a17288d583dec74885bcc37', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '14d755b759dfb032eba80b7dad64331a7d7abcd6', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '4cd1a785cb99353bf7ec47c6199e199bcd69382b', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '64420d4c85c5b257c4c69ec8970861849aacfd39' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'bcd3f9766d6ace6457cd2a94b1662322035af7da', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '002cb0b0717541522b51e1784ae7beb881f40ef6', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: 'f84eef82055386194e003414be05466fea9bc9ab' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '8cb2e3dda6dc0f37ab4f8390edbfb9922ce140bf', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '37658e53ece1109e5a27dbdfddb68f069db06ed2', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '844a7f18c2aefa766cc4a38967727e59d5a5ef21' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '472efe12a47827b98002297667950cb1e221718b', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'f8d4cadbd006c1e3f2ca49efd527d0dc32189d39', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '79acf6862a40cb384b1e7067e61f08b88bcfcd7e', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'd6ca499e58e6e2c21049ebd8ee9b50cf110ba5d2' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '472ca789b6412896337d75954f60322100057455', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '0edbfe42083a8c3982e57b1028c2b5fef5f84460', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '36e73a23a299fc8af7e617bc189fa379743b3f04' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'bb7013633b4c2319e1174be0302d2828101ff834', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'd509a287e53814ba130d8a78c045a929991ba7ce', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '48235a50991b76cf04020d2ba7507f92fe6b9dc4' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '866dbc4ab749174690331b895cd30146f8a60361', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'b9d2a8f5c086f1df12d8de09e2faacb53275a452', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '7ba5176474efa4e1d7d822d5aa01d971e987480f', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: 'd81038d5356e34fa1ee9e20986c91bd07bb9d132' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '882ecdd15b467738f67d72ebf674ddce9136729d', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: '6eeb7b4e39d1eba114d49b39699404f62aabeff8', class: {
+            } }, h("div", { key: 'b5d888d39ef8f762d5895135e4f3479378b85dab', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'd20fa2afbc8e897be6bf70b61ff97db89b46c908', class: "container-section" }, h("div", { key: '4559b0aedd1208fb57858ac36db94a2df2910e58', class: "variable-wrapper" }, h("span", { key: '4cf366ceb018d3c5a6855817c9c6206b035edaf4', class: "variable-name" }, h("span", { key: 'ecd6e4a25c7043d17ec7613dae25fcc34c7b8036', class: "variable-part" }, "tet"), h("span", { key: 'e102b3e2ca5e427402219ec462c73057cdacc5fb', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'e5efc5fef184d2a5d4a3ddc1a9787cf2427be133', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '80330ecfe545e3fbd172a5564f54057e64c4c605', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '119dad26a082ae034a88b229d48885eb88b66ff9', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: '8409d0f3d185ff377d5ec3db88bfd0727976974d', class: "container" }, h("div", { key: '5e3a1f6f38593a39ceb08f0d32347cd6d2c6e829', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '1f9d0b1ab618a0299e158b4f4be05cc9cd6346d0', class: "container-section container-example" }, h("span", { key: '5dda998291d264f31432c59f1489cb3bd53ab5b8', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '61dd5584f4ffe8ce9fe5202073d4bedadc75ca81', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: 'ca337bca83d8ddc1e96ee193407427060523c32a' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '46d0e27f7fce22bb0412476f4a0640d27ad3900d', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: 'de9d964dd7db725e681381e32e16fc2bb1771785', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '1469f8c4b2b023741b62a752932fee18921a006d' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'f75bc8693375a36d96ac3223b66b94ead91efd2c', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'fb8a4c9ab05505222aefd4bb1f2a6f3d9ff478ba', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'd3ee81379444982a2300dbf5d47bbb649a0c5e81' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '523490e66d191145896f55681511b93caea832c0', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '8466161767c801f7558b8435e55e855241ebff2f', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '21edbb8ec12ee621f36c6dac54638606cc33db9b', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '71ba214e020a6c911dbc586c3c3f033053a02e64' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '1fc80f19f204100de49b57ca3482d2acccd666f1', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'fe56a40b4e7f8367e9c018af6f4e25d69d6ce4cd', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '86b40d774b55479e946a5873d3ca6d85d0ca5aa0' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'b8830bc75d8fa456730cfae316aece4346b23f6e', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '3dc667885343ec4912918fd0c184ea467475602a', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '2ed4d1bad101c4c439f2a8334bdd4906cf6f3ca3' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '01ca02ee013af10abc11667b7cffb6c064cfd253', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'ad594fdb90ef81ab9af5799623238505c33a5e98', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'ffb3a8136846fca01522e1078620275666f9bc59', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'f1183f17d2e52a1994d7bae4de0174ee54d7335b' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '88cb4f974497ea0e3eb60c5d3a2a56d9cdd02877', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '2a0db2eb672c66148c3e4b7392d5725f6ed45e4e', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '9fc75eecb8d4c40585b75f48cfa505086ee7053b' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'e8950471a423c75e9194156e3146216401c6f065', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '44f99db9d331d1adb44e820b78c3fe6438ea59bb', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '8aa2eb9f8727477f729c3b4900cb8ed087134891' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'a0a319baf6eb8c27410a428389cb26a3ec69600f', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'f1602d7fdb15c582b0dbc5efe32682a7598c4e8c', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: 'bc6fe74021743861260729531f86f65ded07bd47', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '146c798156bfe2f2fad4763a1b06faada1ad385d' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: 'b1fb8debf18506b2d85ebd95e8c04e9ca25967d0', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: '5e2b9e81abbab42826681908392a57984a77d2e0', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: '54c4aa829b2c328db11780c2bda4ea82eafe1c2f', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'fb0e67307aee6e037d19324d62318eda480485d0', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
+            } }, h("div", { key: '7b181e6121842e507cf496c8750982d3b82d25b4', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '43f6deced0c9a13722ead1d9248625485943c4c2', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
     }
     static get is() { return "tet-colors"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetFontWeight {
     render() {
-        return (h(Host, { key: 'c80d5d290941a4109f9e6ed1c0d32cc140ce6fe6' }, h("div", { key: '9a6263c87d52e490e0982fddf5bac492e95f3647', class: "variable-container" }, h("div", { key: 'eed410582ed2c98edb572614db48ec746a81fa70', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'b74a1a717417e7879855cab9ab38e6d13d955755', class: "container-section" }, h("div", { key: '582513a10a3dcbb32a92dc82a36676e9b759910e', class: "variable-name" }, h("div", { key: 'e25fc91f5f287e363b071c137503bde583efb70b', class: "variable-part" }, "tet"), h("div", { key: '673558f7b7ad3961056685dab82f50db4dc3b2ca', class: "variable-part" }, "-font"), h("div", { key: 'd74ee75655fdc4de961ef83d4a44d1d1ae014d60', class: "variable-part" }, "-weight"), h("div", { key: 'f2aeae5ba4579aa8ff9bc9ad95eb353ed84b21b7', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'a4e465dd53b16d1cc223914f4a61936d684edfbf', class: "tet-fonts-container" }, h("div", { key: 'e3a835a3c8994cbad0a48b6a1f6f113f9779d658', class: "section" }, h("div", { key: '2a548dc0e491ff2154dc11691ab235e9808f0147', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'c3764416cc6f8215e5dde88816d94c57c4cad069', class: "section-font" }, h("div", { key: '3284e1e2eb30390ba4e9ab3f301e678ad899c8ed', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '728440325ddf64a11d877b39f08b8de40b7e2de1', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '3346e722e1038840bc47806240837426df572942', class: "section-font-weight" })), h("div", { key: '06d344cabb3fb96e233d49744e38b9c22f3d76dc', class: "section-font" }, h("div", { key: '1523d41537b7ac541f15472a9621ad434ebf021b', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: 'a6c05bc9cd4444c5cb33ba48471d7507aa87a6a5', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '5c5ae572290d50da704d76fbc23d412997986447', class: "section-font-weight" })), h("div", { key: 'ee8cbe80a9af285eab2a2bf84137b2b2e5fd169f', class: "section-font" }, h("div", { key: '56e08441b87276d30a815f94173ce7056bf7c8a1', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'b9d34976390a205efa98b4d79f1ac188adaa4ede', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '385e30f6fa8a8652414fc6bd55508127de553e3b', class: "section-font-weight" }))))));
+        return (h(Host, { key: '4dab6741253929bfb1f37530882cf03fda2615eb' }, h("div", { key: 'd2b0e883b641dc98c29297c49722201a86895e10', class: "variable-container" }, h("div", { key: 'f5a0c824c93fa7f15239db6ab9c311f916926aae', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'e0e91653c8e63d6ed96e0bf5c37415310895ab1b', class: "container-section" }, h("div", { key: 'b3236195b8683e4643088b97d264c3662d697f28', class: "variable-name" }, h("div", { key: 'c1d8cf40a03d55c109488e5fd2c54cd74898dbe8', class: "variable-part" }, "tet"), h("div", { key: '6258a06301b91a991e99c9c3916e305c12950c44', class: "variable-part" }, "-font"), h("div", { key: '817d3192afc6929c28795b756a423e4bfb5be67e', class: "variable-part" }, "-weight"), h("div", { key: '3cf5e26ea74c87cbadd01eebf30151c9ddcb0b72', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '9a474610a646df28dbee058638559df005f0de70', class: "tet-fonts-container" }, h("div", { key: 'fa2143ef8deb07e7ff06e6ad47a2cbd73a20febb', class: "section" }, h("div", { key: '00ff8f3bc8e74bbe42202a2308338cbe1dad6935', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'e3b4e3a0eeca872a87935bf3cd9cdd063f7a5ef6', class: "section-font" }, h("div", { key: 'f3a7cf3af3a4991b7bd4114d92a786b031334dcf', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'a86ea6b46dffffd17635786ec5576bd2dd915a84', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '38f2cd6e4b4940a2ce1cffe89a2b7d3e8eafcaaa', class: "section-font-weight" })), h("div", { key: 'fb4cd7c0eca14b09bdf3aa74e26b7371b0687a23', class: "section-font" }, h("div", { key: '2f7e41a03a33e66717aca211e1f925806c9fc1f0', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '752915c1601ddeeff62364a1bfcf3cd5fdc551d5', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '9446b171e023c1a95671a15411ec79fdbc5c63cc', class: "section-font-weight" })), h("div", { key: 'cb669d7e5a97345c1d37cbd45e9a20bf4c751b48', class: "section-font" }, h("div", { key: '01d3e9d271b0713bde39a71e4ece08711ea5da56', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'a11bad865f7da64be254b044b2ff619451c0f7af', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '51a6116f9a7bea63e9cb35c8f9c7bf2d82c8ba8d', 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 CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetFonts {
     render() {
-        return (h(Host, { key: '0470ef224bc21e55c181e48efef8d6024f5c1c6a' }, h("div", { key: '02ba0fc52aeb15fb7f0f70c001b0c7bded2569ef', class: "variable-container" }, h("div", { key: '3149536d37502bcd0556d38d3c2726f268014516', class: "container-title main" }, "Fonta klase"), h("div", { key: 'd2e74028af8055dba0ddbb6f1f267da1c524489c', class: "container-section" }, h("div", { key: '863deffeb55227b9976f449264dd62f05127b840', class: "variable-name" }, h("div", { key: '3dce0ecae576fd1535f840b4a268e3d2cedf9876', class: "variable-part" }, "tet"), h("div", { key: '8a6bd89df43c03c1bb5987a538fa79d80bf8ec2d', class: "variable-part" }, "-font"), h("div", { key: 'ea3ff3c3c64a900f41a953843edb85887a3c3a03', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '38238e40405e7f4f7cb63da11160e1634f9c702d', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '3134984925cf0f5a348fdb02db5e44832736888f', class: "tet-fonts-container" }, h("div", { key: '91c264fa789d49489f4e593bfd0ed392e287b5a7', class: "section" }, h("div", { key: '98d242aac851864b8c0ddce46aa8522bf1e7a0e4', class: "container-title" }, "Body - Inter"), h("div", { key: 'a8c29885f2fc0420e7de92ee1ed8d3001832b580', class: "section-font" }, h("div", { key: '59b7849938d20a6b16214c1437ebfaf0ed129e0c', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7baef346e86ec81b0a8335bfdefc4ce8151d6026', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '783f6467a250c6dbfc26c6d2b2eb8647fcd6391f', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'eb3cef701bc0c0a76cea71de769b537fd0f61fac', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'bc29f41264a2e3bd2fffc80900c34252bfa86709', class: "section-font" }, h("div", { key: '650790ce3ff599119d32982acc2f48dfd68b6899', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3ae0a834bb38642a9ce7be2bb632ba309f62197f', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '0cae4c82b989d68a98cf6913972e8042cb56b283', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '41a52ca7a897f1bee5e41399f974eb6ec94fdc06', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '317de541a67a75eefb43d8bee1bb1d8deb2f7b7b', class: "section-font" }, h("div", { key: 'bdec302cbf6b2acae8d4433404ef060a747dd68f', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0cf6309157a00860abf857f4eb312edc4748e240', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'f4271fdb1bb5c01a7eb29dfa1442a0dca4ecd265', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '905ed878dd05d4dcd24d49bce5464c3e611aba39', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '2892baf16145f7d11eed20e7aa2987b0b17144d7', class: "section-font" }, h("div", { key: '6d4aea257569a1b4e6ff1949b9f70cfb44fdd537', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2316282a8a7de0870c970f53e3b4b7a703e3eb8c', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '3935bd3f32a9d4783ef312ef57760c3e6acc9305', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'dc10e4e60c51eca13ee7b5a59f2fd7f358c32470', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: 'f3d6d6904ac342bc4c3c7cd8bfa893bc304acb61', class: "section" }, h("div", { key: 'd7e0b162e0f94666ee00b2455378190ec12563e1', class: "container-title" }, "Label - Inter"), h("div", { key: 'd191885d11589104a4a248fb7781902871a56224', class: "section-font" }, h("div", { key: 'e9b1c7f4587409e21c1510f60fb31a8778a2b014', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a79a01a2d4a4030c22a54ab4f7d1ac0dad4af23e', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: 'efe22d84b959bec01255f908481f4574805c57df', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '1d4d6a7d1935ae9bbbb14f66d896e080de715796', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '4a6e82c541532ba4e80aeae90b0dc5786d5e05a8', class: "section-font" }, h("div", { key: 'bcadbd770dc36021d11ebdcc710ed25ffa883408', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'bd6439de7d235f4cac8e2cc7c9f659bda8f81c4f', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '52dcdf6fea5a4f6b46174f61378e1fb4f8db02bb', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'ec7b4365e5f64eb883f9a43c8adae0591ed557c4', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'a399d65501a5444dd79fe3b15ce30a081388363f', class: "section-font" }, h("div", { key: 'e4d0b28cdcd19e4c5ee8ec35ed0e1cf5b7b61310', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6d130c677e8ebf6aad4353af1d14edd5c875651a', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'a278113dd72d00eb69e4528cf74a651e687d6d82', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '335b2aceed2bbe2860cf82e591a51ea34bde5889', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'bbf055338eb2ae98f6fb1be10378a1c1edcdca9e', class: "section-font" }, h("div", { key: 'c7d82346c7705a830f116ef3f36ba6ffcf81fc7b', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5051414539f30318f53e100e7fe18322151f6a70', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: 'fa73a37f6c912f6fa5abd432cafd29f73ef8ae86', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '7b1a416a23e4baa805e0cf9df29479b9755f3ec6', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'e2808cc1e0be1a15dc965cd8fb3d29d812f628a9', class: "section" }, h("div", { key: 'fe1de5deab362fdb9a4c7b2c65b0d012c1c3062a', class: "container-title" }, "Title - Inter"), h("div", { key: '9b69f13dcae42ff4f63f7ac21d942edf7f075f41', class: "section-font" }, h("div", { key: 'b9e09a84197f0a152e2f7d99bfad15ceae32c695', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '457497c4396a49f80b6546974351322687456ee7', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: 'aaa77e2c9dc57e3d458a92d908b91a2d2be731bf', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '148a867a82c3aaa82e74e4c31f5af76d3898f698', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e5da6a013c4ad3da4edd5d6959581765d0a59d58', class: "section-font" }, h("div", { key: '6eb9ab9833431016e868fd38262260a57fc5d0ba', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fca8882d7e196898c1a24c13f7bcb6028b9d4758', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '38d25a7649c09aec1d16b05f3236178eb082cadd', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'eca3bcd435c1cdf2a0b1685db7932d9f9fee596b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '7ee47d71538c19552f41a3fdceee04d14ffaead9', class: "section-font" }, h("div", { key: 'd9b78dae658168e9fb2cb51d1d121695fa3d28c5', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6d390b4b128fa0b9c9c6ec4c6530e13da45569ff', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: 'b9eb6690eb0fcde6ad0460df15108fca3ef8ce04', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'eff8d957dd99279212a2baeba2b219e93bcfdec9', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '0fb6e74df2ec881943499d3538871c107c31bee6', class: "section-font" }, h("div", { key: '6a1e04feb336ca81637626b8f27557487bccd8f9', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'edcb41e8e624a5c21cb09a2f08f9f4af7ad3d273', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: 'e61857340a2b5c5dbb0032f006b45e1023843f0e', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '85098d333dc75f485a0e179fdb3eb85cacfc3473', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'd9b0c5a21522daf0a7d2f1032be936b83bb0bfce', class: "section" }, h("div", { key: '7a6f9e7f08e09029c5c798e1605acf868cdde73f', class: "container-title" }, "Headline - Inter"), h("div", { key: 'a906d04ef2c43b0b47e10e64932f280001a5b67e', class: "section-font" }, h("div", { key: '9e206e1c6c5d2af60b1b89320ef9f705f050cdb0', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b0e8a69a71ce5b18082c646b6302244a148914fd', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '3e12851cd8f870075054f9110ccc51a52fb96970', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '47a65d14b18f6fa4aaffb50707663e05b2da7cb9', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'd40f74b6c854afcb85a91c89a0bd5bc97be1e935', class: "section-font" }, h("div", { key: 'ee6486748361134bf98c5af3b1b4decf523b9bea', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fd50e5667156cfbe4b1747ea7ff82eb75e6354b1', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '35e538d2ff2a8d5d604d227f9773795df6cc9afc', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '975ac1c9b68a16dfd1ad7ba46959bdb99641957c', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '82ac344816406ff038f67279541a383b6d2f8553', class: "section-font" }, h("div", { key: 'd9674356ddb44b23eb7cbdcb08caafa0772a9a6a', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3d55513a871490a209953f75d5407df794c8a4e6', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '0e6aa235382cac4955b2bf8521a3d494cbdd0990', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'f2460150a7168a0d7e8be9dbfb45d09b2820f0ba', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '88e22e8782015327440581c39999465ab3ef4c3f', class: "section-font" }, h("div", { key: '51b558528d51d14214a32432905c4bb82504ae26', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2008c0b965ede80048e17190f46284bd954a5bcb', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '03d7fcdc65227c360728817302f49bd5f1d17f42', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'dfe9df0082b59a4d1f0d7bfb2214c2552bf465ad', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'dfe2f342feb045f234b9d5f52601dd0d51b7d675', class: "section" }, h("div", { key: '5f6e10896c2a6896d617968ca26bcf1747620cb8', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '4204af86c67c2bdcef65ad74b62a3d26c5103263', class: "section-font" }, h("div", { key: '00d8dc15d4e26657d84ead5ee0915e9b36122d3c', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '09a3b82046dd70bb7ddc8aefc4d9a3a98effd1c4', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '23b5700f1b5df3e6cb8fff41cf7ba8f22dcba58f', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'caf8c0dd6a0f7a6daf35c888cf141663ed308297', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'ff7719f1ca04305a005b6feea3372f19f4c51ea7', class: "section-font" }, h("div", { key: '3285a701d4580aafbad6ac1cd5e8742150b90326', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '361e7fdb47781c51650e9c96f56fc7c52ca299a3', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '18b0ed5158a1f730450c0583b345e6e4573164ab', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'f3cd6ba14046947b4f0bc4a2a412d67a6803d538', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '18cdfb657705dac1600a02ef377a769ab534db41', class: "section-font" }, h("div", { key: '6448373f6298c7cd7d4780c644d25943abd9182f', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c63a51f092e84da946857a7a951f94bbb0fa70de', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: 'fe1c6e23ede1ec79c9af3cec19b45f97eba1a31c', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '2db8d5d3af5739c104d209c74480058cfff96ec4', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '0d03551f6bfb94f68e15c232efa23b3e3abded3b', class: "section-font" }, h("div", { key: 'bac43f90f58cf827f25e76fc49e1e77aa85b83a3', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6481efdbe40c2b952d2fb29680c99b8ab40c9ff0', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '78b7a249d109b56c69d7f51f10f3bd75c4313df7', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '867b368d46e721aff995c0b49a568b161b910480', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'a0879704bb617807233c6becd35b65f868520b9f', class: "section" }, h("div", { key: '0963001290bd4d6191ed1d44b6004e69945257ea', class: "container-title" }, "Display - Gilroy"), h("div", { key: 'ff2b997385016d628735fb55c41f303859579085', class: "section-font" }, h("div", { key: 'beec9de86fc62e863bb63f9b48f1b863a5aba3cd', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4664f93b3a59e21b59c5a69fde2ae10c6a2d2963', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '5029cd529f7840f0cd90fd75a0d7092534f6da71', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '917a5c84617e2a0067e9ce09b58afbbbd343c292', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '0bf616d0b2f20ccdd75f85c053cf1a2a0b46fa39', class: "section-font" }, h("div", { key: '6f96c3999bcc8ca910907fceefa9ab505b1c2ebc', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '82d8bb4608623ef64c2e018aabed6e49fd66c276', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: 'c0e372a906cfc445fa61bfa879139e1b5ec9642f', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '8476df091de737136ba98814733ef9af94ae5227', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '7afdc0d55a12f88edaab1ffc450084afebaf99f0', class: "section-font" }, h("div", { key: '6e9eaf6650b727130107b412f3def55b5ab8b6bb', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd831cf54fd273cd94064489de6802b50a85fd198', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '85dde34bb3c192394b19a1122721f53e4e2d1a7b', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '74cd78d359fd7d002e37091856c85570058fb80e', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'ac58a6e0c24f974eab1084a001e4304e3c733896', class: "section" }, h("div", { key: '00f844daae00e8af568987f1b0df149be776427f', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '037586fdd14ed7531dc5746c4c8b1e88b743c53c', class: "section-font" }, h("div", { key: '0052c7f800c79e96a8ec7c3546fa752b44ecaf5a', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3225b97907738aaa423aa654d6570380a1c023b6', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '827cd8710751527c1f1ae9fb7618545dd74bdbb8', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: 'd5df0aefe4fd1db9fea96a01765e7cf585039128', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '5b1cfa617efc4288dce47d1b67eb6ea4bc72a90d', class: "section-font" }, h("div", { key: '8429753941cda3b5ad022781c07f6aa16f38bde7', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2487f736544757e2671d85949e27d9b1d0a9b5b1', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '1575077b8b86a1987546596d15b91fe2b47ec063', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: 'bae851390755156880d1aabf0ad2f299e62edb39', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e88bd985a4e95fb8ad60be10abd2a6f101727b1b', class: "section-font" }, h("div", { key: 'd9416ef3232a280a4377691058d0b319ca7d100a', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '34bc7c02df7640c3b83c05f49f6fbb94bebbd3b6', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: 'af545380671097cf31b69d59ea69d4e3eb822d4b', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: 'b8a459d1860d1eab8f24bbf0cd104fa6bf1f224a', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '5fea25b531f07c8557344d50202fda3d36478477', class: "section-font" }, h("div", { key: '35bba7002037ce787600a1ddac9a5aff6a39f57f', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '747ed2dca3f20bd41d36a9d98731901476ab8e45', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: '2d308066693655976efcfcf7f1a119d0771c4bf6', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: 'c5964a2d47bdfca91a3d4f7e5cc3ccc692b78f8a', class: "section-font-attribute" }, "Font weight - 600"))))));
+        return (h(Host, { key: '77e336b55bd620cf078de796ab0ebf09bddea05e' }, h("div", { key: '1ba966512a6a1790548352dee40f8cf1c5cf82cb', class: "variable-container" }, h("div", { key: 'a16b2b840cc05bde28443c1246f3049651b0acc1', class: "container-title main" }, "Fonta klase"), h("div", { key: 'f536d31207bc7534e37956144ad2d6cdb20f962d', class: "container-section" }, h("div", { key: '14e8b48cc9b81f41219188b0ffb74be2906bbadb', class: "variable-name" }, h("div", { key: '34fbe5b13de40b084e03bcc4b96113d1c6dad26e', class: "variable-part" }, "tet"), h("div", { key: '1ab8b2fda15eaf3b46675aa0929b9226fcbaf626', class: "variable-part" }, "-font"), h("div", { key: '6c9c10bbb9d98818a17eb40dfefeac8cf4beec83', class: "variable-part variable variable-type" }, "__label"), h("div", { key: 'd09be054cba2c35e471eb4946b081286d102f76c', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '3f8ead95d9dc49fdb87c04b041b97c3d387f6b8a', class: "tet-fonts-container" }, h("div", { key: '6df7208d767fe54f55e942e73aff91b0d84720e8', class: "section" }, h("div", { key: 'd890b8ac759c30dc3d8ee089e3342e424fa81c08', class: "container-title" }, "Body - Inter"), h("div", { key: '5c43a5ad90f97df9cfd504c1fbcbaf5a790d296a', class: "section-font" }, h("div", { key: 'd4285252ddeb857703135a571d5c515e1352a31a', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3d8fe94858cd70a9feacb1b7ee46441f7863ea15', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: 'cd28230004d897f165c7b48d79faba69346f3728', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'caa8d725c4a8d3999a514137e26c85008fa5f2ef', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '2c2d720c8d8d9b03488eb7159845b3057b9b3831', class: "section-font" }, h("div", { key: '9ce27e281edac4bbe8daf9f3981c6f630ecca669', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0c96c41945ea259f0ba02e3f957046fd8134f1ee', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '762d7c82b88dd57d7d4dc5311ad3c8d0283e2f3c', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'ad7d39bc527f26b90ce7e8555bbaca266752f219', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '22799333428d3e23d67c27f71499c2df91e4e141', class: "section-font" }, h("div", { key: 'f70c1d0ac788989f6a8564df2892d5bfd786447b', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2c5a5205ea6df3710758dcc593b2f3113b11cd1a', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: '45f13464324d40d2a0d6901169027ff5c5b6d916', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '04a4a657a44b05a76b3e418309c4bfaf7cec5ac0', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'f9bcbcd11be5b4eeea6d29be6d78531555f8b476', class: "section-font" }, h("div", { key: '7e5d2bcfdfe74858b5f58ea6753ea676fcb7b161', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '87fc754525896a4a039cc9d0e0574ea3cc669f66', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '69077eaf21d665cdc5c147ff5f0acc9026f9c43a', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'da42fe1b1d305de92cc65375b0da0dbe3c99139f', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '180181248f0fd5282efcf0a3dd345ed2e9ac0acb', class: "section" }, h("div", { key: '96752821d9f812be8ffd2438b93d081637324f82', class: "container-title" }, "Label - Inter"), h("div", { key: '98666c1ab3c9dc5162a5119064339d978d19aeeb', class: "section-font" }, h("div", { key: '37a71343700dc79c746d9ead74a217b3fd165b53', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5cbe536a2242a78300c934d52fe92d708bcbd690', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: 'd3bcfbf4be6414a47e9aa2cc4abb715b7fbead5c', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '1e6d10da1e877e3c7c3de5f965467c9d192ff38a', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '837617df8a50f69d7235175fa8b7adf93be31c62', class: "section-font" }, h("div", { key: 'f26b02f06e5d3a14ae8d75665ceee552d650b70b', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7bdfb6f4dfe6ac79caa3ca880dba156b9ea39d88', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: 'eb19725d785e12d52270703e26d51ad2c8aa9e70', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '29313cd1cb930fa70680ff8b7f1599a7e72ed573', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'b689e74bf63329b793fba427764557fa9ca01ba1', class: "section-font" }, h("div", { key: '5240f2bc2f76a9a8bbdb2cbaf5f7cca22c511570', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd72ba9811f9d4c69bad0df22340ed11bd3edc528', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'bb2be8b8ae3e5998b6568c4b737772c609746192', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'b71c3f6efe57ae78ed453b9a1bb17385ae7034c5', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '1eb744a7f568e9a7f7c52ce82d01ea1976f24c95', class: "section-font" }, h("div", { key: 'ae851febfdabaccaf5cedbfdeeb20657da25c0a1', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6e1c151cd5d0d13427c7cefb102708854acfad49', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: 'eb6193f55212cd2633f5680b85e4007d5b526839', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'c8ea4a2ad54d63029185510e87024882e941dff1', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '25725d70706e0bc9fad0db9de9c5cec459fe1504', class: "section" }, h("div", { key: '712cdf797d22312356aad38ca5134cecb8f960bc', class: "container-title" }, "Title - Inter"), h("div", { key: '1b32ba834609d3e51aac2e3d8044f2412698dc32', class: "section-font" }, h("div", { key: 'f4ceb01737d9425c0820b85cfbb8646d5ef31a8e', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '339d2ff14a45fef00400e6bf5269542c323c9192', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: 'c474473e9ccd3f131760b12ff098d567ea91634f', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'ecb9ae7ed61319d2a4bcea479bc6b6209763b182', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '5634cd4b816089618c19d02510b17d057b98fee1', class: "section-font" }, h("div", { key: '008c54596083c0423de20edff964d02c78c5eac1', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0b0b5c481b510420c6676788e1ef64145c55718c', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '078cc3901157a8bc7e5a0c9356a28a835ee8d3c8', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '245c9a7d1e1101e6ff0a093501bf5abf2a0ee54d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '9288665ef76da34142e4216a058c85789ee4c5b5', class: "section-font" }, h("div", { key: 'bd30e51bde82d903eef85927d9a5d57a837cef61', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3a1ae0a65612b5e7c7151d4ba33ade1a717f2503', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '9b60ef772ffb2a01f34ba5842ea5886103674e1b', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'b793297f0fec3fdc06aab1493f07f9202be0e0b3', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '88f1b2e33e43f8c525e4723f991590e9ab6e3ede', class: "section-font" }, h("div", { key: '49d842909278de6f9aa05049a57d8ace35297b23', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '84fc64b07fb14804b015ca6babad68429dd73c70', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: 'edcadb63dee883d0b6a15d9c8829d7799901ad5c', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'a453ec08ad866ac9440af6f98455b703725ee698', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '266e4a4b612076bf087a34147359fb0f2f0bf39d', class: "section" }, h("div", { key: '705ca12ba8c0ee93b03cd568f2934286ac2a332c', class: "container-title" }, "Headline - Inter"), h("div", { key: '4173d1cb3d36a7822fe5b32979723350799f8449', class: "section-font" }, h("div", { key: '37ad455e6353eb5c1db9da25d757397e65120cbc', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5258c6db7af296225d0cc9b9f0072729d64cf806', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: 'aa590c290fddb53c7992e1571464331dfc4425fc', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'b4c3d42f734359c871b50bac0e1743e8b634e2fc', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'eb92a7c21240daa7c519c83d1004e0a7b16818a7', class: "section-font" }, h("div", { key: '371110ea1827c428539e743534ae243e2f2c33b9', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8f14c9b31ffde75d078475e7f1ecebaf91f40a51', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '7c34cf926798efc8a89bb50b01227cb0ed7e72ce', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '2bb3e770e80d13756960d7c9a95bfa551f7512d7', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'ccec6368232fe4d46a9628c7b0d234161120ab05', class: "section-font" }, h("div", { key: '1ac3c1cb4dee6e31677f95bdb92ebfe82e9c8cfb', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3ceb825dc8862a334e62c4b825c2ded84eac6f4a', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: 'dc0fbe3858049dd12dd57121461060aa29cfe292', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'c3638bfb829e97aa1c4c16caa1a78d26ad768c95', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '29861f2e32585e40c72caf812156230c30ef823e', class: "section-font" }, h("div", { key: '39be6255f0e091c0a97f5bebd282c6d282458587', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6eb003a65a77d96bea72e14ba0cbd7d7cdfb7933', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '80648d377d19c0266d3d199308b9b9fea36bd0d3', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '885f3a699f89e82ff937ce32e07ede743f2d15cb', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'd4cf2b29782d1e88878c6e1196eaf747924163e8', class: "section" }, h("div", { key: '7131c7d1cf135d7fbeb84d9587e63f55d6a4e9ab', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '493484eb3194a7ba459d9ef8f90cf6685ec27381', class: "section-font" }, h("div", { key: '0049a2242ae448816aee6e8199d5a0be7b3850a7', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '42ce7efbe60300d5ac699e11937002357f010e9e', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '02cfebcc0a5555721b009943282d31cacc625576', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '16d164be0bc8d9780ac5b5df519eabed0f04ae9d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '293f9418605ccc6295d92485f91ce45a8fcecc7b', class: "section-font" }, h("div", { key: '217ebf1620143502236f3ef0aa8efcc7c2252eac', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a354e18a6b3ff3148e530949301168e4fe3bf91e', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '519d18fb06d6369be12616bfe35c7d23998a689c', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'e4a9f8d62876a5a5494539921cb99dcba98720b2', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '2e3352897b6dab444f80c33fbcb2370eb2e3e924', class: "section-font" }, h("div", { key: '422a470572af57860fa34c55c1e1cd94510c24cf', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd2a7fa8be54ca2d5275c02bf5ed704e2df754cff', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '7f7aea305901b78807bd99512341e5fa2f87ba5b', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'feebcb1cd05897b476969abbd3fd124d62332234', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '0b1e919ca1896eb951046b7ae072bb00b5e92391', class: "section-font" }, h("div", { key: '0fafc97f6931d206492cefdaab2893de85ad1252', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'af02394ea4185b231c1b09955f74b19123dde616', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: 'da57ea45b55da3e7eb3440c9ced1871528006839', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '6b0862d274b0a21cebca34672c8209d073eb0d2a', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '835203542389885c3b721deddd9ea246c88d2b68', class: "section" }, h("div", { key: '890b2434ea3e33f35135c9b10514c4fedcf26da2', class: "container-title" }, "Display - Gilroy"), h("div", { key: '7bb8da56b360e33db5ee08b6bed5cf1d6b90eaa9', class: "section-font" }, h("div", { key: '2ec097d58d4ddf1f2e5daab87af07fa3ec1bf29a', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9be9ab3ed4275d0d349e5a58dff094f82a4d0ba0', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: 'ca2fe7deec8dc2354a1353cd89e0ff610d77f009', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '0dc7fdd60b9480b4a52e30a15d4184c255361b72', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'df27de0446e3db417bcb4791378fe6357eebfcaa', class: "section-font" }, h("div", { key: 'caebc08bed5ca4480e5a69efeaa963f80a8f016b', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ac3cfd38af51f23a91e828b7884cbafbdb51dada', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '6cdabae363c716c545df84ef26d752d31b2424c1', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '009a86a3a9e4d5c0e4abd48e0ce3e044f318fb37', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'b8e74323b3fa99cb85a6912c45082d1fd866a2e9', class: "section-font" }, h("div", { key: '758aec55e2514dc5e96ee815b30f0b094fecb112', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9563695a5712ef94c7c098c097d689b77968bee9', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '2003c98d0b07537ca4b315152b0392bdac4a4a31', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '8e329ea891999acd92b637d02225b28327dc57a1', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '09fb99adf2d4f7fe26862f4fb5c0915c57c1146e', class: "section" }, h("div", { key: '4a588e63ef3e8bb3f2f872f4b515213fa90f5abe', class: "container-title" }, "Expose - Gilroy"), h("div", { key: 'c496d7141266e28dbff33b65c7d1c7a88ccd078f', class: "section-font" }, h("div", { key: '1444940b67178b814593856b3229a32141209456', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'bf4b0801eaba89da6339643b00b74deb5d712acb', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: 'c3fc490295c65d1baf95719ccb52f5b32a96014c', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: 'e06a16e25cc54889e5b57d5c6ab92b4e0bc6542a', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '9ff93605ca74b3303cf53c1fa9286d6ec456cf09', class: "section-font" }, h("div", { key: 'adffd3f327424b316957f56d7c2eb66a87ba4491', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'eed5f8ff027ba5a14756ed4956d64ea098d109d0', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: 'e20151c6313263cf44e24167da8e0e1458c3b48b', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: 'aa9c7ff24a1f89f5d92f4143ad1051701d7224f2', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'f29f771f8d5bc0c84303946ec34b4b2759858017', class: "section-font" }, h("div", { key: '81509e2ecd27fdfd54db5ebd70982bdd57618663', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '97e0b77129db1f34c65924ea1f7121d02cb84325', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: 'b27430ae36d5d85b2b9e9947092e7d9d19f3af63', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: 'eeb71e98bfeb5bbb01b222c6c07f7eee1695bf6b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a78ea2b13ed531cbdf830fdd21bbc5b7ed510372', class: "section-font" }, h("div", { key: 'deaa8d6ffed35c7c2bd4afa8548f49d174ab463e', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b5aadb56f0a7083133b95aefe2bb2a653e69c123', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: '618adf6e7095d595475da54b5cb74f473bfeeb31', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: '4819bb2542c8431c10aa5d54ad0326aac883c9c9', 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 CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class TetLayout {
     render() {
-        return h(Host, { key: '8dc893ac663b517b5fd77a1f05d36f1707572372' }, h("div", { key: 'ae9aa29e0b831f16b8c52ca78a5df80d7d4c8ba5', class: "container variable-container" }, h("div", { key: '7f22130a19476e707d3aec74ea14c9cdbfafcd1c', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: '5e478ee8eb12a5280f575f3ba0715b1fb6413e83', class: "container-section" }, h("div", { key: 'c387c80d2bbca53278fe6453732b1d5d72d95d52', class: "variable-wrapper" }, h("span", { key: '1831ca64989c6d14cf390c1b9e07c412dde07c8f', class: "variable-name" }, h("span", { key: '7ed0f409eca4c8ef26343c55f103dcd47112bddd', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: '0bbb2afd4d1adce7d98c54a1f0ccb0091c0a56d4', class: "container" }, h("div", { key: '3fe18ac0aa8e4b731b64b48f7ec3ad6d656c325d', class: "container-title" }, "Piem\u0113rs"), h("div", { key: 'd056706e36817283b2bdae928bc2db704f597c7f', class: "container-section container-example" }, h("code", { key: '67071e7973229bd9a9f70c4b519df09ab5700ffd' }, "<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: '7619f3240b11803621b546bbf527b8be98e53110', 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: 'c9c1fb7014b98939990c2f766d1d3ba57ba3d112' }, h("div", { key: '81451929f7d3d77812610bf4c835460177d443ef', class: "container variable-container" }, h("div", { key: '5d6448de5d572e33d807d3f3dbd44ff54a9c0442', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: '9427494a4d6fdb4aa9b1615c87cdc44ced9263c0', class: "container-section" }, h("div", { key: '1ecb7fdc4dae79885af492a8671f0a547319202b', class: "variable-wrapper" }, h("span", { key: 'f057c908062df5401227aefd2ccccbde80bfec84', class: "variable-name" }, h("span", { key: '16467e2b9570381a6fee34f4f1960dee3215f817', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: '6e7d473cfd01eadfba34416a549c2c8686148422', class: "container" }, h("div", { key: 'a6d46ba2505d849b826eab9943ce125ec5092c31', class: "container-title" }, "Piem\u0113rs"), h("div", { key: '757f1ec872ce21cc1be78c433d1ec2c7ce20b861', class: "container-section container-example" }, h("code", { key: 'aeae900ae74d9e627ddeaf30555481f8fbcc511a' }, "<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: '260b5459c02e7a670671b4ad707f5c35143486c1', 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 CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetLink {
     render() {
-        return (h(Host, { key: 'a8e85703b81c604a1d68882ef730210907cc76f8' }, h("div", { key: '1de1c5868805c0e640a5135a66c56302ac64c16c', class: "container variable-container" }, h("div", { key: '1ea930dc693ffbde0aa2ee4d147f23e19a4feced', class: "container-title main" }, "Linka klase"), h("div", { key: '81039ac2620e23774435b26c7964f05971e4dd74', class: "container-section" }, h("div", { key: '2ad1cda56a44773116fef39ff1d2ef4665d5b72b', class: "variable-wrapper" }, h("span", { key: '62d9fda0df456f147c186d24bfc9c3aa2ecf483b', class: "variable-name" }, h("span", { key: '26fee67b7ccb249a7b11f8bbde33c747de628104', class: "variable-part" }, "tet"), h("span", { key: 'e54fecc00ea505fe7501ecc783694c58a3f588a0', class: "variable-part" }, "-link"), h("span", { key: '557090f02ae0b43d5e03c33ff46939efb8651aa5', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: 'ca9e4cbb8c3196fb312c303c64bd1ba4c4c7d0d0', class: "container" }, h("div", { key: 'de6dce32ee1018616361b6639e8e3905ee0b8b48', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'c0cf52bf3baa93bf787411b6da07371554ae217d', class: "container-section container-example" }, h("code", { key: '235cc181f4fc32a5bef3ecab8bc810e98cec1e02', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: 'e1b42c955f98f9966d0eb469353b9d6b51841b87' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '851911ecb4ad6960cd11ef74ead14fab8b9034a3', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '69318a074d6fc1fa3de3b4a5ea50ceedbe251692', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: '60d808163482e95906abf9f2bdabe764ccc72d21' }, "Link klase ar bulti\u0146u uz ", h("a", { key: 'b86670d2afbf8a934631873432c05ef61923503c', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '7dea210511d7ad15c6c5365695c072bdc20372c7', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: '3231a14a6e84ab2bf68ddc85cfc2498765d93d6e' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: '4b801b77435261e897443531c8ec84a41dcb6974', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: 'be36853b5ac8ef82b22c7d3a417a44d55bc9044d', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: '790fb1d613140aabbed5cb0a078948a7d31c5921', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: '2151e176c759222da0ad99612f143727fc83fb56', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
+        return (h(Host, { key: 'ab75baeca98fb61f95d0ff6e03e9412650290205' }, h("div", { key: '3c14fa7d6e9ce6548fb2f78aaae782e34002bfd0', class: "container variable-container" }, h("div", { key: '4c60fb004001d840c980738d931c85038471f2c3', class: "container-title main" }, "Linka klase"), h("div", { key: 'd8d5e5fd4bc305888a5f7614ecdb9f4d0e11999d', class: "container-section" }, h("div", { key: '808d5c99d20ba7b66e6ab95d23035d8262d6df9b', class: "variable-wrapper" }, h("span", { key: '5e9cb3215a6b727cad0fc4baf92c3a416f4e15c3', class: "variable-name" }, h("span", { key: '32e524b26c059bc4cdbfaec9c7eb4925777c55c4', class: "variable-part" }, "tet"), h("span", { key: '16ee5481d3180cc5b20ca8a197fa98b5295b6044', class: "variable-part" }, "-link"), h("span", { key: '0520477a1049579b32e537620f7b4b3a0b93bdbd', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: 'bd62ea7409d0001baadebaaaf2763df0e6aa4f68', class: "container" }, h("div", { key: '564eb27d4d8e5b7a8fff34f0b8a65aeb866151e2', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'f1f38485381d6cbacba0e38fb1af66caff80b734', class: "container-section container-example" }, h("code", { key: '2272eca06b57958ec5a5e3869397fa0d554adec0', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: 'b33b70e628c793499a1c06c2b90aeb5da83c2518' }, "Link klase bez bulti\u0146as uz ", h("a", { key: 'a7f25dd7b7748bf6f5abf7db8d6b66d401fd1354', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '1837038bb6d1a9031164779ed4749c63ef0dec1c', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: 'ec719902fda915e2d0c01c61bbc5945498a9b4c8' }, "Link klase ar bulti\u0146u uz ", h("a", { key: '7b8747e160c63330c225048078e1db01bc87062f', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: 'cd3628c2280988e5609765bf5de67ba4de9123de', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: 'e29ea0f08d5259f0d4e7e77a46105d8d47e9c7f2' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: 'b2bf5047b4423e4f89927588c92d8f321b46de83', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: '8658e93dc2e4cb9060a93d7b84ec984ca85191b6', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: '76c5aeb177ead762e4c52af0831cbca8411e9498', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: '647e9024940578b8b296da65d63bcbf04dd6b85f', 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 CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetSpacing {
     render() {
-        return (h(Host, { key: '1c610586fc520c2c3924d1ce3b679437e082577f' }, h("div", { key: 'b2358bce6ed4b0e6051ab27fca2046bec6163e06', class: "variable-container" }, h("div", { key: 'a7ab404de8498c9af4b921542ae6cc47af66274f', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: '0a97e09be33bdb4e194f1edf7dc71349886ffb84', class: "container-section" }, h("div", { key: 'd1769b83cbd880ab7d3bb95a8d41a03cfcafaadb', class: "variable-name" }, h("div", { key: '12e0f4f8641319cb60713efc1bc0dd74cf348665', class: "variable-part" }, "tet"), h("div", { key: 'b0b6b860dec1cebc2ddaf09d55afdfc8b983779b', class: "variable-part" }, "-spacing"), h("div", { key: 'dfe2e45845dc06e7c3b906036369c8431a018564', class: "variable-part variable variable-size" }, "__md"), h("div", { key: 'dd9b12053ad253311a434011b800a45d7ef210c7', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: '658f617feb957881c90c583ba14a75e1b5ee0ec2', class: "container-wrapper" }, h("div", { key: '829279a272091c694fde5045fe5a1614ba3109f5', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: '2aca50772d547ffe048b2e569646d8814e7f2958', class: "section" }, h("div", { key: 'fc604b7f62948c1c9d662eab688e517ed4a58821', class: "section-wrapper" }, h("div", { key: '3a0e2f1e4d3b570bcd108d3c40da652c1eae164f', class: "section" }, h("div", { key: 'd080ae88326e5e893a49a4b950818caf77c66ede', class: "section-content" }, h("div", { key: '817cc02e29dac983bd74bf3332184001ebaef893', class: "section-style" }, "__null"), h("div", { key: 'fdcc625b0fdc982eb8117835fc6fc9165b4ee591', class: "section-style-attribute" }, "0")), h("div", { key: '3909b2c14468e406430eaa943cb1233189b8d63a', class: "section-content" }, h("div", { key: '2242a590132e8c6742aa7758858f1e26b930b3e5', class: "section-style" }, "__3xs"), h("div", { key: '42a5f16e6036ea5c0c481a80f0f6d7d707eb038a', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: '72900cfac2015a8f2c4386ceb7a78edcb36be85b', class: "section-content" }, h("div", { key: '80ab1824996a985883461059d1cacd3e4494f775', class: "section-style" }, "__2xs"), h("div", { key: 'e52f41dcc9607256564e0f405d179a8d03d870d6', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: 'c05e3ebf4753dfafd1c4a503f0a3869901685ae1', class: "section-content" }, h("div", { key: 'a3b5cadb2b2c17e55e0afb71c95fb1c76e5d4bf3', class: "section-style" }, "__xs"), h("div", { key: '103a030c1dfe0a1ce4221fd7f3d8954879f74b2d', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: '23ded64050ee05759324833703f604cddace74bb', class: "section-content" }, h("div", { key: 'fa8c3200bce4d89288756aec8aeb878836bfd220', class: "section-style" }, "__sm"), h("div", { key: 'b69d4b6e45ba0cace54e046838591fede000c253', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: '0c98002d627ce0b6cdc15ae4a3ec6ab2a2a08164', class: "section-content" }, h("div", { key: 'b31d2b026147861ee49607e7bfcaa7c6c1a9b7cc', class: "section-style" }, "__md"), h("div", { key: '8c5cc3cc3c836e559130c97457282a8341881dcc', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: '215d96bd0887d8256b165add375e710267d00194', class: "section-content" }, h("div", { key: '42d109cf566f74351de3852359026a066cf3603a', class: "section-style" }, "__lg"), h("div", { key: '2690d2417057e2946eb06cb7a50ca1a4e9e32401', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: '640b5c13c703aae744a2e31ee9ab8d6c3d893ce2', class: "section-content" }, h("div", { key: '2bc26f3fa910a80d274e27331572b20562bbfdbb', class: "section-style" }, "__xl"), h("div", { key: '1c6a25afe7802d2db52d88c325f6733030a51223', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: 'dd802f70a61c76ec551d7488de1418811e02ef1e', class: "section-content" }, h("div", { key: 'f9f17e27527020acdd300b9490dc0d1129e1e7b6', class: "section-style" }, "__2xl"), h("div", { key: '53cb87968415d179a65b397bd78a6606d7ce7fec', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: '88268741cc39f384193a9e51cbed778d0aa244af', class: "section-content" }, h("div", { key: '1a3395ab47ae9d20c3ceeb49ea4117de0a72c058', class: "section-style" }, "__3xl"), h("div", { key: '6fd1df149652a0f6f835e108d69beb8a552a3ec9', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: '9d4bba0b7ce4302c66e393a4b6f33d40eaff5a88', class: "section-content" }, h("div", { key: '0c94a6646e835790517e9eeb02264d7562854b1f', class: "section-style" }, "__xxl"), h("div", { key: 'ca2af32a080951ddd6430193af3a90a779b25ed3', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: '2168359e7302158e7af4773750896c67f6fead5a', class: "section-content" }, h("div", { key: '5380ea7c2c4095c853d52220a2f90a8d2ade5730', class: "section-style" }, "__2xxl"), h("div", { key: '98d06823330025916e929476214159da606d2623', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '6c9ad151d8eff5a6546b050ad4a5e178c649921f', class: "section-content" }, h("div", { key: '0f700cad4546cac6e359526618052391bf29cfb8', class: "section-style" }, "__3xxl"), h("div", { key: 'b7a84ec8363517c2c3c563ca21ba534e751d4bd6', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: '605b14a7c29a4ba9c0010b0b0dd51d11222c6641', class: "section-content" }, h("div", { key: '82ba7b4fa6b908ee67e0c785420f569a1896af3e', class: "section-style" }, "__mg"), h("div", { key: 'cea4d4524c88849a51bb5ecd2389d3be9379e540', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: 'e66afd0db3d3608209478d82482f19d6ca910e5f', class: "section-content" }, h("div", { key: '1d57d6941dbfebf2fb39945d9c8791274eb2e1f8', class: "section-style" }, "__2mg"), h("div", { key: 'a220ad66ddd078144b4051f2c28e372b702c103b', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: 'f9f547e4162ced711f034bb42af55b1e180cb64d', class: "section-content" }, h("div", { key: 'e2d18a2002f25c4fe2202c7b94fc8e21a31645c0', class: "section-style" }, "__3mg"), h("div", { key: '0f124e98ccb70c07a4f8f600dffe234b201a4ba2', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: '9589415362c9878ecb16d0c5aa4f98aa07d9b564', class: "section-content" }, h("div", { key: 'c477ff197ba97cb8f90c2659693b4bad0577331e', class: "section-style" }, "__gg"), h("div", { key: '2326a5a52486afb93999db299b0e7396efd5c0b8', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: '3b82ae571e78641c9e80945c3c469564cb9c5c2e', class: "section-content" }, h("div", { key: 'c0ce14fc57fa5476797d09fee490c974a3d8da70', class: "section-style" }, "__2gg"), h("div", { key: '72f2269ddc5aa410cf31c0d0da2cecce51359416', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: 'a6ea013afee65bf682ae8f8245f3efa2389dbe1c', class: "section-content" }, h("div", { key: 'e976910b2c9b6857b59bb9c380777ab97450929e', class: "section-style" }, "__3gg"), h("div", { key: '6ce19cae79415ded7bc72cf3f9ae1f8f8d38ffc7', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: 'b0410de980d856073a65bf2cca7e8a1965adab5e', class: "section-content" }, h("div", { key: '186544cf6c3405b3a825a4aa8dedc57a890bf66b', class: "section-style" }, "__xgg"), h("div", { key: '8ce668c653b734e906fdd74e666ccf679686cff7', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: '8394aa428161b5c0bbe7d00f66386b50fdc93227', class: "section-content" }, h("div", { key: '83e7a8daadc91d3b81689330b404d4f3ee2e3534', class: "section-style" }, "__auto"), h("div", { key: '3a8b74f8a06a1dce3ec50acbc593d515e22e68d0', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: '397a2debd4496f52dc351ca054e109e4503b11bc', class: "section" }, h("div", { key: 'b68aa182153c078d59852740fa81e2e592e92c46', class: "section-content" }, h("div", { key: '6b126970a38ff77c4916a4939dd5b1ed2a2cea48', class: "section-style" }, "--m"), h("div", { key: '22f09e0b0aeabb85ea056e32f3ef0cdf82099706', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '03fd9b216a925d66f74106088f576d219d0cf427', class: "section-content" }, h("div", { key: '3a77a24b407865124cbca6e551a046c1afb08dfc', class: "section-style" }, "--mtb"), h("div", { key: 'f823df9a02094b785408050ad43bc5c2a1e0d8a0', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: '62936e8367de523e459cc2fb6bd379fc0d032d84', class: "section-content" }, h("div", { key: '0408d5ad838d4292960445774bd5933a70ae0ee3', class: "section-style" }, "--mlr"), h("div", { key: '57ef8b27f0d14cf70205f3efdf6a75b6f1a1f56e', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '6d79fd6a0e662e5348c83dce89578d1e29a66ded', class: "section-content" }, h("div", { key: 'd156331eb622bb6c1b78bdee003ab884b1f3084b', class: "section-style" }, "--mt"), h("div", { key: 'ddada3b4e4033924ef36c5f05af106cc0b57a55e', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: '0e4440e07f7d2fde99e6f938db7e3f0f304e038f', class: "section-content" }, h("div", { key: '4b6b898eb8ea9e4069d7b3a1033c03ecca8e37e8', class: "section-style" }, "--mb"), h("div", { key: 'e80078a41adcb218a44ac079a65feb7c8c869e2b', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: '9db4e1251c1b98d6a59df817b666ee8c6598e3b7', class: "section-content" }, h("div", { key: 'bd7d381e4259bce36c1b0a76bd95fc867c6e93ca', class: "section-style" }, "--mr"), h("div", { key: '56d01e7e75956f2f605e9e03ad9467e787d4e0e7', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '9770c5cda0c82a648faedb514f11d8eba1e92d1b', class: "section-content" }, h("div", { key: '88878a06e0206d85b4a7ba458c521cdc724a903b', class: "section-style" }, "--ml"), h("div", { key: 'f39cb25fb987e9858703dfacee1e69a8defe3623', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: '73d98373b7c96a8e580bccb9c53b4245d2aea713', class: "section-content" }, h("div", { key: '9139b9a332d6f4cbee22c6160d457f4b0f463e4f', class: "section-style" }, "--p"), h("div", { key: '657b54f85c3e1ddd67676dc81cdad8110d5bc872', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: 'c0a876a7557b7b258663c69966b87eda0bac20ec', class: "section-content" }, h("div", { key: '6efd6e4e6b1ea867f5cb90c6f213f6a58918bea7', class: "section-style" }, "--ptb"), h("div", { key: '1fccda47751f3e409fd963a5fc18ce22fda4e02b', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '07e2ddbb231fe8b1df75f14ceebdbb049cc67db7', class: "section-content" }, h("div", { key: '1ad09a987e9630db739a5a9fddbdeee3cf50bbcb', class: "section-style" }, "--plr"), h("div", { key: '5a56be09f23656fb59202fb76a84d2ff7ab3a99b', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: '7e0841073d0afaa6f2a2e16c617387a238386b92', class: "section-content" }, h("div", { key: '564873740094a273f5f4987f82bc55e54fbf3270', class: "section-style" }, "--pt"), h("div", { key: 'c225d5cd44b07a1e3b422691c876c10b45d62356', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: '6b8ca40f198007b62e5622d29bd0e97403e9fe61', class: "section-content" }, h("div", { key: 'f46884f89531789bf624c9a87966ec70abce2057', class: "section-style" }, "--pb"), h("div", { key: '1a28ddcbcc8f157b1aa75a66a0019e246888318a', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: '47a3fe891873271534d325ba8cc3621a1cc7972d', class: "section-content" }, h("div", { key: '92778bbec54fe4be2b5b8a3ec2e04c8359df8598', class: "section-style" }, "--pr"), h("div", { key: 'f5910181c0165893924f0931a3d9fc2187e1c065', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '8935fc98ed81db42277642754aeac305b23db41a', class: "section-content" }, h("div", { key: '4069a3982ac4f6d2dbd52e690cc7f7e048a1446f', class: "section-style" }, "--pl"), h("div", { key: 'c7b722cb724d61f03dd5a46d671f1e559724c961', class: "section-style-attribute" }, "padding pa kreisi"))))))));
+        return (h(Host, { key: 'cf29da71009dc011c405d23d032d4c560c457ee7' }, h("div", { key: '1ebd41bbdbe5c477380e0a73b1b7ed46f1f2a0ab', class: "variable-container" }, h("div", { key: '2d972c16e035fa743c78ba5aa643ea1322382c6a', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: '50557bcf8bbfff6cab0ccf6e2c6388516626451d', class: "container-section" }, h("div", { key: 'f9441189cdc6b6cbab643f96551a2953399fa4ef', class: "variable-name" }, h("div", { key: '0bba020d53c39fd00526e59b3947dbd0e76b4737', class: "variable-part" }, "tet"), h("div", { key: '0dff30009a5c14e017c6fdf21f2bf7f735d262dd', class: "variable-part" }, "-spacing"), h("div", { key: 'd8caa3307a05307559f67c10b44eb3d557e4e55e', class: "variable-part variable variable-size" }, "__md"), h("div", { key: '0d48a0bd70532651482bd6aadbac39aca4ea01cc', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: '13cae3b7163e9201b2388db014b0c09f470d8414', class: "container-wrapper" }, h("div", { key: '190f206f1e352ec858ee27d2e6669aab18cb8aab', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: 'c3234539bd3edbca204b5539fcbb3d3e0d31a409', class: "section" }, h("div", { key: '2b6c123589a0120092086352a810957ab55b5563', class: "section-wrapper" }, h("div", { key: 'b6cdfcb63212a859377295d3392bd95b7112c1d7', class: "section" }, h("div", { key: '6cb4e0883b656e87b906dedcc03485b82f144888', class: "section-content" }, h("div", { key: 'de07cb502c66e15232618be716c1509b73c65bc6', class: "section-style" }, "__null"), h("div", { key: '23f99d9d57ab10558089bdef8ad185b5ce67d1de', class: "section-style-attribute" }, "0")), h("div", { key: '310923cd3c7bf7fb3f17bdb6c8fe020871f025d2', class: "section-content" }, h("div", { key: '4270d060962930a11bfe5a614718c3e59b78b8d0', class: "section-style" }, "__3xs"), h("div", { key: '1e1f6aa547c5a655ad71556f2ed2cfc4e88968bb', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: '0692a7f7342f6d5b4236b4442731b9a6b74ce1ab', class: "section-content" }, h("div", { key: '37bcbf97b9fb15726342d192d9fb0d056983b66b', class: "section-style" }, "__2xs"), h("div", { key: '21c2252e95b6b8575040409e306e760ed279f717', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: '9f6643aca759a8dbb99a71e0e7d429428b85e69b', class: "section-content" }, h("div", { key: '1f841f0c6e49a6c269141b079b2186b54fa6555d', class: "section-style" }, "__xs"), h("div", { key: '9d92fd9a1e023e7c4295d8107e2d11414e5427e6', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: 'bb6ad56a54261c8baf47cb2c7d3e475b1631bcb9', class: "section-content" }, h("div", { key: 'c4edf7b4bc577c7c96c62cc8f0ef611f859d99b0', class: "section-style" }, "__sm"), h("div", { key: 'e6fc825583b94caf858660932acf9d43e4ee1104', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: '081775789a970ccafb51e548ce37a1c7856fd86a', class: "section-content" }, h("div", { key: 'cfad0b259d5791c2bb76e81c599944ae1a40529e', class: "section-style" }, "__md"), h("div", { key: '44e18953827ffa1416f4e973dcedd86b3419b71b', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: '11a6c15f7066770c008323c57b7885b41569b852', class: "section-content" }, h("div", { key: 'a122245f6c9c8810af0802b80512765e039b4850', class: "section-style" }, "__lg"), h("div", { key: 'ad97b60ad0e294c84173c2d2526a044169acf581', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: '1b548f646c7ed918419989be97cd1e7c2738816f', class: "section-content" }, h("div", { key: 'c8f450fb1776c75909615da1ea82aec59f4e5868', class: "section-style" }, "__xl"), h("div", { key: '79dd81a4d635656fd8cadf56493296de884a1fd7', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: 'f71bd5d182afd51d9fd5eddc5ce7c30908c1d566', class: "section-content" }, h("div", { key: '1186cb0eaf91702b30d99214e72367f75516b3f7', class: "section-style" }, "__2xl"), h("div", { key: 'e8b0394ced1208b14dde4423dab32bc36d403f9b', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: '70b582f959b7fd0af3c519e91033733a4e5500fe', class: "section-content" }, h("div", { key: '991503cb1989b043a0f8bf386345580cda62f590', class: "section-style" }, "__3xl"), h("div", { key: '8909211edf5c70b4c0d472c80d1293c618c240ac', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: '91353264dab3fae72e97398657c7579f1b9e3a4a', class: "section-content" }, h("div", { key: '374c3d44eb9ac43904558e37b48f67583c5598b6', class: "section-style" }, "__xxl"), h("div", { key: '32879a03a36eeecc6ad7bbdecc603f8f7b40ed5f', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: '7f946124c4aad9aa6e39f06b677a451af51641ef', class: "section-content" }, h("div", { key: '11bf9dc7a1a3279978d478e6cf41cfa00e39367a', class: "section-style" }, "__2xxl"), h("div", { key: 'd5b54f1aa8a6545f27b21696d7e90093ebe5c025', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '8735b2f1db26fdaf42e9cd4007b4c072b25dcbf0', class: "section-content" }, h("div", { key: '30ccae46e1ec800291aea47cf9c60425082cb960', class: "section-style" }, "__3xxl"), h("div", { key: 'b798ed404ccb93e63851734e4b3468b7590b0818', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: 'ae39aacb3f2495db5ba58681a812f514ecd571da', class: "section-content" }, h("div", { key: '453421a9b25091d1b9b17acb455f0253d56fa0a2', class: "section-style" }, "__mg"), h("div", { key: 'bc66b203014470e9866d216415f08dc2d2faebb3', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: 'e692145950394c48abc11c4bf3bd3f0bcd2d2618', class: "section-content" }, h("div", { key: '3402e64c99bf7d63e68d8da9c0bb0411aa8bbd29', class: "section-style" }, "__2mg"), h("div", { key: '7765b9d6d42941f3652c843b96e57f3691cb9e96', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: '241c386ee96271880686373569a5c409432b8aa3', class: "section-content" }, h("div", { key: '23384227a48dfb2567250eb246c59f047d12bc22', class: "section-style" }, "__3mg"), h("div", { key: '633afce34f5cd5866dd039c7d4352a008f4e39d3', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: '41448b96682f71bf96585389b15a3e5ed79e0320', class: "section-content" }, h("div", { key: '124de52b422f016b39bd3a3812ea0621180c18ad', class: "section-style" }, "__gg"), h("div", { key: '5f3307a452277b83c0e58b46da9b7b513a90d4ac', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: 'f4d3b5bb27206eac8810af42be4ebb72691f9dd6', class: "section-content" }, h("div", { key: '5340b84fc375efebfce8178fa14e41d50bada41b', class: "section-style" }, "__2gg"), h("div", { key: '425bdad67e02cc7b8014f94185af2ac5daf4fb6c', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '92f46ea42430d7a315e2c2d9604f9fb5ae22fcb3', class: "section-content" }, h("div", { key: '5b02052958ea6f858a3260aee4ddf618653d6d14', class: "section-style" }, "__3gg"), h("div", { key: '63640f75e9c4dabbe328c46718e6f279c12f3882', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: 'f1796e4568473b585d401e8a834f008b3c866c9f', class: "section-content" }, h("div", { key: '604eb2d5feca2c5322afd5fb30c813a21a35ef20', class: "section-style" }, "__xgg"), h("div", { key: '217d88ecda693e539659bfec4971db64c8cf4ee7', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: 'cdaa7fdf9e4547facd933b86af554f5a02cd0e04', class: "section-content" }, h("div", { key: 'c78ba2ef61cfee7faa9970f377b8a25de5f07798', class: "section-style" }, "__auto"), h("div", { key: '6478e26896cfcf5b452303f82dfcc63b793c826c', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: 'e43889d06930455dcc5b97e0a0f914a407cb3e80', class: "section" }, h("div", { key: 'f5511b0c0afb74a34d24f2d69b51824a820dced5', class: "section-content" }, h("div", { key: '4fee4ac6454513808670dc0e92a3f6fbcd18cece', class: "section-style" }, "--m"), h("div", { key: '0f7e0f609d496f7473b88f69810ebb1403b2f8b8', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '7dceb4ebf5283c79eeec324cac1e99aed1181b2b', class: "section-content" }, h("div", { key: '4bbe03118883426d4139d0c00827061dc092e8c5', class: "section-style" }, "--mtb"), h("div", { key: 'dd25f988790aabaaa2b5a35785f10bc90b6589d5', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: 'df2a3d9f64994199a1e40161547c8fb3f2799315', class: "section-content" }, h("div", { key: '0ecf1325cebcc42576bd620ece9d7e0ffc66facc', class: "section-style" }, "--mlr"), h("div", { key: '890e1d66e9ba17d160cdc24e65d8f60e76e5447e', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: 'ab0275d9ff497d4eacae0c674bf544b0d2713e4b', class: "section-content" }, h("div", { key: 'f24cede9c0fd4639daafbd08e496067cd6bf53ac', class: "section-style" }, "--mt"), h("div", { key: '1448c5562f9c731acbe0653a860520fa48d1e95a', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: '78213ac978a62e7d700a706892b671af9f67472f', class: "section-content" }, h("div", { key: 'd006324431257899d075678632f91419441aee10', class: "section-style" }, "--mb"), h("div", { key: '55e5ff83d80b1cea930a1d0d0a6c7e68cada3e3f', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: 'b6d9ac93561d0359876cdb815ca3cf798f279bec', class: "section-content" }, h("div", { key: 'b66f6e8f97f20aa8e1bc67e2e7f4c4340d474f0e', class: "section-style" }, "--mr"), h("div", { key: 'b5a6946a1655100d6a08dbaeb8405f82df97a63e', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '7278533b3b9ff12d3952fafc9a9d0adb9819635c', class: "section-content" }, h("div", { key: '64ae3394f51b33bedb5ce2136fd6fd410c5addec', class: "section-style" }, "--ml"), h("div", { key: '5fc5b7753453a1fd274bb6ba758ef02aa17630f8', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: 'e60fc8e02b2c7bca28bec9ad79353f1d77d3d6dc', class: "section-content" }, h("div", { key: '3709ecc48e48cd679ba88ef2cbabada16984b8fb', class: "section-style" }, "--p"), h("div", { key: '035fc2f7c7b108e06d520c218e7be3ca0a92da97', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: 'f6f51784007ca8352d1f34c501937545e83760b9', class: "section-content" }, h("div", { key: 'dcc05b56cf30d7cff9c47bafe1c656d49ff3c89a', class: "section-style" }, "--ptb"), h("div", { key: '50f2c4787f3ae4cb0466fa240da43f353d9774c5', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: 'ac1c3ea12c68b8e9c15b5b6e2722960a7c88e438', class: "section-content" }, h("div", { key: '253252485b12e428ff26b2c0d0bcd7b5fc6a9bb4', class: "section-style" }, "--plr"), h("div", { key: 'ae2f10273723874bdef8605f1a6461140dcfdbb5', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: 'cd8da442dfbae86fc93116b7569ed549fe448c96', class: "section-content" }, h("div", { key: 'd431055fd85d240da6828d36189d127a15d9ed24', class: "section-style" }, "--pt"), h("div", { key: '7aaf00bc533cda1b0060f5f0f65f007829f265d8', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: '2a5be3df202b18f821e7db8b0417fad905d8d908', class: "section-content" }, h("div", { key: '3daaa39f9da7897ff3123c50b599c4c487c371be', class: "section-style" }, "--pb"), h("div", { key: '77ff7568e2915684b3eb38bcb6b4ee07c4084eb9', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: 'b5b3573088d1c7fe3231a50a0c1ad0c65d5db7da', class: "section-content" }, h("div", { key: '3d347d4aff5dc7c41b768f6db6eca98be4674548', class: "section-style" }, "--pr"), h("div", { key: '3c376bf32a520794d3df3b70b6e7eaad14142fbc', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: 'f73839b4503e2770465228f04a4710fb663cbdae', class: "section-content" }, h("div", { key: '9038b2a2373ceb4dcc732400822cdb22ef795bc0', class: "section-style" }, "--pl"), h("div", { key: '0bd46ba33bbd1d15f2aa869575089ade0a7f78ad', 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 CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class TetGrid {
     render() {
-        return (h(Host, { key: 'c727d0ce70e731f61b3d83a162045a4f099a5d23' }, h("div", { key: 'd2411d45667efc7401b6e8a2603ec249b290f308', class: "variable-container" }, h("div", { key: '105f7f750f1ebf12043ed1753032a3b44b979630', class: "container-title main" }, "Grid klase"), h("div", { key: '60245e598830d812586979f140281eb1ecbad489', class: "container-section" }, h("div", { key: '7d609bcb02585d8c1202b0906da97da119acb399', class: "variable-name" }, h("div", { key: 'fe37227c82f9e33d86a7632a90fa1316b02c9c0d', class: "variable-part" }, "tet"), h("div", { key: 'bdd26aa1d3722f26dfebcc41b6d96cdc00c7811a', class: "variable-part" }, "-grid")), h("div", { key: '01b8ce047af211e851608336e1753273afe775c0', class: "variable-name" }, h("div", { key: '3cc9ad8671718b6fcd7f4132081faeef85b3f8d2', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: 'c23ed0cfc8afa7c882a4c3fb7df6240e3cecca10', class: "container-wrapper" }, h("div", { key: '92939bb694b9ee75b55fdc06d9f7633f7843e45d', class: "container-title" }, "Grida lietojumi"), h("div", { key: 'aad61e34e3b0251bc55dbe86626bbe2fa49f9c53', 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: 'aa6d0946a8a1de35daf07791c0c5b02e299b1262', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: '4a792318780c1309f318d81062938380c1f1ff8b', class: "section" }, h("div", { key: '589e9d5eac68152ed282eca943bff0b481fd4f09', class: "section-content" }, h("div", { key: '2c954ee1a93459614a35afa37feff32137dd6e80', class: "show-grid tet-grid" }, h("div", { key: 'ef1bc6587222c4d6151bc7e23aff3d4e782cae1d', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '63e6031c7fc696adb8c7d43b26458786b5c76dc1', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: '92c6604eca6b080b3d71b23bccb40080e3cbb934', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: 'ccc313e6afe337d4a37f76628b71f7dfca28e1d5', class: "section-content" }, h("div", { key: '051d79ca4d1a09d7e720114ce3d4e81a4bd58189', class: "show-grid tet-grid" }, h("div", { key: '4ebcc2f6bcaeeab6b6b65e0e4a9d34789a0ee205', class: "show-span tet-grid__cell--span-4" }, h("div", { key: 'f4c80647350a45eee2e7663637d8e84c6010f832' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: '3cf2eece1ba30aa8617c6af781fd3c854da564f7', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: 'ce639e195eb7ab4aef8b5877854f5577e6ce4707', class: "section-content" }, h("div", { key: '87a2322d62b73e0c50f5db282ce1fa66bd70a2fc', class: "show-grid tet-grid" }, h("div", { key: 'ce6ff71006c82e0173c512f5b2825d596ae739e0', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: '17d79233ef3f75ed7692f715c3d241748eca039f' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: 'db376e7a6d06c6eb0285b24f135393d36c629fce', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: '594afa153b50f06394f471affd9c3d786bb7b625', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: '49c385061b80163b5368292251d98265e9d0daf3' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: '21ae6bf820c68d205c0981e6db05e33763afe5d8', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: '796424758f1f6842e2ba285cd5d607ce1194e2b6', class: "section-content" }, h("div", { key: '306125f1726f219cdd5173c611264c9d56f9ac54', class: "show-grid tet-grid" }, h("div", { key: 'f82f31b8ffc22adc4594d34ebcd48ff4eb335e66', class: "show-span tet-grid__cell--span-all" }, h("div", { key: 'c876eece198d1c9bc8b394b9c07c345861ffb1e0' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: 'f8a369b304363b797c15c08dd791fd0f33b33a24', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: 'fe6237a08734c41ed96b77d27dbd5bca8a23d800', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: 'd68ecff538167e0c9c6f7f8ed9e277eb0de68133', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: '83db1e8765fc3b1723a1ac510ffec2e27ed711da', class: "section-content" }, h("div", { key: '836d1aa13e70f938dc89b595a7d3bae7f05841c0', class: "show-grid tet-grid" }, h("div", { key: 'faf9e5abb828b27df711e97650f3d8ed5e9a57ca', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '4625342fe47171140f0bfab4647351ae39b6fe96', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '366b18fb890fa376bb30f5fcaffe4c2448d00db3', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: 'd675353b2f7191ec9d8d9fefed97f23404af1f04' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: 'd3cec8edce5fd7b98db57147e44f5a07106dc03b', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: '81e0bb7277b565600791bb50841367d215f38754', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '69a3d2c45f0b7c3adbc5cb47826b75f61d04169b', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: 'd45a76c4958e542cdf8beedb01de4bddeecefa60', class: "container-wrapper" }, h("div", { key: '48f95db3ed79aa534c81d3bbd53e29a787b35773', class: "container-title" }, "1920px breakpoint"), h("div", { key: '5a3f166a901fa10cb89796902a250cea6154ba67', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: '0a4c66b3e63eb324a54a5a404336dda307bbe6e7' }, h("i", { key: 'd30434ef1b73a91076a99588dea274dbf719d5e3' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: 'e9aeb60e0ef676f53b31e73335d89560e80fe3c1', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: '99f31810ac7ab6a7e7ba21657fc3a42cf179faba', class: "section" }, h("div", { key: '9db57d219716f3ce71352dcf13b5c585fabb84e6', class: "section-content" }, h("div", { key: '77811fe41cc3952cef72679df33e58f3b7dce2ab', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: 'a3a91076ed4c234aeb0f70d865d0c8201c470360', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '4eae246876894185124673f35164b1ee9cd0513e', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '11c83ebb1ba225fcb097ebf0443fa10ff9e5f3a5', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '39960362cb5cd9474a4341f53de31f95411b3d87' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: 'f46001b4f51eef2a86e354a0ed5a6065c279700f', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: '362984de04fae29930ac8dafc337831f25fc033f', class: "tet-grid tet-grid--gg" }, h("div", { key: '9417f687c5b9baff81de17fcddd0fbed1968d694', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: '9e5820f6914985481104a8392d65a04e778e8869' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: '3bc924f32a7155f56db8074855490c8bedbb818d', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: '24ef90e85adec0e0c86c1867041ab70825411a92', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: 'd8a7fc07a54179594dfffdfcb8704d1cfc4f8089', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: '869487aef7a6de3b320e5b5985cded71a360b133', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '7ee9d3fa21240a00121fa84189b3c22d48419610', class: "section-style-attribute" }, "tet-grid__cell--span-2"))))))));
+        return (h(Host, { key: '75b64292a536e49bda81fad0bb1060dff1eaec46' }, h("div", { key: 'a64e9b49d921602f70d85a515cc5152ce2728b68', class: "variable-container" }, h("div", { key: '899c51abc0a37960f3dd4061f899569fc1f7462f', class: "container-title main" }, "Grid klase"), h("div", { key: '0a06b23d2d40cc7938260255087e3f2d745e1a56', class: "container-section" }, h("div", { key: 'c4477d0185c55cbd768b2799ba8085be4cd72752', class: "variable-name" }, h("div", { key: 'd3a0ca3c8f882b22caa0e04b2c0a9ee634afce01', class: "variable-part" }, "tet"), h("div", { key: 'acc24328a655d98bb7b13c92d5994c2d5961867e', class: "variable-part" }, "-grid")), h("div", { key: '9694402ebfb97b72c89a4bc9508198212197cfac', class: "variable-name" }, h("div", { key: '3555bcfd7e388350fcd42d84ca1dd01a9fb8d223', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: '031d9789f8ae5411bb1f52462718f9edee060112', class: "container-wrapper" }, h("div", { key: '6a495f6f94950d5d24bab413d5d55bde37da342d', class: "container-title" }, "Grida lietojumi"), h("div", { key: '6caa61e3f2f0dd9459b87ecb1dc6b75e6e76d566', 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: '12a7c1f8c198d1ff763387bff5b3047d8e0137b5', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: '0a149ad165dee1f6d7739776a907d1a13f0c1360', class: "section" }, h("div", { key: '8c73a420f5b2fec325fbeb18481c0947ee0c2a76', class: "section-content" }, h("div", { key: '2d4103caf8931c2df0c7f48921651100de4e2164', class: "show-grid tet-grid" }, h("div", { key: '7f5f2ccdf8bb5b9a6e54a5a758eae7849a3035f0', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '2f4c641c83e1a4e78a118c2ac5a1b1b26da0c6e7', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: '523552d0ef61c348ea09fed6d5ed4e69705b6250', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: 'd120bb18bdf560ab95844388666d8e971b16c5fe', class: "section-content" }, h("div", { key: '28401839045f5046445a7500851d3c0a47085d9c', class: "show-grid tet-grid" }, h("div", { key: 'ae51662170ff453933675cd64d0d36966140f89f', class: "show-span tet-grid__cell--span-4" }, h("div", { key: '6ef48e56a062f32bc0b4fbaddc113c7d5ccf1ceb' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: '0c7a581166dfa1f03aac1cb2b0f7e2e1a1352d13', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: '71a616f51ffe146fe0f4f9a8a852e4d330969fb6', class: "section-content" }, h("div", { key: 'f1cd6ef5d5c06a434de0b98f2280beb2631bb035', class: "show-grid tet-grid" }, h("div", { key: '5cca1f2e13cdadbfdf9f70fc372ad97f35fe9c26', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: 'c9d71d62a118abd5d85e68c753a831f877b15e9a' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: 'c9ffd636a9d2b225a0c667c61f8bcb457f4e422e', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: 'd7f512599e6b26deef3f4625ba11795ba5fa858e', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: '5c34922337f7a67de00a27604975df0f2ffe6d89' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: '1d7c331a892564cde5f27442a46b2d78eac99f02', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: '17d435a776703bdbafc7680d9c3f45491355b20f', class: "section-content" }, h("div", { key: '2fe5378f6b7a2ad0aca329185cb54e1f405a1491', class: "show-grid tet-grid" }, h("div", { key: '9a6c7913a95f04e375c982ff2754b365e8ee8d94', class: "show-span tet-grid__cell--span-all" }, h("div", { key: 'ab892aec8cca50ff34dfa28c833c4998bb483e72' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: '6f0aa7128fac033bcabaa1f445862cbf03b0b9b2', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: '3b9a6e326059f779a61b637dc5c5abddcad11f5c', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: '5c2ee41c348c5d679c33cead86e771c25d187798', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: '3ef99f7dcf318f23392f05812610e0f87c6c5cf6', class: "section-content" }, h("div", { key: '6185bc784c1b629cc128c97009e33705e19cb3d8', class: "show-grid tet-grid" }, h("div", { key: 'edd2f0d2965082e564a11afee19e7109cd680802', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'f8ddd3d563bad82993785c1246c985bf3439cfbd', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: 'da8cfe201e88d0af5eefcbaa4189de8dd13da701', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '27116a80b729131c8d014d2b1a2b74288be15dbe' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '44f6ff13b8fc39bbe4d98651baed18ebd9cce515', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: 'a85e68ab33a72136094d7216b41d0515c3c162ae', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '35d9bf740548d5a2a9142af37525cf0fb78febd6', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: 'c827bc7b8971694a3bcdad2f5f196a3a89dd4943', class: "container-wrapper" }, h("div", { key: 'a80faa2c1ec35129257e45fceca177cfabd3b9a9', class: "container-title" }, "1920px breakpoint"), h("div", { key: '056cfc0b39a39c984882490269c4e6cefddc21cb', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: 'b729852f2d6d91276fe7b8ecc074afbb5f7f57ff' }, h("i", { key: '16995a99974b7237a125517c27352c0227008227' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: 'beaf9b7c5265966e25697797a4c6ee0cdd5dea02', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: 'b67d42c62e3a9dac72bb1358eee9b83985dcb23a', class: "section" }, h("div", { key: '97d774bdbd3eb6946b68467f75c899173e0adc4c', class: "section-content" }, h("div", { key: '719232ffec14da94417adc530c0f2f96744ecdda', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: '64f5b70bd39deb19ab5a490a05490598eadd89f2', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'd5fea95bdb6809640c7b1aea94b514c9fe5341f6', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '8569b2796c66e372f0127ebcfe19915039a6a4dc', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: 'ccdb7c3a13838dffbf86b1e3ebda0c2aa2782d4e' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '4d419e3d305c2736062b36906d74cffc5bff4135', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: '9bebb2f5ce212e23f6e072fa5d0ca69c0212af36', class: "tet-grid tet-grid--gg" }, h("div", { key: 'babc14563c2f95a693871b205916736d71ba178c', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: '4e659223bafd96ee6aee7e9e59007b8a04a56517' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: '744545938bc6e77d0c836453df8d08c071644cb9', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: '76f4c5625837601a30e27dba966c4cfaa9f69e0f', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: 'c4ff8bc918853a3ffe6cfd1fa5524fa9996cdb12', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: '021eb6786850cd396cf52e9cf7be9f55322ef496', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'ba1971477184eff9e0690e98a6cba72e9b3e6d47', class: "section-style-attribute" }, "tet-grid__cell--span-2"))))))));
     }
     static get is() { return "tet-grid"; }
     static get originalStyleUrls() {