@tet/tet-components 1.4.88-testing → 1.4.89-staging

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

@@ -231,14 +231,14 @@ export class TetMacdView {
      * Renders the action icon.
      */
     renderActionButton() {
-        const icon = this.theme === Theme.DARK ? 'arrow-right' : 'chevron-right';
+        const icon = this.theme === Theme.DARK ? 'tc-arrow-right' : 'tc-chevron-right';
         return (h("tet-icon", { class: "macd-list-item-icon-wrapper-icon action", name: icon }));
     }
     /**
      * Renders the communication span.
      */
     renderCommunicationCTA() {
-        return (h("tet-icon", { class: "macd-list-item-icon-wrapper-icon cta", name: "attention" }));
+        return (h("tet-icon", { class: "macd-list-item-icon-wrapper-icon cta", name: "tc-attention" }));
     }
     /**
      * Renders the loader.
@@ -284,7 +284,7 @@ export class TetMacdView {
             this.renderMacdOrderTypesList();
         const content = this.showLoader ?
             this.renderLoader() : errorOrContent;
-        return (h(Host, { key: 'acb9e94e7c7c598a495a35fe7b4917316bc5e31b' }, h("div", { key: 'cc7544efffc227be12530fd85cb0f2f59c205848', class: "wrapper" }, h(ThemeWrapper, { key: '92bdc621481b625fc405380ed498bbe2d5cc9901', theme: this.theme }, content, this.renderDialog()))));
+        return (h(Host, { key: 'afb0c4567cf1a7dbeb205e01895821872878fe52' }, h("div", { key: '42c83ebd653c3285bc82413bbb6cb1b3c49a9ff6', class: "wrapper" }, h(ThemeWrapper, { key: '914ee5d3b6c254a5fa24dac801ac9305a18cb874', 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

@@ -39,7 +39,7 @@ export class TetThankYouView {
      */
     renderIconBlock = () => {
         const mainBlockIconVisible = this.mainBlockIcon && this.mainBlockIcon !== 'none';
-        return (mainBlockIconVisible && (h("div", { class: "thank-you-view-main-block-icon" }, h("tet-icon", { class: "icon", name: "check", "aria-hidden": "true" }))));
+        return (mainBlockIconVisible && (h("div", { class: "thank-you-view-main-block-icon" }, h("tet-icon", { class: "icon", name: "tc-check", "aria-hidden": "true" }))));
     };
     /**
      * Renders the info block containing the title and the description.
@@ -80,7 +80,7 @@ export class TetThankYouView {
             'thank-you-view-main-block': true,
             'no-header': !this.headerToolbarSlot
         };
-        return (h(Host, { key: 'ff9a33648e91e9d55202279f2d701751a8c80fbc' }, h("div", { key: 'b94291a2f4b6b6af84215f55b2bdb9b02947def6', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: '75258185a2cf98a62223a68451819d593dc8b33c', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
+        return (h(Host, { key: '8ae152933dd0ae30719f2d75c59262c0921bcc73' }, h("div", { key: 'a3bc0d4a66a408c7708fec2802ef896eb8bb1a17', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: 'fbbc34b0c8b93436d1fec87f35b081761354fe18', 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

@@ -70,7 +70,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: 'c2c74dab19ca2da1ca1f2023e772d404bd340ae3' }, h("div", { key: '9d79e33b3f09ec2fda8367c8d3e27f0fd65744cf', class: {
+        return (h(Host, { key: '882015555b344cd440ca49ed7d95b078b01c6c03' }, h("div", { key: '835e32e5d4ef1b2b2cc718937c5e5b62cac4794a', 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

@@ -70,7 +70,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: '1cbf549ab476e0e5d4f92553dd3c51fef5d282fd' }, h("div", { key: '009394d9f9498e31d749f2d63b05d387c2c32e9f', class: {
+        return (h(Host, { key: 'a2fde27f6274f187ede8d06ecbd085adf823e167' }, h("div", { key: '9852a0c9b95187ff17a35e46f9d4550c3d804d29', class: {
                 'thank-you-view-v3': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetBorderRadius {
     render() {
-        return (h(Host, { key: '6c86b10b25b6422c794a9e4ddb2a38d3ad6ca1c9' }, h("div", { key: '87e126ffcf8c9f6fc6ca3151c531f221219fdcba', class: "variable-container" }, h("div", { key: '0664fbb843aa855815d05506b2ac772c1ab43fa3', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: 'e99613709bec097f90f5bfd9d324393261846c74', class: "container-section" }, h("div", { key: '883a05d6ceb54493c5de17a9773123c67f286017', class: "variable-name" }, h("div", { key: '17f8a7e5fa0a9c83f850e0f0ada67992fece2754', class: "variable-part" }, "tet"), h("div", { key: '5e95dca9b976d0b3ee238b02b5c23d8597b71494', class: "variable-part" }, "-border"), h("div", { key: '2066094e218f3b41611460718c3b32af85b1bbad', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '835e96a5784466c9e1439e561cee27677504d39e', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'd2b2a14c85affd9d6ad5936d7e316db17ff36314', class: "tet-fonts-container" }, h("div", { key: 'd1669ec8eac8ea7010661381b011213fc9f0734b', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'dc823208a84dc8ce608b32a90c91e04d8f5473a1', class: "section" }, h("div", { key: 'ef64aed0b8db190787a6bb8b700ab5f72ba22b7b', class: "section-variable" }, h("div", { key: '8079e88cb09fb06ad6979c287ff508ffbcf7fd74', class: "border tet-border-radius--xs" }), h("div", { key: '6656d8d58bc8a971c8f2284705d03c51893b2016', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '476b65b995af6dc209e13ae518cfc8a5c8f56df3', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '551003206550d0c2837b6a87fd817ca174c205d4', class: "section-variable" }, h("div", { key: '1e2b072509079707dd09fbc2b0dd3c1e089db090', class: "border tet-border-radius--sm" }), h("div", { key: '871fcdf1909dfb9497a52193436b0815c147e800', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'ce6f4d186cdbc72169f73f5129303771a7e63ff0', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '16562ac06b68fd864eaf9896e9f8f12ccba3a0ff', class: "section-variable" }, h("div", { key: 'e470962dcbe8e93b2a3abfe9ec4dab6f6537f2cf', class: "border tet-border-radius--md" }), h("div", { key: 'c4090d92e24c15bfd3ab8a63ba8fa90d849e7820', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '369a836f345e5cc98243f81f3c714aefd459af81', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '56f727218b77b3eab70531bbe1bf3cff8a979130', class: "section-variable" }, h("div", { key: '518f8015dc83eb5ade0be351ceb1ba33497cc4d8', class: "border tet-border-radius--lg" }), h("div", { key: 'ae13d0ba31da7466c79c23e82acb49de150623ac', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'd36fff11a548e3154dd0b021783032815a4ba962', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '2a46dae1ac491a26499924569c24a791fb2cb2f8', class: "section-font-size" })), h("div", { key: '494e3e925e22e52da84295b60e4c017873f6c6e6', class: "section-variable" }, h("div", { key: 'e9992af9c57e4849fd90216acc1b8630bd8cd45a', class: "border tet-border-radius--xl" }), h("div", { key: '1be910e217f0cd74d827f71fbfd8caa7d8d60b9c', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'f147803efed405d884c0f3a311b1b18defe5da33', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: '77510f8ff3d229fa24164adb4c84d7bb313933a2' }, h("div", { key: '4aef24cb5425bd00642c15757e71a3847589d189', class: "variable-container" }, h("div", { key: 'ba9c3022917918fce5d2d98287d83f3a60fb208a', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: 'e3e9b66f099c96e13b6a130425c892ec353b74d0', class: "container-section" }, h("div", { key: '5b593a6aae507cc0e1c8ee988949ac7aaf452eff', class: "variable-name" }, h("div", { key: '627418fd00956a64102f899f99f79f44d461b0e1', class: "variable-part" }, "tet"), h("div", { key: '9f76055c5e0862757d6a545c94982327f69497f3', class: "variable-part" }, "-border"), h("div", { key: '2b65426089f9ad135dc71bc5a00cecc21eec87ef', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '0d5bdb919c1f779b337dc4020e8a6664fafe5b1c', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'e2e7034e3ba3103bb34c1a53cf38d299b70d55c1', class: "tet-fonts-container" }, h("div", { key: '0d3803cf495522904275d43f648647ee96f3bfb3', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '06553fcb67b799e5b6f897706b8d904f2fe146fb', class: "section" }, h("div", { key: '76c8dfde7d39ea26bdc5108345af558b908b3ac2', class: "section-variable" }, h("div", { key: '8e10fc6a4adefab543717f61df52a41695cc3a28', class: "border tet-border-radius--xs" }), h("div", { key: 'fb42e8111d5779312a565fd5be99ffd2908e2958', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'd4d74dc2312eafe07e9dc84b4027c34085e89814', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'be3f9e79d514bdd8700e1ae91edddcc15c701e72', class: "section-variable" }, h("div", { key: '7d8dae6ebf07d7f50760dbc6f04165d7ac729bd3', class: "border tet-border-radius--sm" }), h("div", { key: 'f707051804321fd4597f699482b7aa4e601f1f26', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '049fada2d42bdaf37a043fc67fa19f203691981c', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '2476d1163dec83138c5658c616a5ea92d1e27dc2', class: "section-variable" }, h("div", { key: 'b30391435b7fc5d3ea65ab96909034ce0081558f', class: "border tet-border-radius--md" }), h("div", { key: '4c2649bdd5ae433b51984a12505c1f90a33093b4', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'c7d7e04b86d90abd15d1f8d29132bcb1471c52dc', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '110b8797829bc3c37cb86d34a3a33cf978de55f5', class: "section-variable" }, h("div", { key: 'f309f8d06729dc7cefca413780414bf3b4f44bfa', class: "border tet-border-radius--lg" }), h("div", { key: '69449e1e2aa253595c84ca4b9487426074e9e87a', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '73bf6213fdc66a0fa0252b4be47382a14dac850a', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '0b5c2f245c1715b89b163f58d139e88237d347f7', class: "section-font-size" })), h("div", { key: 'f13a25d46f8812e929cc3a58e2d4d74e60b062da', class: "section-variable" }, h("div", { key: 'e1e6dbc7589114fc8b224d1495113f1534fc4a7c', class: "border tet-border-radius--xl" }), h("div", { key: '14c873827ea8d59b1edabf76e44bfe68dbccbf16', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '3cd87aa98b55c150a0a1fa1ae799b8faa70ce780', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
     }
     static get is() { return "tet-border-radius"; }
     static get encapsulation() { return "shadow"; }

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

@@ -590,15 +590,15 @@ export class TetColors {
         return (h("div", { class: `section section-${sectionKey}` }, h("div", { class: "section__title" }, section.title), section.colors.map((color) => this.renderColorItem(color))));
     };
     render() {
-        return (h(Host, { key: 'c4aef6573c0efd87875574e9d4f55e6a37aa0a4c' }, h("div", { key: '40f7b36164ff06fd25e1c6df674a409cb9e005ca', class: {
+        return (h(Host, { key: '7ff1c6e973de0722f3baef8ee29217a50ad3e1a9' }, h("div", { key: '54abee8281d875a45484aea1bdc9c6b73d7e70a3', class: {
                 'dark': this.darkTheme
-            } }, !this.isTokensExample && (h("div", { key: '1ee8e7ce5a98a48a9e207b42929f5dec5a595f50', class: {
+            } }, !this.isTokensExample && (h("div", { key: '51ba3c2a33510b44abede9906105ea80bd303200', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: '6bc30a359ae12395f2f08ee0b5056819f02e6464', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '168f1dd45c4565fb23d3dff4fac66a9e47541dd4', class: "container-section" }, h("div", { key: '141eab6743d46289ac35d6fcb69997d3bd4b2fb8', class: "variable-wrapper" }, h("span", { key: '0f6951c534b012a42ff79d5194f4ff057936ef03', class: "variable-name" }, h("span", { key: '24ba8df6ee6d8cd8e43c5634a197dae8ec333790', class: "variable-part" }, "tet"), h("span", { key: '587194f81830db4017062be9f723f8c6621f4768', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '46e422ca24a0749715d7c134ecfdf17854eaf6b0', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '850732fd1a159e2eda03cc0516e7459b26e52e82', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'b3b537733f135b7e0696e674ba8bf34f6f3d43dd', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: '75ea8d74adfb7756dc8a8ebe3270cd5eacd0cd7b', class: "container" }, h("div", { key: 'fe6425e82c9ae8c5ad728d137cfc244c5cb0061b', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '0e175ae64e47d57e5cadbb59fbc795810063fb2d', class: "container-section container-example" }, h("span", { key: 'd91a50d2f622ddabcb2376179e230bc8b224ba27', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '27d177635790e9c825970bf7b19fee552fa85fb6', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: 'a6074650edb0c9bb3eba683be96ec8a0e77e716b' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'f7c17493fe738da3dc01efe2904bb03bf136dc25', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '616cc6db63acc746a1d8cb65d8c37a5cf1144557', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: 'd371c9b01622aca46503283c6a4a3947e02fbc4c' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd23263b4ef86028b27658afeef31cf0a791d4b82', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '03850b6defcf9fe66860e9721a37037adbcad41b', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '250ce5711f2fb047eea09720d30a91278a792f57' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'fbe5baa25f830b5d2e3d9aa6855ffea03d757ba6', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'bc347fa49c3e8ab11f2eccccd629ac395b1cb331', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '3d086375c0600cab286ef4de27c39d08feab94e8', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '279fc26606545f3d4ef7012e7b2e83eb24f24b16' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd493dc9be720aac3824997079aec99c692ab6a4c', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '6e7520eef7778d0377eafab18a565207100be8ad', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '60bcefac7ae9756ec2ac840b9b4b6d68552d0b0b' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '79bcbb78bcc4fc5a186ae6a2d21c130fd51741c1', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '69d9ce364843090f8863e932d0ef053c074d46e5', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: 'f6fad801735c9092ad38185f6bf59a1cdccbcd5b' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '08b99f6b8a5c7df5518ec6f9201204257c267765', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'dd88c82de88f0bc4a710c0d64981a20a79a03028', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'f89f62ea6135d6f5855947266dffa90a7bf077b6', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'c79a097097f49c3de2e44696627f497519b02d25' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '48fccd9a3a7638d89dac63d2231e19afb2b25266', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '8205726a666ddbd129d8d227819129227a6ffce2', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '9f58b57c7d0dced1ac799383678a2dcfcde16f15' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '0c255bdcc0775c89f42660cb0a51e67a220c1152', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'b5560dfe20db0927e697f2ae2f5233879e61060c', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: 'b8845afe25aad2e595acb00357512c5f01a55daa' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'e8461c7a012ab9d0066cd4b384d096bea963b2f8', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '6a0e976b7c54d34c97dac198a369f6a1925f4319', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '22045c01be85ffee51a24a9de1fd0ce80338ed02', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '2231c07c063883937d191053ebd3aaecc18b9cf6' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: 'e6b114068243abb7377fc8b59f33303db6df8c5a', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: '32d029cb4430b88b68c6417b65d709708e1e00bd', class: {
+            } }, h("div", { key: '3b636d1a1d28f9cea264ce930ead02f097dac0f2', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '4e598da57c87bd723267e755d3216e248e86b18d', class: "container-section" }, h("div", { key: '3b25263f0a5b61a2347a7727ebe5a6ff8b669deb', class: "variable-wrapper" }, h("span", { key: '2a1845dcdcccde805e8090efa486d81c2261eee9', class: "variable-name" }, h("span", { key: '5d3cf0c04c19b526e790fcb2e2586e580ea77d87', class: "variable-part" }, "tet"), h("span", { key: '3e5474ebc5d000fec07c6973fc3ee5001a54efe1', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'ec3c7a8672951152048d07cce96f580977047370', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: 'a57b92a98152397fd1a2e10fa99ae4b86f48c546', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '142d9c912fdb31d72402d0bf14104b4908dfc2c2', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: 'b309a4469b518490f775488dcca5e7cf37154f5f', class: "container" }, h("div", { key: 'f213bd634bedd4e349876c76e759bf8deb19b7ec', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'da770e3fc3b563087ac6b58720a643364ca9d678', class: "container-section container-example" }, h("span", { key: '2befa96d062c207d6403c0cb81564f5d4bcefc98', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'e564467578670b301183dda2d027bebc96e70753', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '3981406726794210dcd87fff2c38c2d1063bca7e' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '34a524879b683f1ea212d7f6180b95e179105915', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '8029b9fe73cdb22ce11c1a34cc6cea84651e3e28', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: 'a7db6004b09b8b85be7e9c3ea5d578b7623e95f8' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'ec5cb5dc8e9d1c988a8541b35b2a8983fa79bdf4', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'd18157945cb18b7473d52ba8bb8e6b97f7231216', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'c72aaef7ca094894467aa6206e2e41716d221bc9' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd2e22f70561b85b4042fddb4b029d60a8b5fa604', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '3acd67e47a4cf52bdc1d5c39ff3e76e2a758fd27', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'f6182016deaa8e1c3bdd4f2ec39be56b6994ec86', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'c481c32f7addb5d9fb8baa1cfdfaac5f9b7763ec' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '72dab155578b3d0a694016263e3263f13390c3f1', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '56a086fe9f0b3ebacb083debe01ecfc0db1e2efe', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '56a7a67b28f673f88d7fb55202c588709a7f919f' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'e1631a015d8303c73d1d0698ad0ad1afc0d8e6b7', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '33cd9a44ce00854e2fb442055ec16967ce3e49a4', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '55bfe37d85748a2a71a89b46619d5fcc1fa61016' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'f021eeea0bc90baf026ce79def55d8ff0c35be75', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '44bab50e67314d4e77f779a834feaf4c03be7f20', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'f1a6036fb7602f782c2603dcbf7f16e6ae44e436', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '4b3d12dbc8d71fdfce8116553b036e39749fb4b2' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: 'ba6fa01da0e5609545e5c19c5b45120d8aa69a3e', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: 'c156d22c40dc78205a1434fe93a795e4f8ab2c2e', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '368e4836029378061daec09d809b3fd465c4e3d2' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'dfff4e61a4b813626823721a926d448751fcba97', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'b38ba6c0ac07a1b74f0ce23212319a4dc24a8f14', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: 'ee7682a37afafcf9ca7fb186ac6d8171383e973e' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'f6aad76572d64586ed52b433223deecf0734292c', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'ec1aa79ecbc1d75741dc8f71afc7e9927e38b920', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '909ba142115058debefb9a8cb9cac713064d2823', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '4fe63d60bd5dd92306a4a1954e7eb9e8b8ba270b' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '6be649f65fde55b98d734f61d6187c48d0d6560e', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: '2170a2ed0240aba1af80e614606ed3503ff83dde', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: 'e9c8a4a8c75c04fa394372a8ac6df21fa75e9dde', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '1115324397799a6ca52f89c98bbb972597931396', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: '9019806bdace6d5b4aac48712b6a561849c72e82', class: "container" }, h("div", { key: 'd65fe8879b5573fdae4a14b6692a85c1ebb8d507', class: "container-title main" }, "Tokens"), h("div", { key: 'c8a45fa57a1fe7a4042075172d2eee0adbf5c453', class: "container-section token-sections" }, this.tokenSections.length
+            } }, h("div", { key: '3455751a06b14d307b1662b8576fef0240bd368c', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '51ca17389e5054a308abbe48b49f400a93523c6c', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: 'b35184e5d8b6e10ff56b16d2009b421a23e9b109', class: "container" }, h("div", { key: 'ba64fc106ddea05c8bbdf75e4ac30a8281b9a97f', class: "container-title main" }, "Tokens"), h("div", { key: '350a003ba836a0465d437dd1ffaa5c35bfc5ebe8', class: "container-section token-sections" }, this.tokenSections.length
             ? this.tokenSections.map(section => this.renderTokenSection(section))
             : h("div", { class: "token-empty-state" }, "Tokens not found.")))))));
     }

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

@@ -201,7 +201,7 @@ export class TetDisplay {
                     classes: group.classes,
                 });
             });
-            return (h("div", { class: "accordion-wrapper tet-spacing__lg--mt tet-color__grey40--border tet-border-radius--lg tet-overflow-hidden" }, h("tet-accordion", { theme: "light", isOpen: open }, h("div", { slot: "header", class: "accordion-header tet-position--relative tet-d-flex tet-justify-content-center tet-align-items-center" }, h("div", { class: "accordion-header-title tet-text--ac" }, title), h("tet-icon", { class: "accordion-header-icon tet-position--absolute", name: "chevron-down" })), h("div", { class: "accordion-comment tet-spacing__sm--pt tet-spacing__sm--plr tet-color__grey60 tet-font__body-s tet-text--ac" }, comment), h("div", { class: "tet-d-flex tet-flex-column tet-spacing__md--p tet-spacing__sm--mt" }, h("div", { class: "section-content tet-d-flex tet-flex-column" }, h("div", { class: "section-title tet-font__title-m tet-font-weight--semi-bold tet-color__grey80 tet-text--ac" }, "Piem\u0113ri"), h("div", { class: "tet-d-flex tet-flex-column tet-spacing__sm--mtb" }, examples)), h("div", { class: "tet-divider tet-color__grey40--background tet-spacing__sm--mtb" }), h("div", { class: "section-content tet-d-flex tet-flex-column" }, classSections.map((section, index) => (h("div", { key: section.key, class: "tet-d-flex tet-flex-column" }, index > 0 && h("div", { class: "tet-divider tet-color__grey40--background tet-spacing__sm--mtb" }), h("div", { class: "section-title tet-font__title-m tet-font-weight--semi-bold tet-color__grey80 tet-text--ac" }, section.title), renderClassGrid(section.classes)))))))));
+            return (h("div", { class: "accordion-wrapper tet-spacing__lg--mt tet-color__grey40--border tet-border-radius--lg tet-overflow-hidden" }, h("tet-accordion", { theme: "light", isOpen: open }, h("div", { slot: "header", class: "accordion-header tet-position--relative tet-d-flex tet-justify-content-center tet-align-items-center" }, h("div", { class: "accordion-header-title tet-text--ac" }, title), h("tet-icon", { class: "accordion-header-icon tet-position--absolute", name: "tc-chevron-down" })), h("div", { class: "accordion-comment tet-spacing__sm--pt tet-spacing__sm--plr tet-color__grey60 tet-font__body-s tet-text--ac" }, comment), h("div", { class: "tet-d-flex tet-flex-column tet-spacing__md--p tet-spacing__sm--mt" }, h("div", { class: "section-content tet-d-flex tet-flex-column" }, h("div", { class: "section-title tet-font__title-m tet-font-weight--semi-bold tet-color__grey80 tet-text--ac" }, "Piem\u0113ri"), h("div", { class: "tet-d-flex tet-flex-column tet-spacing__sm--mtb" }, examples)), h("div", { class: "tet-divider tet-color__grey40--background tet-spacing__sm--mtb" }), h("div", { class: "section-content tet-d-flex tet-flex-column" }, classSections.map((section, index) => (h("div", { key: section.key, class: "tet-d-flex tet-flex-column" }, index > 0 && h("div", { class: "tet-divider tet-color__grey40--background tet-spacing__sm--mtb" }), h("div", { class: "section-title tet-font__title-m tet-font-weight--semi-bold tet-color__grey80 tet-text--ac" }, section.title), renderClassGrid(section.classes)))))))));
         };
         const exampleDisplayClasses = this.exampleBreakpointEnabled
             ? `tet-d-${this.exampleBaseDisplay} tet-d-${this.exampleBreakpoint}-${this.exampleBreakpointDisplay}`

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

@@ -73,7 +73,7 @@ export class TetDivider {
                 this.setCopyTooltipRef(className, element);
             } }, "Nokop\u0113ts"))))));
         const renderDividerSection = (title, comment, classes, examples, open = false) => {
-            return (h("div", { class: "accordion-wrapper tet-spacing__lg--mt tet-color__grey40--border tet-border-radius--lg tet-overflow-hidden" }, h("tet-accordion", { theme: "light", isOpen: open }, h("div", { slot: "header", class: "accordion-header tet-position--relative tet-d-flex tet-justify-content-center tet-align-items-center" }, h("div", { class: "accordion-header-title tet-text--ac" }, title), h("tet-icon", { class: "accordion-header-icon tet-position--absolute", name: "chevron-down" })), h("div", { class: "accordion-comment tet-spacing__sm--pt tet-spacing__sm--plr tet-color__grey60 tet-font__body-s tet-text--ac" }, comment), h("div", { class: "tet-d-flex tet-flex-column tet-spacing__md--p tet-spacing__sm--mt" }, h("div", { class: "section-content tet-d-flex tet-flex-column" }, h("div", { class: "section-title tet-font__title-m tet-font-weight--semi-bold tet-color__grey80 tet-text--ac" }, "Piem\u0113ri"), h("div", { class: "tet-d-flex tet-flex-column tet-spacing__sm--mtb" }, examples)), h("div", { class: "tet-divider tet-color__grey40--background tet-spacing__sm--mtb" }), h("div", { class: "section-content tet-d-flex tet-flex-column" }, h("div", { class: "section-title tet-font__title-m tet-font-weight--semi-bold tet-color__grey80 tet-text--ac" }, "Klases"), renderClassGrid(classes))))));
+            return (h("div", { class: "accordion-wrapper tet-spacing__lg--mt tet-color__grey40--border tet-border-radius--lg tet-overflow-hidden" }, h("tet-accordion", { theme: "light", isOpen: open }, h("div", { slot: "header", class: "accordion-header tet-position--relative tet-d-flex tet-justify-content-center tet-align-items-center" }, h("div", { class: "accordion-header-title tet-text--ac" }, title), h("tet-icon", { class: "accordion-header-icon tet-position--absolute", name: "tc-chevron-down" })), h("div", { class: "accordion-comment tet-spacing__sm--pt tet-spacing__sm--plr tet-color__grey60 tet-font__body-s tet-text--ac" }, comment), h("div", { class: "tet-d-flex tet-flex-column tet-spacing__md--p tet-spacing__sm--mt" }, h("div", { class: "section-content tet-d-flex tet-flex-column" }, h("div", { class: "section-title tet-font__title-m tet-font-weight--semi-bold tet-color__grey80 tet-text--ac" }, "Piem\u0113ri"), h("div", { class: "tet-d-flex tet-flex-column tet-spacing__sm--mtb" }, examples)), h("div", { class: "tet-divider tet-color__grey40--background tet-spacing__sm--mtb" }), h("div", { class: "section-content tet-d-flex tet-flex-column" }, h("div", { class: "section-title tet-font__title-m tet-font-weight--semi-bold tet-color__grey80 tet-text--ac" }, "Klases"), renderClassGrid(classes))))));
         };
         const interactivePreviewClass = this.exampleDividerClass === 'tet-divider'
             ? `tet-divider tet-color__grey40--background ${dividerSpacingClasses}`

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetFontWeight {
     render() {
-        return (h(Host, { key: 'a1f63b323e79052b7b60dfc3d7bcaef80cc31dc3' }, h("div", { key: '9c738116848219f9f73f6982e706d3eb55d2a071', class: "variable-container" }, h("div", { key: 'fd1ebc99c2899f0eb75d4143a6204d0b6889f85d', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '55299d5a5c6a79cfcc9a2fd35ae7b452e543cd22', class: "container-section" }, h("div", { key: '133ad559c0c2c2cdb882406b76f5f9f07640c7fc', class: "variable-name" }, h("div", { key: '6ea5d0d3b44726ee871e67fac4d7a7cdc47df66f', class: "variable-part" }, "tet"), h("div", { key: '6372c112d20232042809886cac0e8e4f917a26e6', class: "variable-part" }, "-font"), h("div", { key: 'fa24620fb7b493252b8bc579b179f47862cec990', class: "variable-part" }, "-weight"), h("div", { key: '1a58c1f766fc606474faa4845164bb26074b801b', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '0b2f0e497e6bdc04cf1a4cc666c395c17acbcff9', class: "tet-fonts-container" }, h("div", { key: 'afcec511cf723282a52076b2c0ebda4a56966219', class: "section" }, h("div", { key: '88cbd2a9916f049c5d63675e35faff87d72a51b0', class: "container-title" }, "Fontu biezumi"), h("div", { key: '716722c314b75dfc56264d9413e9a7a0878a8d80', class: "section-font" }, h("div", { key: '8ab60a159f942bffb7c8984f76bd0e25d204800a', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '335a607fccaf27cff27a95ab84c21ae08cd1e734', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'a0cdb8ec6e2d3a2fd21406142b309bd32e33651e', class: "section-font-weight" })), h("div", { key: '69831f9d5811e407e8e3776759bf677a63c8ff7e', class: "section-font" }, h("div", { key: 'ce75fa8db9cefcc5dc14db1ea6ddbcd66dc87172', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: 'e17101ac9c9dd52b3fbe75d4572065fb95a6608d', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: 'fbe4436ce30c1be1d9d71e96de94a8cb84284ca2', class: "section-font-weight" })), h("div", { key: 'c80d94c63074546fb6fa6598cb21aa8cb7d6c823', class: "section-font" }, h("div", { key: '69b0d18b1e767a32feb9b80d84bbab0a325acf1d', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '6b1a34faf295f20e389e4cc57ae0bffad1b5cd04', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: 'f7b4dad1fdc23ec54631903f87b7054923eac307', class: "section-font-weight" }))))));
+        return (h(Host, { key: 'e5caeb26c563c137fb605271e242af6bf2145b94' }, h("div", { key: '159cafece6925595b64456729842c7cfc3924d43', class: "variable-container" }, h("div", { key: 'f71a4fe01edefd8eba5ed041fe36103521f330e4', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '4d9a0c91908e08dee9762a1737f1c96d2aaebaf3', class: "container-section" }, h("div", { key: 'a26891b38459da0498c3dfd3726386dbefb26d35', class: "variable-name" }, h("div", { key: '1fea10f005fbc002256f4a068a3f66dd733e71ff', class: "variable-part" }, "tet"), h("div", { key: 'c9f2909ca4a951e65c4519f1d5dd9236bfc91082', class: "variable-part" }, "-font"), h("div", { key: '96b5630671720d58cb5936ba6f3b53d33b853886', class: "variable-part" }, "-weight"), h("div", { key: '2c591a20e11c8108c72751522a09e6126456c725', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '79ac90edaa37c003c53f6ad57bb0fd890aa387fc', class: "tet-fonts-container" }, h("div", { key: '33864479650cf6e85c0c4c94a5580a7a01f62ea0', class: "section" }, h("div", { key: '1fcd1bf95e428ff89337caf4bbd90adb74a4d65a', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'c4eb988a854a7c78345787c44444cdabacf579b2', class: "section-font" }, h("div", { key: '9e7a865c18bc01e261182cfc53a9728aafb8fdc6', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'c36c893b1609ad7328b1b4726a31ff0af48a4185', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '429f87ec85fc8a809382a70d3c63d4922acb3c24', class: "section-font-weight" })), h("div", { key: 'e8486a2c5ca710e932ca4460cbc7060b71f689ac', class: "section-font" }, h("div", { key: 'bad4a72fbfba4b7a2ea6e508e5fe766d26802ac5', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '48ab4d8ba57458578118530ccd98816a0976ac38', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: 'e6fa1ca6842a7bd1ccd5357ac572ba8a34860406', class: "section-font-weight" })), h("div", { key: 'bb8cd32afa1e2fa8979c12305a3f077693853968', class: "section-font" }, h("div", { key: '4a4bff1ef742f6d7ffe653c53b2e634ae8a7bb10', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'aecf3b5078adb70026289ff3412964df264699c1', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: 'ccce836329ad7df57a05ba8667a7855c0f540f48', class: "section-font-weight" }))))));
     }
     static get is() { return "tet-font-weight"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetFonts {
     render() {
-        return (h(Host, { key: '5b808002675b7da77b8a588a5616c2e3ea78807c' }, h("div", { key: '5f8f589246873586d2b2afd904cd03d7d0005dad', class: "variable-container" }, h("div", { key: '209e290454c42b001d73bd6ada4f74498fafb5d0', class: "container-title main" }, "Fonta klase"), h("div", { key: 'b0b1f9423923a2fbe4bba674409b33ab0e5a4ec8', class: "container-section" }, h("div", { key: '70bbf16164da45c8c37bcd2dbf804f86c2935330', class: "variable-name" }, h("div", { key: 'e0685aee8bd82add054495477f054175d75d8779', class: "variable-part" }, "tet"), h("div", { key: 'd56c9852f5024bc3753517e32d0f9257cabee7f5', class: "variable-part" }, "-font"), h("div", { key: 'b454ca7d3446b5d853af0e64fed91bdc8ce84892', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '495ec88299cbf2cb78195e0c0e3cac79ebc64c47', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '21e0815cb0970118011ee361290f53c795587522', class: "tet-fonts-container" }, h("div", { key: 'a749b0392f4570df481dfa9019ca8cb4d2315700', class: "section" }, h("div", { key: 'a637fb394101a992aa100d6e838154b93a2d00aa', class: "container-title" }, "Body - Inter"), h("div", { key: '0ca1fde1504be82998dcefb194adb44d577b0d8e', class: "section-font" }, h("div", { key: 'c25e7ddd3a4161a69e8c5fb654d40578f93badd1', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fe32b1cff2e5288377eed37665a675b73eb017af', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '60058a6f555a96ea9746b456b6985c2f50cba48c', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '6902a9e34b6077271c8e7a885126ec3f07323c74', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '9c620dbee4532b8cd02c77324a5673a3ba9239a2', class: "section-font" }, h("div", { key: 'c4c5c2625ebb9c5b3306a22fe2b058a068485916', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '02aeeacd5b05df9b4507f9a3b94a2bccafb64b4d', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: 'd3d5ced0ef663d0b4bae917df59d93c216fc5586', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'e0fc30b79a72549e948f2cd1020228a6fa014788', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '693fe1f1035bda1314b95cb44675ace832443a74', class: "section-font" }, h("div", { key: '3dc78091060fbbcdcb473e34b0d31435ec4b48d2', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '780eed7b9fb1743cb360d083ecd7af90fc30e8ac', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: '193091ae7498760b665c196759ba2fa81a1beb60', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '87cc887bcb870ad8e1a2edf1c15f159f259feb6a', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'a0593dc261cd35adb3c4e43cc5b47fff1dc7c8db', class: "section-font" }, h("div", { key: 'f2af34ab9b58c2d9c950948c9c3b3001ddaf1e53', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6c5ebca00d1c52d13a325cac2c7b8affaf0a9183', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: 'c9d7d056041e7ed7f300312f0eb308b94950467b', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '6aaa2a577a3ee492a5c1e964a307deb292f88d0d', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '62572e00a071d8034040d771c496d4f49187ca9f', class: "section" }, h("div", { key: 'e998b14aa6bbdee23d333846f66aed8d6f7c4246', class: "container-title" }, "Label - Inter"), h("div", { key: '38d9a9e22b369b0288d43d432c07c345b1e3c167', class: "section-font" }, h("div", { key: '0191e33b5b7ba36b8e4f0d7273e671916a92394b', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'db7a62d7acce04941f95ae0d78d81715013e12c2', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: 'f0f36ae767617bdaad1f265c3e49a41fd10cd591', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '87e7371d803eb9d1f447e3cfb2e0784fafb6b26f', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '0a6a0e6c08b43fd3e302de99dbd6ff1a5a841a3f', class: "section-font" }, h("div", { key: '1396e1c02fb81033b41073f6bd80f54485037c44', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'eb9b8d70df6b9272b7d941278792188af2cfb3d3', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: 'c77b494244330ffdd7a3504cb27ecf304e225a86', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'f568d011b0f1acd8cc9f5484f2cba90849af1215', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'a9f182e2967923db3eff9b727629cd7fc06ef536', class: "section-font" }, h("div", { key: 'd9b9baaf330655cfd803f3e64cda3fd778de9a7b', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '40cb7daa12cdbd888dca34852ab50eb5f41b059e', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: '32aeecabccb755d3ba830ebec21ae733b5e3b4d2', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'cbbd4b9b1a8cf7445196acbfb80afee94658fb36', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'd3d43209ba86125ec8ad3ac5f98d2cdac2de3e8e', class: "section-font" }, h("div", { key: '72588b6cdc5ef8bf689e2aa9f27335290f9d4370', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b78fdcbee56843b456b7c69284ada397620a86dc', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: 'c6d4cca80025ac3ae631897d4dbb1573be7575d6', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '33d2640b54979bd2f476c556ef8b86d86a588553', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '1780ae488009054110f811158ed2b4d7f5e3b636', class: "section" }, h("div", { key: 'd56603bbceb5fba51a97c867e8a0eb0c72d53fd9', class: "container-title" }, "Title - Inter"), h("div", { key: '1f417ff471ca80b417f746c3a8a72a9851167293', class: "section-font" }, h("div", { key: '91d53adca4607385c45cd8b0b98875742d7e2939', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '85b23919c276f72fb2258c7cbbdaf6dc076acf5f', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: '29029bc41171dc990c1ce9a6a205e0d2be2ca4b0', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '458cb09e1aa4c103aff085ee2b6a9405c2ab0d78', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'd96e897df5b71daec0062a4f9fc27f21b7e7d41e', class: "section-font" }, h("div", { key: 'd093b1585c7132d240877484c02926086b623ad5', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '71e3f3172d6dea1a207ce90c87f527fe9fd462a3', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '835e1959f787f6a25f18f6342b5b5493a516fd06', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '45bacebfe235247946ec62552425bb1a378ea211', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '45ab9cb2f35e4c9b6ee2597a9052db73cafaa6e3', class: "section-font" }, h("div", { key: '9dd3f5dec2e1c852f0700de6caa07a55317543ab', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '40de612e2709eea3cf7b46e06e729832d40a9f55', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '58d13373fc9329e2cb8d943bd70fda8d061aedb4', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '8d0c62537f95b4158df476c6c1f4be443769af8d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '674feb2c7ecf75abff0695c013a6193d499d38da', class: "section-font" }, h("div", { key: '91db905a93df3cfb8d365b67b53d233e8b7ad067', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '07c9b86bc283ab041d45b1aa77a3682c60df3774', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: 'cbf54b3c9a6daa3abccf84612d5695d7f8424267', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'e2f0ffe8d05f9540368c5b4a310252653a8bb53e', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '9fae24adfb85ab5ec14adbe171b41eb95bccc174', class: "section" }, h("div", { key: '961995a684c02888a29d31787969ac35cced9262', class: "container-title" }, "Headline - Inter"), h("div", { key: '292b92cc7a111217c98d85565951d16d55d8e474', class: "section-font" }, h("div", { key: 'a0e08b71845f994e525c07aca6c8a9e85f155de7', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '18ba41174e81eaac7f52f6093942448984c33c17', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '83af5401007f3ae9500940696172412c004c08d0', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '2ba7e05088f2bb9e76fe9a001998676dbbfe1fba', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'b56f60e2dc3e4633a5b09bb10a4c8ca7d3c9b008', class: "section-font" }, h("div", { key: '09268a6c9aa28989261c5da209762949f4ed3c02', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0b1f4f9c84d7d9bddcdf9f6e35d3c48e2525a2e8', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: 'cfde9f861b109357aabd275e097fe1eae4ff2924', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'ab9b4fac0a3b88b971b82ab98397fbf8d5f756fe', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'b5f625f38d79df9e5e7fe366f05078de6cfd5403', class: "section-font" }, h("div", { key: '4de4e6afac0d45a0d753d108dce2a7d349cf3949', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f3fc30f5a9cdfebf9060a1d43e629d127bfc4b5d', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: 'ab5561baada38832f8bf5b90354f1109244daf99', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '69c9ae4ea4b410d03034010c4e9b4bafc99c45f6', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'b31e49f9b883b70158660d2df10e39d7897e2fa4', class: "section-font" }, h("div", { key: 'c9d886d7dc64461a3dc7faa0b2ff432d9771c653', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '18b411392a4ce97add3eb0600cfee03d7db4c73e', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '3179d57dfd802153602fc264d7da75af188e9486', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '1b10e0668fed56b7fae38965e4bce5495eb38cd4', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '258d08da4aed6fee696b7fb4604adac25692b30f', class: "section" }, h("div", { key: '63ec3e18cfd5d4d5d4cd7817f052fce78e76b50c', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '72388e42291901b81dccc06226118bbfd85ae58f', class: "section-font" }, h("div", { key: '6ddc9bc53a588cd02cc11d34e170c05af093b93b', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '12bc553fc8087aa004a6654172298700587ce6ca', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '596bf38a8f46110a7c396132da48097d4908d245', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '497682c7d368ded60c8d263ca9504b1513c33d04', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '912b923586ef27b259d06315d684bfb05c227b3c', class: "section-font" }, h("div", { key: 'ef401eaf6d5885217577652763771f58ffcfc04d', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ba656a0e351f3067eebdf5c3deca56f7e16ea1c9', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '44cccf81c71e3f2cd536bf1bdb7380386f234efa', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '8f0d7e1ad821ba9d6093dcb56d5c13c204aebe8b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'baf15fdf2453b3b98e54a87b4467437402694a51', class: "section-font" }, h("div", { key: 'd15eeeaddaf5c8cf7b5f397fb08db4dac9814c4d', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '655bc3d684d133b27d3789b68daa5bb8949a5437', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '53dbd1f401220765561061e2323e84662301f7a6', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'c73daee17d8809c0ffcc051bbcfaf734e3db5e5e', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'c27ddbbbe8e64d8328587372422213e57ed2f0fe', class: "section-font" }, h("div", { key: '3c6f2bff536a5194afcdda4b7dd3ff122890779f', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f922fc1b8380f147cec3c8c0db8746880a8e19d3', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '6790a298984bd06673d280e18abcd8482731151a', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '03b187db5fa498e8f4d3ec49d07c6790c57c340a', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '830942fc11e329b89d9b95af37ed7f9a5c3a7c91', class: "section" }, h("div", { key: 'e02848e55e0fca39b1f3984cbd182ff077a8cba8', class: "container-title" }, "Display - Gilroy"), h("div", { key: '59857e597df96123e81ce6770d7ef3cb8a9f17a1', class: "section-font" }, h("div", { key: '55a686f2103d70b87faaa9fa8131e453d76b2398', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1d84829b93a6000620e5b7b544a68c2f1e31f177', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '42402f43b8b7a1fa07038d09e622c4f0dd43c231', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: 'cb2fdde33e365d9d98b757022ce71ec9cf5ef078', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '920bcf020666c0c7400389e6a44c73e08a9c73f6', class: "section-font" }, h("div", { key: '73630373015922be81c9ee38bd789f72c5b775e3', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ba0a19862dd72c6acbe4ecbc9c53d7501e6acc46', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '86eeff724f0a4d8273a7ed2f9a0262b8b74aa2dd', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: 'a18c5ba092a30b58ad7d2a3bf91245f2d11c051f', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'adbaf3ddf3ead75f49b099844e0f79788eba51ca', class: "section-font" }, h("div", { key: 'c7a474007a90222fcfe0af57e2aafb6463b8171b', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1e66b183920e53ec474c1cc2cf4eb3bebaa63cec', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '182aefeb8f2284ffd10b80a14e2c0c0eb024ce23', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '6c964fbd0636e5ff8c3018f47ed68ba07a798262', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '627b002b195b5c582424362987aefe0f523a5f1c', class: "section" }, h("div", { key: 'bf5e79cc8a87f3cb717be43bf60f10f557782b6e', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '1307c2105555e3b25ef5c8b697ec7309676a253c', class: "section-font" }, h("div", { key: 'ebf70bd419e6e8da149aa8cb45338196f4fe4492', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '24e83795545f6174f451b30bb48f18e5a67b6cdf', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '1ed97e1090ee361c00e3b0773bd10f6588e4016f', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '2e571bc5f24c290bfc1a04ef6d96afb01a0b9c13', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'f56d2a14849cc286f61e48f39ae52e22ff0d99ba', class: "section-font" }, h("div", { key: '7c6ecbb2a3a7cae279cd32f21def2bfba6415876', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'bcb611bea1bbc7de7393d29cfe68b3923202c0e1', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '4f93eb385e4f137f58c74f68524f055364f03f80', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '915b876cc5307234bc359277b6c2e6b6f8adc12c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e28c6d1ad4812cf0dca370a71dfcc61dabfcd770', class: "section-font" }, h("div", { key: '18d7a1c7b8d86e3d7404bc6591dda92dc4ce8743', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '604a94d37b163b0d7df7958c5357e979533897a7', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '3dbba74ee5d5ffe3df260968809b284c4c72c633', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: 'db0e38213ecb47ff34b59b84d0f9657c0b39c8ea', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '60793d5ff7fee284e64750cdcc0f8736a3456828', class: "section-font" }, h("div", { key: 'f804ea5b7987c2a19f29b47af69e53065a75f02d', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0af445556bf0761a16944c35239611fbce4cf218', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'aa7b6b610e0bfae775a651a289da298bbb383d86', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: 'f5ffcf3e3f19e2a9cc08c3abf0c89ddb23f1d824', class: "section-font-attribute" }, "Font weight - 600"))))));
+        return (h(Host, { key: 'ce140b4cc2e3a7f198cb23ff55ba7962cdb7b23c' }, h("div", { key: '3acb09a08f6a55a66ca30011bcf6ab488e93b752', class: "variable-container" }, h("div", { key: '45791ddf5ad508dc657cb8dba1bf32f78893048b', class: "container-title main" }, "Fonta klase"), h("div", { key: 'b8380a2868f0f6851738a2861974b71083a16aa7', class: "container-section" }, h("div", { key: '02039a210d479cc4a667156b8f391fe10eceeda1', class: "variable-name" }, h("div", { key: '0b60d6a08314420a74eb107b82bca01cb8c43cfd', class: "variable-part" }, "tet"), h("div", { key: '0b5dd21680619f140c7baf2ff0df2c08c10495cf', class: "variable-part" }, "-font"), h("div", { key: '2ee49278c4da995ad07d832422dd3f374141f6b9', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '88c38591ba777c8aa5cfb08f1cdee8834b242f89', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '6d8aa456cf2f1b34f754ce4f05c80c9ca8f28cbb', class: "tet-fonts-container" }, h("div", { key: '8a6cfa50eb8e2f11e45abf3b2e11ba16d5a8ffdb', class: "section" }, h("div", { key: '3a7182b0007b5dccb6e52b1a4474fa256373ad2e', class: "container-title" }, "Body - Inter"), h("div", { key: '0ede9beb29f6719b9691fb645316a7174e244de9', class: "section-font" }, h("div", { key: 'de0ce5b76698875d591b7af7b86f760e8a095c8b', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4bcd8988147eaf450e647a6bcc78f7f3e66b9a33', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '20e86f890a6294fa64d4d4e31e692173b482c77b', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'aad44e317902efcb12d5bd56e033e903fc0ba50b', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'ce6fb80cc7122c2dc20aa6cb67b832ec4b6c6336', class: "section-font" }, h("div", { key: '0db048581ca3413240b3429909aa1923efe05101', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '161e728d2933384fdd895a2f7ae5b1542ffc716c', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '55899bf5b4b05a3421bd7b9679700a487ad09034', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '71dcdcf81d9ac69322bcc550a85756ba64319127', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '589ffc87aae63263b7b7caeab30dbe4b7a838e8e', class: "section-font" }, h("div", { key: '09d5b044fca4cafd17a5ded11db933705bf9ced3', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5aaff4bdf454743f0bb7bc352e0aed55af0cd05f', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'f91f3808d65b97fcc047e90cc638a9e570751319', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '3a70363634cc34202a3d43bf12bf226d4eaee23f', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '293ac3a4a927903099d0a011ca9c7ab103d0ec74', class: "section-font" }, h("div", { key: '3f99193608909e4e607d6141f55c1565e82c7278', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2b321be7151c6d900a0da4fb52314783eeb253d1', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: 'fb0a9c01c3cdc57787523c0344c8051418097ed6', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'f308890e26ffc2cc645814fa289779aaa927ddd6', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '30e2373750308ef04edcb6806cb51373225cb7a0', class: "section" }, h("div", { key: 'efcb17b98174705a527dc94864d16eb3b72cc516', class: "container-title" }, "Label - Inter"), h("div", { key: 'f78d17aa98737724f17dbe9ceb4aea8f8cfe5772', class: "section-font" }, h("div", { key: 'dda5bfd4f00726182ac8115f5040656db571cddd', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '25774f84b4d575423336bfde07421e40c272e1e9', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: 'f2b155bf627482e41ea688002da5f37aa415e048', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'f6f3ef073f2329ea5cd48ea96bfca90e24223745', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'f236700bbca12baca8d0d3e70c015c818950a6c0', class: "section-font" }, h("div", { key: 'd6c6e3d11e77aad6e855bb286445d93ca13acabf', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '07c1b71be3ae24c1fe96a519cb73cfb419ba6e0b', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '3628aff5752ae1e8331f5c910902c9d0f97bebb1', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'cb155f10578f75a30f85303d0ca8ca309ffbbd8e', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '24cd6ce6569ca2b28bbc8541bdf3b814913bbc42', class: "section-font" }, h("div", { key: '059bb17bd82fe8860b74d7370a6300a8e7a82355', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '24b60954f79aedac5150170f53b8181bb6f42876', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'be204eb3d100a472386d9dce4e94e5658feb3651', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'f326c5508112aed7bd3946b3f5776b9642859c92', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '0ce5d0fa473236a0ba5646a6d68f9ea482bcae4e', class: "section-font" }, h("div", { key: 'e8e5c75493ac04a86c2aa65836b8f340a5d1fe49', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '65d4e56903ea90c94bdb4484154d1f9f1ae05cd3', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '38b15a097b4a01dc0b8fca4ff751d8c52fdd8991', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '968c966a13a8b02b997f5f05e47e5b4329046f7c', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'd0ceb859afbe9522c2f30a600bfcf6d9db48dc31', class: "section" }, h("div", { key: '7501ca6b1503fab1245c5f9750130c0dc24d4d32', class: "container-title" }, "Title - Inter"), h("div", { key: '834f8715a2b451909a6083b805e9737fa1d52ed3', class: "section-font" }, h("div", { key: 'd4e80f0fa88813ea5416346ca9d6eb7d1be9475c', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '13a3d9b2cab336a4832f9793c9a8c2daa11deb3a', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: 'fce6ebe16487381ef7f8867fcd8c0eb14b5021be', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '3c9fcabcc03223981836b8bd7068f14ae28ab74c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '59e529d42b7cd176a9a3d18a90a7f203856a1edf', class: "section-font" }, h("div", { key: '5c70d15d63c8c1e162224740c3a86637eba5640f', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2748585acfd3e7bd1a388b8a8f3873afa392c9f6', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '1091f8e133c1deb73ef55c3b07ecc7e6c171e306', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '73cf72d35217032b8b49f2e4304429f0ab34d11c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'ea535bca62b1c99546544e0ba22a4bd3d8e94da8', class: "section-font" }, h("div", { key: '12b839b5ce63f914aa59a9a4b75f7e7b5cdb24c3', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1ea4a9d68cbf8e58f39172c21ab9bed28acf7ab6', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: 'f63e7ca9dab37a8f3a39dd9281fadd95929d2e08', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '1402bc9567942615697ab8c7a4fc6dfc45a84229', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '5ae6754f0945f8dd7e0d1f7a54932835f8325eb7', class: "section-font" }, h("div", { key: '71b36a7181861b9c1bb049b9defae79655e1e457', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '82fea32daadde4d02eb5b73f261f041fb06ecd0a', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '503768675a49f95242e01d2eb134ec8e0d3f1f7a', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'c27372f510c0f682e13246cea2fe4a4dd105ef01', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '86ee5e61e1326c60dda315a6ec5493697f630986', class: "section" }, h("div", { key: '22b2c630764195e69ba2f63901223c16e95a3d81', class: "container-title" }, "Headline - Inter"), h("div", { key: '6b6cbee949ff4d7d153309d0b2a27a9232e86873', class: "section-font" }, h("div", { key: 'd2d1f0b301d32d4624efa2564a04d6ae2cdc691f', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b0c870d80788f4a0e430d9740261ff8dd758a59b', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '1cae05b4d6fafd65dcb329fc456fdfbbb7bf7109', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '41d341f56d8e5ce4155e867f9a1f4a22e6bfdb5a', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '1a2055dcd764d9088adc7f0783e05b5f6df13252', class: "section-font" }, h("div", { key: '27dc039e63dc3103fc3aee7abc371a1307153bf3', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1c1ac33c5fdbaa929315c30405fcb33f39ad5a09', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: 'b9c1370a1a60b0f53b1fed4294e3919403a8e31f', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'cd7924f596f874efba586cef3bceb8abf3bbd4e6', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'ee954853a602c5e69390ea5863702a942f90f517', class: "section-font" }, h("div", { key: 'c032dc9ffc9f5e66e8bd22c25bf7f849284c4a6b', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f8ce658bd9f4ca407be0b88f874e4571f52b0d27', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '50bd8928e25d4b35c04bffb70d5b5ae558a94ae3', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '514f5762dd6d7a83ec38a54b61ea0f12900fbc57', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '40b47f3bba48012606247a5cfc01978a43e02dc2', class: "section-font" }, h("div", { key: '503a4a4fdd070f5d308024c07ec066cb506de0ea', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '302dfd57e02bbe2d40985dbf438df00303d2abae', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: 'fac41afb40ba36a4e8c175182de105a38824ed5c', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'a194bc03e04c14ceb879a33be887028c289e0488', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '2c0cfd8dbf2ed5df4c009f868ac28f6550595de9', class: "section" }, h("div", { key: '55251a099ce4a4f7db0bb73e348e441a43675a32', class: "container-title" }, "Headline - Gilroy"), h("div", { key: 'c53822aad4d6125b0cc8b5b1eb9eda5e16f4e581', class: "section-font" }, h("div", { key: '834bb20af1fb7d1f3895e9589076c296832f03cc', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'af5be516a15ffdb908abee567e5db2bcdb76dd3f', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '566306e7a2d7328a3e3db0f5e7c61285ac6a8313', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'a9d5e12b127b81b3555c6b774cfa916177313c3b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e3d013c7fcaaa5222289d904d043d02e97982316', class: "section-font" }, h("div", { key: '78d743f4850b56f2cccb3d6bbab47b2f6e321a15', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ba2ef4b98ac2fe85cf15f480ac300b3ecb24394c', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '0dd5176a156ec28c43f815bc00f0d93d8d6c5c06', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '95789ce0732ab91f5d838d851847a6eef3e15fdc', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '99e673f11f29dce16ce3345a9eea7f1d27175eee', class: "section-font" }, h("div", { key: 'de3ef167dd74d75b2aa8900ebd9d2102ef2ed423', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9db6a7d6139a3544e841bd9fa95aeceb3c6c937e', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: 'bc868fc8795cc3de0841cf93b038255236558553', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '877249531909087995bc8296c90778efc84c9fc9', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '9a8c68fcd032b7e585469921ed42eb4947432ba8', class: "section-font" }, h("div", { key: 'a5ff2908251aa3f3fbd00bb3f4893153abffb725', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '009fb7c4e61520decc7ee6251595d4fab36a50cb', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '8b41782af4e96755a4b79c87446c08e08e89cdaa', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '80969971eb48bac5107fd10897641ead564635dd', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '0eb3656b25d6c0edaa4304d2f875ebb0370dc39c', class: "section" }, h("div", { key: 'cb8b7f715c87f6235896a61e7f56bf54abd18ac2', class: "container-title" }, "Display - Gilroy"), h("div", { key: 'ec6162d1fa5a33375bdb4979eb656ad97b19a6ca', class: "section-font" }, h("div", { key: '4a9438c028f46d7ff80a291045f99664685330f2', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e7e35b69c2f9920d17872f823baa30d141b9017a', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '655e70e912075976a6eafdbb6cdc1adde6d11581', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '8d11a0873a0ab17de5d93af3bad0fcc0e778295c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'be747c5d6e05f1e0eb4fad90c3d702c6fbbec099', class: "section-font" }, h("div", { key: '68e4b413ed1fc3fc79bdae99379d95313a4e26b6', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8e5d08f1bb0d118a38d49e8da78646df49c77424', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: 'ac2e86674af98a11123d501900c3130724d2f293', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '3eec252fbabf4ece5e755f0af60dfd2242435bee', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a8963b28e463300f9d3254ac4e64ea16515ba9a7', class: "section-font" }, h("div", { key: '575275b4a83952628ab51f2b14fc3c0a3bfd8b9f', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6fe5fa3003cf15c5bb9da3d28096c1ff06cbd1d1', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: 'e00ac30b553cd922e7bc4563fe894f7c452f8a97', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '64b5d8cfbc864aadacac113408202ec25336105e', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '708258a618e80ca18aff1487c4b41d24606794ec', class: "section" }, h("div", { key: '194adb3916b50ee65d6b2e5a9e1019e564f6d7dc', class: "container-title" }, "Expose - Gilroy"), h("div", { key: 'c547365eda33a4513f4f5d8cff89ba11c5866398', class: "section-font" }, h("div", { key: '097c4f5917ce4ddeaf3015657b0014d62063de89', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '78a3a8779b16272ae26334b43519954a908529e3', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '2950c4b43e3e696b4ec673c2a63bcd17d89cb54b', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '353790cd3747dcac4149ee1e77f3426c4cb85310', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '2f3079841dc0e70fc4b441fc5872a373091a9134', class: "section-font" }, h("div", { key: '3c228f59e613d765d0e0a28450457eef524c4b98', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e72b10fa9c3dc45886bb61585286f52e8f15c72a', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '5790f36acc175aa1fedff0c42aa1142cd39f6970', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '22def43b2b0abe73546e4da9973aeb8aca70aa22', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '7c84dcc57aa7010aa0ba5e3f05e467dc304dfc93', class: "section-font" }, h("div", { key: '73f9c4f7ee8d09803366b500fadb06888fe21cad', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '24b25d793686e41c7578a536a1813975af3a896b', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: 'dbe178f6b4a57d8825f20fd2e78a7a3b9e293838', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: 'ab14a415f546fc97cf788dda7e9fa99a8ea40c94', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '7e0c25803f695f14955982cc14cd4ca4d10e56d4', class: "section-font" }, h("div", { key: 'a3534b8ff5b94ccccb12d8ebec1f1a9d49d68807', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ab95d8944c05e419da52dad9fe8ff9a987c9685b', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: '17709ec978fb46be2b26c72c13944760fd8b2548', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: '0f62bad99283f959408b38537c9c7b189ea8bfd3', class: "section-font-attribute" }, "Font weight - 600"))))));
     }
     static get is() { return "tet-fonts"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class TetLayout {
     render() {
-        return h(Host, { key: '093d9ce3bcf64681182c741ed4319694d75d9958' }, h("div", { key: 'b73e690b7d6b1b6cd8ae40ec21be6b63fdfc34b9', class: "container variable-container" }, h("div", { key: '1be145383fa10108633922ed9be5ed0066e78d52', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: 'e44e1ff8d39c560d9006c4ab390e9c6786e638d2', class: "container-section" }, h("div", { key: '8aedafd1bb6dc54413f536b9c65e26b08c05da6f', class: "variable-wrapper" }, h("span", { key: 'f80ca7d4711c4c0af539e5b8b2e8e13805eb8c00', class: "variable-name" }, h("span", { key: '2d53deb5c1cb100aca7d98839e34311c1f70a3f4', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: '6434c339d15a5e7cb5797f1ade832500d73cada9', class: "container" }, h("div", { key: 'ad5f2df863e8e581506462b375ba14d8fd14aede', class: "container-title" }, "Piem\u0113rs"), h("div", { key: 'dec19e69a41f11ccdf9c25798fcaca08fa6034c5', class: "container-section container-example" }, h("code", { key: '5af9731fd25a6481b3dc0e4871d1a0b33b5b9e72' }, "<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: 'f7dd501a7b18abba9b91a78af7430b35c8fc5a4a', 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: '183ae309b2d1aa647b811a4e0437e36d6cc2f5d6' }, h("div", { key: 'bd6cfa66adc159f16fb20ef07d37a38ff78d36ea', class: "container variable-container" }, h("div", { key: 'e460067a68360821a7a532fa69a51eee17dfcbbb', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: '331807b84f089c9024d757a9ffe5a76e8034ed71', class: "container-section" }, h("div", { key: '76aebb5142b066ffa4600f27fb1acbc14aaa2c50', class: "variable-wrapper" }, h("span", { key: 'ac167b2a93949a90e8b942e7a921280b09f9c3d5', class: "variable-name" }, h("span", { key: '4a5c49ddd10607d86cb22ba580ccfaeff64de781', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: '72916dbbca14f94205f7718d779c9f0a98470739', class: "container" }, h("div", { key: 'a647e7a924611c333b72e51c92425a921aa0455d', class: "container-title" }, "Piem\u0113rs"), h("div", { key: '18f30faddb00cfd2d08b4e417a60932ca857b85d', class: "container-section container-example" }, h("code", { key: '1132e36fbffd82980f372166156a53ea8003f10b' }, "<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: '3827c1cab449f32f2334b68b035fcbdf0a020eba', class: "paragraph tet-body-text-max-width" }, "Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim."))));
     }
     static get is() { return "tet-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetLink {
     render() {
-        return (h(Host, { key: '8bea578f6c86de66a575c5fead22f02d3ef3333a' }, h("div", { key: 'c2492ddf686ed4ada2b256d4b52d540e8239b13e', class: "container variable-container" }, h("div", { key: '40603d71f425fceb6846ef209c7da323615d4d07', class: "container-title main" }, "Linka klase"), h("div", { key: '7ac4f149124fe3b8d6ec280f6d4f89da8ffa71c2', class: "container-section" }, h("div", { key: '10a90c47e44e35e1f8ed592e3b8854b9532dfe44', class: "variable-wrapper" }, h("span", { key: '54ec3ccabddfcd055720686fb86bce64f38f6b9f', class: "variable-name" }, h("span", { key: '784d8211764f541964f41a951b724fe15525b526', class: "variable-part" }, "tet"), h("span", { key: '991ac0e6fcb62610ff69055a58012348dfb7b8d4', class: "variable-part" }, "-link"), h("span", { key: '41afb968dd3d70b412aab8a526950025a619d2ae', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '4bc026e7ef12ef524f96664610b008fd9d2a11c2', class: "container" }, h("div", { key: 'd6df6712a8faa4cf15fd44b4562450073e4e802a', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '893b69a1c055e7fe8add89f5900bca59d1d8b297', class: "container-section container-example" }, h("code", { key: '3ec009c89388071a9b352af03f537aafbfbb9be9', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: '04c06043894e85f87f9ccf8e0b04cceec63ae623' }, "Link klase bez bulti\u0146as uz ", h("a", { key: 'f1b14d21c9e27aa8ba3e0c00fa9d5200a1b88930', class: "tet-link", href: "#" }, "elementa")), h("code", { key: 'd1eb5f8c39945a69547cfa155961177241e94f37', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: 'a244e69f9b69275fe59922f68519a6b5b467a5d1' }, "Link klase ar bulti\u0146u uz ", h("a", { key: '922070d31c9cded5f42ea1fe9c67c56279df71d4', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '574eaaa0a8b61aa106df42e2af3becafb1ca91b7', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: 'a8c4d4af4f7a48d098c870ba53dc53fbb0490ec7' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: '922fac51610d09ebe6a1c7b5646c2ac0c59c2b71', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: '2ba95026537f3c24ae7e1860a4d3e7a05af58471', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: 'b7d89135883efc85077d476e67ed5fbdc7334c29', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: '2bcea0961733654753785ad7717bc5ad6d43880e', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
+        return (h(Host, { key: 'fc6e3203071dfb10b9b75224dda3e59576173843' }, h("div", { key: '6603fa594e096f064b042f73e2ab22a5ace3e379', class: "container variable-container" }, h("div", { key: 'd84f030601b10f9ea3c5c96a97bb472c256bd7b0', class: "container-title main" }, "Linka klase"), h("div", { key: '6a08bae58ee1ccc930bdf3894fe281b9c3c268ba', class: "container-section" }, h("div", { key: 'aab6bb227a5cdb96c6d968f74f789ab9d97d35f5', class: "variable-wrapper" }, h("span", { key: 'a3309258aba3bae78251fcb504d093ae7d11963f', class: "variable-name" }, h("span", { key: '8656d39b8d00079665ffceded0435b0be674c991', class: "variable-part" }, "tet"), h("span", { key: '69ddb83a913f7ab7687de8a71fe93dafcbf68bc6', class: "variable-part" }, "-link"), h("span", { key: '7e177b62b65eb05dbe876288ccad666fde9bbc78', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '1eea55a6bcd056121836ac5ca55826c141e3e74c', class: "container" }, h("div", { key: '437c520f23d1acb9499a5440c1af99dea791340a', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '118d832956190f2876c00f6cc33f5f0c8253311c', class: "container-section container-example" }, h("code", { key: '31bf1f6b5c21fe05edd0e9199c93f27fdaf9259e', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: '90354140feafce2bd80373df6aa125c749b8fb7b' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '32480dc090dbbe4c5f3ec2db23a395a9ceaade99', class: "tet-link", href: "#" }, "elementa")), h("code", { key: 'a26d14762929aa137e700c1d38512eceafaf8e9b', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: 'e6798a34bf66a7e899b271497422d0d2d5f64ac5' }, "Link klase ar bulti\u0146u uz ", h("a", { key: '3e7410b49f9584f2d773cd4e88ffd543dc75078d', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: 'f2e22bfeef30ffcf457a5be7e9f59d6cc97e0293', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: 'fc99221f6116435bbc67e2564ff0721ff4f134bd' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: '04e6236f132439a9aa4d0de67f706a8f01325269', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: 'e738e161447cc926f3143229598accd3331a85a5', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: '3e25f3a989506f837d69d8a28fb8cf44ca2264a1', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: '820042e0d7f7a6d5479f77e2069da6abceac60a8', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
     }
     static get is() { return "tet-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -95,7 +95,7 @@ export class TetPosition {
         const interactiveCardClasses = `${exampleCardClasses} ${this.examplePositionClass} ${getPositionOffsetClass(this.examplePositionClass)}`;
         return (h(Host, null, h("div", { class: containerTitleClasses }, "Position pal\u012Bgklases"), h("div", { class: "container-section tet-d-flex tet-flex-column tet-spacing__md--p tet-color__grey40--border tet-border-radius--xl" }, h("div", { class: "variable-name tet-font__headline-m tet-d-flex tet-flex-row tet-flex-wrap tet-justify-content-center" }, h("div", { class: "variable-part tet-font__headline-m tet-align-self-center" }, "tet-position"), h("div", { class: "variable-part tet-font__headline-m tet-align-self-center" }, "--absolute")), h("div", { class: "variable-name tet-font__headline-m tet-d-flex tet-flex-row tet-flex-wrap tet-justify-content-center" }, h("div", { class: "variable-part tet-font__headline-m tet-align-self-center" }, "tet-position"), h("div", { class: "variable-part tet-font__headline-m tet-align-self-center" }, "-md--fixed"))), h("div", { class: sectionDividerClasses }), h("div", { class: "tet-spacing__null--mt" }, h("div", { class: containerTitleClasses }, "Interakt\u012Bvs piem\u0113rs"), h("div", { class: containerCommentClasses }, "Maini position klasi un apskati rezult\u0101tu"), h("div", { class: "section tet-d-flex tet-flex-column tet-spacing__md--p tet-color__grey40--border tet-border-radius--lg" }, h("div", { class: "example-controls tet-d-flex tet-flex-wrap tet-align-items-end" }, h("tet-dropdown", { class: "control-field", label: "Position klase", theme: "light", buttonLabel: "Izv\u0113lies", closeOnSelection: true, options: positionOptions, onOptionSelected: event => {
                 this.examplePositionClass = String(event.detail.value);
-            } })), h("div", { class: "section-content tet-d-flex tet-flex-column" }, h("div", { class: exampleBlockBaseClasses }, h("div", { class: interactiveStageClasses }, h("div", { class: interactiveCardClasses }, "Preview")), h("div", { class: sectionStyleClasses }, "Akt\u012Bv\u0101 klase: ", this.examplePositionClass), this.examplePositionClass === 'tet-position--fixed' && (h("div", { class: "example-helper tet-color__grey60 tet-font__body-xs tet-text--ac" }, "Fixed elements tiek piesaist\u012Bts viewport un var iziet \u0101rpus parauga laukuma.")))))), h("div", { class: sectionDividerClasses }), h("div", { class: "accordion-wrapper tet-spacing__null--mt tet-color__grey40--border tet-border-radius--lg tet-overflow-hidden" }, h("tet-accordion", { theme: "light", isOpen: true }, h("div", { slot: "header", class: "accordion-header tet-position--relative tet-d-flex tet-justify-content-center tet-align-items-center" }, h("div", { class: "accordion-header-title tet-text--ac" }, "Position v\u0113rt\u012Bbas"), h("tet-icon", { class: "accordion-header-icon tet-position--absolute", name: "chevron-down" })), h("div", { class: "accordion-comment tet-spacing__sm--pt tet-spacing__sm--plr tet-color__grey60 tet-font__body-s tet-text--ac" }, "Viena grupa ar vis\u0101m `tet-position--*` klas\u0113m un vair\u0101kiem piem\u0113riem."), h("div", { class: "tet-d-flex tet-flex-column tet-spacing__md--p tet-spacing__sm--mt" }, h("div", { class: "section-content tet-d-flex tet-flex-column" }, h("div", { class: "section-title tet-font__title-m tet-font-weight--semi-bold tet-color__grey80 tet-text--ac" }, "Piem\u0113ri"), h("div", { class: "tet-d-flex tet-flex-column tet-spacing__sm--mtb" }, h("div", { class: exampleBlockClasses }, h("div", { class: "example-title tet-order-2 tet-font__body-s tet-color__grey70 tet-text--ac" }, "tet-position--static"), h("div", { class: exampleStageClasses }, h("div", { class: exampleCardClasses }, "Static"))), h("div", { class: exampleBlockClasses }, h("div", { class: "example-title tet-order-2 tet-font__body-s tet-color__grey70 tet-text--ac" }, "tet-position--relative"), h("div", { class: exampleStageClasses }, h("div", { class: `${exampleCardClasses} tet-position--relative example-offset` }, "Relative"))), h("div", { class: exampleBlockClasses }, h("div", { class: "example-title tet-order-2 tet-font__body-s tet-color__grey70 tet-text--ac" }, "tet-position--absolute"), h("div", { class: exampleStageRelativeClasses }, h("div", { class: `${exampleCardClasses} tet-position--absolute example-absolute` }, "Absolute"))), h("div", { class: exampleBlockClasses }, h("div", { class: "example-title tet-order-2 tet-font__body-s tet-color__grey70 tet-text--ac" }, "tet-position--fixed"), h("div", { class: exampleStageClasses }, h("div", { class: `${exampleCardClasses} tet-position--fixed example-fixed` }, "Fixed"))), h("div", { class: exampleBlockClasses }, h("div", { class: "example-title tet-order-2 tet-font__body-s tet-color__grey70 tet-text--ac" }, "tet-position--sticky"), h("div", { class: `${exampleStageTallClasses} tet-overflow-auto` }, h("div", { class: `${exampleCardClasses} tet-position--sticky example-sticky` }, "Sticky"))))), h("div", { class: "tet-divider tet-color__grey40--background tet-spacing__sm--mtb" }), h("div", { class: "section-content tet-d-flex tet-flex-column" }, h("div", { class: "section-title tet-font__title-m tet-font-weight--semi-bold tet-color__grey80 tet-text--ac" }, "Klases"), renderClassGrid(positionClasses)))))));
+            } })), h("div", { class: "section-content tet-d-flex tet-flex-column" }, h("div", { class: exampleBlockBaseClasses }, h("div", { class: interactiveStageClasses }, h("div", { class: interactiveCardClasses }, "Preview")), h("div", { class: sectionStyleClasses }, "Akt\u012Bv\u0101 klase: ", this.examplePositionClass), this.examplePositionClass === 'tet-position--fixed' && (h("div", { class: "example-helper tet-color__grey60 tet-font__body-xs tet-text--ac" }, "Fixed elements tiek piesaist\u012Bts viewport un var iziet \u0101rpus parauga laukuma.")))))), h("div", { class: sectionDividerClasses }), h("div", { class: "accordion-wrapper tet-spacing__null--mt tet-color__grey40--border tet-border-radius--lg tet-overflow-hidden" }, h("tet-accordion", { theme: "light", isOpen: true }, h("div", { slot: "header", class: "accordion-header tet-position--relative tet-d-flex tet-justify-content-center tet-align-items-center" }, h("div", { class: "accordion-header-title tet-text--ac" }, "Position v\u0113rt\u012Bbas"), h("tet-icon", { class: "accordion-header-icon tet-position--absolute", name: "tc-chevron-down" })), h("div", { class: "accordion-comment tet-spacing__sm--pt tet-spacing__sm--plr tet-color__grey60 tet-font__body-s tet-text--ac" }, "Viena grupa ar vis\u0101m `tet-position--*` klas\u0113m un vair\u0101kiem piem\u0113riem."), h("div", { class: "tet-d-flex tet-flex-column tet-spacing__md--p tet-spacing__sm--mt" }, h("div", { class: "section-content tet-d-flex tet-flex-column" }, h("div", { class: "section-title tet-font__title-m tet-font-weight--semi-bold tet-color__grey80 tet-text--ac" }, "Piem\u0113ri"), h("div", { class: "tet-d-flex tet-flex-column tet-spacing__sm--mtb" }, h("div", { class: exampleBlockClasses }, h("div", { class: "example-title tet-order-2 tet-font__body-s tet-color__grey70 tet-text--ac" }, "tet-position--static"), h("div", { class: exampleStageClasses }, h("div", { class: exampleCardClasses }, "Static"))), h("div", { class: exampleBlockClasses }, h("div", { class: "example-title tet-order-2 tet-font__body-s tet-color__grey70 tet-text--ac" }, "tet-position--relative"), h("div", { class: exampleStageClasses }, h("div", { class: `${exampleCardClasses} tet-position--relative example-offset` }, "Relative"))), h("div", { class: exampleBlockClasses }, h("div", { class: "example-title tet-order-2 tet-font__body-s tet-color__grey70 tet-text--ac" }, "tet-position--absolute"), h("div", { class: exampleStageRelativeClasses }, h("div", { class: `${exampleCardClasses} tet-position--absolute example-absolute` }, "Absolute"))), h("div", { class: exampleBlockClasses }, h("div", { class: "example-title tet-order-2 tet-font__body-s tet-color__grey70 tet-text--ac" }, "tet-position--fixed"), h("div", { class: exampleStageClasses }, h("div", { class: `${exampleCardClasses} tet-position--fixed example-fixed` }, "Fixed"))), h("div", { class: exampleBlockClasses }, h("div", { class: "example-title tet-order-2 tet-font__body-s tet-color__grey70 tet-text--ac" }, "tet-position--sticky"), h("div", { class: `${exampleStageTallClasses} tet-overflow-auto` }, h("div", { class: `${exampleCardClasses} tet-position--sticky example-sticky` }, "Sticky"))))), h("div", { class: "tet-divider tet-color__grey40--background tet-spacing__sm--mtb" }), h("div", { class: "section-content tet-d-flex tet-flex-column" }, h("div", { class: "section-title tet-font__title-m tet-font-weight--semi-bold tet-color__grey80 tet-text--ac" }, "Klases"), renderClassGrid(positionClasses)))))));
     }
     static get is() { return "tet-position"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetSpacing {
     render() {
-        return (h(Host, { key: 'cd154276d7c54ac2dab42c96af2c44fa1926e4d6' }, h("div", { key: '26760e5a8186b4e98f15143d9bb8e9251f2efb9e', class: "variable-container" }, h("div", { key: 'd92cc6ef42367a27117393be506300ed2d8a719b', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: 'e31a0f235eed2049481b093d5d4abe4142c47706', class: "container-section" }, h("div", { key: 'a239bddd22fc6a28f62fb8d6868900c6267959a1', class: "variable-name" }, h("div", { key: '1ef57ae952bd19e2a538e890ffca657adda0c20f', class: "variable-part" }, "tet"), h("div", { key: 'f16025c474af6783f829660ed8e2e0c926b7e898', class: "variable-part" }, "-spacing"), h("div", { key: '9777344770d77bdd5b253109cc0b2733a05d4bba', class: "variable-part variable variable-size" }, "__md"), h("div", { key: 'a61ef653f5fcadebc8c8f1a45d305c87e9b5c272', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: '3b3aa5f7593eb0be5127a7820568edf3bddf3d12', class: "container-wrapper" }, h("div", { key: 'f00679ff05f370b63cda9ceba99cda31840da718', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: '0865fe50d67f4eddd8ec9682d7b0d3fdc6a28f2e', class: "section" }, h("div", { key: 'd0b055d117d6731543d7bb90e4069bff3ca15d9e', class: "section-wrapper" }, h("div", { key: 'e05453de6c8bb5501a5bb11d4c6a1ac4351da892', class: "section" }, h("div", { key: 'e4ea083bffd2fa4f8aa2faef383299fb33214f2a', class: "section-content" }, h("div", { key: '1f679a8c8f8052b9a6fe23951cdaaead8044c120', class: "section-style" }, "__null"), h("div", { key: '612c240a0717dc460faf85e1fe2e54c04b22da4c', class: "section-style-attribute" }, "0")), h("div", { key: 'd3b6e4a730dc4f027a6f6e0f301c85f99202c617', class: "section-content" }, h("div", { key: '62e7f000ef340cd355fececa736a7aaf18bcbd78', class: "section-style" }, "__3xs"), h("div", { key: 'b30d6ab5f292d83caf332765b50f517376ccf606', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: 'bb9936c573a00174a6021234e1db44ae5ef05c2c', class: "section-content" }, h("div", { key: 'd77d837820bc6079dfd99fdca98219b19ce7ab9b', class: "section-style" }, "__2xs"), h("div", { key: '5ee6d1f4a150ceb8a588f74e7abd7d8a2ee05c28', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: '028aa549a6e1e30debc25a1b19a1972a97565e65', class: "section-content" }, h("div", { key: '5c3704357bb810c070910a50f4af1125d4ddfeb0', class: "section-style" }, "__xs"), h("div", { key: 'c8fafbad1450769e3c35fb59b560c86ab9e112a4', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: '3e5690f08dde45ffa3d9ce4c19b9f1b6f2c8c556', class: "section-content" }, h("div", { key: 'c9d03753040736ab125fa9adfc179a28a10a28f1', class: "section-style" }, "__sm"), h("div", { key: '07438f53117d2ab531f391072456d5bad3e1cd81', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: '216318b5ab58ad8ffbbc85db23061c9511ce00ed', class: "section-content" }, h("div", { key: '981239d14142029e3948871bb7a71bad6ddfa482', class: "section-style" }, "__md"), h("div", { key: '65184185fadab01862062710d4ecd60ce382bc09', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: '38328f07d5db7f6d019bfd06bf13c3730022c21f', class: "section-content" }, h("div", { key: 'd5dffbaa5e01dfb473bee5580041da5cbbe95164', class: "section-style" }, "__lg"), h("div", { key: 'da6eadc808d2c1dd4cc41de9bb1bd3c8bd0b4c06', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: '699b9972ae9d19bb740b7834c4d3fd98267db927', class: "section-content" }, h("div", { key: '42b7454615f328a786df3241f666bf92fa31b1d0', class: "section-style" }, "__xl"), h("div", { key: '2c2f9fdecdf78f37b2bcb2d83250fadbc1fbedcf', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: '2e2f7493e234b35267b94dcab9c01927f3697a55', class: "section-content" }, h("div", { key: '4bfffb2629fb9e248bd47c0ea4ad8c245bd40909', class: "section-style" }, "__2xl"), h("div", { key: '701603aee304050ea40552a6e37365a400912a9f', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: '5947954431d9c9565c7948beb6706aaec535b373', class: "section-content" }, h("div", { key: '43bd78c7988a2639b36900d9d7b7e39b9222a34b', class: "section-style" }, "__3xl"), h("div", { key: 'b2e41a08cba595676864800ec9beac7e22796ec1', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: 'd644a16f644d6096d6cbc879c0f5c9300d51f23a', class: "section-content" }, h("div", { key: 'c3c86b74b5c0439938e1044cc2af27a93679cf55', class: "section-style" }, "__xxl"), h("div", { key: 'c091c3ce045d2f3a0c64353efea81664cf47f7e2', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: '9848be58e53e8082195749c183c4a280ace5bde9', class: "section-content" }, h("div", { key: '336c6ff64b56265a0bc8297156e1b52784e3f462', class: "section-style" }, "__2xxl"), h("div", { key: '34c04d4cc6c9c8bc6976afd6e54439421f45ebdf', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '775febf46e4c96cbd229a0f5a6337238a4350502', class: "section-content" }, h("div", { key: '3a7c73d48047af97d082f4d97fa4b406e978acef', class: "section-style" }, "__3xxl"), h("div", { key: 'f5741104668b0cc5d35f047a32fa0a1eaff0f5a9', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: '5e84478f8945871c785e13b9b7cc7e6490b71506', class: "section-content" }, h("div", { key: '44ed69402f4d1da2944d9625156e8fd5d08b240c', class: "section-style" }, "__mg"), h("div", { key: 'a35e296fa609168cf91e62d6d7461fe7a269b5ff', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: 'e47d23852fb284cba0342cdeffaffecf368262df', class: "section-content" }, h("div", { key: '1940597e81bc79ca78fd9f42a6448ccc578c4245', class: "section-style" }, "__2mg"), h("div", { key: 'dadbd30ae15c3e43c94d62268b2963e9edbad7f9', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: '10d36da9a43ed06275fc5c5324c11a5b87e130d1', class: "section-content" }, h("div", { key: '09e21576bd45d665b1d1166f6626d4f75abe7cbc', class: "section-style" }, "__3mg"), h("div", { key: '71ac6ea1ec4a8e5a1277c6a4cfd3f24e8b395c3e', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: 'f5d62456d784fa9eba5f6d8b9b1306b5450aafa4', class: "section-content" }, h("div", { key: 'a10a85935f668ede6c3091f14eaa70e116fb6b24', class: "section-style" }, "__gg"), h("div", { key: '41b0cf6e84a9fd37369cb962f243c44e0a6f2a84', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: '13b68291b3d2e2d9299acc767eba0b43127e0aac', class: "section-content" }, h("div", { key: '3d57693ab442fa368c21b3f967e456cda17f5757', class: "section-style" }, "__2gg"), h("div", { key: '14a111ecac2087ea6a73caa9af5067ac342b126c', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '44f1e40abfe839ee8d0206f81aee913e9363fa90', class: "section-content" }, h("div", { key: 'e24fbc3df88fe9d1622e17f130128cb658100631', class: "section-style" }, "__3gg"), h("div", { key: 'db68f1c7af0befaf8898870e82e10df48d6fdf8b', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: 'dac01251375ddeb799f0f7ce7c5fa2ce41b0badf', class: "section-content" }, h("div", { key: 'e1ef036be131bb94bf3727957066cb909990a716', class: "section-style" }, "__xgg"), h("div", { key: '84ae12a820ad32110d97919474d3f204a299cc91', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: 'f15d1fcdece75b3cb0bf3521bb8c7c7fbb908783', class: "section-content" }, h("div", { key: 'e5abe3cc9e5cf00d28711ebed8e074f89c20d7a6', class: "section-style" }, "__auto"), h("div", { key: '978a1accbdb0d17292bcd8ac07e44d0681ebd1f3', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: '0833942d80c93f4bb37ce0c44ce08a2c40f52890', class: "section" }, h("div", { key: 'b73d5c359a962497f99dfe6d4fbbf9593397a746', class: "section-content" }, h("div", { key: '975e54f7a1eeda6ac71099588bdb99594e99a9ab', class: "section-style" }, "--m"), h("div", { key: 'ee8e582d0dbe1926a2d9c9d123360b89c1425523', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '1a3b4841560469baf63e4539608b0bd144bee45e', class: "section-content" }, h("div", { key: '50082f3e69a4b245ed744f9b22772e6560e5bc16', class: "section-style" }, "--mtb"), h("div", { key: '730b35f2b07ac5ce70812e6395e6503ddc96f9d0', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: 'de25d3e4d16add3c1c668fbf812f4e57c4b48971', class: "section-content" }, h("div", { key: '9542b07d028efdff58a2908f238bd2f2a407caf0', class: "section-style" }, "--mlr"), h("div", { key: '75b0b88bff869b2d32034e43f587094ef9a1d676', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '5fa2ad9eb3da125a98384bc59a0c51360bc5ec4b', class: "section-content" }, h("div", { key: 'a47d9d9cd994cf7aad82446a0d8dc0054c4d368e', class: "section-style" }, "--mt"), h("div", { key: '93b2fee976485859661e3c1dc7f54dd5b17c82b7', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: 'e662887c52f2882c5878689d03046116682b6845', class: "section-content" }, h("div", { key: '008b54f73a4778302ffdd3b8a8f3421760efff59', class: "section-style" }, "--mb"), h("div", { key: 'c383e618444ba43f3957c4957004d0141943b9a4', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: '1708d04e4c4e921041e84b1ca46954c9183142cf', class: "section-content" }, h("div", { key: '7aecbba253a8650ac005853b77efbb547660e5b1', class: "section-style" }, "--mr"), h("div", { key: '9ac990719865ba8d96778303b5caa0de50384fd6', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: 'd134dd9037b48d3451359f1b2257347c82848815', class: "section-content" }, h("div", { key: '8285ce3b836d8d17cd1b2ae31b9f9dafcac20c13', class: "section-style" }, "--ml"), h("div", { key: '3ac12655957c3d17a5979e1bc9f71915ea378899', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: '0a589af6dafd436ff8603c214f064d1151d1983b', class: "section-content" }, h("div", { key: '2c478e6b1f32b74faa10f07930c024628393b523', class: "section-style" }, "--p"), h("div", { key: '30ee5d3d9a1e59f1b78150cd5dd42d8e3af38be4', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: 'd76ab83f27ae9935620266ef415fcfa43a596b6d', class: "section-content" }, h("div", { key: '1279fe1ec9ff3213bbe79bcb2f9c68835d540785', class: "section-style" }, "--ptb"), h("div", { key: '6445c6ca9d354731d5cacb2c87905128027fb97d', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '795d6a2da473d72e289326a5cd3cace5eca5e4aa', class: "section-content" }, h("div", { key: 'd11389c61957fd7af0e5e05dee8c3648aa6c0c2b', class: "section-style" }, "--plr"), h("div", { key: 'c5bd96b0607978bf34ce534165954fb6634a6df4', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: '42af0bf54aca0788b78fb8d2362676e34ba7ccca', class: "section-content" }, h("div", { key: 'cc648da826cc63c4742a60954add957c52384441', class: "section-style" }, "--pt"), h("div", { key: '1c203688c1d5671a9d4becedac1efece7928a494', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: '4db3a06bb3ff94296e13634823790040e9751608', class: "section-content" }, h("div", { key: '58eb76a84b101f7b3e7fb3c6388e3d1bc8122c77', class: "section-style" }, "--pb"), h("div", { key: 'd62b25aac3eac915bf2b84499ca88b707aa62bfa', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: '3fc71bc13c805523fe8f24e2ca7d67c5856432b4', class: "section-content" }, h("div", { key: '758f736428ab610e65f1f687500936c3a16f5b62', class: "section-style" }, "--pr"), h("div", { key: '0a6ebdeede8a12d1fc87eb53eaf33b9ba29d29d9', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '7557793ee67545069ec54ff6ee70e2b9b13fbf48', class: "section-content" }, h("div", { key: '11aee75a33c7d2251664176f20a6191b5ac91dd6', class: "section-style" }, "--pl"), h("div", { key: '65e859a299c681ddf99b30f30de5695bdb3c7327', class: "section-style-attribute" }, "padding pa kreisi"))))))));
+        return (h(Host, { key: '81ee5e53bdda42cc8ee3301177879e6724c229ec' }, h("div", { key: '902685f5a47d7f65bed330db768788464ba105f0', class: "variable-container" }, h("div", { key: '2e374d80599c7748e5636f8110d32ce5fd96850b', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: 'a3e7f339691cbcdea51552d8f043756b377b3fad', class: "container-section" }, h("div", { key: '5a06c53729d2bcb13c379aa94718d3965ba9a2b1', class: "variable-name" }, h("div", { key: 'c4c6e34cf5d71409d38f31f7a794d8e03a50d9c4', class: "variable-part" }, "tet"), h("div", { key: '33646e6242bb63c6bd2c54cfd3c5072dc4b0271a', class: "variable-part" }, "-spacing"), h("div", { key: '40eadbf63c53ec2570135974bc8d400a22d6cec0', class: "variable-part variable variable-size" }, "__md"), h("div", { key: '4d4320585e9a1f8c039b77fae3152d2bc58fa8d8', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: 'eaf24ee880bd271ced816a4758d7ff2fea7cffb9', class: "container-wrapper" }, h("div", { key: 'b29f752ce52ba94511a5be5b3350b686f925adb9', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: 'c4822fcedfa5c743d9d07817bc771318b412546a', class: "section" }, h("div", { key: 'f0ed42016b3b206faa06e118f87b155016fc192c', class: "section-wrapper" }, h("div", { key: 'bfc4de1f3f139734a11d6ba1c3b2cb71fc151ef0', class: "section" }, h("div", { key: 'a1927b847d9fc61ce49bb1f5cfd1bff5f935712b', class: "section-content" }, h("div", { key: '68c1bd55c331b1e056d38a48600a2a39ce5ac9e3', class: "section-style" }, "__null"), h("div", { key: '517285e5db76726082a6a9dea20f437fbcced27f', class: "section-style-attribute" }, "0")), h("div", { key: '9a0681dbaf88113f3c2832dfac8df2eef61904bd', class: "section-content" }, h("div", { key: '364b3431b70cfc5c20ec15a5f3df91ee3c6b1028', class: "section-style" }, "__3xs"), h("div", { key: '5f33a726fec1f0758c0dac8f7958e8f5daa20761', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: '6b2d9dcb7ecc7c837cd0d9da15274fc8cc1cd11b', class: "section-content" }, h("div", { key: 'b13afc674441d67bd3183c5604a46b02ea35a752', class: "section-style" }, "__2xs"), h("div", { key: '1e696ce79f8a15022b22f8442f6873bd3bb879cb', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: '2086d0a04217922e1fb4acd3585ae755aa0b8e49', class: "section-content" }, h("div", { key: 'd9c99f1601beefc34b5c948104221d6a432b9589', class: "section-style" }, "__xs"), h("div", { key: '6d5539c75721bcfc5dfd751463c6dc186ba2cd95', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: '4a0351ebaa320537d06e9bb311fe2d473d627847', class: "section-content" }, h("div", { key: '2e48ae938558994cd101fbb8083bfdccc93ff9dc', class: "section-style" }, "__sm"), h("div", { key: '4ae0c05008417bc5ac818f430748a99335cc1508', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: '0363cebc3778cf5e8846490539afffba7a3facc3', class: "section-content" }, h("div", { key: 'bfbaab362e21874572aa6602da8cdf9c1a2d52b2', class: "section-style" }, "__md"), h("div", { key: 'f3b93451f3e3cb0e48f189d1aca202ecff4c2cab', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: 'b562230a9d92876056f9fdeddb092f8f24715d78', class: "section-content" }, h("div", { key: '6385f8193ca436aa7e0d2d51e0f15b37cb5e97a4', class: "section-style" }, "__lg"), h("div", { key: '234290e3b3cc51c97770a259246d89fca6fc9be4', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: '6df358d6e3d38412ed7bd50369355590c6481824', class: "section-content" }, h("div", { key: 'de61ff373ea1f3243680f881a02094c4f3211bc5', class: "section-style" }, "__xl"), h("div", { key: '9939e59a966e4b8ee48282dc7370271ea537a8c9', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: '31c16718604109675667d68b45ef4c013f8594a2', class: "section-content" }, h("div", { key: '63cffbb95230042deea7fd6bc8019c2e731a362d', class: "section-style" }, "__2xl"), h("div", { key: 'e92c85aa1d808830c02d5b5b7364973d2331ad27', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: 'ce4c5235be6480993039f7c269166bfb4db20a11', class: "section-content" }, h("div", { key: '389ef14d8c9771037328a6d8da8aaf8602f9919a', class: "section-style" }, "__3xl"), h("div", { key: '21ca77a1dcb0b5c195df401ccd284637706041c0', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: '97728da2e1f86788f637d27c37d455922ea4608f', class: "section-content" }, h("div", { key: '338fc3b7ca6d3578062a712ffe54965d1d817982', class: "section-style" }, "__xxl"), h("div", { key: '8bbbb2ba6c56ae20e37e58b4df7f2143005387ce', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: 'f424f01c790da2db3238ea99ee5731b6f6052a4a', class: "section-content" }, h("div", { key: '65480bd5f0a250a7e619bcc4936f332e03c01b84', class: "section-style" }, "__2xxl"), h("div", { key: '8b2469fd4525cb4bbc8110c0a14792efb7ed2402', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: 'c51acb301dede7a77d0c8324b83245ca2d027ae7', class: "section-content" }, h("div", { key: 'e37d9912cb29fe92167a3c0bf6f2e96717a3aaaf', class: "section-style" }, "__3xxl"), h("div", { key: '1bdec6d200bdbafbfadbbcd0dafae79fe280cf8e', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: '6d0b27ef98e3b4aa17cb6d043997bac089bc5530', class: "section-content" }, h("div", { key: 'bb15079769b651223d91eb9b7a578a6a168e47b8', class: "section-style" }, "__mg"), h("div", { key: '10566b043d6f36dc4cae1de907a28d3adb22c09a', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: '455b72485a9b535c553a6c8097ee207b3139f92b', class: "section-content" }, h("div", { key: '66507d62b3c72bc95a096600819450a6f6c24b5e', class: "section-style" }, "__2mg"), h("div", { key: 'd34422d73e7f519c674ffa6f31ce125bcab8ae4f', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: '98ef1ba844a2a8996b0826dda7fe8ddd78bbb814', class: "section-content" }, h("div", { key: '4095f89bd3fa3db249aa64bd96138f755e930d58', class: "section-style" }, "__3mg"), h("div", { key: '811508618f9f9e390e8efd1fb1c94d9300d47a7e', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: '8ec6b1772843b2d1851e3f651314139b05ae6317', class: "section-content" }, h("div", { key: '9332f920b0ab12b22992c26ba0e987a87a02b5c5', class: "section-style" }, "__gg"), h("div", { key: '88da14e76668c25162627395953ee9f700bc27cc', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: '3ab83cc092ad17200e747c444924c57ada9f558b', class: "section-content" }, h("div", { key: '26a72cc8be7c705fcf12a373a576605185e32999', class: "section-style" }, "__2gg"), h("div", { key: '753a0d321e5a2d8ede2042b87b4af00fd6061bd7', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: 'af1d6afa0ad309fe53ffa2a5d791651d414b8d95', class: "section-content" }, h("div", { key: '4c7033117937f101045d7f98a65e8ce7e5550dd7', class: "section-style" }, "__3gg"), h("div", { key: '88c52492cedbc341380d8ccb315155f8cec048dd', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: 'fddfd3e6485cee1ddbbc924c21169feba50cdb76', class: "section-content" }, h("div", { key: '1a619015c6314af998741a5ff8fc67a1d84d8d6a', class: "section-style" }, "__xgg"), h("div", { key: '4159a18819a3e40a0f77a0fd88ce1ac21c223f11', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: 'b36ec1e04e76685253daecc4ef7596f37379e4cf', class: "section-content" }, h("div", { key: '6c93407bfd669e1181454151e92f65dabe68e53a', class: "section-style" }, "__auto"), h("div", { key: 'd942d0f18727460afd03d97a89959fc61c0f28a5', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: '716214299e53cb71586a94f55c3fbff6c9ec1cd1', class: "section" }, h("div", { key: '58a416ae1c359d7d39a0d2ab103f2e6971a8de20', class: "section-content" }, h("div", { key: '53c3364861d99335ddf164bcd55a42daa91e5fa7', class: "section-style" }, "--m"), h("div", { key: '236fb48af0c38090f4197af50d3e45ce9a751702', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '2253d1074a4e352813e8a48b9733bb5bc7759a4b', class: "section-content" }, h("div", { key: 'e75817fedf8f5e093111e23d935ab29dc130ec25', class: "section-style" }, "--mtb"), h("div", { key: '80500da4b446a1ee242dcdc8364d4ae064fb965a', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: '2aa100c40965eed63c9c48b5ac518ad173ccd5fc', class: "section-content" }, h("div", { key: '271385cf729427981e80c8a5ade22842b1ef3b7f', class: "section-style" }, "--mlr"), h("div", { key: 'd265dbd30d493668f6acda0edfc708db7480f5e6', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '908bbc7fc1d8f6940f827adfa0d60a7f3c97e780', class: "section-content" }, h("div", { key: '950d06fa73d8f1eb90026a9eec4114e618a0c264', class: "section-style" }, "--mt"), h("div", { key: '90880257d9d1354363b7a1d04b2d7504e72ce5ef', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: '829f372e21c8cdd81a83986b01a4eaf9f888199c', class: "section-content" }, h("div", { key: '13aaeac676034baff29aab078f64069068a7d219', class: "section-style" }, "--mb"), h("div", { key: '1100bc377d90109de036095032fd09167bf2e3be', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: 'fa285d7448f0248a33f1bed6c815bde037aa5113', class: "section-content" }, h("div", { key: 'db5ac3ef3c10fabacc87d84669a9a258d0295f00', class: "section-style" }, "--mr"), h("div", { key: 'f5a988f5f4299e5e35be40cb6cee74e967a8d8a0', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: 'aebc8c11329a50d7b1ef790fb9f7d912ea558012', class: "section-content" }, h("div", { key: 'edcc822f5773afc7e4cfca43ae60c843c647eb64', class: "section-style" }, "--ml"), h("div", { key: '5732e638028c8eb18e4b676c50e6f7cf7f10bd64', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: 'd300c204c4996f1525f557dc693a791b40b972b3', class: "section-content" }, h("div", { key: 'eca7fddc62a5a60b6a5ac9ac916745c88e45c568', class: "section-style" }, "--p"), h("div", { key: 'b158f00f305b73151d7edcf8ccb3276a5660dd3c', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: '9051a106e0ad9128d24f95d0d4e2cef2fbd2a508', class: "section-content" }, h("div", { key: 'f26ff1ae3004551b020cbc1b069b64e4abab1695', class: "section-style" }, "--ptb"), h("div", { key: '6c6182270e684da2b5a21c8ad0cb22e3ada27250', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '2d33cdaf0c3ecc1b23dde55915336ac19fc21c37', class: "section-content" }, h("div", { key: '1282801061452273ecd36a7c301d77c6b28af804', class: "section-style" }, "--plr"), h("div", { key: '4086586e3469fdcd03c814cca35acea6dd1a111f', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: 'd79bd7797ebceaed25644a6121cfe39d453a55a5', class: "section-content" }, h("div", { key: 'ee903e654ba60f6ca83e7e602387d4b4d82fc57c', class: "section-style" }, "--pt"), h("div", { key: 'e8e32fe14f37d0207d935997659c01ff88746e86', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: '1a075b637e3a57993342781bb9b441d4e9c52e2e', class: "section-content" }, h("div", { key: '2a7e2e4a6c1f427b30581464e12267b36b94b77d', class: "section-style" }, "--pb"), h("div", { key: '549ae21f7332a729d6af371f820b75d5922ccc83', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: '80be498f9d2f0606574144a65ef942f95e66821d', class: "section-content" }, h("div", { key: 'e33eb36cf67e559db3962016a1c2e1c77f160995', class: "section-style" }, "--pr"), h("div", { key: '8f00bee52470df25ef7e3854bc8d15c0ab6ea0d4', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '617a82995a64192f8b3d6ab063948349cfc07f9e', class: "section-content" }, h("div", { key: '85691c70aaf97242e08175feb35f3ebd4d0ff824', class: "section-style" }, "--pl"), h("div", { key: '3e630b6811f82a9e6b32dac4d494e6f844d0b771', class: "section-style-attribute" }, "padding pa kreisi"))))))));
     }
     static get is() { return "tet-spacing"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class TetGrid {
     render() {
-        return (h(Host, { key: '3e39e981b52e1dc3c3dd47bdfcafec6160042c21' }, h("div", { key: 'f95e5a76d886b3f4d114aeb3ea48dc9276972203', class: "variable-container" }, h("div", { key: '2215a11d1008866a718f0f2222703a892ad69836', class: "container-title main" }, "Grid klase"), h("div", { key: '86fff648c10ea73ab6fc2269c51542e71251a961', class: "container-section" }, h("div", { key: '8530dba7c5ffeffdbb2950c20e10892fa57eb8cf', class: "variable-name" }, h("div", { key: '127cf8c27ad2e75e34635c9cbb33fa6483389e59', class: "variable-part" }, "tet"), h("div", { key: '577daf854ec118bacf8d519cb5d263bd7865fa2c', class: "variable-part" }, "-grid")), h("div", { key: 'e53b1e7627538828b549347770682158a8786c8a', class: "variable-name" }, h("div", { key: '05ba57dc46db24f1c066e2c3dfbad1610ffd27ea', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: '13c7d33f4bb4309ada6b080da6f6867b58447f1b', class: "container-wrapper" }, h("div", { key: '7b8fc35a71936749f27e1b31d1ef99968e465045', class: "container-title" }, "Grida lietojumi"), h("div", { key: 'abd3377fa91574747ddc2bcb14e13980c2b5cb86', 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: '38fe7605e2bbe1bfc99763b3bc4f482e58e49462', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: 'c550ec8b078646933b166808f0b741602251728f', class: "section" }, h("div", { key: 'b2c94d7576087a0bdb487ba916f1b4341e6445e4', class: "section-content" }, h("div", { key: 'aa4911d725045a3efc0057cc62a2f3f4528a3e95', class: "show-grid tet-grid" }, h("div", { key: '349b9c98a8a6df60b6f6eec98b89af6173b50a3a', class: "show-span tet-grid__cell--span-all" }, h("div", { key: 'c5f6a03e039a45c22117a102c467425d099a9c1f', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: '1e4846b225e6efe2882c635e6643f79b6dc8b64a', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: '2cd3456995f6a4220c2ddfa5ff63b0b25219df57', class: "section-content" }, h("div", { key: '15a9267ac8b5a0bcc609f1d1966093806dc3d957', class: "show-grid tet-grid" }, h("div", { key: 'd5b866c5995f0a1687b39ad3b256c90d437cce59', class: "show-span tet-grid__cell--span-4" }, h("div", { key: 'b77d32360d81f3679211f04b15e9871e8ae52491' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: 'a4a3386696c52d96d0fa1d1e207297aacdf0c587', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: 'c3240f31a8f510f25d3c5f762bae75b820feaa7b', class: "section-content" }, h("div", { key: '241f6551ecbb123d19f20f01d61a6f590bec13ce', class: "show-grid tet-grid" }, h("div", { key: '6b03e739d48724c9c6d4dd3d07f142d4ee7a48d0', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: '9cbbd45d274cdce846c342d9c1bbb0d9d03d5040' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: '286e46d7933c068245b3ce27c45d823f9b7ccc04', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: '9291a9dfd745ce552c69704106b5befa148bb6b6', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: '528b1f8913feb5fe9cfe1a5f27dc0845dc8d26e0' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: 'c5756b6fdab19a803a0d4d29f9f2669a211b1608', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: 'ac5d07c720005716de03d03345a28561d3bdb6a8', class: "section-content" }, h("div", { key: '7193befb7e70d97c8aeec60d6ed17141176f11b6', class: "show-grid tet-grid" }, h("div", { key: 'e4b3c043d02002d4a9c1f02db22ddae7e045590f', class: "show-span tet-grid__cell--span-all" }, h("div", { key: 'e47e640bda073d7eafb738525598c43601cb5453' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: '8edbe7eaab3c50c26b7c4d5f2dc94171a5cd4bb4', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: '83bc69fe9e59bb69d2d305270ec7470d379f96d5', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: 'aedaa9764a5e97b7d130da02842be6a803ddbaa1', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: '8db4caf57e44f47b64bacde6b3b135ea62605241', class: "section-content" }, h("div", { key: 'b6f4425bc0f3cf81bb4cfd6d88e0ae8d61d28db0', class: "show-grid tet-grid" }, h("div", { key: 'cb3e5b31d6f70a3e710d170596dc3afc5adeff5d', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '1013b153a4ea158787582d5619f3f22b453be458', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '582084560b6c62be059e29a84acffa4e74abba2e', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: 'd69cba682df97cc1e9f47f1c25bf066977e520db' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: 'c7544bb54a675ef277b065fa8ff9f6d243694e0d', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: '27c98c153acad86fff655b5378e9b46b3677b085', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '6b6d994d8794678e66b9502fb8837ce685710bc6', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: '45591fa4b759a085f87e5e5803eecf99dc0bc2f2', class: "container-wrapper" }, h("div", { key: '1cf919affa43c7a034f99add64710c5671d27b3c', class: "container-title" }, "1920px breakpoint"), h("div", { key: '523d613104690998ff48dd2a0be3fbbfd28612f1', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: '0e062a1aebffbe839bd5a6ebc3c8588fa30df997' }, h("i", { key: '3b18076cfa14719780eb2a8c93449d6d752a2026' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: '7ca0348d7a8001304b917bc20c416ebff1ef36ca', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: '0f11e5c0436940c05561302ec624c3fc9f96e198', class: "section" }, h("div", { key: 'b30c8cc12ef99e4bccd24613f135f4a870e825a1', class: "section-content" }, h("div", { key: 'fdfa1be7bf6dffb113b4502adf2acdcaad293fc2', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: 'e48d0f185b0f9243a732b6044cbc62811b8d29e7', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '9a6810df63ca00ff62f7748e061a6c631f8a5c16', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '75ced2aa571e2195111fd6e8a81c52ce827e50e1', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '8233a5faccbcc942dc13c0233584c82a30a0f530' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '68911c6db58d6760de324874024d539cff18df44', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: '8e8212191a5e7d360cacb1428efc18a8d0da4a88', class: "tet-grid tet-grid--gg" }, h("div", { key: '4742381decfb1c542bdc69ea5453d59c6396cbf4', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: 'e5e7b864980c34f5897d6591a079c0c4393590a9' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: '4eac4902a04a701dc503308f9349554814ee0a44', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: 'dc06ecccffd8943d126d5ad5f936daa2b94663bf', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: '015059d4adec3e336032ec90b2c1e7b7c86acc4e', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: '6ffdc62adba260637583679e4a03ea54befa51e2', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '6b4d467bb66316bb7e85cc6ace66243394190319', class: "section-style-attribute" }, "tet-grid__cell--span-2"))))))));
+        return (h(Host, { key: '08e7a78100587383f67aea18fcf444d15d235dc9' }, h("div", { key: '3aaeff3ec321dfc4681ac05008260fd561bd3493', class: "variable-container" }, h("div", { key: 'a3d63e02ef89dea6162f06354aebc4e9a4c3b7a6', class: "container-title main" }, "Grid klase"), h("div", { key: 'd455df21e3741e87800c0daeb071794436016b5c', class: "container-section" }, h("div", { key: '114cfd01c9ce90b68b5e996c9596980cffe68381', class: "variable-name" }, h("div", { key: 'e2727f5e8ffb304d35b1ce88f7b61633ad629540', class: "variable-part" }, "tet"), h("div", { key: 'aa41b8eb5f9d72323e4762f6a72d5cee5d2e2394', class: "variable-part" }, "-grid")), h("div", { key: '5f853803c42af88e844d5c0014f6480a6e90f130', class: "variable-name" }, h("div", { key: '25aa6abcde8c27fae48fadcaea81de85e53b3475', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: '61d5906e4d92eb00c55ae7f816e682098c6e71f5', class: "container-wrapper" }, h("div", { key: 'a44b8fea11a3ca5841faeacdafa1eaf10b376da1', class: "container-title" }, "Grida lietojumi"), h("div", { key: '5a728103044cba11527e9849fbe1e110a68936e6', 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: '929c911046b27ca9c05c9f5bee9d9cd10340e21b', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: 'e65b41eb33fa1200bcbde690b9cf8eeeb305f182', class: "section" }, h("div", { key: '86ec35155899f7249d9b9d5559635de1242422dc', class: "section-content" }, h("div", { key: '4cf2e461a51fd4c0e1ca5f7418d9ee886a0e4747', class: "show-grid tet-grid" }, h("div", { key: '9a19438f6ef8a3ee1961530c76474f8d753ba3c3', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '8e3e08570512e2c68c65db04dab7cbf78a96af63', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: '174120895da9b62e23330afb08ad6648abd5c924', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: 'eed3e28c8a5ef603913d6d8c4eca1a2b905e17c5', class: "section-content" }, h("div", { key: 'bceb2f0b846c21a71ba3e7c83113844a85b4cb57', class: "show-grid tet-grid" }, h("div", { key: '0235f96304b2d3c3a5537beb333904034e14f04b', class: "show-span tet-grid__cell--span-4" }, h("div", { key: 'd21b8bc33fa3611401e8dd1a2a4419b5092ccf1c' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: '08eb94faa8a80189832253d77fde61db7ec0b038', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: '01e910a8fd75f63d22bb1d31a4f21b9cebad3320', class: "section-content" }, h("div", { key: '3869f9081ce13b6e1902889af9b79014f0cb6ff6', class: "show-grid tet-grid" }, h("div", { key: '9299c7079cb7a0321d603b3b4488adbaf1a90641', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: '25191667546446c8dc3acf18326fbf491894c8d8' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: '8dde26db599c5bd3bc1e70f5b3d1f03da3db4c9a', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: '37544421ed250c1619218b25bfe97f4ccb3bbc67', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: 'c61af2905a95a5da0ba5375dce7468f8c6f876f0' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: '56d9b9908fc58967bc7b5d760d5c49fdf73558a0', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: 'feb0032ca3182ef9abe68a5e22129f32a13c891a', class: "section-content" }, h("div", { key: '7f19444353267c1c203ff9d67aa0b1c5391e9fc3', class: "show-grid tet-grid" }, h("div", { key: 'b36a65acee9fd90ba3a48fbe294a3213fc3997b6', class: "show-span tet-grid__cell--span-all" }, h("div", { key: 'a58848d0ba53e6ba015094c6e4f7c9f117411793' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: 'f4b30aad19adcb8b17fc8184262252bc5a556477', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: 'a2dacfd18870e3ba6734032ccaa390b813f9376f', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: '70b78cd69cfef283a4b4539c5ba887642a54104a', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: '2652261b4d088a7098a505c7b6efa2fc931197f5', class: "section-content" }, h("div", { key: 'ce0c7beef417a0a91f6601c53191c67c31a1aa5a', class: "show-grid tet-grid" }, h("div", { key: '141476dbd03316a24d95e8d4fa018c7c7970c5dd', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '6a728a7febce3abaa452be3c409cbbbcd477692f', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: 'b9e12a0f21bc3be186ef773671ca156303eddb1f', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '51eac52b1e0da71291cada1c3bfd92a052830ba9' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: 'fc8345b31908c7dee6d1dee7fd0b944edda9afe8', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: 'd3e398298184fce1337e9cff6ccac0d481420a86', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '69fd0ac70646bf3b77ee836e918ee0f020153437', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: 'fb19bb788b3bb1c366f275694bc53e4f9cf8f6f3', class: "container-wrapper" }, h("div", { key: 'c8bc18106b20c8011dece56063af4882e422b3c1', class: "container-title" }, "1920px breakpoint"), h("div", { key: '8225f93de8b8dd9a1d5c86ac4b37c499e12fab69', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: '824e7d5482391075255ddffafbb6aae3ae1970e4' }, h("i", { key: '947c849c8bc9359c2e86717fbf26d0007ff3d1d7' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: '39c0b561cb896397447b9d43a03c52388752fbbe', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: '8aaaa8abe2308485c127168b0339d5aec4f1afe2', class: "section" }, h("div", { key: '2a3e8f2897e2f3d33b23d723d72bd32b45c259b8', class: "section-content" }, h("div", { key: 'f0a250f09b00897f339f708d5133039eb5352c34', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: 'eda618a62fd805a06730e9a08ecd8da7e5058ef2', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'e95a3ddafd8b4d86e65a91fe40c373aa0aab6435', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: 'e4508b2e9c394a666c9c9410d5254f9229e8fcb8', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '023c72fe90e854234f7e6b1be67556ec9fd56d04' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '5d181a1f7b82e3524c4adcf1eb1185c565e8f01c', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: '1f40fabd8ffd9b73e1f77849049962b6cb31c9a4', class: "tet-grid tet-grid--gg" }, h("div", { key: '394fbee8bd8a64c038a5625df7eadd6c24e7b445', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: '1c7aad32900f818b7ce49ffe32360664df16f1e2' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: '87c23640892f2b44331ca3a4a735b96c69e7553b', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: 'b7716d8c8efc41e1e9d2b4056bc06d82ac52378c', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: '53aa2811d070edf201c27fc8d04a5ba2e5f992b9', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: '21e27f27ec8ab2d45e9b736f35aad5be28225515', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'faf46bc6134168e459008030d183cdb6e03c63bd', class: "section-style-attribute" }, "tet-grid__cell--span-2"))))))));
     }
     static get is() { return "tet-grid"; }
     static get originalStyleUrls() {

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

@@ -101,7 +101,7 @@ export class TetText {
                 this.setCopyTooltipRef(className, element);
             } }, "Nokop\u0113ts"))))));
         const renderTextSection = (title, comment, classes, examples, open = false) => {
-            return (h("div", { class: "accordion-wrapper tet-spacing__lg--mt tet-color__grey40--border tet-border-radius--lg tet-overflow-hidden" }, h("tet-accordion", { theme: "light", isOpen: open }, h("div", { slot: "header", class: "accordion-header tet-position--relative tet-d-flex tet-justify-content-center tet-align-items-center" }, h("div", { class: "accordion-header-title tet-text--ac" }, title), h("tet-icon", { class: "accordion-header-icon tet-position--absolute", name: "chevron-down" })), h("div", { class: "accordion-comment tet-spacing__sm--pt tet-spacing__sm--plr tet-color__grey60 tet-font__body-s tet-text--ac" }, comment), h("div", { class: "tet-d-flex tet-flex-column tet-spacing__md--p tet-spacing__sm--mt" }, h("div", { class: "section-content tet-d-flex tet-flex-column" }, h("div", { class: "section-title tet-font__title-m tet-font-weight--semi-bold tet-color__grey80 tet-text--ac" }, "Piem\u0113ri"), h("div", { class: "tet-d-flex tet-flex-column tet-spacing__sm--mtb" }, examples)), h("div", { class: "tet-divider tet-color__grey40--background tet-spacing__sm--mtb" }), h("div", { class: "section-content tet-d-flex tet-flex-column" }, h("div", { class: "section-title tet-font__title-m tet-font-weight--semi-bold tet-color__grey80 tet-text--ac" }, "Klases"), renderClassGrid(classes))))));
+            return (h("div", { class: "accordion-wrapper tet-spacing__lg--mt tet-color__grey40--border tet-border-radius--lg tet-overflow-hidden" }, h("tet-accordion", { theme: "light", isOpen: open }, h("div", { slot: "header", class: "accordion-header tet-position--relative tet-d-flex tet-justify-content-center tet-align-items-center" }, h("div", { class: "accordion-header-title tet-text--ac" }, title), h("tet-icon", { class: "accordion-header-icon tet-position--absolute", name: "tc-chevron-down" })), h("div", { class: "accordion-comment tet-spacing__sm--pt tet-spacing__sm--plr tet-color__grey60 tet-font__body-s tet-text--ac" }, comment), h("div", { class: "tet-d-flex tet-flex-column tet-spacing__md--p tet-spacing__sm--mt" }, h("div", { class: "section-content tet-d-flex tet-flex-column" }, h("div", { class: "section-title tet-font__title-m tet-font-weight--semi-bold tet-color__grey80 tet-text--ac" }, "Piem\u0113ri"), h("div", { class: "tet-d-flex tet-flex-column tet-spacing__sm--mtb" }, examples)), h("div", { class: "tet-divider tet-color__grey40--background tet-spacing__sm--mtb" }), h("div", { class: "section-content tet-d-flex tet-flex-column" }, h("div", { class: "section-title tet-font__title-m tet-font-weight--semi-bold tet-color__grey80 tet-text--ac" }, "Klases"), renderClassGrid(classes))))));
         };
         const interactiveClasses = [
             this.exampleAlignClass,