npm - @tet/tet-components - Versions diffs - 1.4.9-testing → 1.4.10-production - Mend

@tet/tet-components 1.4.9-testing → 1.4.10-production

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 (537) hide show

package/dist/collection/components/simple/text-blocks/tet-inline-message/tet-inline-message.js CHANGED Viewed

@@ -14,11 +14,11 @@ export class TetInlineMessage {
         success: 'check-circle'
     };
     render() {
-        return (h("div", { key: 'c28617d98f11fe01df16f0d8b9c5a45065c48804', class: {
+        return (h("div", { key: '03e5978e94d51cb7d1f0766e37f71c347611333a', class: {
                 "container": true,
                 [this.theme]: true,
                 [this.variant]: true
-            } }, h("tet-icon", { key: '738fe2cc22946eb785d7922b717f26ae2cf99b19', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: 'af77866a35997f8f96e9418e912e4439630c7fd7', class: "content" }, h("slot", { key: '4d7de4f17e007a5ca3d5b4030df76f791fb13b5d', name: "title" }), "\u00A0", h("slot", { key: 'd8f719a2f3d664c2610c110cebfd48eed1155531', name: "description" }))));
+            } }, h("tet-icon", { key: 'cc1c742f3116614bd85ebd0630fa36be5d2fea95', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: '54247eed4afe1d2ac0568c0015b55ae39300e40f', class: "content" }, h("slot", { key: '40c48afc7949b6f3b6ac9bbfc41ebb1cf00a9690', name: "title" }), "\u00A0", h("slot", { key: '0479d95c9d36cbb4b303f2a563374119791dd66e', name: "description" }))));
     }
     static get is() { return "tet-inline-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -120,7 +120,7 @@ export class TetNotification {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: '6ecdba6f243cff47bd11cfbb242e1eadf798cd8e' }, h("div", { key: '94df895d72fa7328322072daae2c9671f134b0b9', class: { notification: true, [this.theme]: true } }, h("div", { key: '94ac34749fbe8e75ef217bb6d4552358bfa6e47e', class: { item: true, [this.type]: true } }, h("div", { key: '5999268e37bf481d160b0859e1441e3a745e7f7a', class: "header" }, this.renderTypeIcon(), h("div", { key: 'c350c92c85b85a40429ef04d35f46d8bb77d64c8', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '7e0a2f0cc56d21c02526a59df888746b153d7a98', class: "content" }, h("span", { key: 'fa05454bb4766f83d73f7b04cd19eced146677de', innerHTML: content }), h("div", { key: '09cc3cea9b82e534a3a06beb113b6bd6e7c0eca9' }, h("slot", { key: '05d99c9b7de04e6e5c89f4df89d2ca87595c7b5d', name: "button" })))))));
+        return (h(Host, { key: 'e8e6981dd87ced850e3f760a28fc567d5d5ac1af' }, h("div", { key: 'f75199b226438b12aadb2f3da0d4495d7b2d24e9', class: { notification: true, [this.theme]: true } }, h("div", { key: '6b7a2ead020de98aeaeeb6d10dca9c94acc68292', class: { item: true, [this.type]: true } }, h("div", { key: 'c360fede3cf36b59e3947f89a3e512b6d8f14430', class: "header" }, this.renderTypeIcon(), h("div", { key: 'e9f772a8c1bcc85f8dca3e844e9159bc36110970', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: 'f7c3e2e3a3abb3f720d93f962efacb4aa2f39509', class: "content" }, h("span", { key: '51fc369027406a13757c4af22dc50e8587b0c9f1', innerHTML: content }), h("div", { key: 'c8209b9970c180a0d851ee26da6b998194eee446' }, h("slot", { key: '673d562035c45fee1fba25eb9dcc5216549b8dab', name: "button" })))))));
     }
     static get is() { return "tet-notification"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         this.withInPersonServiceSupport = detail.checked;
     };
     render() {
-        return (h("section", { key: 'f662b3f1eb3d21beb0b44dd99e5a78f93f7a389f', class: "container" }, h("div", { key: 'de78637863ab5afd117f60feba6fdb0073758155', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '6f839ac461eb71d80083d324962639712cffc901', class: "calculator-block" }, h("p", { key: '8fbd1676fe7d9e2ecbcf46e97b760f66b55551e5', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '6be7595436ec374b776fdc110c87318fb601b415', 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: '5de42f95d0197c4e71c041483abc47a6f253f97f', class: "control-container" }, h("div", { key: '9b6dbcc545df96b4cdc289bb6cf7d319ebccb60e', class: "control" }, h("tet-checkbox", { key: 'c72cc0a70f318e49c5f0f9eb339b084a85ae6ec5', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '9f6691569c6d9f33dda6359f66db7ebf9836c08d', class: "control" }, h("tet-switch", { key: '9d094230ed813eb282efc1dd59748fd6236c5a9c', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'ce7431fc6d2cd458bed59dcd3b2afe566e6f5ddb', class: "monthly-payment-block" }, h("p", { key: '6bc66104d74f053d83ee56eb67d1fdd740e07afb', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'e4eb1db6636b4163f0d19b29413c3e9b8c4aaa23' }, h("span", { key: 'adc310c33bb98fae548eb4ad376cbdb4dd4bee66', class: "price" }, this.totalPrice), h("span", { key: '9387179f4a2378e655a79de6612d3710a50867ed', class: "currency" }, t('components-euro-per-month')))))));
+        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')))))));
     }
     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: '191ddb85e13a82df9fcade77c64d7f2e172d7d66', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '410f8549ada53691d08811b38e8cce7e47927cee', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
+        return (h("div", { key: 'a9c8372390d9f16d4d14fa3cba30616c6d7e72e9', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'cca92212c8881bbb811d6403d798015c11be1054', 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-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: 'a24687e6f82aaee008a6192dcf4373f68e6e416c' }, h("div", { key: '92f39c68518fe4baca0c3b646bb3240cc9f216c8', class: "wrapper" }, h(ThemeWrapper, { key: 'c357f135ac06056daaa66119bd941213b1b2302f', theme: this.theme }, content, this.renderDialog()))));
+        return (h(Host, { key: '1ef3ffe0a8692031de8aed6efb37fcad0c779d7e' }, h("div", { key: '2c4eac8709b64c142265b2cd65780819190fc10c', class: "wrapper" }, h(ThemeWrapper, { key: '56821f143a826cfedb3848c22a9edb32c8a35e38', theme: this.theme }, content, this.renderDialog()))));
     }
     static get is() { return "tet-macd-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: '3203682b4418cca9c2d72c6f50bcf2836343cdf4' }, h("div", { key: '841eb65ed923dd0b5be9b9bc5bfbc235aba30789', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: '2b0b54ac45743ab48f81a8a7f0f7e0f894911268', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
+        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())));
     }
     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: '72ae32b4b2f6e978d7d5a50fd54dacca44baae66' }, h("div", { key: 'aa38132d7ce098eed50364c6be1728ebf29a031e', class: {
+        return (h(Host, { key: '48b4860a8e26d002b544998c6bf667f1dc9a036a' }, h("div", { key: 'a5410271f602d69edf87bd3cd80f3be7813ff6ec', 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: 'd7b72213a4763a9e29568062de5ae28ed456feee' }, h("div", { key: 'f6e6768e22859ef89b6825d706507cb5a7b4e96a', class: {
+        return (h(Host, { key: '8c40b96198a8d540acfa6c8011ee763dad0e1dd7' }, h("div", { key: '6af0f1497d3372942cf714f9a0e4b2608a5fe723', 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: '25e4646b7f3040db5d8df58e098aa92154b2cd16' }, h("div", { key: '0adda270269c1c278fb01976de822b0028617b3e', class: "variable-container" }, h("div", { key: '70281d1711959aa343d7aa7c89e0df7e8432380d', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '5d5af281c7b2648ad7633baca51157485a2796a5', class: "container-section" }, h("div", { key: '570074fc43c076bcb93ddd9996b75a48148e0c98', class: "variable-name" }, h("div", { key: '18401e8e32c2201c7179633e58b79ba9161e2f9d', class: "variable-part" }, "tet"), h("div", { key: '3124927549f49e71a12c59871e0951bfa58a1aae', class: "variable-part" }, "-border"), h("div", { key: '77f2e4cf2a22f82168c7c39829990f27104f220b', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'a908d990ca8cc7b064f1997b0cea1029c8d0f844', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'beafe5cc1bec83fd8e7cdcfbce6960ccad3f04ac', class: "tet-fonts-container" }, h("div", { key: '7730692abc9569a14f2b8cf278cf81ccff7e5312', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '251563433ec15e20bd1521aa6702589f774b0aa2', class: "section" }, h("div", { key: '5d6cd7df336ec807e36e069466a4e1702741c36b', class: "section-variable" }, h("div", { key: 'cb56850a8ecf5a9276874ff44f809d78ed014f30', class: "border tet-border-radius--xs" }), h("div", { key: '9f353dfd9e2f33e20611402e602c1a3a16ad96c1', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'b5bca15e5369da4c155b3655aa524b8c1636c960', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '27be38a5dfe969c3e4d1e5e31c238a9b9cd2ba94', class: "section-variable" }, h("div", { key: 'd6d649d105e247ccbf54ac6755926d38a13e6c29', class: "border tet-border-radius--sm" }), h("div", { key: '46ff5935f511c64b9ecac8b29373f20cbc3f8cd6', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '9e628ae21380766188463caffab892e96a2276f4', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: 'd1b8c961a8afecf99f753a06ed885b316aacd573', class: "section-variable" }, h("div", { key: '4b186ae658c9c524b58a8440774942d2887fd7f2', class: "border tet-border-radius--md" }), h("div", { key: '3e8dc3fb1831154a9e1e30968367dd7a07f80fc8', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '95c2913883070e1869682eaf6fcb762a1627cb19', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '099aa32d8ff492c8c61816482fb025bec4b07e65', class: "section-variable" }, h("div", { key: '2932ecd3835aaf8e99ce1867f91deb92aee94f6f', class: "border tet-border-radius--lg" }), h("div", { key: 'a4dde45f4ab50ba4f0a31f91c0cc86ae45bab154', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '4259d61029a194b454d41803482f489f3a2b791a', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '052fffc2c97aa25e4ea3ecd845e838d57ca198a1', class: "section-font-size" })), h("div", { key: '0952ae69c7f3f0f1871d5027498cb3050223e295', class: "section-variable" }, h("div", { key: '06e09eaad64d737687ca3cb0f10802767c23618b', class: "border tet-border-radius--xl" }), h("div", { key: '651a31064d636835a1c744c2234ab5e6b2a24888', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '8feceeacc2aa21b76d1ac6fb66eec7fec9f4b6c4', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        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"))))));
     }
     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: '26233d522693b48c9ebc136cb7a0f027a0dd57ec' }, h("div", { key: 'ca62bd17b34e68b08a95fbf6c112a30a10f7fd85', class: {
+        return (h(Host, { key: '1101c0a453ada40b9fb2370e86a93599d0acd315' }, h("div", { key: '90033a6ac10709f9e1387be4a255591e434f158c', class: {
                 'dark': this.darkTheme
-            } }, h("div", { key: '52d1f1a002398a812c7b315273d07e02c5642605', class: {
+            } }, h("div", { key: 'eda455864670973abe8038aed593aec01d3fc0c8', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: 'aaa0bcdab074cdd06f36c1e88153df16aa6fa183', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'cd82ebd96bb099fc318b80fde34d608ff41d6c31', class: "container-section" }, h("div", { key: 'f47af4a3a09342ab4cdc5dab023e9325467eacdd', class: "variable-wrapper" }, h("span", { key: '64792ca043694569b15e866ad641c9fcbf413643', class: "variable-name" }, h("span", { key: 'c87dbe0b21be7025e4505931ad77de67e3701bcd', class: "variable-part" }, "tet"), h("span", { key: '2ae17b79337b9a726b3e8c0f85e7288215b7ff3e', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'b90ee13edc5ac2a78108ae1103aa170f2959d3a0', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: 'd8bdaa7cfdded87e7725303cb79ffc96a1e7a975', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'e7a79a4d2a9a8c7f1a0543dd264b29b34fef991f', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: '4d8d0a4dc102dffc3a77cfc2a9b26b01ea4c55fe', class: "container" }, h("div", { key: 'a377c06e9f153130d3209a0fed1cec31fba5b9ad', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'de4009188c1892c7f12eb0b0d67647dfffb9f8ba', class: "container-section container-example" }, h("span", { key: '88283a8a89319ef64d2f86a10d2ce1153c483575', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'acb3db47ab5f86ab82702685aaed7c7a598e5466', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '005a4ae2b5cf35e54cc84cb9f26f38e447703218' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd3fef4b3a5dff8eb80901e8fe78273ac3df25901', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: 'c11dca9215ef15219ec82e02ffcc780716487d69', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: 'bb9fec5bf35eeeab1fa89a61eb2a4e1672205fe3' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'b8da0a10b000407b834bd918d0281ecb1a390499', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '7093c0c90a774f4c8f5bc60aa0794a8684a0f923', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'b1cc872d61bed3e070c1c9a995442b0e4410806c' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '8a84b3b8fc57bb807e114d9cdfacb076f0fcc1e8', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'e194c6fbb374c4eb326483023941420bc02d01c2', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'db1ca00519df160c45689d43dd8d56977930d6d5', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '07249a1818c6c2539d0101e6b19884ff66ec8148' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'a04239e2bd443368c28ae53806eeeaec44bad119', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '596e27c718c1a9f2d8e1e72502c7cd28b999374b', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '1c36b49c85ec3f9754e139cb9f27c477fc994a24' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '0fb9c562250b03afdcf80f3cae1674a9a3933322', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'a500f8b07990813e5b953e9be83b2f4710607821', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: 'ce4c73291134b674f63de38c8fe399b5145778b8' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '4ceb73b4e3ccb41dfb08402a506da768d9c7cf36', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'a51f78cb6ec3bf3c470817a6172da2d239843b5a', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'e045646ecf620a42a824f2e061b4d43388e23870', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '77748847719caeb698160feaa99427e44d16c2dd' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '86581c0bfb0fededfe51617341e3dd871cd33c59', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: 'f15f9e9a971b1b7ecb37f6d985a00ee968f231ff', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '67675cba1bdb57592b485d3eb65653f248a36265' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '7fac6c94ccdfd5b57fd40bbce4638c5096d7ffd1', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '42fbb9cbc5d43560e473cf716069cf2b4734a0da', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: 'a1c990580746eb65b17dcf074ba6879a4f386fc1' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '4ad74efb923291be8ddb6d8cce653a38d89a8df4', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '3816d170f30da3b4740a9ace112f8f715013c98b', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '461bda76cc2a27734a254d57ef6063437c99ffe7', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: 'b053ec968d7a22f7b77a9f7863c2e7bed6f849ed' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '86fcfd7f8a673a40ee0135568f55416cd6a256f4', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: '136d70a2286d702a877d9eb2a4784e6af70d7494', class: {
+            } }, 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: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: '5d3988ccb7dec1490134b6bbc3aeeeb191ed6fff', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '92ac4b12133cba21bb0de7c7555e62f38a869566', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
+            } }, 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)))))));
     }
     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: '65f4e4f1286a710f4618a9f9c1bd91857b16a7e5' }, h("div", { key: '8b42aa68099e8888d747d77e164aac0200af5b9a', class: "variable-container" }, h("div", { key: 'a0915a4036cbedca59d0f72b6a0eca086205955f', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '9c8ebfeda069ac36b3f3ef23fd47823ab8121097', class: "container-section" }, h("div", { key: 'e66778e94b8eea70ea23b31351c4263d72342d7d', class: "variable-name" }, h("div", { key: '82f8e5a916fc813dc35644cc9cfd18515ecfb9ff', class: "variable-part" }, "tet"), h("div", { key: 'ffcaf31b708e1a9f5da21065cacb774460273514', class: "variable-part" }, "-font"), h("div", { key: 'eccd012738c86175bf0e79dfdb17cf13fc84ddc7', class: "variable-part" }, "-weight"), h("div", { key: '700fd4e7599df6b4250301cd3c15238a1b3474eb', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'ffce0b351faf2b3c583deb58be442edf6056ed49', class: "tet-fonts-container" }, h("div", { key: '7b7778b11976566bac3860078447792b05fdf456', class: "section" }, h("div", { key: '3c134c9944953dd40cad386901c729bc41e34403', class: "container-title" }, "Fontu biezumi"), h("div", { key: '504a0a479868a1ff41ad8e66093efd1fd29749e0', class: "section-font" }, h("div", { key: '2c7797bc404a2f64d25f7c4bc77abc2bf473ad88', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '724ab6f0fec419d5bf9cff6753a4914a2c929ba6', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '79b759b3b2645f12e22a23392acffe00b02fa110', class: "section-font-weight" })), h("div", { key: '51030fedb8f63b4fc5ee1e23fb410d0a209e6ecc', class: "section-font" }, h("div", { key: '27298d8a8c07e5c980306774072d0e2b44042b57', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '98f8fffcfc7bac90fe81fbd7e3a5aa4d38687236', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '636f1b0ca9b449c127533a9cebc866cfca111183', class: "section-font-weight" })), h("div", { key: '8ebae854be4ea7973597b5ec928d73374c4ff0b2', class: "section-font" }, h("div", { key: '11d5a196d0dd924a54dc623f18903bd183356e50', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '3267793361999fdd35083fa6317466a0d21288a0', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: 'a0c83ec5aa1dfaa04066beba8352dd6de6b1bc36', class: "section-font-weight" }))))));
+        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" }))))));
     }
     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: 'fcbc3032b234a6a4fbb6f288c4d95fa885d639fa' }, h("div", { key: '547653936980a7b0788780d9bc9bdae21a2f6e9d', class: "variable-container" }, h("div", { key: '995d15b07043a96a048648b8c53abac63213ef8d', class: "container-title main" }, "Fonta klase"), h("div", { key: '2626939e7c5698550975747a6660dc6c0eac160c', class: "container-section" }, h("div", { key: 'da0ff0c2147077afa4eca4534cfa817ef66961d0', class: "variable-name" }, h("div", { key: '71bd300280a852183e561f2b5609595fa95d6380', class: "variable-part" }, "tet"), h("div", { key: '63f03864b9a879da2a84da10a53c5c8eaa439b3d', class: "variable-part" }, "-font"), h("div", { key: 'ed66d72a458b6c16f165af97ac36a99ba644e510', class: "variable-part variable variable-type" }, "__label"), h("div", { key: 'b5d020171d02b96c2aa65f17b1cf498e87cd526b', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '7a8eff7d09c6dc37780b2ff3b910ad2909eaad99', class: "tet-fonts-container" }, h("div", { key: '05f0df27eb9802a53ac78d6654382ab783ac1239', class: "section" }, h("div", { key: 'd9ff3be86246e4fe71f79a838c92ba29033ee4b6', class: "container-title" }, "Body - Inter"), h("div", { key: '04cf23c9f0e8fe486317447cf6620be7fe1633d7', class: "section-font" }, h("div", { key: 'd3c4fc84c2401ab895ff943ec42009d52243867f', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '80ad8e66302ffc254e0ba6a47af1dad41a57f87a', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '5d7e1277af727e963aef9cad76821ad3997bc7ea', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '4846b932a39ca2edff29b868172a591bab889d87', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '59b58d2ea67095e1ca30548fbaf23ca38ad607e8', class: "section-font" }, h("div", { key: '2b9932f37385b7abe9208d14f53cb82f333daf16', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '700290c7af8713c716dbbc309bf43c7bdd258062', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: 'ad072a7fc3b56e6c4a25b9ead283adae4606cbf0', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '4069e4fd254057a6ea147ad1cce2ff46963a999f', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'c4dae687746871b49738b894a2765ecd0b83a23e', class: "section-font" }, h("div", { key: '8803707c16ae8f2ed238cd9eb5634d25aafebafe', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '00f14aadd8c0c1b1953e67b60d7e95cac4aa3432', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: '91514b6969ad83157f7daf8987452794c94b74c3', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '508034b2ddb30e785340f4d30d6e2f013603d45d', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '09ba0b7a3ebc9aec4ac2b273bcb400c43a5ac1fe', class: "section-font" }, h("div", { key: '60d7044a179d502068c3aaa010f5851be933077a', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '25ab589f2e540ac704cc86901ff2dc318b2495c9', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '3909831344bbbc6a97883726bc2a881c29070c6b', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'd122c9014d5b2622f3d8e4edf0c12c6fb30c8585', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '638bda957941cf95dd8c0a8cd3b3dc3395ca3e08', class: "section" }, h("div", { key: 'a66ca2fced2f4dd66a679a9b1a6390f06f1b6338', class: "container-title" }, "Label - Inter"), h("div", { key: '05e3b2fa634da347da457134782410d347ab5ee5', class: "section-font" }, h("div", { key: 'b27ddcb6e076aa92ac92f4cdf897ea6696d67e81', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '933c3259721ac2478a168836e711fd3728251e18', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '5f1e15e10dd81c305d3d7398705b96ce619eeea1', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'e31f0fe738a3e71c36ec5af608757134ae3885de', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '1653d9c6808609b7ff013ee850cc0382da640c9a', class: "section-font" }, h("div", { key: 'd7ac48cf5e08549e07803c595546119c19300f99', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'bfb3471e8fae774a6e464e1a062c6eb8e5387cc4', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: 'b3a92a173477f93d9af1c54f80b4e774f151a19e', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '5a68b4ba74fa7ac0d2ff7e617419fe8aeb3df2ca', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'd0742915453cf6b77793270baad7f0d4c24fd685', class: "section-font" }, h("div", { key: 'e2b725d5446e8a973f0741181b6595d9de26c1c1', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f29594d2c1dc518a521effa59d690063e42cc7ed', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'a5a40b08e40fcfd71099485ed5032795fbda8a77', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '347594efe28c49c9d0ce2d5a7fc959870f1277cc', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'ceef346cb01a03c7d506540c81b54a41af0a0e9e', class: "section-font" }, h("div", { key: '4ca9b2ff9b40bfb4574b8f83f5254bc244d34709', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '66838870e6f6258f428f1648268161e43c31af75', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: 'b7fe0fe5d78ad2e993a411fcd3e38027af558567', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '612d12eff85636fdc09d514282d06389256fc40d', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '9ce99fbd5d4a78a353d4bf623f41539bf5a2629c', class: "section" }, h("div", { key: '0712ad132924af342199c9b6cfbadf7f3e56e3eb', class: "container-title" }, "Title - Inter"), h("div", { key: '0367ca2be6e83c3284958203f87fac00dd049186', class: "section-font" }, h("div", { key: 'b4b24ea8a543407c28f3d58ab73b389e6cc13bde', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e37837a45669ee319c20cd5b60701e6746c021cf', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: '0c46dcad551c955e62733587bb23d2a5f629d048', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'ab7ec7c4ccb96197d189b57412e3b5199dda8db4', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'fc85e0237ae1434f63731296ea8f8fdbd609f82d', class: "section-font" }, h("div", { key: '7b19896f374d76d1b3fd62240ce8771aa1a25753', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '933be2e9c02c2242964171836dd10df0805b8475', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: 'b8745de2e6cbce9704d0056e46c36cc6d3289ded', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'e50d259fea3d6b6ec93c15d7a5091e36f8421abd', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'abb3e8aa8b1ecad5dea47e952303d24010bab80c', class: "section-font" }, h("div", { key: '7b7e737b470c43944b9d92311d595273bfca733b', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8447968772450ef3203ea62853dbd43b58f07fbc', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: 'bc3b14ebda7d551bf6a8ebb287f91076a97269f4', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'ad1116e8e398acd38ed022747bf16d7d6c67e0ad', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '796290c7b6573d2ce595dacd92e9405a86aa40e2', class: "section-font" }, h("div", { key: '1c264951b5a70117879f38b5bc5d6a94cb7ba841', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '468e72e1a6f6ebfbdce887417909c8b11df4c9ac', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: 'e816914879405e4886f56ba0c95cfe8c4908ea11', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'c355233f4f40993dad42a296b91e4d40ec3b7cd8', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '6e3f99b44641054713e474890907d072e3730fb4', class: "section" }, h("div", { key: '8591af80c1954ec69b238cb0003b47a006be3f92', class: "container-title" }, "Headline - Inter"), h("div", { key: '229c57388ea8938d2ce2ac17e53ae3a15f54524e', class: "section-font" }, h("div", { key: 'd533289ca6a461ae796bbed8cf682e062b3d95ab', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '03e1cf1a71dc4828955b1657673ef54ecdc6c970', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '9c9459f92b129fa2dfc1e7ba64fe22072253f939', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '347dc7028a310999d1ea2c07e6f8d08232775be2', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '6e5c40de8e01d66a64ac52b5d373e1348d724660', class: "section-font" }, h("div", { key: '3311a3cfd92a583db99d8eb82f3ae29de283da41', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'cf99455d911f74f704a664aa511bbd06f64a3e66', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '9b29c20857b6d8701ee2f706b036cf30948cc567', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'efd900846bf3edcf0671b710bc57fc4ced58ffb4', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '5d8efc624b0b9c9f378b3b1913c0f6c2809d65fa', class: "section-font" }, h("div", { key: 'd5d44dd18ddd98905d1891936f41d4cd89b2f6de', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9039b6f51899a684d22de90168d1209bdd0f908b', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '80133aaaf96a29c53d5307dd01bef445e08026c7', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '270651d532909b40efed86cf1f61343457074c4d', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '24445d4ad4bc783869f93d48da9690c671312e6a', class: "section-font" }, h("div", { key: 'b9ec90d8819acd90f2e53bf3749e2d51d0463be6', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'dacc6d5c31917b6a3ceaa98c4bf874cda4a5988c', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '0f37e40bdbd4802c2131e17909f21793d9e62ced', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '69fc5e1e0d82bcffbd732d1e749882577a9074e1', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '3a58d8ec973d25053ed3cb62be9087adb652bc44', class: "section" }, h("div", { key: '59336690d201e99d3d5ac6042f628d85b512afcc', class: "container-title" }, "Headline - Gilroy"), h("div", { key: 'c37099385df3a5bcf7291d2583ba98e0a78da037', class: "section-font" }, h("div", { key: '07457ba156418b09dd88bbc21bdb63326e9296a9', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'aaeb708e05b68fd317222161985e7e66135ef913', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '11ff6f0e4a6991eeb296d2b4d0bf31011902af67', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'dffceacad101358a72ddfe547777972f4992937e', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'f14e308552cb243ef39d2acfcf0ef92e4a086b6c', class: "section-font" }, h("div", { key: '5777cd90cf7996d7310773bc6768f06856fa65a5', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'eee0ad7c3af32f2775e85f75d7f5b89e90f6ae31', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: 'aae30cfee28873678e4e98f8f45584629c5ebf5f', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '4ac40fcf9cecd2fd30d9a77bf709b285c72c5c1a', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '74b0d2609c0779938ff64c4238053cd79f2deb95', class: "section-font" }, h("div", { key: 'eac3eda30fb02e646f9c2198342da0155dab8e1a', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ff71198eee4f9aeddc891779a3156a97d2de2796', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '03b0e015c45eeafb312d4c27586de8f2332be1dc', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '161581ac818e0a0e236c5f7b4e4066c7bb586d94', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '58df98237e1db24dcb3ad35c08aef9fee8e1f122', class: "section-font" }, h("div", { key: 'a2ffd982ab62e86f82d3459eabf0a23b6b4a2b69', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd3e3ebf5d3ec3f1f9a375dab1555d89580e13805', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '0a50dce83afb5c9aa052d8b8d195d2e6720a5492', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'a70b9108b8ab02ecca167df9ba376a3011107d05', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '120971e5a2e954d78e1010f2c55ab0a95eb68876', class: "section" }, h("div", { key: '30179fcfea7a7226f542ce306edb69dcafeff042', class: "container-title" }, "Display - Gilroy"), h("div", { key: '4f8affaf613b44e3fa0228df6221f6bdb7934b1d', class: "section-font" }, h("div", { key: 'e1361d961adcf5b34e70d4c454480ae586d2f1b3', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '81f2e4ccc6bf0caa5dd9d40a3a8f70718484252f', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: 'b7c659911203d8b3e0c2585b981e17796439d36c', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '269d53fa33859e4718fa94578c074bbb27cecd7d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '8ea86e623a93a67f5cafbc5fd0bd92df86510140', class: "section-font" }, h("div", { key: '0d1a3c3a2ae051e410000048a729827cc15154ee', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '30578ca1bccab3dbae7297ab7aaf9701f6eb5871', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '7f5326b915356ff051c3dc6627b9465630fd113f', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: 'd28aea425b2f12168d2f8b8294d39dd960bf864d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'cbfb7def407b13b3a104cefcab74a097c93a0733', class: "section-font" }, h("div", { key: '00cae63eded4cb9996d623f11e9458b296ff8b65', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9f287164c8246294fd74a8b678cddaefd8ca198b', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: 'b87d5a16eb162cbe2cf7d7792c217ce360344a21', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '7f8ffd5c56c2acb595c927ffa1151b4c0213f8c7', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '23db5c4145dc67b0eae3394a5425229355e4ee0f', class: "section" }, h("div", { key: 'd28df245c4ba2c61f8b684606b95a722d4746df0', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '839c21e6d7297bebcd5a0338f90f47b50cd2ecf5', class: "section-font" }, h("div", { key: '4cb422e5ceee459283bb17cebe23a53132c1e336', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '20385b07414bbab8b4a07fdc322e1540782ee652', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: 'b1c700e75e1ef4d774a38640e7451d154829c14f', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '4696358fb16cae085f59cbf72d08eb65147f37fe', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '15624f5eaa412b62a87c7882443b7c5555c63513', class: "section-font" }, h("div", { key: '01636978a76c29ae170b0c12563772aa674e7dff', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ede3bd40f503dbe9742539fd1bb9cc101d7d3650', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '41bbdae184cebe83dc07a4a288d1325e9570c389', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: 'd870d55f012a251699f4d33584f4ba89146600fb', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'c1a5e0dfda082300a16e19ba29b9dd5219416cc0', class: "section-font" }, h("div", { key: '71533cd59c2a825c6fbb1861bf6ba83ccd782d5d', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '541f7101da51658bc373d6733acb8e42456b8dae', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '3a9140b3e3b3c599daed3d1cf2e97d1329df9c4e', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '1c76bfec943be515b95553e668262dc4da85c6f6', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '2f9ab853f093d1444464ecb9f5d6e1618e4b07a7', class: "section-font" }, h("div", { key: '34f9f084b13fd1de14e4f85e4cd0cc12614da6e3', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a78986d3bfd75b729bb77de04e47cd7708fb3a60', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'e27bd6a192bbf1a991b4a7bbaf72570ee1550328', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: '0dc48fee5321c570abfe16c5ed7adf32c4896738', class: "section-font-attribute" }, "Font weight - 600"))))));
+        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"))))));
     }
     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: '61a7284bda67ac179cdb5ed3d464a7a54203e05a' }, h("div", { key: '2cf424e1b6fcf2bed03a2de3c895a6ce0c6f58a9', class: "container variable-container" }, h("div", { key: '8ca59f2cea194b8388c033e214730b22ec771ed3', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: '782844cc34dff79b2695519c6d3bc76f08df3141', class: "container-section" }, h("div", { key: '785687625c7a1b52d994747e6d3d831b764294f6', class: "variable-wrapper" }, h("span", { key: 'f68c2ef36b329b897ed3d0495c67b39c20cca978', class: "variable-name" }, h("span", { key: 'ff806730159a4ac71e9460d992c9bf170d7030a2', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: '3833b6c2ddb2a0cc35357fa8d411e40f4cfa1968', class: "container" }, h("div", { key: '08bf70464fc9e635a8f21f2224b6e3a077c2d528', class: "container-title" }, "Piem\u0113rs"), h("div", { key: '0de27181ba3324e91ec464c19e0fa2ac2cd072e0', class: "container-section container-example" }, h("code", { key: 'a5764fdf2061e4a6ae9ec105a8383782f3335bf9' }, "<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: 'ad0d6f1aab857d4d4a2b777b4c19c3f2f5acd7db', 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: '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."))));
     }
     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: 'eaf17bb6dcd8d575cb82470564b032d8cde262dd' }, h("div", { key: '452fbf16a15c9c56dd63cf057dc399c0dac4e4cb', class: "container variable-container" }, h("div", { key: 'c3c3177c3c05ea81c4a1bb8d5c5a71c1d7b06b46', class: "container-title main" }, "Linka klase"), h("div", { key: 'd118cc48fe0f0ac2b027be9a5a0dfc8fbec6f8d3', class: "container-section" }, h("div", { key: 'fdb999fea8f5de35997643a4bd7ba074e32bb4a0', class: "variable-wrapper" }, h("span", { key: '5dfd5b6d47267a32f5109b8af2c4d6e6c649fbde', class: "variable-name" }, h("span", { key: '4c61cb58291ccb21b4f87c210299b5bdd6d1391b', class: "variable-part" }, "tet"), h("span", { key: 'e1d75286b318d1862645fbcab7893f89f5847ed9', class: "variable-part" }, "-link"), h("span", { key: '18fdbff5da5325d23837fdb137bc74a86011f73a', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '6eb1bf918e36cac0c88e462e3764419c58649226', class: "container" }, h("div", { key: '8fb4d98f2d4f763d60324f6e944096fe6801461a', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'acfec9070316bb62db5dd2ffb5df3e62025a8d66', class: "container-section container-example" }, h("code", { key: '13f386786856c4891c91b61f40a6f24c4b274e90', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: '753054b41d2a82230c116e987c1a34e776a26acd' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '76653d322f0092ecd138b69607873fcd0a7811f7', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '640667b26847a92e04386737d2086e5b0e62886a', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: '1c77bb94d4aa33a264bcadc7a9892685ef710403' }, "Link klase ar bulti\u0146u uz ", h("a", { key: '446dee76ec668c70420e41bbfdde6c7a9f2f0a8e', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '7f6e3f61b890a952239a7fdb03a650b8fc6d91df', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: '201d5f52766357f3bcee4ec14a9892ac767f7081' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: 'e049959e5735ed2dc0968697a7976c12d59b7955', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: '8ac9ad1917a92e871ed593e4f5235f77c2f00fd7', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: '4014419786e55d95d9f7a8bd093dcc745be2c8c8', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: '42ffe952296e2dc7c921a002fa2ff1d0a07e7ad1', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
+        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"))))));
     }
     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: 'a453568360712210628e22dabb00bc3b19abdc09' }, h("div", { key: '11f5e5f71c8bdb7ad1fee35a10bec1eb518573d2', class: "variable-container" }, h("div", { key: '93f8567b15adf5fc4a631c29e8184e67c57d1415', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: '0ec4a128e351f9e17588b5dd98c84590c09340f3', class: "container-section" }, h("div", { key: 'ac2714e1fad17a06989658775a70ce80ef68c52c', class: "variable-name" }, h("div", { key: '4241a2ed5d8915c6bd01fb49d466514a012e0e4e', class: "variable-part" }, "tet"), h("div", { key: 'a02a94081014ecebad3e808624073e98e6255464', class: "variable-part" }, "-spacing"), h("div", { key: '75e5f5f981b334e112e985fea562a7668a9930d7', class: "variable-part variable variable-size" }, "__md"), h("div", { key: '10e7f867c065fee99bd499008e7fc8203443e865', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: '2cc3423600373161b1c2649df285505ea464529d', class: "container-wrapper" }, h("div", { key: 'b69da56e7e1cd4d15b0fa69f307c7bc9552585b6', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: 'bff84cfd8190b333d875356e9162edb7677ddf3f', class: "section" }, h("div", { key: '1a334380bca992ae279c860b507f1a8b84384b6f', class: "section-wrapper" }, h("div", { key: '8c73d8abcb2993f7bdb5bf1cef31f7a155ffe07c', class: "section" }, h("div", { key: 'b1ce7cf692e98086c41eccbe1b759ed7ee707c2b', class: "section-content" }, h("div", { key: 'f86ac7bedb3208bc13b56f5e31a218d1fdab6e99', class: "section-style" }, "__null"), h("div", { key: '809c6eaf4bc8344e091ac7ecf72998b15ccbb64a', class: "section-style-attribute" }, "0")), h("div", { key: '09e59631e421bbece56855e6d673163989fb624a', class: "section-content" }, h("div", { key: '29b89816e19f0959e7cb99f8a18c6e3a6aead473', class: "section-style" }, "__3xs"), h("div", { key: '5b5633d099b2da2eed0f9c584892150b5756c390', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: '91bb21b547f38af965957dc12550c896e8957f11', class: "section-content" }, h("div", { key: '5fab06abcfb25ae8381f7db5df0dd72d211e5d92', class: "section-style" }, "__2xs"), h("div", { key: '31a50e0611598544aba5fb97055525caec95f712', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: 'ff093f785267b99ac0a6e41716c9124b59556509', class: "section-content" }, h("div", { key: '0383c210b644847dc86d6131fbf1cb4e4c505709', class: "section-style" }, "__xs"), h("div", { key: 'f0c5fce13c4d7058696923188f56eacaf688dc92', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: 'c139501a85363aa730f39e95c5f49bf7e8bf831b', class: "section-content" }, h("div", { key: '0891236487012a1642ec5b3956a96ce8c5b4fbb2', class: "section-style" }, "__sm"), h("div", { key: '5b7cdc717c47db74a25a8e0b23a5baf9da797df4', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: 'c9256ec294a333aba1f518248b399b5ac6b8dea3', class: "section-content" }, h("div", { key: '1270712d78dc25125448390dd178f1a7871c5e69', class: "section-style" }, "__md"), h("div", { key: '1212f937e56da30f4301b2e997017d02a78bb308', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: 'cc102656f35ba59eca939981fe6c36159210c374', class: "section-content" }, h("div", { key: '95b015530db782b0b2c9f4a93978a8ad4f8f0b40', class: "section-style" }, "__lg"), h("div", { key: 'd524bc28d841202fc013d69bd6acb5d3b02aee53', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: '32d11f653c38f08ef718be8f1cc96a191913cdd6', class: "section-content" }, h("div", { key: 'def29f38188937d182decf026919bd227350ece1', class: "section-style" }, "__xl"), h("div", { key: 'ec235b17f5a92a3c690bea2652f9d397eaaf5a06', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: '8d948e32c3ca8c7b31956347c733136b55053c04', class: "section-content" }, h("div", { key: 'a9b44a2994b586f4a706accf9a8064c11ebd31dd', class: "section-style" }, "__2xl"), h("div", { key: '9d65ec545766c31a13f1ac280d7c1b3933b28684', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: 'c023c880ce019b1c7f0473c44922e60c3aabe797', class: "section-content" }, h("div", { key: 'b93bd2b0ec11482e87f3587723425e329e22841d', class: "section-style" }, "__3xl"), h("div", { key: '103dacc561bd3d7d3e46fb9c201afb9c17642cc2', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: '4d0ee38b1a771d39a7bf27bc234c8e71c632c275', class: "section-content" }, h("div", { key: '02155eb087cb5090074c82168e80f8bf7f997ac6', class: "section-style" }, "__xxl"), h("div", { key: '3602217c310205e3012da307187c8102724d9eaf', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: '717c6e2ad7d4e9b578135c7f12447c27782fdb02', class: "section-content" }, h("div", { key: '2b79278850f7c3eb7132c2c10c15779e1303ba21', class: "section-style" }, "__2xxl"), h("div", { key: '34405489f1b60451add09dee3e94539be215ebd6', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: 'c02d3a646aab09c6dfc0aed6625b813c97680d9f', class: "section-content" }, h("div", { key: '08ba7d23ef616c6ae1dcd15ea1436781a88434fd', class: "section-style" }, "__3xxl"), h("div", { key: 'ea38bd894719618c98fef28bd9b5ee85f861c5db', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: 'bfea685baf9c9da433ba460647d08897b9972fb0', class: "section-content" }, h("div", { key: 'b877fae5476a5d191863c8c725ec32772b6cdec6', class: "section-style" }, "__mg"), h("div", { key: '0be9f0cc6d8fd2a903d4a56fbb72a9463afe8b71', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: '33a43c0319e43dcb54e791cb00d846a762cc65c2', class: "section-content" }, h("div", { key: '7723554382e475f9c9a1032c12ea37916ae84974', class: "section-style" }, "__2mg"), h("div", { key: '0eb36c11319822cf3300129df64b536bdd1c0075', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: '0c298be766ab94f558503707032a61a74970f53a', class: "section-content" }, h("div", { key: '7ebf65911bcdab53fd48d60e95e002c33ab5f1be', class: "section-style" }, "__3mg"), h("div", { key: '061cb49dd3d8451441dcf290d5c6f4ae17b8844f', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: '9d09e98dce1be51e69abca34f8da492643149ff5', class: "section-content" }, h("div", { key: 'cc9f20d50c7cf478375729dd8736a4af0864addc', class: "section-style" }, "__gg"), h("div", { key: '20a172d2be43f2c55a7989231a1c4ae8f94a5dac', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: 'e57d8e49ba44f8f35e52fc2a62709b9219876ff8', class: "section-content" }, h("div", { key: '4b0a28a84ba1047ca6e9d3d8f0b95492c47f59f0', class: "section-style" }, "__2gg"), h("div", { key: '3301ae24ed74711f8496d8a28c0e3267c18314e8', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '04ece385f97d8ac4b3749583cac9989184cdff88', class: "section-content" }, h("div", { key: '38f6786ca5b879f7db1e1f0c8d426a6645adea8d', class: "section-style" }, "__3gg"), h("div", { key: '822868dd6ae0d2e0d42947fc63f4adf4b7183488', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: '7adae822a7e218ee51b46783cab65257e40454e5', class: "section-content" }, h("div", { key: 'e9788f6650df40bd902ada61572145e816b2ebdf', class: "section-style" }, "__xgg"), h("div", { key: '98d5b7e498a9ced05d3d6cf1593c0e6882cf109a', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: 'b813ccfcbfc4938ea551f6840a4c442bc49f68ad', class: "section-content" }, h("div", { key: 'a4e97a40ebade3e818d944431dc238fc6296d316', class: "section-style" }, "__auto"), h("div", { key: 'bfa9fb61e5420961b2f7d1a6fd11a365a31ab10f', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: 'a00053d8266d3ff1ba0e65a240c21023e9748e1c', class: "section" }, h("div", { key: 'f106f1f1e47dd54851643370612e5d31123e915a', class: "section-content" }, h("div", { key: 'd33303e1b6c178186cac2cac9c13ddbaaf3a581c', class: "section-style" }, "--m"), h("div", { key: 'd8d554ebe6f1e004efa88faada4b662c50c06a09', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '6d6eabee92e647f19339968cb24e5d5c13c71ba3', class: "section-content" }, h("div", { key: '15c75588f96f42f781add5333397ac1417d82830', class: "section-style" }, "--mtb"), h("div", { key: 'cdd3c0091516098130c0b8ed20f7fe8c9ba991b0', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: '79e99b52b3d61f8f922f7d4dbe43a9afeb4c1e51', class: "section-content" }, h("div", { key: '6a92996b648e2898687f5a34e41907de813cedf7', class: "section-style" }, "--mlr"), h("div", { key: '52fd200c3e921389936a9a78026c0794715cfc74', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '06adbaaa69b4cc99f68dc187300e3451c9fa7053', class: "section-content" }, h("div", { key: 'be71f38b55ea37d5117e1870d9e2038fd30c231a', class: "section-style" }, "--mt"), h("div", { key: '8acaf043e303e3c1a6e9fb2c978b5a2c35d1d4d5', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: 'd1a8f613426a285a3e4444f116263b59fbb86807', class: "section-content" }, h("div", { key: '9b0b5579e04235eb522c72a172b357fc563a0689', class: "section-style" }, "--mb"), h("div", { key: 'e56cba5ce1e86f422bcede19e2a3ed2c953bdafa', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: 'a82e4f06e506930496b35819d4dacf025c9ac61b', class: "section-content" }, h("div", { key: '4955a8cee060aca958b70b5291b3b6fe38d429d9', class: "section-style" }, "--mr"), h("div", { key: '9f4be20ca815e5816e08c25b15e9bacd8c153b82', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: 'ef1496b9027deb290cf0e18e0e4cd8927ec772fd', class: "section-content" }, h("div", { key: '4f92fb310ef79993b1fc3a6d079870edfe6e8af7', class: "section-style" }, "--ml"), h("div", { key: '91ceab2984b4c063ecc91e9d3a31c5158a8e8b93', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: '6a03c2da06f728b6c99f3b6bdf5330c0c3bfe4ce', class: "section-content" }, h("div", { key: '7567bfc26549442d7289a68058673d3f2ca9fae9', class: "section-style" }, "--p"), h("div", { key: '730eddeda4fe1f255cda76b4c9243097157f2d6a', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: '9bfbb5dab3c1bb5b8485bb2e2d9df758ac34dfd4', class: "section-content" }, h("div", { key: '4d5286292786a8c5bf8a5ec15ae2d9a81079eae8', class: "section-style" }, "--ptb"), h("div", { key: '0979c734d6c943d73be10cf6f25b9a32968e3964', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '89a44ff3888143b7c46ebea26f5fecf80f61965c', class: "section-content" }, h("div", { key: '599eb9948ce25d0bbf1e5a7800fd1fd9acfb9619', class: "section-style" }, "--plr"), h("div", { key: '5dfe40a1d4f8e284a9e397a6817a4dd8c1bb8efa', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: 'b667341052541e2f7e1f71e88cbcb880d41f26ea', class: "section-content" }, h("div", { key: '0752cad86e0c099404d1117f4f420e27daa17e9b', class: "section-style" }, "--pt"), h("div", { key: 'b386208b7f9ec353f7db04dbf9b62fa79eafea8d', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: '6f771dd029650e8c7cb4680d1c870a5244391da5', class: "section-content" }, h("div", { key: 'c2b46617cf7859ead9808d9e19dc9e85d1507d08', class: "section-style" }, "--pb"), h("div", { key: '98e596bacf9e666c3bd6e9159cc93a5f3e9e0ff6', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: 'c52479902bbf3d1f3da1e1043407babe22bf1d92', class: "section-content" }, h("div", { key: '17c0189d9aefb757e33e0e46460889018ecad101', class: "section-style" }, "--pr"), h("div", { key: 'ccfa2ad717f1464be2dbbd2d5d4a9b7419064bc7', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '0738a6e64a9a6d1be253583c1ddec3f8f4438c14', class: "section-content" }, h("div", { key: '3d5c84e6b50c51bca53b20b7532f83f4eab00394', class: "section-style" }, "--pl"), h("div", { key: '811d00f613737655e4969f8712b3cb708d1b291b', class: "section-style-attribute" }, "padding pa kreisi"))))))));
+        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"))))))));
     }
     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: '33141ddc21a8a2932f4265d32f8c6d31a976d3cc' }, h("div", { key: 'c97b4d6fdd70e7771ab3f3cb02faae83310626f7', class: "variable-container" }, h("div", { key: '090796439fa7051a819a2e05c1336f3823db43a8', class: "container-title main" }, "Grid klase"), h("div", { key: '7de86214ba2ce8f3045deec7a44798006db165d3', class: "container-section" }, h("div", { key: '5355dd9bcd840beb55be258384fd5eaf321ee642', class: "variable-name" }, h("div", { key: '7fa4b1aa863d411aaac9cd88e355d193cd9e2c0e', class: "variable-part" }, "tet"), h("div", { key: '94ad7acb12600f5cb5ff2b707bfe0012066c0ee9', class: "variable-part" }, "-grid")), h("div", { key: 'b630980ce72acfca7f0ef55965feaf3bcaa3d6e6', class: "variable-name" }, h("div", { key: '0b8e8ec7a1ec590a331866bc12eae9164edb0fd6', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: 'f0068cf97ee23a939047ec2f5455517f0fc1589d', class: "container-wrapper" }, h("div", { key: '54588375a8731b7b54856e58a7f5081a1e8eb12e', class: "container-title" }, "Grida lietojumi"), h("div", { key: 'f010a47a3d82213c4c05ece497c463f7909977db', 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: 'ed6284354d109d33ea61f2c46d530cfe988647f2', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: 'da5a89fa549acdbb0b2f8a2390a1dc01d116618d', class: "section" }, h("div", { key: '7236872a0ccdebf7a40e31a2291ca41b553b6413', class: "section-content" }, h("div", { key: '5817c9dc35800fb121e9a2d105335c983b30d6ab', class: "show-grid tet-grid" }, h("div", { key: '8acfc072b3f45244b9796bb688280f6f4b170f91', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '0f598e192a0720c4d25ca44c2413f1048856ddb1', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: '702587f1984a9ecd842f992d4332f905f365d045', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: '35d5496eaba65d10a10d382aba8f85f43366cfc6', class: "section-content" }, h("div", { key: '04af0787f4234801032a5dca9fa7fe32c948c427', class: "show-grid tet-grid" }, h("div", { key: 'e279e224156b818aa47ee360d8ba529f14c7467d', class: "show-span tet-grid__cell--span-4" }, h("div", { key: '65bdabccbe62752c7361146859b403d23a1fdfe9' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: '653945c622a94fa35381f16b404cf9c8e9d113f7', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: '3d3425d8394a310affc550a26d3b38d68b23049d', class: "section-content" }, h("div", { key: '2aa05843c13a611ca7cc198498c47b7ba1c39baa', class: "show-grid tet-grid" }, h("div", { key: 'f4e4a062dc8e3fcef0ce9887cd6b729f7528129c', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: 'eb404094756892622b5156d4ea624568b14ecd1b' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: '07b4b45d91d2337111e4b426f2325c8a2295488f', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: '2cef573adc69d634b0e44faea934780b44f1c004', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: 'd1e983268a5a2d288fc0ad735df823acb26f4aa0' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: '61232310cffeefbaef4377d1bf935e62852437c1', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: '28a0579ee59892f6bb2be54128169f690eb79de5', class: "section-content" }, h("div", { key: '641ba0779ffa72c2d0f0f0776e296b3fede5692b', class: "show-grid tet-grid" }, h("div", { key: '0210a91696b53519f4f32ed67e5dd529ed02fe35', class: "show-span tet-grid__cell--span-all" }, h("div", { key: 'dd8e837b9ba0aa173aacd6c0beefe72f176043ad' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: 'd9c9a792b3f5f3e7000e7d1d45748178751616d4', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: '638a90266e6163a7e8a98ba409eb5d38ff29df96', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: '4b9eb456a5a4aa35ed1cb212bf32433d651d0d12', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: '83078279dfe02effe0265be2b00d68ec40431476', class: "section-content" }, h("div", { key: 'befec2a1c33e00a67c2303be3f6b0746fb1bab0e', class: "show-grid tet-grid" }, h("div", { key: '340732c11284c2e7fed503136140fdb1ddd593bf', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'b1ad9c81873047f237aea81b99cd2de8706deda8', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: 'fe6f94aa229433c3c7ab41c3770b7d553baeb06d', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '06a9035a050a15d12dabdf109c469764ac0d3932' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '1733718d7c310aee1463d5378e30356e0378fe83', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: '9cdb22256641139c6304087f166f7f3f5105ebfa', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '93b5f4f6ac35793c9ab10c04f2e453ed15e77637', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: '9cc4cb39bec66625bc61e8e4829a0ce96da47643', class: "container-wrapper" }, h("div", { key: '6ac95b7f5013f020a46e307972acd6cc7f6e085d', class: "container-title" }, "1920px breakpoint"), h("div", { key: '525aee1c9202c9e148b3c5cdf184b8dbb909726c', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: 'aaf19454ffde268082bcbaa13c0e8b8c3d897c59' }, h("i", { key: '9c7325247debaf87ee317d67e6b8227ca2ef9002' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: '1fdb733aad52c428431b2e73b1b46bc818864e66', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: 'bb86ecbcaed3e88aa8850658fef7fd96d8760b0a', class: "section" }, h("div", { key: 'cedebae69cc70f1583d2c4360ce839fc2c4a2ae7', class: "section-content" }, h("div", { key: '6a087a2c34051ffa9002cf335de33ec1e0cf8ef0', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: 'ea062ac10396e11bb46aaaae4a334140e5d2a4aa', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '544f5340e338ae23b3a0381d13654a7e5cfc360e', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '253aa770836ad669d28da34b1b189e6039f8e5b7', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '67a536f98afb98af85552dba76e756add1128d48' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '34865605f02eafd72420a6d4031d6ded95b921cb', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: 'bebe6c00be8a1f7c8ca3810fcac4ff6392a998fc', class: "tet-grid tet-grid--gg" }, h("div", { key: 'b61e1831437c21ee27bf755e04a77194b7f74478', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: 'b6a2a2878110c83e90e2c08664cb77afa95b1de0' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: '81e338ed9f676d4246c9399a85f760f4055b7544', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: '43c8d24f866ee1a6e8b87e2f5fe15c5046cbf380', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: '4cb787df6146c5bdccdf3df10a2b012a6234651b', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: 'ebc13b9d0e0234de38f42de28bc732de55de1a0d', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '2f09cc65dce39f94f729dd8ddf12f1ea22d40097', class: "section-style-attribute" }, "tet-grid__cell--span-2"))))))));
+        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"))))))));
     }
     static get is() { return "tet-grid"; }
     static get originalStyleUrls() {