@tet/tet-components 1.3.112-testing → 1.3.113-production

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

@@ -9,6 +9,13 @@ const COMPONENT_SIZES = {
             2: '1.75rem',
             3: '1.5rem',
             4: '1.25rem',
+            5: '1.25rem',
+        },
+        centsLine: {
+            1: '1.75rem',
+            2: '1.75rem',
+            3: '1.5rem',
+            4: '1rem',
             5: '1rem',
         },
         priceTypeFont: {
@@ -26,11 +33,11 @@ const COMPONENT_SIZES = {
             5: '2.125rem',
         },
         euroLine: {
-            1: '4rem',
-            2: '4rem',
-            3: '3.25rem',
-            4: '3rem',
-            5: '3rem',
+            1: '3.5rem',
+            2: '3.5rem',
+            3: '3rem',
+            4: '2.25rem',
+            5: '2.125rem',
         },
         padding: '1.625rem 0rem',
         width: '9.375rem',
@@ -45,15 +52,22 @@ const COMPONENT_SIZES = {
             1: '1.25rem',
             2: '1.25rem',
             3: '1rem',
-            4: '0.875rem',
+            4: '0.75rem',
             5: '0.75rem',
         },
+        centsLine: {
+            1: '1.25rem',
+            2: '1.25rem',
+            3: '0.875rem',
+            4: '0.625rem',
+            5: '0.625rem',
+        },
         priceTypeFont: {
             1: '0.75rem',
             2: '0.75rem',
-            3: '0.75rem',
-            4: '0.75rem',
-            5: '0.75rem',
+            3: '0.625rem',
+            4: '0.625rem',
+            5: '0.5rem',
         },
         euroFont: {
             1: '3rem',
@@ -63,11 +77,11 @@ const COMPONENT_SIZES = {
             5: '1.5rem',
         },
         euroLine: {
-            1: '3.25rem',
-            2: '3.25rem',
-            3: '2.25rem',
-            4: '1.75rem',
-            5: '1.75rem',
+            1: '3rem',
+            2: '3rem',
+            3: '2rem',
+            4: '1.625rem',
+            5: '1.5rem',
         },
         padding: '1.125rem 0rem',
         width: '7rem',
@@ -83,14 +97,21 @@ const COMPONENT_SIZES = {
             2: '1.25rem',
             3: '0.875rem',
             4: '0.625rem',
-            5: '0.625rem',
+            5: '0.5rem',
+        },
+        centsLine: {
+            1: '1rem',
+            2: '1rem',
+            3: '0.75rem',
+            4: '0.5rem',
+            5: '0.375rem',
         },
         priceTypeFont: {
             1: '0.5rem',
             2: '0.5rem',
-            3: '0.5rem',
-            4: '0.5rem',
-            5: '0.5rem',
+            3: '0.375rem',
+            4: '0.375rem',
+            5: '0.375rem',
         },
         euroFont: {
             1: '2rem',
@@ -100,11 +121,11 @@ const COMPONENT_SIZES = {
             5: '1.125rem',
         },
         euroLine: {
-            1: '2.25rem',
-            2: '2.25rem',
-            3: '2.25rem',
-            4: '1.5rem',
-            5: '1.5rem',
+            1: '2rem',
+            2: '2rem',
+            3: '1.5rem',
+            4: '1.125rem',
+            5: '1.125rem',
         },
         padding: '0.5rem 0rem',
         width: '5rem',
@@ -117,6 +138,7 @@ const COMPONENT_SIZES = {
  */
 export class TetPriceView {
     constructor() {
+        this.theme = 'light';
         this.background = 'grey';
         this.font = undefined;
         this.size = 'L';
@@ -126,9 +148,12 @@ export class TetPriceView {
         this.centsPrice = undefined;
         this.footerText = undefined;
         this.footerTextType = 'regular';
+        this.staticColors = true;
     }
     render() {
         const mainClasses = {
+            [this.theme]: true,
+            'static-colors': this.staticColors,
             'price-view__container': true,
             'price-view__white': this.background === 'white',
             'price-view__black': this.background === 'black',
@@ -138,6 +163,7 @@ export class TetPriceView {
         const isMonthly = this.priceType === 'monthly';
         const styles = {
             heading: {
+                height: COMPONENT_SIZES[this.size].headingFont,
                 fontSize: COMPONENT_SIZES[this.size].headingFont,
                 lineHeight: COMPONENT_SIZES[this.size].headingFont
             },
@@ -147,13 +173,14 @@ export class TetPriceView {
             },
             cents: {
                 fontSize: COMPONENT_SIZES[this.size].centsFont[this.euroPrice.length],
-                lineHeight: COMPONENT_SIZES[this.size].centsFont[this.euroPrice.length]
+                lineHeight: COMPONENT_SIZES[this.size].centsLine[this.euroPrice.length]
             },
             priceType: {
                 fontSize: COMPONENT_SIZES[this.size].priceTypeFont[this.euroPrice.length],
                 lineHeight: COMPONENT_SIZES[this.size].priceTypeFont[this.euroPrice.length]
             },
             footer: {
+                height: COMPONENT_SIZES[this.size].footerFont,
                 fontSize: COMPONENT_SIZES[this.size].footerFont,
                 lineHeight: COMPONENT_SIZES[this.size].footerFont,
                 textDecoration: this.footerTextType === 'crossed-out' ? 'line-through' : 'none'
@@ -161,14 +188,16 @@ export class TetPriceView {
             container: {
                 padding: COMPONENT_SIZES[this.size].padding,
                 width: COMPONENT_SIZES[this.size].width,
-                height: COMPONENT_SIZES[this.size].height
+                height: COMPONENT_SIZES[this.size].height,
+                display: "flex",
+                alignItems: "center"
             },
             price: {
                 gap: COMPONENT_SIZES[this.size].gap,
             }
         };
         const isCentsPrice = (this === null || this === void 0 ? void 0 : this.centsPrice) && (this === null || this === void 0 ? void 0 : this.centsPrice.length) > 0;
-        return (h(Host, { key: 'dd1d56e701a6b0766b2b794d08f850491812fbb6' }, h("div", { key: '8f48074deb5c4822241cac3161f0bee9269ee933', class: mainClasses, style: styles.container }, h("div", { key: '0b56cbf4c4ce1b2664625c007123ce23e50d523c', class: "price-view__body" }, h("h3", { key: 'd168bc63a5548aee8bea9adfeb87557148adab7a', class: "price-view__heading", style: styles.heading }, this.headingText), h("div", { key: '25d99b17efcfccedc5dcd23953ef3c09cd752461', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: '6495e07d095b9b385f6a0b6bdb9fc42247f92ff9', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: '70feb2e391c283f16dc0de1e2c52ac455d8777d6', class: "price-view__cents-container" }, h("span", { key: '149683b1fb7050ace9a7f2e936ca2386085ec1fc', class: "price-view__cents", style: styles.cents }, this === null || this === void 0 ? void 0 : this.centsPrice), this.priceType && (h("span", { key: 'cb780bc593994aec6499a91098d18a8042904154', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), this.footerText && (h("p", { key: 'f1bdc64ff321df82c4b07f83bfe8c3a611f32ce4', class: "price-view__footer", style: styles.footer }, this.footerText))))));
+        return (h(Host, { key: '4161aa2d784223a39fb65bdbe65cf6f922e8d48a' }, h("div", { key: 'ad3dbc5163e921ca0e822f0b679ca5ddc6790e45', class: mainClasses, style: styles.container }, h("div", { key: '94025c4cf6522b7de1404e1ede9520060e6b18c8', class: "price-view__body" }, (this === null || this === void 0 ? void 0 : this.headingText) && (h("h3", { key: '6be7e3fc0cc5cb2f8e96f1c2c721fed8eae1411b', class: "price-view__heading", style: styles.heading }, this.headingText)), h("div", { key: 'e8f43ccde303f86dc6b127872babb702b9406fec', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: '2b93cfcbcd26404d1ae5469e41186cd34de3e6f8', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: 'a254d78aba597ba2d22fb8b4e4edffe7b0b1a3f6', class: "price-view__cents-container" }, h("span", { key: 'fe247141db26f425d52e8274c9a668b84ca3aabe', class: "price-view__cents", style: styles.cents }, this === null || this === void 0 ? void 0 : this.centsPrice), this.priceType && (h("span", { key: '6d202941cd0da8e5140bf4ee26b232de37471eea', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), (this === null || this === void 0 ? void 0 : this.footerText) && (h("p", { key: 'd62f33a8c628aefe2cb068c489cf42481828da14', class: "price-view__footer", style: styles.footer }, this.footerText))))));
     }
     static get is() { return "tet-price-view"; }
     static get encapsulation() { return "shadow"; }
@@ -184,6 +213,24 @@ export class TetPriceView {
     }
     static get properties() {
         return {
+            "theme": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'dark' | 'light'",
+                    "resolved": "\"dark\" | \"light\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The theme of the page."
+                },
+                "attribute": "theme",
+                "reflect": false,
+                "defaultValue": "'light'"
+            },
             "background": {
                 "type": "string",
                 "mutable": false,
@@ -363,6 +410,24 @@ export class TetPriceView {
                 "attribute": "footer-text-type",
                 "reflect": false,
                 "defaultValue": "'regular'"
+            },
+            "staticColors": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Use light theme colors in any theme."
+                },
+                "attribute": "static-colors",
+                "reflect": false,
+                "defaultValue": "true"
             }
         };
     }

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: '3cab08faabe4e15cf806576bad660b9a052b8cd1' }, h("div", { key: '75564f17f084a6ef056d72e2aa82fa8631bff6ca', class: "variable-container" }, h("div", { key: '5a56ee7fff1ec96922646e397a694e37796d46fe', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: 'df8a893d11ac34b3b73782a8a9d28f193b2d3949', class: "container-section" }, h("div", { key: 'df8c93c3a54f835b43fcc21ff6b00901bc315263', class: "variable-name" }, h("div", { key: '1c1e8c3f49c96a7916396dd62774ecd3e624868f', class: "variable-part" }, "tet"), h("div", { key: 'b4f87a4fbf9823985f8b673bb3d786aa48986750', class: "variable-part" }, "-border"), h("div", { key: 'dc99befa6b650ecb1454d6d80221f1984627c229', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'c5fce30c2303f4b5076c6cccf73cc34e9d43de02', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'c4d3716ca1c1e7fd1ec05c2a457f4cf6e6802ef7', class: "tet-fonts-container" }, h("div", { key: 'c5345222395aeaf55d83a1d6070bc2f11ce7ff5e', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'cb5fb0cacc4da7ab0d8372d4727ecba4b1feddb3', class: "section" }, h("div", { key: '0cee7f966640d19fa441bc7b8935ef6d015ff011', class: "section-variable" }, h("div", { key: 'ef12278e1c6391237434c81ad0aaf959b5b42c90', class: "border tet-border-radius--xs" }), h("div", { key: '091909e44a8753dfc982b3f2e3b268318aa034e9', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'b9bfd790a4d464ec615b3488f0de4d0087ca83a5', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '72c216d2c8cd0cbc1aa76b56239ff42d3cc2c953', class: "section-variable" }, h("div", { key: 'e4fcd6a63c35279a6ed2664654e3e8f99e65938d', class: "border tet-border-radius--sm" }), h("div", { key: 'f3df8a3328dbb06be768cf181b2ca320061b4e35', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '5df3ed0ca8853928f635ad7cc5a37d5f11c2067e', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '3b13925e79d0e0912778b66ab966d26ec9f90906', class: "section-variable" }, h("div", { key: '4e5586e9309261bbd4a403eb9c7d93b44d57a2c5', class: "border tet-border-radius--md" }), h("div", { key: 'aa4010821de768091f3e0148956c52cc3d3c3ecb', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'af1a4a3c80a41d9aecdd5d900894016ebb3bb1ce', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '43c17ceb40045481f016d1192ceb99552202c515', class: "section-variable" }, h("div", { key: '815e6a3d05239b71fa59530b9f7d704f6d5f5f86', class: "border tet-border-radius--lg" }), h("div", { key: '5db0a8f853b6d38189072ce72a25852b7443feb2', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'fef1bd5d25e10f3a52ed06cd7e05481a944e0c1b', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '15ccd343316c5b21a2050d6853f8818b1cc9eb3f', class: "section-font-size" })), h("div", { key: 'c535170ee3a0fc733c98b851d5220f70580d3a17', class: "section-variable" }, h("div", { key: '0539be2e8768d9a827ae920735a70475e208be0d', class: "border tet-border-radius--xl" }), h("div", { key: '36e43ff96cc1f45fa93ffdc5d36d412d494db599', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '35c0da6e5b5521703a4f5c76a89b103e321a34c7', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: '2329d6f2136055f5ec81aa0538238e05de337c80' }, h("div", { key: 'faf8143e97d5a7904c74f61054e00f17b6f8e7b2', class: "variable-container" }, h("div", { key: 'bf5c90dd3e34751cd6e07fe7c022788fd17375b3', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: 'fcfebbe4682378f836e22f55238455f9983b4d81', class: "container-section" }, h("div", { key: '88e4f0c0fc10aa01208dadec6fc6244137aaddbc', class: "variable-name" }, h("div", { key: '727e0c0c3242f42a33b07de6eee261cde14d9db6', class: "variable-part" }, "tet"), h("div", { key: '2b1bced28cd0d2246356fc4bd1df984a9cfda370', class: "variable-part" }, "-border"), h("div", { key: '0f85f66a0182547ce798271b39aa960ec7d1670e', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'af3657708fe36b8c912febee637fb2064f3cfb16', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'f19562b328f93f537352c525db9ba75d71b65d3b', class: "tet-fonts-container" }, h("div", { key: '25fd4de3ff5df52715eed62f7462c0de33e16821', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'fd921f2915c15e0663a056e53960ab5350e471f5', class: "section" }, h("div", { key: 'ff28ad90f3e03fad5f927a7264893cbe33e32238', class: "section-variable" }, h("div", { key: '61a2e53e244a6b27b21fb6e534436470ea4b8d96', class: "border tet-border-radius--xs" }), h("div", { key: '353a7eb99b910b89d92656d95025fe1b20dc1826', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '002644134f82967fc47688dada5ed53b43e1115d', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'e0ffb2d5fb52d1ad4590faf4ab43941c3ddf51ba', class: "section-variable" }, h("div", { key: '7f21073b661d7e0f5936046ed8404ddd457d48a5', class: "border tet-border-radius--sm" }), h("div", { key: 'b9515ecd8b5e45e5aaaa1b31fa6def6a97f60ea4', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'ad9aa326899cae28549fe49eb5b024547f5f18d7', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '1f6613b53a700722d04a197b27f74d84cde9a70e', class: "section-variable" }, h("div", { key: '2264f83e78389170555acee21abc8fdb3edbd8c4', class: "border tet-border-radius--md" }), h("div", { key: '7026cf27fc2d09e69eaf7a81bf6a0e25ede935c0', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'eabfcdf9633de66548036d585459fecec35983db', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '103bfd9d8ee93e990a3bbd941d82293d5bd670fe', class: "section-variable" }, h("div", { key: 'a3102f985e3ee26bc14fd1af828b0401647e9ea0', class: "border tet-border-radius--lg" }), h("div", { key: '3ce1152b211cee77675915899d01bfe781ec1458', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '90cd062a4bec244e32bb2969f21a3d7bbdc10bce', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '23cec15b16334e979a55b54263579e0a25cdcc7b', class: "section-font-size" })), h("div", { key: 'a9140388ecf3d29eebed13c18c2bb6cc28a29df7', class: "section-variable" }, h("div", { key: 'f53f398b54cafd1ed7578b85ac592a13a2296517', class: "border tet-border-radius--xl" }), h("div", { key: '311bc7581fdcf47e90dd7d9d275be3fccc775765', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '19a8b8e4118a48a61a77e8b8d6b5d8edfdb93ecd', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
     }
     static get is() { return "tet-border-radius"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,15 +46,15 @@ export class TetColors {
         this.darkTheme = false;
     }
     render() {
-        return (h(Host, { key: 'de35d200821fc5af140276b8f657320afd94869c' }, h("div", { key: 'e0a5ad9204eda8f740b7af97a574d23f13e06c11', class: {
+        return (h(Host, { key: 'be20a05b89314a3e2a279bf1570e5403253bec90' }, h("div", { key: '3cecbdba2a6d6e99424deb26cff4f2506087cacf', class: {
                 'dark': this.darkTheme
-            } }, h("div", { key: '8177a2b49d239412e612f3f887410b9f9f69bcf9', class: {
+            } }, h("div", { key: '103a76ea82c425b61463ad4abd7ff4329131d399', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: '99065926dad6791e9cd0f6a33cb7aab01a16d845', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'e344688b7835c60b21a50c1ea0d1c8e07b318102', class: "container-section" }, h("div", { key: '22645453f60950ba33a84205097b359558710497', class: "variable-wrapper" }, h("span", { key: 'ecd932ce47e6ff73da13c97abc7f1eceeb0f5ca9', class: "variable-name" }, h("span", { key: '9a0dfa67c835d4bf697e127c69d6b0b41e3f3f62', class: "variable-part" }, "tet"), h("span", { key: '0a0fad359ce1e2c73d5bb94a179a396d36a5ce46', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '500f5716fb98b0ff717d7f13cfe350e350df0c7a', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: 'a2bc794868b0b925ed0c2006b00d9b23f0fcd71d', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '6e0c8ff8a4a3607d44e8f959f703a3f284267535', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: '829de7ec9041f8eacbf2e7d6fcb895c8324a283b', class: "container" }, h("div", { key: 'c3d27d42a576d5d0edd884d332800e57c3846e0e', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '6cac218d51469b994ee30c26facc829477cb8efa', class: "container-section container-example" }, h("span", { key: '67d5018a519d37985415706bec51030fd7fe9c8d', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '1116308767c95d2a2696743bfd31d8ddd38d2635', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '2664d890df5287389362bb76ea32b3c57388aa2e' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '3ab10615e8484dbe851e3e4cd2844c96fd9d84bc', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '4a905d0e8937d8262beeab9d42c84293f2315632', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: 'b939490533469a1ad5de49c5611c343c5966958b' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '6ef05b34114cbd7b6333e175f63aa9da800afd32', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '3bbd8369324985ab11fe7a156b9ac3fabb23d130', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '27790d4f414c909da65931fe82085b089cda2076' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'e9312943ec6cc9d3eaefddd8e8a290aa7dfb6e6b', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '42f0f618814e9930f8436ac4ffd6f16c1bf836a1', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '4eb892a031c3497055a3b3d438887348ae4eb391', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'a4ae531ad1655d34b6059d627d6c637f48c3466a' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '6944ec92812c46e47bfb24001f3113f09729a949', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '23a43fa0a2afc5aaf12dc4f84d3bcad36ee30e0e', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '810899b843205f60690fd3ecab4f3dff80193cac' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '0d0e66ac6dcad25329063ef2c0986d8fdc72027d', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'e7b609235143f4bbefe83969a230d62ec37ef2f3', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '29a66fe69ea2e263b359bdad682534f4a86466eb' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'ca9269534736b3eaf7414174f41669c42a2f6004', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '0e076b40a5d8cc7ebb30b26e9c4725106d11b984', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '6bc19a238db03ea779e24fad6e52963591322b61', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'ff715da9fda153323b1a0cf457219f16f0a46842' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: 'c738e8762e65df8f65cdf1554bb10c00e43ec5a9', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '47bcb167fac6c094f9adb551dff87b1136ac933c', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '7e02ec38b1071a779441474c21f407a150258cbe' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '16cd27804ce3798b1cf5351d18bfbb7b665683c9', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '77a186cf3d974ebc612c4cb9d6b646e01070dc5b', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '0ab737988867d25135a88f19e4be2fa03e08c20e' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '1078d0900bd180561acfd07422a06bc868062306', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '02237120d2cb6a99b363d27288b46cf20ec87759', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: 'e2ddf30de4e9457851ce0ae91498a77076acad5d', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: 'adf6c83b9665d17cfe6d6880c4ea7021fccf40c5' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: 'a5aa297883609a64bfb220eb15f0406f67bd4636', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: 'd5cd5e1539dc4311d1a7bdf1b2947291842ebfc9', class: {
+            } }, h("div", { key: '3ccd146b790b10d0a1c8b285ed60ea0d2894c322', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '48ca311527bd62904313c13faab612cb4e96bb8a', class: "container-section" }, h("div", { key: 'e058e944f1726f4b496f3ee11835ff6f92b93dae', class: "variable-wrapper" }, h("span", { key: 'c45ac2530d467dbc7f72fd0f3b76ff648804edde', class: "variable-name" }, h("span", { key: '5fa5a29c8b779b36c02571930f6a80937e9c4ec1', class: "variable-part" }, "tet"), h("span", { key: 'c057a4c7d208bf9e501f8ef4ea5097e464722a10', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '9755996401ed033c04ffffc74150c78c4d1b57ce', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '929bb918e99d69a72e6852ec659c27ab04bc1633', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'a2cb2fbcaecdc1d404cfea63d63327df76160130', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: '3192ebbad199d90550a2e9cd4bbafd891f0718e1', class: "container" }, h("div", { key: 'fb6b158c61e671273ace59ebd6ac2e4a8c496a30', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '8e84638732c0ede13284d9b5b11c7c357af6d526', class: "container-section container-example" }, h("span", { key: '334676abec68a2af4dd7e9f1726bcf0e228ae968', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'be682feb355cca9a0f5f08a38896fe37c99ac961', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: 'fa6ff74cc27dff522fdfc79db8c1cb1a016481b4' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '0823a66fac2bd699f84815216c45a5b648101780', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: 'cd556d7c694ab8166781043afa8357b8f345c95d', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '10136dba501520fb964846903011951663342dc4' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '2c59f514ac027191a930b80469f602a95f8c953d', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '7d6d609b9b93085e8c343013db1ca2e853c06a5b', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'a1cdb44085f7732f7ea57f2481a1d6100c7ac96b' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '44dcaa178b8b37aa27d11706fa9d81f570ac77fd', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '8b7df3106e4e65c2300933d98af196718c51c499', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '7df5cca796a929e5e7f7cf155714f129b7d97b25', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '73336f17f7c2333ced73af831ab19dc2e2290221' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'e40d293df2aa9520f4e5dcfe0a1034a9ac6fbba3', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '83bd0e76a62ac1efc2b939348414e8f56e9f8f90', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: 'd2fd2feaa75576a65858d79625f85513fd90397c' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'ad9af56e390cbdc2435459f19a22ea20fc3ed150', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '76589cf4507a66b9758a8113aed0785cf5a120fe', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: 'ae8e1bd0debb73d0cf164cc6ba5e6211cc533bbe' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '3e7e6198abdcb53e30a3c049b3f028ef92f5a6b8', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'abf2a9ddd127ae124f3dce03395e0def6593ef29', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'e78baadc40cb951f5621124b0727473bb71b7c4c', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '75dc3efaa5cbc42062f504b451c8f7cd17b090b4' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '5b3a6422ccc3eca7b79429e72cd8287566ca6d31', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '88cb9167e324ad38036364bb5caadd9ebb128ea2', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: 'd892d2878260c21781394e409d1e03d80cd05aa5' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '1938544ff9c1ae0514b71b369ddd06e94c860850', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'c0b39c6c45588caa5144b2a3ebd798c174b53203', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '5a893a7ae1ae8a67586f16f8e5e6081ecbd05570' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '701a7bc6e5971682596a79743eb8e36d7eb02fee', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'c1dbc652aba88357383cea4ec3d9792a19764260', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '8772e28c3fffd38ae481cf408644be85b0b93087', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: 'a8b925e9ee57c5e6a9dc584ec3b6297fac6445d9' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: 'bdb3b7b94d921076e301da46f58f13c04314b523', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: '5daa2fe0ca43a42868e26ac5349d438bd7cc8344', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: 'd3090e44a9b49318f7d293e0404fc5ef2a083c76', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'fa6fd86b78dfaf5cdc7cd5f32cabc06ef293b97c', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
+            } }, h("div", { key: '73a46763b309062ddefa944733cb6c55461850b2', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '21e914e42eced3e87b861e57b321754eb7ff711f', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
     }
     static get is() { return "tet-colors"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetFontWeight {
     render() {
-        return (h(Host, { key: '11fe3584ee3774eec9969995e7fc33e7b64d77b3' }, h("div", { key: '0b1d988c33b93eb55b5f86ed8d902fd2cd2f3c9c', class: "variable-container" }, h("div", { key: '1b493a8ec71335bf40c13209e05406b94c41ad62', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '6d81b35203b8ba03c47abff73134fdab577ee565', class: "container-section" }, h("div", { key: 'f3216ec0e489c435a9765253b942be8b057881b7', class: "variable-name" }, h("div", { key: '4996b47bfd6b7062cbf85d715ccda13c8acfd9f0', class: "variable-part" }, "tet"), h("div", { key: 'a60828a23f793c2c714f0829b644d25bbee0c8ad', class: "variable-part" }, "-font"), h("div", { key: '6d13f5686a6269a002d0f04731373ae008195607', class: "variable-part" }, "-weight"), h("div", { key: '77ed23d5e23f7c482fe5a25f49bd88503b581628', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '2f9e8560e2222a097c5f63c56ace6531681aa9e0', class: "tet-fonts-container" }, h("div", { key: '3b50bdace713034c217c81d5cfa75d44b7a8dcae', class: "section" }, h("div", { key: '3c66d3551ffcdb65e9716e3241271f921ac22f4c', class: "container-title" }, "Fontu biezumi"), h("div", { key: '14827fd602d4bf6aaa76550747698b611d0524bf', class: "section-font" }, h("div", { key: 'a399f3f150e59d0f00fa38acd5da9d18baa99d53', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '16eed18761a8fd2e0f596b8d5b0b2375fe11e1c1', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'ec4f1f440bf6810b0e0b6a186a425b8734a36c43', class: "section-font-weight" })), h("div", { key: '0b582538cc7dc166a7049d48a03afeb34d239a52', class: "section-font" }, h("div", { key: '8308140760fbe41edd759f9a5f959fe148b7c45d', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '7b26777185624575d7349ded8d061390ca26155d', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: 'f82e925e37a677645f463d49a0d8d5586bad95e4', class: "section-font-weight" })), h("div", { key: '78e936e128152e587f932fee7a7e0081b5fb0d32', class: "section-font" }, h("div", { key: 'cd5900fb14e048b36e756852c68fb33dea2d4a2a', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'abbe5a6750386e06346c3b579a39591af20eea05', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: 'ab25718738177d4706b9434b11e28ffdd78f5ac4', class: "section-font-weight" }))))));
+        return (h(Host, { key: 'e83b1ac0cf9a02bb78235aa39ed5ece8330f57ca' }, h("div", { key: '584614302d2d1f92ddf094391eb5d633140a0b8d', class: "variable-container" }, h("div", { key: '01a8e0b874b0c5b52f5f4afe3e64fb2363e7f8ba', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'c511fafc2f5e1264d4f01d86772e6762b6d7741a', class: "container-section" }, h("div", { key: 'be195218334810c9f4a4f012971209e5beb7674c', class: "variable-name" }, h("div", { key: '733cf771cf0b347168af1c1f53b0d428c1f48d22', class: "variable-part" }, "tet"), h("div", { key: 'c641da99f6b095f813cc590e0b16ea46dfab8c36', class: "variable-part" }, "-font"), h("div", { key: '1da8574ae84fc454c324790542aa89a9fb3981b6', class: "variable-part" }, "-weight"), h("div", { key: '3e87a2b11fb29798c62e3313e83f58a97ed1b9ac', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'b31cfcb462b50fd52065eeca2b6a522e648ad088', class: "tet-fonts-container" }, h("div", { key: 'f447e9e7dc1a65df61fe4852f0aa57ab05c24a12', class: "section" }, h("div", { key: '82917c7e316980b05a83f9ce1eea47605c429295', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'b9015e82123aa01f2a58af9461f5f00b6a47502c', class: "section-font" }, h("div", { key: 'e68b634a91aef4003f6ee7048654eb3b57bf3bb1', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'fcd78f29652ea146ec66536a337bf8b471246382', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '23dd8577cc10ee3eb8b78592d8244d6170453073', class: "section-font-weight" })), h("div", { key: 'ebc08306642c0badd033041bb096ecf393d7ebf9', class: "section-font" }, h("div", { key: '01854f6e82a9997efaf57ff0444df6e1724a3269', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '945b1e1d889b2f9233d2ab98a4f125a6ad1c702d', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: 'c4a56813b1323e6a61b7594f5d78829e33f2fa8a', class: "section-font-weight" })), h("div", { key: '0788fa50d88d7ed5d2581f596ee403544dd3c2d1', class: "section-font" }, h("div", { key: '5eb714cd9f75c5e0a6a346022b2a5eb904069cd3', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '300c74b164cc96fac550f447f4389f810ba831b4', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '56378e9ab65ea6483c73d080e174038344b8274d', 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: '28ac128372adecfb596d5ac3184f9083a018c09e' }, h("div", { key: '33d71649a0ad90e07a22f96e2846fdb8f665e604', class: "variable-container" }, h("div", { key: 'bdbc3e45cb7ba3fa34f01452a40873b3a8774afe', class: "container-title main" }, "Fonta klase"), h("div", { key: 'f0a51f1c7fd924db2eaac1f9f9e11e516ed4eca3', class: "container-section" }, h("div", { key: 'be2e39272ed1dc09ee964f056f46343c11ed5b5d', class: "variable-name" }, h("div", { key: '7c30402ec7ac2b8bd362e1a6ce2b57dfe80d4f63', class: "variable-part" }, "tet"), h("div", { key: 'eaa1f867c2838a22a3551a902cff8990176bb03a', class: "variable-part" }, "-font"), h("div", { key: '8e86abd3d59416ff0d3a95ab45a7ff45faf3668e', class: "variable-part variable variable-type" }, "__label"), h("div", { key: 'a7a6c34e751f2cbb0e1f2323a8ba67bc8209b85d', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: 'b5a8f9b99ba07eec9a3bf2347bea6e033354f52e', class: "tet-fonts-container" }, h("div", { key: '8d978093c75891a688b37832ee3e3dc1f4ab0ac7', class: "section" }, h("div", { key: '772a257958a74696e7b817b6bd203a59103b65a6', class: "container-title" }, "Body - Inter"), h("div", { key: 'ed77464528984b6e99e4b14692b93a29b369cb7c', class: "section-font" }, h("div", { key: '4d8626d653b99690378ffe36674b4c812d1958cd', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1a22ca5ea4da22be2f8e10490ea094d1170040bc', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '79ee4ed60ffea6c0a3b99e95a2a06f314621bd7a', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'fff72c2f48030de4f193d548eb1295ea0a4236cb', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '84c920e3e809ce994d602a1b8b7718982f32db17', class: "section-font" }, h("div", { key: 'c8a49b95b8b8e1672dbf8dac4ac87ebd20a8b810', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1ad55b77b1aacf752e95bfc27549027fca6f932e', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '304989b955755721f47e6f96fd76e7fc2432b0b3', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '5657b8e225f8edf3bd65771ebc502a65f3aa5293', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '36054cd7a67b045bfdefdc67add7857886b51050', class: "section-font" }, h("div", { key: '4765f8e7e7cf61777863292adc25d2319e3c8200', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8dc60998d041354248f9d4956b8e2e93f4256787', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: '226452e613fd1f14ffd03376cd77926db9776ae8', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '394591e8a5c1a5067b26056d595d09a0a6187f48', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '841612c01c084a08252c106ae235dad07721e222', class: "section-font" }, h("div", { key: '5ca9c4c2b1d96a66ba1ed72b5240557cb4a51455', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e5c906552e0e0e91602b08499e5a7c17e593838e', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: 'fa19e485e5163ac9fd6780f472346d8041eb83a8', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '2ee663d2c81bb9165bffd0ce716e5e1d3d6c2579', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: 'ccaa1b0b38b04f75c9288ab4ad9057d7c643e3fd', class: "section" }, h("div", { key: '3e771b3eff747fbb7ceb034383c8c2ec52f99c64', class: "container-title" }, "Label - Inter"), h("div", { key: '90d3a568d13932704862cf1daa3718d44ee1f1b7', class: "section-font" }, h("div", { key: '40dadbb4bef36d5621901bb0db51f2f8171ac695', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fba3ff01558884840da6f9f8c3ecf799a5d509c1', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '0e6bbb37fd02fdcfe22bc2a8ed9d047567c4f0a0', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'd7d1647b53eab95fe69311e0ddb37cbf2fa769f1', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '4f48291f51d1a3a551f0da28c49a82f6d450711c', class: "section-font" }, h("div", { key: '79e1b2d63add65812cbbe17780d6d62c1964c91f', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '307cf29fb3a2706ac5590d955651e89584864c7e', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: 'd551afa9293a65f43a51bc4726375126442a38ed', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '1af966bca58ad3568deb6d0a2d9831d7d1552624', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '6c02ad1aa619417dce26b4c6d5847e90abafa6e8', class: "section-font" }, h("div", { key: 'e21318f6e4d1c0bf576c1d17a5d169f18ad176c2', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'addb819e00923f093e3f1035b656759f2462b617', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'fd9a8aefc58430091d9de317702b6e73957fb867', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '95d8534eead69b0804a2c3a25e726d6296a60ecc', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '739d668a4db58fcb95ed6d30b9d7e810d310c573', class: "section-font" }, h("div", { key: '9b1073b342c985b6d0604abd45ea25d00c28e335', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '082786febcdedc1e27f6832a7c7cf7f7d60569fa', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '59ff1ba34c115aa6652590d160bcd6c8060b77b5', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'c53736d8a62bf8b7008d00186fc2c7fd81052907', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'd5c2c4beaf903e55b33d2bdfb78fecb24e3855ee', class: "section" }, h("div", { key: 'a80a42f61cf70d00232005214d24cb124ec3dc0f', class: "container-title" }, "Title - Inter"), h("div", { key: '5370a40b7a830de95e5e1dc102caa3e6beb6432a', class: "section-font" }, h("div", { key: 'c044fa90d70f927499815ac4e0d6ea9df69803b0', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ffb38b1779855d756471373e5a7c569891124774', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: 'e1fd35b6885f039490766f9cd78ea5c7355b03a2', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '257cc90aea80e835199d001ef4dd976a19a3e77f', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '872a94058fc3f032cd8848ffc48147b864cd00d3', class: "section-font" }, h("div", { key: '140a69c0f21c10d83f9514720083f6f647c3727e', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0027ef0f6d8dc90d139943a1650b66f28e0e4ebc', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: 'bd9706f7b57bd770892640a76265987bf5b9bdd7', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '4dbb7af29cc2a287eac261b53a98dc9ea2e46261', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '521f4bd2f01abd0981e825bb357953eb562bf138', class: "section-font" }, h("div", { key: '40b868e02e326a5e511b061247abe5893b0f0f36', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '84ce2f452d9e1d6dffbbf25bbfe61a6a032e2ee7', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '0d9d7a10743943667092081293f373952254e1cc', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '354b38b30bd3d3774ba149c4ba0d974c7ef6e9c1', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'd94a21f5875695f93c5dcb41507bbec40d01b163', class: "section-font" }, h("div", { key: '7e4ae1cf9e1cb06083b14092209b07a936a7039f', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '63a05c257ccc607b4a74f7f1b666456dd175cda9', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '543411e5322227729ea93509bc0937781985e685', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '1b3fa7a096fb3ddc23eb1fc6057266d0bd2e8cb0', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '398e41befa883207399f9b1bcd65fc0e15d068e3', class: "section" }, h("div", { key: '38b6898ab53391a6c9bd9471f2025219073a8859', class: "container-title" }, "Headline - Inter"), h("div", { key: '30f98bd2f960bfa322b90199a9cbe40b9e0318ef', class: "section-font" }, h("div", { key: '6940ea8b6da20f8137262dba1955d11d7d63f915', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5372d05ee40794e9b90c53711dee410b2f478870', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: 'af60a5d0d7c478c9bbbf1a0b6d71b23168f78895', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'b1f4c89399a6bc331f2bc603aaa4f38f1bd1d0e5', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '6e1377749c42ce29df63413833c8915f620ab41c', class: "section-font" }, h("div", { key: 'f204ea4a39ed1b5cdf7b1dd56042b18af55ac02a', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '524be9e934ae5249d52207183768c6f945b1413e', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '0fe636f32173f7b7c13a38124191fd9b1e66048e', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '7c5df1b87f81bb3cc23fe3621a97362f80032154', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '70fb9eca83350c5bdcb3dd5f49859f10b8ff218f', class: "section-font" }, h("div", { key: '76c5e39bc7b7ecc7ba1d6f427adce0c2f92c70f7', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3e98e1adc6fb15d47a0092714af26bc26657c0c9', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: 'b763425cb77a778bbd9de5d9bab909466a6dc214', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'b72ad432b65ba6aca98cc596d9ffcb7ae8b1512d', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '0680d1030ee151aeb27b6fcf750083218ad0a9ef', class: "section-font" }, h("div", { key: '09af8857b055c8a0ecc097affddbcc9b61790080', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f51fdebbc0c1bef5e174b0ea77af7cb08540e304', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: 'bf932fd9984bca7498858bd4c874b4da866d1f15', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'f25baa8484eefbf5267f71aa5efdef789df869cd', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'ddc84d91afa4576244ae3c5b92e22103494f6766', class: "section" }, h("div", { key: '22996b1ec01ab76719f6d05d62a8fca744de6498', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '2e3cea6c80300f2ab799eb39bf98d97ed1689b32', class: "section-font" }, h("div", { key: '594fe604710f4b3923396102156feb73f32f58b3', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '197557afb063c7d16def2034349d1cc68af1059b', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '2535405fdc07ae47695081ec44c1e1db6a92ce25', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '51a70e8dbd0c13b3a89a2608e72f6c7665f5534d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '70c06114984c10f23327df0df57534e60fe9d58f', class: "section-font" }, h("div", { key: 'f9a3b7551882b4e953fe4aa9dd8fa566add5f0fd', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ca9ae32f6002609a36f9775f25f71d192c860c0f', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '028b5cc2ebaae12e5b5ea38dc1c23592169a3c1a', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '9a3cbc2e938c08e33a430d41cc24074052c6a0c1', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '1938020181642aa88394c7c505f62e66a0b486bc', class: "section-font" }, h("div", { key: '7150bec88345523b832754b44895f8d4a5a6d06a', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9c3c83d79aa113ad26528d29264a4f0387a89ae5', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '6f955292979cf90c20a7050f1a910541e115c412', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '546c73f3bf3f0024e0656d6ca6171574fbc5d9c1', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'bd6ae6e36fdc2b08bb898f3d906f035e682bb947', class: "section-font" }, h("div", { key: '43673450218f92490a181c28377cae47915079ed', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '60fb5c2bf0ceac499fe1074834d10b0c4f6307e4', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '6dde1ee96940e5b1ef449432d0c9a0ad8778abdb', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '6c3100cad0521f52ffdecb82edbadb6c134d09cc', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'b76a4ad1f8fece476969d764713b0df9b6a910f0', class: "section" }, h("div", { key: '3c6828f16e089152b1342d465fee81a513f4dcc3', class: "container-title" }, "Display - Gilroy"), h("div", { key: 'ab5e920d848df6b3b09c58856ba2733b85e4fac8', class: "section-font" }, h("div", { key: '201cdf2bbc5b82c4444bb36af70fa317e749d0d7', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3a2ad1306793c92f23061c85c33eb48153b9672a', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '2e45bc83df2797f906633e7a786c15ae1fdfc7cf', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '1a5f32fb2c0655b71559255211ee4c15ede7ea0f', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '4fddce0f96a2b3c018ff45b4f329273762ae4824', class: "section-font" }, h("div", { key: '6ed2b5ba5631111a4f81b9c300bac57713dd6ba0', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9c65aa7c2057380725b8f430ca8437d6ec687ca9', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '8aab51096b9b89bbaeba9cec01cb385fcc1388fa', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '88666349b1b5e7743d9932750f924aa0ead709a8', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'acfb50fe1133756345ba450c11f8a95196e5b63c', class: "section-font" }, h("div", { key: '9d599f71078d1fa70af2a650d71236a07f9286eb', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a9b065ef1bbeccf389a52f8e48b7f1072627726f', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '13ec6e583fa1b517576efeb0e74c21c31d40a5d0', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '717130ff26f2394df05f9dd0fd66c7ffbd96bd1c', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '1ab84d84330548a63af8722d956d354d0bd47a1b', class: "section" }, h("div", { key: 'f6cf4225fe79036711d34a77b85ddcbe91306050', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '4c5890b1ed725c7cb5278a15a11ff76305b1637c', class: "section-font" }, h("div", { key: '07a1676cc44b54a7e170b1f56ac3089d997a398e', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1c27cc89b734a3e32b30f28ffc390ce4eb788529', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '3da1f945e95e02b2741a6cb5655b2350b8f3510b', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: 'c9cbf65a3fafe5eb180ad20677efdf63cec979af', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '31d6668d8cd8efea3d0a1270ce15dc5a3d4adc59', class: "section-font" }, h("div", { key: 'da3a6bb12f8ec5d782906448775ba95fefd58119', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b8e1e307e69ef78394a882cdd7e20ca83d9fed62', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '5859d54e660fbbcd8e082ee8375f7679c7ea83fc', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '7af5f615c651874779b715aefab5c32a70c96400', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'ed02540f6c9d0328ae9b9136f3c9c91739104316', class: "section-font" }, h("div", { key: '7113c99cd119fde40e5d3903236b5bfae139019c', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '857d4012f54bd0584138b3306bee86ff36c05c0a', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '2b55dc9bcd5a9b8d757e2a16c6b32cce330398fb', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: 'a7ae917ad2198c715dfc9c3da006abecf7847dae', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'dc13bed5ba027e312476abe7d8f95f0d532b5557', class: "section-font" }, h("div", { key: '71827d648215866e1cdf25815e0d7d4f6b7ca9e0', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '800f997c74b5fba2e68941520921857b9a059903', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: '9a8aac77e43ee7d5256dc593ed2d4894c7b5ba7f', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: 'f6ff75bbce4dbfcb8d8cc2966d41ce35bbf6a0cc', class: "section-font-attribute" }, "Font weight - 600"))))));
+        return (h(Host, { key: 'f14b65dae803f26cf9fd7039c3ae34f266d50e6d' }, h("div", { key: '018ab3c1a23e22b67e6b73c21bdbb0d09ed2ea34', class: "variable-container" }, h("div", { key: '6b606e9353438296955af915e97b17c0ae69af98', class: "container-title main" }, "Fonta klase"), h("div", { key: '598ff9320e371b316e07ffc9d5553b2041aa5de8', class: "container-section" }, h("div", { key: '16fdb4e5b87b6f748dafa17b9ad61f46f13917cc', class: "variable-name" }, h("div", { key: '84b03ee8c3f38117328b40ae4a5b9fb3d5ac3eb6', class: "variable-part" }, "tet"), h("div", { key: '63d9a23cf3260608de02b840bd5433f8299fc66c', class: "variable-part" }, "-font"), h("div", { key: '0a130b59166073236408101d19cbe4690682d754', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '7e1793b2f1131b843fcfd4882cbca97968295f36', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '12bc403673f727c4c7df378f51c0899778f16794', class: "tet-fonts-container" }, h("div", { key: '7694b7602443d149e5456d46b3d1b518aa4abba2', class: "section" }, h("div", { key: 'e964fef924a1c62e747d27da8d40814a6196c0cc', class: "container-title" }, "Body - Inter"), h("div", { key: 'c99476ab3346f345fc44987ea523770a5a095133', class: "section-font" }, h("div", { key: '6c6721e9976d7006f6aa6fd038565d19caa53699', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c15171c2217c818eb0e7e6dc1b87226085ed8e4c', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '18739d36847aadbf7455d04e656f6aea36546dde', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'aff3433f7afe2eff259ddb9b6eb4f6e87fe386b6', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '729d00e86aef4b5c4d3f900800d23b7435c4287a', class: "section-font" }, h("div", { key: 'c8f6a3ba2ded3aeee6a0f8e8ceb04012c8c72c18', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3216bd679cab4793cb73f57df661578d88bae148', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '04dcf6118a50b104979eca2196aa2b329bab78b5', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '861a02f7d5b890279a3ecdd156d1973de4e35ccc', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'dac3005f89d40039c5c6bdce6171a11791d5db4e', class: "section-font" }, h("div", { key: '500968756a9b98144971dbf21ab5806132470051', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '39ec893d8e794f03dd5443a3889c89c557a64eaf', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'ac500a938482390016888c9c3ecfa720ec81621d', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '6af3dcc993f1689807067098d45cbec8d6fdd7f6', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '074f8f758a2de4968c23305b2c69df238cba6f2e', class: "section-font" }, h("div", { key: '19030929bd24f5a2c1ce09f35fc358ac72193147', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f1a86fa9a810beb470c49c70c8012c9dbbbe0213', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '3632b2552093f665b11419e3e4c20824ce9e7bc5', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '0a95380caca7f33e8d8a2411154efd790ddbba92', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '45c6fb990337f204d78996007132d9da50a20302', class: "section" }, h("div", { key: '593b5af7bcdb4d4d4ade0e0a262baf454f3badca', class: "container-title" }, "Label - Inter"), h("div", { key: '5ed60136298d3a5621db866d74b95561556c37c4', class: "section-font" }, h("div", { key: '8730262b8177272cc79c6f21388e0a9b0ca1ffdf', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '89da3013eea28a24b8416918677c4b9d54735740', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: 'a3c0a5200c95b314e59ac3b99bf547242dd0fd34', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '9de69a8a93745cbd87b659930a50b32d83a3017a', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'c06cf30643e1a22951cabad30d5d53e549d59e67', class: "section-font" }, h("div", { key: '3e9e391a882fa91fb654dfeeb72eac2f33f299fd', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a7b94bb93c3c16d7b96a4d4737262ea731dc454f', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '39954e1d75f4eb63cec8e862663f9a8ff0466443', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '377b3be4af79780ddc1b456f737cf5aa10c4f5ab', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'a87bb9137b015b3efbd8eecde313666d1164d489', class: "section-font" }, h("div", { key: '1580374d28ef7579bd656a21eff39c470902128c', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '37f04b5c2586e8481c739172ca76f9563c9e0914', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: '79d1e6bd73c749f75d625af2202bc8825e8198ec', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '53e6a944d5e82c2a2e0cf031cbc43b3200edd446', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '31c98ed9afc024a090fba681012450aa23235b6c', class: "section-font" }, h("div", { key: '23a90b1643c9b28ea4fcb450c44a17b97e13f853', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '19b2a609b52f94c3ea64d742184587e4578964d4', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '38218bf0a4d748fb6315c89a6fb120f31c6012b6', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '42097aee795d0da796cc82ad84f7a97feb9d6c9a', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '6360835aaff6fdacbfe4f89d4b11b203fbef89a4', class: "section" }, h("div", { key: '576d85a587834c57e3365974fe61b34d58913ab4', class: "container-title" }, "Title - Inter"), h("div", { key: 'ca3751f6b9bb2203630df335daa35b5b3b9f71c0', class: "section-font" }, h("div", { key: '0002d40e9c1b4ab58e19c46c810f6b101b9ae456', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'dcd5fdf926fcb1275820f0ea577026a2b2bb3c5f', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: 'bb4a213ce206a006ae02404816316319db9fc3bd', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '9016e6efd3bfa43d26c083f560c04d923a53d921', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '765af4ecf509eef6579e2345212ce0c647b28bdd', class: "section-font" }, h("div", { key: '72b20a6027fd12d2b0ee2d20d9d47495f56b12f1', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ec3154f5b5fa0d8f9f96ecb5130dbbf6c8b1ea86', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '8f82e95254f4c3afe605e1e34e2587d2003248e6', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'fda0dafdcf49151d073b5967fd677797a66d5b5c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '0af97048629a1b3b5729ffb2fe0d70de086ea62c', class: "section-font" }, h("div", { key: '11eaf5965be7a48369564050c5439a93dde411dd', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fc81d3410921cca74569520953d664a071a0d253', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '3b5f3d18cce8223a1b32866024c6d04460b85c9f', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '2261abd417b884e8983048669145268febb769b1', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '0bf8ff63094ce0ba28bbbbca5f4047c2bca1a86c', class: "section-font" }, h("div", { key: 'a6ed22d907a26fea9078e21d95b396a095cbed05', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a3abe96a978a3b48975880be369a839a83678337', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: 'bcc92e60c17d4f490688d15e564ee9562639ed16', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '8788f6e0eb0f0f78f35765820ae81ee570796531', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'b992dbe97deacdb07ab5c1a29ce0502a80c798d6', class: "section" }, h("div", { key: 'ddecc18801456770a2810335157e39bc29383c5d', class: "container-title" }, "Headline - Inter"), h("div", { key: '225c3564478b556123151422d7d005a9c3e1a315', class: "section-font" }, h("div", { key: '35b1c96a2d1d5b0a7317faec93506d9aa7b7954a', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '55f7b89ed3f57149cc4a07fba6c7eba821baedf9', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '866fc4c1a5d580dd1548d74ead12b2ee3cbb2f4d', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '29b393867370d21bf51075157eb599c56b190543', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '70a3a52d081cb4ff4de42284fa9ada063810a650', class: "section-font" }, h("div", { key: '6e9d220c95c64891cd0c3fa547529f2138365785', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fb3e62022734cd804cb4a989ed446708e9c06964', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: 'e175887e49794df34466785420c2455ee088ba5a', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '024c75756a5e167f23730df91e0750f5ec818378', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '7e53b2810db4acf20e3f3a27568595ccb34ba135', class: "section-font" }, h("div", { key: '9fc81533af5629c8271ff20a6d421563aee8598d', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b96c6a988f18569a963cf7b111d1896e8a346923', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: 'b839b5eae28474495a7a2ab9c5e6c0c39b606631', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'cc82647fb0e00f37418e939b26bef8e380edfed2', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '2fc6733797fbc18b809b36b828a7ffb486b1c21b', class: "section-font" }, h("div", { key: 'f149693b08a42326c8b4eee4bd1f752f4976be61', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b40d6845e96c86f716172b99fd5e35eb80026552', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '664516ae50ab2fbc45ee149d455910b8bbaf9604', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '392682d385a17ad359a6699f333f17687b65c9f5', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'b84f752226e39b4b773bd245158aaad9db701e74', class: "section" }, h("div", { key: 'c7b503ba73a82144a22676adfa7f193fa5992fd8', class: "container-title" }, "Headline - Gilroy"), h("div", { key: 'be33b38933eca9a66278fcffaa3faa593f5b2556', class: "section-font" }, h("div", { key: '0c9e71ffa256b9762ac855216f0d16a49ef35266', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2c606d63b1ea752f852c7e85a3c1a96f0ae56f63', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '2d9a2ecaf8231ff1b577255164bb5eb3f2d09218', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '22f14c3064be0f1e83c505c7d1b0cfc22da51a69', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '32dcab6678f9e50c206522ee73e883b30547d0b8', class: "section-font" }, h("div", { key: '9b3959ee7dd1a37c7cf9ea88744c3697dddd80a0', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8f284753059bc43674d8ad012bbcd824fa63a468', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '4a41c248056e3160d114928afc4eacf90cc03186', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '096e6975e53ef49b4d4d6e3c81ce6223727be907', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e88f0562bc0edd7d2651601c11bb6166855fdc79', class: "section-font" }, h("div", { key: '18df52c315d9525f2d8fd9676fe91578d994191b', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd5433204f5bc36935ef2abef8906730ba7787443', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '82f9c1c43db1dce39628a6a74bb96d77a44da461', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '54fe6d31eaaad8dd61f4d43cc24995678b5e3480', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'ec7806b4776bea56686b3d5c29e73923b15b8808', class: "section-font" }, h("div", { key: '7b010112c91b152df34f6e494f55c48738a292b9', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'dd85dbb813e8a9d80ddf0c151b47d4c4360110bc', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '1a3b69b701601a2f32e6263f76c57878f799bf8f', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'b7896d6bbdb8cba6ba2f141d980417689de7ceac', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'cdc8c6c3e5ea5a27305ae8856ec824b28258e708', class: "section" }, h("div", { key: '2b729555d54328a73ebfdb70167fe1d5726ba3c7', class: "container-title" }, "Display - Gilroy"), h("div", { key: 'ef33eaf9aa115c795f6135b28e8fe95b1dbed88a', class: "section-font" }, h("div", { key: 'c92a9da1f6ec464c261fc0e98f0e15b91c6937eb', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '355162a51974e5500801a13ae0f9b9e9c59a174c', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '7fd1bcab162e92486eb0beab2ebac60a9fd83b81', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: 'c2aaf366f5c475fd9a1c324b3b580dde0463c26d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '57792df3f2baa81677b768a8c12cde665889d08c', class: "section-font" }, h("div", { key: '1862b24213856b26dddb18147be7a40d9126f140', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '65edafaf44e6cc681080358c3259d1b21bbc8c00', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: 'ba8c80b8b212cd372a113f5483ebf27b6dca640f', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '5b097b7126f2499cb6200f17e3c73fa25bb64ce8', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '99398949ada7104197f04a84ac8a83d335f814fa', class: "section-font" }, h("div", { key: '64a338a28b7a081e4186250d98c0ae45f93c03a1', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '12c229c71166d5aeaf233963b991c6c8578da061', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '669bc4aac9c4ea4a3088c8073855289b875ed241', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '7c5f19a5e4b9dcf949690a2cb44176c15c2e458a', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '6f9c293bf18fe0b45d391a1242654efee743f089', class: "section" }, h("div", { key: '58ca73a9b6558a2eb584c77fb5ec58a9201d6954', class: "container-title" }, "Expose - Gilroy"), h("div", { key: 'c808159554fb5efd7329910bd6d1c378ecdd2f19', class: "section-font" }, h("div", { key: '0915269ce4b3c9ac5e8172030b156c94b6296d4b', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f0bcbe790704fce30a8a2ac898e67b1b540247ac', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '1d9698d85f8879fcf530b6109b76689917cd826a', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '51d9a2ddccc99c34cc3e6af29a614e2d10b2adaa', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '3e3d8ceb1fbeb555dbac16bc52a81dcaa9b1ef10', class: "section-font" }, h("div", { key: 'e35e5eb9c6cb1f509ba78a14e0f762f504efa982', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7ed38a3d33902e206b0c1fa2ef192173ff3d87f4', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '00b5f00fced764167cc36824af33d49c0f1e3504', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '64ae501ae0c90722ec649bce4426cf638d7ad397', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '95240a98829be522f631b28c0f4edc2ba9239c0d', class: "section-font" }, h("div", { key: '500cebfc146f11733e3c9db6be38fdb47f0c635a', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ccfb16f4bbad4fcfaac45c952d570c82c71a443a', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: 'b5dfb384d7d2e3fda57665f4f5c50c6cea634b20', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '2c8c01e6358dca7b04e1d5edfb1a77244c6d998a', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'db88b91bdbf0a1170d1143f97b7ec489fc52e33d', class: "section-font" }, h("div", { key: '78fd5b8bf15403667eb0850f8a6c218acbd50659', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5c10437b714b8e78bc98b59e066e9802507fd316', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: '7874e40041800ee40f4ecb6c826dce2284672bdc', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: '27881e80c0e2b6575e388c5ac9412b8b6bfc2330', 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: '8015061de5e3d4498b8d1642c22d85771e115ada' }, h("div", { key: '28a8861e881570c41cf031e677e219306157c42e', class: "container variable-container" }, h("div", { key: '6bea414e6b7e32a4cc8d5af50912b21c62f5d5e9', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: '07126d154224d1427db42b077645d05f5ea59722', class: "container-section" }, h("div", { key: '096686e27997f54ee137c87acb0f45cf598a3003', class: "variable-wrapper" }, h("span", { key: '546ae8c6c3c05bd6d35406366411f779bb7a03bb', class: "variable-name" }, h("span", { key: '7f519a57da56a441ecb8ba4e692bc778743df813', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: 'b16af57406a96051e1ea360d676051d3c989afff', class: "container" }, h("div", { key: '2ea408ec7f3886582d8c7e202b072fd4b12049d1', class: "container-title" }, "Piem\u0113rs"), h("div", { key: '976956e183cc7a6670ca8bed2719f342a33412c4', class: "container-section container-example" }, h("code", { key: 'ae9a27ba17fc53451bbaee75c5540dd6119e0f4a' }, "<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: 'b669ea80c99e7d5191d2b9c15b6050bc2d945040', 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: 'a950f051e0cc0e9c9331f25afe456268be7852a4' }, h("div", { key: '2ae5c3e56e605155ead4e1cc4429831bec324e03', class: "container variable-container" }, h("div", { key: 'e66828992647b523db5e8d67ecf926d4c2032cea', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: '37853e059bf27ef2cf358871186256c032076c4a', class: "container-section" }, h("div", { key: '12987d17dd3d5a49c7ddcfc78e0c962812b86222', class: "variable-wrapper" }, h("span", { key: '9b18777b4226016a6b6ba9daf38563fe3ad91995', class: "variable-name" }, h("span", { key: 'c06889da0fd2c673f6f9ec9f51cfaf4875eeb3a9', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: 'f0dfb2228b97fec1e87a75690a2f5efac838e69b', class: "container" }, h("div", { key: '6becd043e11cc52613f92188c67f6a6f6eb49864', class: "container-title" }, "Piem\u0113rs"), h("div", { key: '9ea4823d5e1ea880b957464dc0f4f14d5a2a09dd', class: "container-section container-example" }, h("code", { key: '47fd0bde5c66fc9bd3e4fa58c73eeba8902440b1' }, "<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: '6bc4053f5d5fd7d81917560faa14be901a577c8b', 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: '5d86d20e8c57eca940409916576e6b829935597b' }, h("div", { key: 'ae7b3215bb3586a8259c2a3c1fb3df437b6b081b', class: "container variable-container" }, h("div", { key: '4e236b80b3ab49fc2f5d31c98ee97b94a2f8aa0d', class: "container-title main" }, "Linka klase"), h("div", { key: '5c1f72a9b484797a39199f8dd01fbb650deeccc2', class: "container-section" }, h("div", { key: 'c673bcc4d665c19f9e1ea75085be901821120ecc', class: "variable-wrapper" }, h("span", { key: '1cc0a6045c3b1c225d45a24a8f636bbdeb1159d2', class: "variable-name" }, h("span", { key: '906b8c09342c41adb0dbbc5438b0573cb215e824', class: "variable-part" }, "tet"), h("span", { key: '6d2068afdbe7f55b7e615a90652f21c0df050ca5', class: "variable-part" }, "-link"), h("span", { key: '212727e8fd3f6fbc87fd854fd097fc19165c2124', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: 'db80745613423275fb72bd6c7e91e9a70560ce6c', class: "container" }, h("div", { key: '64f024bdf9230dd96709e10398c4bde449fed9be', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '1ccfd7e835a3ff24a9293324d501229eaadaad73', class: "container-section container-example" }, h("code", { key: '37c8de69051894a725ba39f9ddbaaa0819b68ff8', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: '9febadd380226d9ab386f145d14ea258b8fdedea' }, "Link klase bez bulti\u0146as uz ", h("a", { key: 'd60240c04ad571555d51d3e5987cf7a1a6334767', class: "tet-link", href: "#" }, "elementa")), h("code", { key: 'e907320c9ec1ed4af5d3517d7b39abc0e2daac95', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: '62101e0aebd9114d75dc39b6110386c2c6ea148c' }, "Link klase ar bulti\u0146u uz ", h("a", { key: '2e2cc17c22ec55aca639bbef138dc75513be6010', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '9879c8f4a9d21dd598153edcd29e067b6ca21ad7', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: '56d9215b374fe3acfeadfa46c44ebf3e5504906a' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: '1b9a905c6e6179c555de19fd837236480f33285d', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: '5eab119d6881c379fa03ee5cbbeddda71b7da5bc', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: 'c6316bf9e941dc7a460fc3b75886d3fb6e51c9f1', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: '710d5dd87ff3efaea539ba2d305f907eaf0dc358', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
+        return (h(Host, { key: '5dda77f55f7acdca8b81ba25efcaeea44c2bcf65' }, h("div", { key: 'd9b34bd2fc5cdb22fb6491d6216b646a05ec630e', class: "container variable-container" }, h("div", { key: '18fe113037f9fbc7652efe403505b8ea2f829874', class: "container-title main" }, "Linka klase"), h("div", { key: '7cde67738790eacbbd6af6b290865989eb12891b', class: "container-section" }, h("div", { key: 'ae869909b59f2498c73702f19ecd52c279ab6488', class: "variable-wrapper" }, h("span", { key: 'e48f2f4d199a776f76837c391805d5b19eeadbf9', class: "variable-name" }, h("span", { key: '72b1c4cfdf3fb7543e943679e76b67ccc6c0a8ed', class: "variable-part" }, "tet"), h("span", { key: 'd42b445003cf89abceeb90cadcbb19a34b1b7e8c', class: "variable-part" }, "-link"), h("span", { key: 'd296451caef797bed2fe1f465f9b0e379d8c83de', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '40d5c6329dcadb7c54051588d74922d402b28885', class: "container" }, h("div", { key: '14803ace0629e92daa03534d76fb3ca4091d8066', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'b5afa744225aea59a53a8242211bd34be08a29b3', class: "container-section container-example" }, h("code", { key: '1926ca42a056e7de9087131066f8e7e153531af0', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: 'a17f0df4273ef52c2949210443d200f9d52b23fa' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '6da285f278e41f02f9b4d055c3c3dafe6c3e85e3', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '5abdb51fd2fbf5b36a70e07fcdb842b302743d7c', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: '3b7812556dc70e27da1ad3751013386c56593dd2' }, "Link klase ar bulti\u0146u uz ", h("a", { key: 'c9384257f002ecdb53c0398fd75dae316e110bc8', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '799e9207c3485e7589a8c2a3b13f6e40756d8bd2', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: '41eb3fbd6c4cdc581a882b7548c52a7f44275ded' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: '1270008ecd8179245b5694525f085d8e31f05d50', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: 'fd477857f3eac25d38a4cde146994d8ccbf4696c', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: 'f3ac727d226914aef6060568f14a3685fb980257', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: 'd180de38c66526289d0d0def27465a98e5e5b895', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
     }
     static get is() { return "tet-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetSpacing {
     render() {
-        return (h(Host, { key: '41735fe7ddff9704aa32f2f6bbbd44dbd9bf6fed' }, h("div", { key: '660d3331c22e50367d73187c13948a41b188d62a', class: "variable-container" }, h("div", { key: '5abcc701be443094bc86905d75b69756d7d37299', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: 'e24df357c7f1f47398bd657a0f4415021977d938', class: "container-section" }, h("div", { key: 'adf5385e4fef5637a540c6fcd0b772a785ca42a5', class: "variable-name" }, h("div", { key: '386d6661bef3963ebacec465fdb297d6df974ee7', class: "variable-part" }, "tet"), h("div", { key: '169c38c38a649e5e96e865c0982ac9320c8bdb80', class: "variable-part" }, "-spacing"), h("div", { key: '78da6851288a60c7bb983f69803d8b7402a29535', class: "variable-part variable variable-size" }, "__md"), h("div", { key: '8c1b205b9e334130684c624cef76c7934d9dc7d0', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: 'fae29a8b17a0ab063744e2dacecd3bb5a9997518', class: "container-wrapper" }, h("div", { key: '7185f8aae43d3de6d717148bb7f95c45135d65be', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: '25a081bc0c86178b4d332c7de9e6fe48c325ebf9', class: "section" }, h("div", { key: '3f80758a78fad039f737da5f537013f7051f9e96', class: "section-wrapper" }, h("div", { key: '7f2e2238a789b083d764b7f3ca64b619e8eae1f3', class: "section" }, h("div", { key: 'e1512653cbad1119c92aeeb08976868ec85f9c39', class: "section-content" }, h("div", { key: '93a7a372fc51aecd972942c7de983ba68b7a1ede', class: "section-style" }, "__null"), h("div", { key: '60dc9a4a0f8fab6dcd7cd259aaf9b4e0b5248acc', class: "section-style-attribute" }, "0")), h("div", { key: '3f88a4c79b7ed695a500ed617784ed10abf6f828', class: "section-content" }, h("div", { key: '23a338727b3b1fd3b31a1d9fd4a7de4ff50525fd', class: "section-style" }, "__3xs"), h("div", { key: '7ed96821e92302ba62ec9ee9ee8708db4ef672af', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: 'b7e1f44e50d023444ee73f3a2a5b1e16101831e5', class: "section-content" }, h("div", { key: '2933ccc6ef50375b80b95aa0e806ae3474656dbe', class: "section-style" }, "__2xs"), h("div", { key: 'a0ae465d5bd088a5cf2628582d8a8e575754c1c9', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: 'c53aaae69ea567ba04c4617ea13821aec3338565', class: "section-content" }, h("div", { key: 'f85d3b286f5bb55cbb6aafa63aa8780da6c567b0', class: "section-style" }, "__xs"), h("div", { key: '53f7d96643941ef9afc3ffe858cf9aa1597f8fd9', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: '4479f411723247d21c0e3bbdd85a85ac1a5e7a45', class: "section-content" }, h("div", { key: 'a96c6b3032687fe6fd13d3abe34e4b7e154e50db', class: "section-style" }, "__sm"), h("div", { key: 'b2c5c7cd5dc25644fa55a026394082343e19c6b9', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: 'eda014e49d90952b396e2857e80bf3a5d5f6ed1b', class: "section-content" }, h("div", { key: 'e278ff558f34492e39f49a1bf89aaeceb538b433', class: "section-style" }, "__md"), h("div", { key: '25b9e9b9634e6714691a6c2428093d6c44a45615', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: '92a00303903878366b04c8361c1a653f70261179', class: "section-content" }, h("div", { key: '69b3b432bc0b55c23a7301514cc34d0dc3fd72a2', class: "section-style" }, "__lg"), h("div", { key: 'fb682b9833989c5ee7fd25ccccc0e5344f782886', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: 'b19ea87f2b17928e71c58afd959cdf02325bf07e', class: "section-content" }, h("div", { key: 'ac313a23e19a88d18ffa8ccc1fa7eafff0ba13e6', class: "section-style" }, "__xl"), h("div", { key: 'a13817b13c54f61a74368555d91526e0ad3e1839', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: '4d9106c187324681603af1d9780eae602fe6b986', class: "section-content" }, h("div", { key: 'adba1325192d98c644358d0aa37eb7349054e512', class: "section-style" }, "__2xl"), h("div", { key: '8e753ea9736bf8951f7c3e33fb631ca7a04fde43', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: '5d2d7611b3210042e1a96e2d2c8911f8ab367a89', class: "section-content" }, h("div", { key: '560a43dd93e33942d16a3b44b9d2df39ec5463b4', class: "section-style" }, "__3xl"), h("div", { key: 'd4fd955ea19244a47f7fff69da83e5b8b6f79e49', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: '86a038d7516b857ec204dfdbe94fc1e4b911a6a5', class: "section-content" }, h("div", { key: 'f74cf7a97e510f91a0cabfd3cd63957c6e1959bd', class: "section-style" }, "__xxl"), h("div", { key: '4c7ef1c53345c3ea865369b3401d567427600589', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: '2c061f34dee4dc081e17d412d670a368471e3f81', class: "section-content" }, h("div", { key: '4ceaca04ade464a35341f85deb0b3d272e736858', class: "section-style" }, "__2xxl"), h("div", { key: '54169754fb4da821a6f336a6dd463ec2003b815f', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '5fa431b6ccd5e8f102f7eb96b9c00d6b5c8b8f80', class: "section-content" }, h("div", { key: 'cd69ce16f332576c8e2b11c970032a58f98f8aaa', class: "section-style" }, "__3xxl"), h("div", { key: 'a6447953f3c9cf2ece76456aee5dff975f1e8080', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: '06d7d4978445e8184c029c3b3f8f4cf7f4ffb36b', class: "section-content" }, h("div", { key: '36b38a2f19c55ce2df52c5c026af5fdf867a03c5', class: "section-style" }, "__mg"), h("div", { key: '3bb2613aa39aeb6fdf471837eb3b7944e17dbfbd', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: '81cef7ba78bfb2867a5bae73a45246a083bfba66', class: "section-content" }, h("div", { key: '73f9c07389650a4b3de2ebe6ed58c579f663142a', class: "section-style" }, "__2mg"), h("div", { key: '15bcc92128ed8992077aad11cc1ef6a3a6e889d5', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: '88030de677363cd6f960d1192e47732c7035d613', class: "section-content" }, h("div", { key: '7f13f012c9c6e3d29f43e2f9cc50bdb6c08acfda', class: "section-style" }, "__3mg"), h("div", { key: '248d3b5e5cd67e30f26d4cebb1a6d1fcc0691c54', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: '2c1f026e9adec53b7a3facb77dd4e924ff718fe5', class: "section-content" }, h("div", { key: '41f00e7c413730abe448d51d0f9794c97d997b38', class: "section-style" }, "__gg"), h("div", { key: '9a688daddfc18a008f1ae9bb7ddf49cccd89de75', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: 'de08d5a26c7b715d6b246303585fcee8838adef6', class: "section-content" }, h("div", { key: '877b11bce3873717c5a5af691dc5913812529a90', class: "section-style" }, "__2gg"), h("div", { key: '62b828538e3e39c025c3ad6932ce9eb8929f80b7', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '57d8aa58656b10a1a0a156251661a96e0877a852', class: "section-content" }, h("div", { key: '853eba8c51458e56fc884c1239b6e5eb318e4117', class: "section-style" }, "__3gg"), h("div", { key: '270cd870175086288f580d6da17ac8f30b046857', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: 'a8581dd87cf037de0a65d510d905fd8ab5281c61', class: "section-content" }, h("div", { key: '64efb2a12c47dbc73b5c427458df76ab633f3058', class: "section-style" }, "__xgg"), h("div", { key: '866465e646871c72dff20b6c802bceba428935f2', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: 'e6f50efe5080027293a36eccdb5d843daf1073df', class: "section-content" }, h("div", { key: 'd0650108487561ce20509fe7b70f65e90a9ec02f', class: "section-style" }, "__auto"), h("div", { key: '75e01285c3d27c7c4f82e851905866392c3efd97', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: '584aab03ae3c44499fd9dee4465e90bc4cf69a69', class: "section" }, h("div", { key: '9adcbbdadb859c727d05e29b59f24a126b9c091d', class: "section-content" }, h("div", { key: '15044c5f242918438f1b81f776ac2e235ff7ca5e', class: "section-style" }, "--m"), h("div", { key: 'a7cd42ac128354f87fbe55413b6f9046bba0c31f', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '14712af7b8bbff5fae11c2cfeacea5c41d2c40d4', class: "section-content" }, h("div", { key: '66b584f0ac2885ebd3a7383755e43f2511a3921b', class: "section-style" }, "--mtb"), h("div", { key: '1b7cef17444ab606845aab94b839ed5630c3ea77', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: '1d656a35f5bac4cd37428ccdfacc700968778550', class: "section-content" }, h("div", { key: '754b5db67e5bde3cc8933fbe823cae2f9b0e90ea', class: "section-style" }, "--mlr"), h("div", { key: 'bff0cb8bbb39bfd0d98590e10bfcc466495e5581', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '81d0d088690b9984f0b4b9f26ce47ecd66362a30', class: "section-content" }, h("div", { key: 'beef7f04bc405cecffe13e81bae26f8edff8013a', class: "section-style" }, "--mt"), h("div", { key: '52e108ec753b13021fd67f543878f502101f7cdb', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: 'cbab6c27055498f2783a2fbab8f451f8ecc70d23', class: "section-content" }, h("div", { key: '2f88791286a6a27a3b023b3171199bcb9cfbfb1f', class: "section-style" }, "--mb"), h("div", { key: 'e5eef28785b4249bea0bba46a716a80874624ee3', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: 'eb0bb34bb7be76ed4323a931fa38dab0d696dad8', class: "section-content" }, h("div", { key: '8ab5e629cfbef95fad4b546d6ceaef6c1f1df4cd', class: "section-style" }, "--mr"), h("div", { key: 'df1fa84b499c419e52a0e34843fa083b998a806d', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '6e2a07cb39c6b1faba19c18d0d79a4618e761f8c', class: "section-content" }, h("div", { key: 'e8f9488da931c5ac8c9b01280867b35ec0ad27f1', class: "section-style" }, "--ml"), h("div", { key: '392d5efd530f9e91fc1d79f91132fbbeb23a9c76', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: '1249232f32d0416e510fa8b6f1232700fba925ef', class: "section-content" }, h("div", { key: 'fa3d2904dba553636da20f0860f9fb08ccccc844', class: "section-style" }, "--p"), h("div", { key: 'b128ff32f4a360e7a4ce75d5a868f05483ef249a', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: '07145dd46149fba3bc5704b792fb67b69f1974ef', class: "section-content" }, h("div", { key: '3b350df084753a9dc76afd98910ad9dff9b4dc45', class: "section-style" }, "--ptb"), h("div", { key: 'a903e0076deb450718d591625fccc3658799a43e', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '81308a6967bf2a1bf37f0e25d639c11e1547e535', class: "section-content" }, h("div", { key: '79f88c23b9b2b1dceec769668ddfaabc1a043cd1', class: "section-style" }, "--plr"), h("div", { key: 'd3ee6800dc48ec28505c04950ce2f0248a7ef2a7', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: '06657efc8d63296b61f86b7b4751b0685a7a19b2', class: "section-content" }, h("div", { key: 'e9aeb40532045af73633485af9dad9f9c2fab6ff', class: "section-style" }, "--pt"), h("div", { key: '6f9096ac21139fa4b121a2058e83a08ca8c1d8ca', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: 'a027c66a40b4eab397912fda4de8c66074f260be', class: "section-content" }, h("div", { key: '7e78f083d9104f1c976561f5e9e661e7e1bc290b', class: "section-style" }, "--pb"), h("div", { key: '25ef374acdaae7b706a7079f927b3e2a70e7d710', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: '96170482aeb13ad2edf09818469462fb5d94e5ae', class: "section-content" }, h("div", { key: '2264004a0f4b67d98585ef42ca20f4939f33308e', class: "section-style" }, "--pr"), h("div", { key: '3508825ebfa268acdc4993e16144f6d97770f2f1', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '419b1bf02289ee9d593d59834bb00e8dc22c3e39', class: "section-content" }, h("div", { key: 'd8b1457df46d894fb8ef423bebab7295405c7d64', class: "section-style" }, "--pl"), h("div", { key: 'ab5a35deb64a3af59dae74039459c333badb2de7', class: "section-style-attribute" }, "padding pa kreisi"))))))));
+        return (h(Host, { key: '0667fe5ccdb4cd09ce866f3725128aa98a8bd934' }, h("div", { key: '71a6ef88d615c84c9e679d4607d422ac55072a54', class: "variable-container" }, h("div", { key: 'b63f162b6cbb4b92c2cf73bf5af2c6942a752f51', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: 'bf0983118a07a356fb7207f74c8f87eb1cb8341d', class: "container-section" }, h("div", { key: '6341dca85bbd63260a5383d0ad75fc90e75247c1', class: "variable-name" }, h("div", { key: '79dae259c63682e7e83e399207e2a6c03082c88b', class: "variable-part" }, "tet"), h("div", { key: '69dd7def8bd6850d79518b1255a8040ce48bebb8', class: "variable-part" }, "-spacing"), h("div", { key: 'ad40e2d9d77e6ad869ae9000dbca63a16b9677f0', class: "variable-part variable variable-size" }, "__md"), h("div", { key: 'f8bb3f8c3bc6be4b42c169692392af1a2d80a743', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: '4f7f4085ddd0a412b66079310cd5d41f771f4e93', class: "container-wrapper" }, h("div", { key: '44e5a5df5c0c756f1d0bc18dc782bbe673212d94', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: '9256f24ae4c8415542a9c2363225450c199e0562', class: "section" }, h("div", { key: 'e68250bc20ef1e994bd0b9412fdfe0d015c097fa', class: "section-wrapper" }, h("div", { key: '7127289379be8f9c00543dc7c39def59b9aebc85', class: "section" }, h("div", { key: '375e887f9fabbf4257ba05ee66a39ecabf31c7ff', class: "section-content" }, h("div", { key: '293f4cc1da80432d601646513bc6965aa7762812', class: "section-style" }, "__null"), h("div", { key: 'a0e5324ff1e674100fcadaecad3d4ad9de69d0d9', class: "section-style-attribute" }, "0")), h("div", { key: 'c0e6c3a87f6bc9c87cd7ed7f06273355e2e6ef21', class: "section-content" }, h("div", { key: 'ad2eae0e36de5cdb59fc54517310ab74d6dd9e3f', class: "section-style" }, "__3xs"), h("div", { key: '5f6120464de480f5ec7a4663fedf4eb87deb4174', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: '8fff16f8f8aa7256a4b7f858c7757d1f03e2ad49', class: "section-content" }, h("div", { key: 'ebd0a99fd55114cfb54b47bc2874e9bd3c1c3f3b', class: "section-style" }, "__2xs"), h("div", { key: '22afcea5cf8d67043317daceed1b6d05e875a8ad', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: '810ef083ab7b546f55ecfa0c90df8ac4dbe6819f', class: "section-content" }, h("div", { key: 'eed1c8bc9ea778c30b002eb7f0e49127eb91f530', class: "section-style" }, "__xs"), h("div", { key: '60c4c556bf9e80c12456da4da2c4860f702a7bfc', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: '134719f73afcab9bf4e178acec3038b2fc14a638', class: "section-content" }, h("div", { key: '66cbc71b07cd22f90c0f8787e9e93f70f11f5c53', class: "section-style" }, "__sm"), h("div", { key: '6c075ba057e8ba5e7eb133a4069863925d3647d6', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: 'd08ba9d9f18b6b0d4093f2c1fdb6797eac59aae0', class: "section-content" }, h("div", { key: '42b5dfbe30ca87dbfc477e3e46d687804bbc7bfa', class: "section-style" }, "__md"), h("div", { key: '4ca9d19b065fa458f9535c4b42016bb02eade53a', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: 'f9ce008189b995dd9139f7f39262b938b081bd81', class: "section-content" }, h("div", { key: '17c084b1bc972a988b1432df2af45becd2a2caed', class: "section-style" }, "__lg"), h("div", { key: '3f97247d814c092fe0b53c4fbb0be2bd521e71ea', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: '75648fd85f4e5ea5f6c5d923f9904066e738af4e', class: "section-content" }, h("div", { key: 'df0d4d42f600c0e6d4bea940ea288baa918294fd', class: "section-style" }, "__xl"), h("div", { key: 'e7cfd84378d3a2d2cba9caa336556a812f5b1db3', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: '72458790f7969d5589e91777b10d0b309ffcdc75', class: "section-content" }, h("div", { key: '71bb6745f313f63c7942ff6a6184afe4b8502c53', class: "section-style" }, "__2xl"), h("div", { key: '797c3cab5ba3e344f26fc57c4854a9a2b34e81a5', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: '633a08aebb72019c1d20182336d90a3ce6bc6439', class: "section-content" }, h("div", { key: '314285122d4b573e2c21a9650bcdd4433c989245', class: "section-style" }, "__3xl"), h("div", { key: '410fa58174fd18c59522f2ebcffb893302d1e723', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: 'ac963fb2430ea6b271eb19812b1add693d3466ac', class: "section-content" }, h("div", { key: '61f35ed7f32d4f581dc9b3022bc9a2b41bf76fad', class: "section-style" }, "__xxl"), h("div", { key: '4e89a57d534853e3cc2a0a82670fba6c11a10115', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: '20a63e89bb015b98a394c6f118fed75f029f3c4c', class: "section-content" }, h("div", { key: '967d33cd57fa003a2e0c319d1d7efe57e2ab2f6e', class: "section-style" }, "__2xxl"), h("div", { key: '0ad053aa2b9689347cf3b59eb4544ee7e799f5cc', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '7ba72d2aba667c3f77442729f6e99d0c1a20d58d', class: "section-content" }, h("div", { key: 'c7b185f65221498265d999c2cc23fdf2c273b253', class: "section-style" }, "__3xxl"), h("div", { key: '7bf20522f931808547f01f1f1e59ebd45865b912', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: '47239a480b4b63d6e06cffc6b5f6a8e4989bbbb3', class: "section-content" }, h("div", { key: '8b3d541923dc0bf042ff0388a5cb165c8939e10a', class: "section-style" }, "__mg"), h("div", { key: '382965a4faa297e220ebda2251466632e59395cf', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: '32f8f0bef76c0442fb0002231a6edddcd1673a16', class: "section-content" }, h("div", { key: 'f22e84ba53182f1e68b109c6d029a5e086eb41d9', class: "section-style" }, "__2mg"), h("div", { key: '181ed084180b8c70230c7583d034c2cb8a8fb2fa', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: '0a6e489389f44ff0f1bd244bcb8da9dc81e13352', class: "section-content" }, h("div", { key: '643b5b1ab69a28650d86f50dea205434dd8874af', class: "section-style" }, "__3mg"), h("div", { key: '742526426eacebf3668126c97a116c41dbb15a78', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: '1f9353bbf82b30e0251393ef7b7a35440c4336f8', class: "section-content" }, h("div", { key: 'cfb0d6f542ca79bda09f2b57ce0cfb308c784458', class: "section-style" }, "__gg"), h("div", { key: '0f327a201a6e28d4245115bb2fae4190b03ad73f', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: 'f6336ed878e57bb8249f76fc9bcb1edf6a5a8e25', class: "section-content" }, h("div", { key: '4ee04a38215883df2a8e9edd55c85b49ab62e4d2', class: "section-style" }, "__2gg"), h("div", { key: '588b1150266368da94c12ca82417d669e144071c', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '203181d19e15cdaa24e73b438905a6133c4fdcb5', class: "section-content" }, h("div", { key: '39d6d31f4cd1bd38f167474203672d867e132132', class: "section-style" }, "__3gg"), h("div", { key: 'c44eeabbc89019e318f24251206585d65855dc70', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: '765b3895bfb1cbebb9b38c94ed561a8427fecaee', class: "section-content" }, h("div", { key: '6fd71c9f745684579bc19786b7b6ef6576d7ba7a', class: "section-style" }, "__xgg"), h("div", { key: '03348fbbe5e84f579d187747243131ca6ade9437', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: '1c28f49aa4253881f2450674a85291e6a7ab303f', class: "section-content" }, h("div", { key: '9b34dce99371874f7d1fbe1dd18f492263f64cf4', class: "section-style" }, "__auto"), h("div", { key: 'ef350ade1ed58d11c699f91b3e5bf495ee9d879c', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: '58af0b8e17c1e3a42d2e7f12b6440441b926284c', class: "section" }, h("div", { key: 'c4fcd96d4fda9a19c4aae75ec4f3e41e5adf11fb', class: "section-content" }, h("div", { key: '36cfe7fb67250e46856230ae1f7a7247fc81c3b4', class: "section-style" }, "--m"), h("div", { key: '9a907acbe6b2365d7b452aaef20e5992173972fb', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: 'fe51daa42163081400e28fe7e66481c9af1edf21', class: "section-content" }, h("div", { key: '54d7af5cd1148ec3d171e39de0b3ae96a9f5a53e', class: "section-style" }, "--mtb"), h("div", { key: '9a90752b3367f6509d6c4deaf69c75a0e49a887e', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: 'b72b71f7635f03983c584051b0d9907d367c7782', class: "section-content" }, h("div", { key: '73b52a0cc9cac6ecbc520cb8fe15e16464565328', class: "section-style" }, "--mlr"), h("div", { key: '25cc69fcf645ac9d4801b1af9b82399150969ee5', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '8249eb3b8c7f0bc9afa7d76056e46f82db20790b', class: "section-content" }, h("div", { key: '611d5bc127cb4e85061ce10def2ed079617f6161', class: "section-style" }, "--mt"), h("div", { key: 'b87c3166e1cc5fe19104f4944c13dafcfeacb1d5', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: '4eede97957689f6ef65bce8b69d024bbefad10d4', class: "section-content" }, h("div", { key: '34ca857bfd3e7b794b4a113edf20f68ceee199d5', class: "section-style" }, "--mb"), h("div", { key: 'af1d092e9ae7b225ea57f80e7bbaa31908d439e7', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: '89ed8c9fd3c4169a5196bd9966ba23da347ecc19', class: "section-content" }, h("div", { key: '4edcfa65ba4defb9caaec1de725f77db674faa44', class: "section-style" }, "--mr"), h("div", { key: '7c83347767d870058221a655045fbdb2b752344f', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '813d1f9a99d0c789ebe269f950730328d6489ff7', class: "section-content" }, h("div", { key: '36fb965de0097e1ad00c9ecff22ade1fe26efed1', class: "section-style" }, "--ml"), h("div", { key: '5e4cefa3854680ddef44d00bc5166b528ab65309', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: 'ed5df942b00bdfef63f84db5a2ee7e54e19ad111', class: "section-content" }, h("div", { key: 'ba1364d185349c3a22a033dc12df667f7a0baec0', class: "section-style" }, "--p"), h("div", { key: 'dd8838cd695e74d14c132ff2e8dbb90dc623cc67', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: 'b15dff16cdd64906590d9c427dead7b0e6d45692', class: "section-content" }, h("div", { key: 'b2aa85d4be32de2fa13084ec2633302d8da6dd93', class: "section-style" }, "--ptb"), h("div", { key: 'a437c38b6cb347e5151225219ed073ec4bb8796d', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: 'f7b9687593d1d69440051d1f3b93377a4badc897', class: "section-content" }, h("div", { key: 'a881d1d9763c03e8658739603f94a3ae903a2de3', class: "section-style" }, "--plr"), h("div", { key: '2568c6f2ad47ce8e1504fe68e39acbe53bb72f34', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: '10ef8036356c97f8d2f1b9ccffc4def703be3391', class: "section-content" }, h("div", { key: '393dc7f0b3149f961b326565bf60cff09fab7b65', class: "section-style" }, "--pt"), h("div", { key: 'f0b5847223223aa38bf01e6230ab9886dd8155ad', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: '277ce45cc3b1b304a8e528fda1f8c995427d0bcf', class: "section-content" }, h("div", { key: '720bc6825e2f41b2249f32706794c6451eb9384f', class: "section-style" }, "--pb"), h("div", { key: 'bd390fa4584ad1a72c97470cda47f277b24af621', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: 'bf53ca276ac2ca676c473b7b675573bcb27dddd1', class: "section-content" }, h("div", { key: '23d4330073c83192bd51e35c9fbdac5399d3ec2d', class: "section-style" }, "--pr"), h("div", { key: 'ad82b17223779b5f01e193703e454c8893316cd7', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '8a67fc6ff28aa952c1abc40f4124ca6c31394901', class: "section-content" }, h("div", { key: 'ab53613c44e6f1eba40602fe95d51d9f62b1ec67', class: "section-style" }, "--pl"), h("div", { key: 'e5871759ab754fb7795e451e23deef95cd58df90', class: "section-style-attribute" }, "padding pa kreisi"))))))));
     }
     static get is() { return "tet-spacing"; }
     static get encapsulation() { return "shadow"; }