npm - @tet/tet-components - Versions diffs - 1.4.49-testing → 1.4.50-production - Mend

@tet/tet-components 1.4.49-testing → 1.4.50-production

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

Files changed (563) hide show

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

@@ -590,15 +590,15 @@ export class TetColors {
         return (h("div", { class: `section section-${sectionKey}` }, h("div", { class: "section__title" }, section.title), section.colors.map((color) => this.renderColorItem(color))));
     };
     render() {
-        return (h(Host, { key: '897208c5c06f06331ea808362c26282ad3f7bd21' }, h("div", { key: '90a61a46384380f69bdbfd62d0608a3c7f07005b', class: {
+        return (h(Host, { key: 'd441bb336d357d327740b1a3248caa05518f7843' }, h("div", { key: '2581135444a1c5b8aa3da0a7f3a23f86aacbf558', class: {
                 'dark': this.darkTheme
-            } }, !this.isTokensExample && (h("div", { key: 'fca26d87b778af11ba82f20ecf366455e16bc252', class: {
+            } }, !this.isTokensExample && (h("div", { key: 'c8c524fcfe1f4a17a6afe83f118ffd4d6ba836d1', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: 'b26708397cee9718fab24ade598544ac21f52d44', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'aab3d10da9b1cfbc8a651d9215bc5f7755c4a0e6', class: "container-section" }, h("div", { key: 'ad8873b7abe6b9bc917894a1dd8465ac74d0223c', class: "variable-wrapper" }, h("span", { key: '9f96decc6cc93b9422f33b1ceff78309bd1e9ecf', class: "variable-name" }, h("span", { key: 'e1ec1347c8bb826f641cfa5eb4a35dc0a0fd6402', class: "variable-part" }, "tet"), h("span", { key: '73b201e572d83e1ad0eacd0df1802f77b58790f2', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '7301b2c7e376b6924fd6aa6445b2997719299ab7', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '6332525675cd42849df20f026cec016bd89cbc47', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'ce6dbf104aa070f398522f16a3ce9634637dbac4', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: '184ab6aa4e160a96685586effc498db387fd0503', class: "container" }, h("div", { key: '822a000765b29bb656d94b85eb851bf398cb590a', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'be30282825d6707eaac529bfbb03edba1c4832ef', class: "container-section container-example" }, h("span", { key: '980d054303010b31b00e9724d7f64abb563cced9', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '33db63970885f1f79bda479421d7123c9518e659', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: 'da9966e9af2f3e5ac69c19078be045c7e48a51be' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '5c204bd329c4311652e68bba4a2f26191ad5e26b', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: 'c0390cdbdf6fe6cb405235a10adbb9afa10f059e', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '3321e02999b27bcf748996062af2d3a3382b8439' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'da2317dc55a00f36707e27b5a2499b509c395135', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '28d994f3ccdbb363bbcde524b7474ed1c15662ab', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'bbcf436b2e4067b20d6c2d4dceedae3aad7cfa0f' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd32487bd79e424f9781345eb8264056dcc0a7507', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '6f4c3271f0131e36c24dce7c289a391f5929c807', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'adcb84c3329aa34ab27a8441d21c507681e502df', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'cb1f79e045ae4ab12453b10c24ab687bf050ba76' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'e20d37270b36b103d4236ce885e1b84c90219c03', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'ac8ba5ea09ec32a3c410b9bbed3681e7f657f7e3', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '06ad6978083b5779b4ce837454f988efad1fb6a3' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '7d50d5828c90eca48067fabee16ba22d0be2b23f', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '80f01f988370ac532b1585a848ae39a93113db0c', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '058606fd6b29541ec9f2e489f10e41dd2cf35589' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '334c71122fc7932d10c9186e23c8be2e7dee2c04', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '1ad093d281c0d401bddddc32c6f63b3fbff17fa3', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '2dc676560014179057bd4f4166607c41cc894aa1', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '98bbe8b69a6dac695ca747d4fcf2df92839eb29e' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '3a64e915375517f8c3709ff23f8bec218b7c0d0a', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: 'e473276b84a51f72938872e4870301811b9e95f4', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: 'd987537373b749a50f04335a371b7237b3e95788' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '48c5d414f76771b0d09f57e9d9a6fb7eb3856153', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '65fc973d6e3a390b330e13188d77ec826f3152ac', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: 'cc2721271d469d734707302e01ed27a4bdcd0860' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '55e4eb3c52cb7524e78a5e89a8676a0db28c4934', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '5f584fd2203a53c4e37d2c131019003fc983523f', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: 'a5e1217cc1b0bde4696c9b48ae6a5359a9756502', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: 'cf921c9cc248cf486a4517cb4a2baa28f03d8350' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '479af0c8136b6b8ae16698256a2070cd40e396c6', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: 'b573f297f90a2bd57f957193049d80a549f999a0', class: {
+            } }, h("div", { key: 'b62807df85b89dc5ef019bd6cbdabbd5268c0482', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '4f1171c52e59abbfe1a5daa5ab5f66013743783f', class: "container-section" }, h("div", { key: 'cec10f3b635bc3e5efe4ae465e56ce879e204f88', class: "variable-wrapper" }, h("span", { key: 'e7940f113af7e1ade1cd16452e584ee394c496f1', class: "variable-name" }, h("span", { key: 'cf8a7d07ffcc3fc62ec28eea4bd8d926eb4ef5db', class: "variable-part" }, "tet"), h("span", { key: '24b1a91076a2330c393270b585f1563e0e6d7856', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'f3c5637b8d6b97f114e9332cc45d84994b21f87c', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '868d8868d6c0d532f81eb8e73889e01bdb457009', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'fad87e562711044bffb714ee799d68b039896d3d', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: 'fc2578be8d2215f25826f9929067b589515c4594', class: "container" }, h("div", { key: '3ffc5e28f0102da07d937402d92c797a93751e9f', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'c9ce1d4fb7d96a9d58bbbb8f7e46fc7ad0abde59', class: "container-section container-example" }, h("span", { key: '663073211d455a426a552ef06513f461936795b0', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '117178fe72280919aff8d986d7ae2242c1110092', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '9cd76262ded55c0e99f78a8f080ca2e026528e34' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '7a688a248c4d62fcab7c318fc671b570c50da6d1', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: 'bfa842d0291b4fd42fdc43da1bdf1140d0de277b', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: 'd51bc8321d73ddf8cd07e8ca0412a1481ee5e563' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '05df983ecac31dab95e8c5f90c8406ab46b01470', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'fbbad7a0139b52279243f2fd418740ff2854bb9e', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'f3c852f7977e393dad62b4af8aea7027e08ac6fc' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '7507c8f2ac34fb4f344018fea6600fb4a99915e1', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'e87ce5c386bbd1cdf9f1bdbbfb9940367c417901', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '9fb30c2910f579c6ac2f5dfc5233bf406d6d5f82', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'e1a2837bd7ae26f787560db4ff215a7e461b68fb' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '1ddf8b43241868a111ab441cbdccd8e1512504d1', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '0bc0f944d0376e4779cb2f1ef3c8ef521f29a01a', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: 'd1e30ba0c4f7edef0c7562f36d35339e94a61acc' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '4a771613913632cb0ae9dac6349aa4c079237b75', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '96e278129eaad2e3387c13b441801d1958500fdf', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '2e96f505b405416962df6d5c509080b2be27e1b0' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '6a57c13d52f41339c806711f841d1b0438bf526a', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '52d8e014ccff8e7ece9c4f185624d225b2b3c507', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '544e078bb022d5379f71a8f34ab018a3cda9cc75', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '243c9aa9d4d65fa65dcc6e228c5ea63dd9e358c4' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '2990ae7e40973d0461e2f37d38a2c091c434eea9', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '55a9244af57984e2e4a2338fe74199267c5b2a0f', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '12fa2451c22d33db8e64ccca0238bdbf7a27b166' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '3b14bba740936bbc6ca5cac2896285f25c7a6402', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '118ec06b3fee61f2c1135de399279b5a87a1fa42', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '861c9c70c10a7b3aca2539612549c2405cf9d537' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'efb4fa5374d1989817459c8c75c916a6912ee80e', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '4e4fc18940bc4d581f7ed6a0da18cfc6f36c826f', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '46c83c407ae53667ccccabb8fb3fb859c63288bd', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: 'f369c0fdc4f23ae88d832836b357448a13f29318' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '4b8c4696ecba4277d68ca3a32aa6763e8db9e45e', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: '203232bc5dd06180b5a8baa42c003314264ff3e6', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: 'fa20a00f2ed38e53ae1dbc0ff9b14e631d05fbf9', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'fb2706d4d9fde1e0c14497be127537cde1664e8e', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: '15ec30d5c0e5ee1d80f19db43eb1b98cccd6325d', class: "container" }, h("div", { key: '05efdcc400f22f6a81582b7da555c10402483245', class: "container-title main" }, "Tokens"), h("div", { key: 'a34f88e63c1715d87d83e922d3c2ef8ff75dd727', class: "container-section token-sections" }, this.tokenSections.length
+            } }, h("div", { key: 'fa4499549666bf2737c3d8f2e4ea3785105ddc4c', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '0e7bf58b6fe54ea52a4c5643fd15c86b750a5f19', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: 'd7e0c3c8729144e6ad03e6bbd7bd8c68aa94f1a9', class: "container" }, h("div", { key: '798e7b1a1aaaecf05f9ccbb3d653db5168417ebf', class: "container-title main" }, "Tokens"), h("div", { key: '2920b43e7551423845ae1a6af4efb17dc99c94ce', class: "container-section token-sections" }, this.tokenSections.length
             ? this.tokenSections.map(section => this.renderTokenSection(section))
             : h("div", { class: "token-empty-state" }, "Tokens not found.")))))));
     }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetFontWeight {
     render() {
-        return (h(Host, { key: '3218c66216bccc5b3743e18bc6568d4349b5d846' }, h("div", { key: 'b55e40f9e55965a0ed2ba8fa3b16c8573ef2784c', class: "variable-container" }, h("div", { key: '02e96142029c6392d7d0bab696bf81b5022ba196', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '359828290c663bac77eb48fe273311ca676aed4a', class: "container-section" }, h("div", { key: 'ed8e6b3aa2379da0d84ea98b90debdfe23347f7d', class: "variable-name" }, h("div", { key: '7ef0de348d5379346ed3f5824946437ee4eb6997', class: "variable-part" }, "tet"), h("div", { key: 'db5e712aaf2e52f2ea5f3025046a5d0fded4acb6', class: "variable-part" }, "-font"), h("div", { key: '99a9a22e438e702555bc4aad6ca4d61720615457', class: "variable-part" }, "-weight"), h("div", { key: 'ac8c53caa315bb232a2c89cb27eb3f4bb2077362', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'bae63d7ed9d9840e6d1e170f08330774399341fd', class: "tet-fonts-container" }, h("div", { key: '714d678e8ec7125401c9399f485f9a8b04cbcd2d', class: "section" }, h("div", { key: 'f27158820e2a9c5d718518e54a34f3f5ce3cad61', class: "container-title" }, "Fontu biezumi"), h("div", { key: '31eaad9a8cf7ec9dd6d3418723951d9112a52a9d', class: "section-font" }, h("div", { key: '0ed4a579595595e1ad016e5d663dcd1be2d34dd4', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '306f6c58036c0c2d81c3c68986ae4b8c5a554eac', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'a62513c0585d94a94502619f7d5153cfdfe5d465', class: "section-font-weight" })), h("div", { key: '90bb67fcff9152e62f0d82519f23800f75f6740a', class: "section-font" }, h("div", { key: '7a5096f097198a9a5eb98e4d9b2166390fabddb9', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '5158191f2f110575ab3c2cc460587a09295b2207', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '5ad0bde22d718f9f5e24d232b8074b7cb418b4b8', class: "section-font-weight" })), h("div", { key: '86832ed3dba92aa630ffdd2485661ffc224b9b32', class: "section-font" }, h("div", { key: '25f2f600a070207543114fe510a354c560a75d11', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'e61a58aca89b6219dacf8bc435d7e352c9d2796a', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '8e4c37b3054ba6e127e48b10c8e42b332c210dbe', class: "section-font-weight" }))))));
+        return (h(Host, { key: '5140b4bbe996d183d6883840d1a86c8bc33c958e' }, h("div", { key: 'a18a12ea4c034e2ee591ce14da81f7c691f11b04', class: "variable-container" }, h("div", { key: 'ef4613e9843a72207c709f47b57211730fd7eba8', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'e56a607ed71c55dc915049bec447e8d912cc7bb5', class: "container-section" }, h("div", { key: '8e102bc270e01a9b45a8112f765868a0f754cba3', class: "variable-name" }, h("div", { key: '6fb945bff34d24b6682c5a7f546122bfa45d2a2e', class: "variable-part" }, "tet"), h("div", { key: 'aac6c3ee2f02f1a6b18002830682996fa3ce3462', class: "variable-part" }, "-font"), h("div", { key: '0148704cf88868f586986fe7c0e0d0f93cc40dd1', class: "variable-part" }, "-weight"), h("div", { key: 'fffbba8f727678701c97ce33c4726014a794af04', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'f4c8a330a0ab8f6293a2ccc191f9f997d9defe69', class: "tet-fonts-container" }, h("div", { key: 'dd88eea65250b71e41b940f8dc8e2a78417f8625', class: "section" }, h("div", { key: 'caa6eeede3227a5d00009b76fe11f8c18eaf5a4f', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'cfcbcd31ffd99ee02d04bd46bebad3b63e689d55', class: "section-font" }, h("div", { key: '1d0b8ae24068f971450bb15107f4eb4407066c4b', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'a38ec017d56aa22426fb894a02d94bdfbc28260b', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '7b991a13490b86f6fdb1e020a87de47d0ac650c3', class: "section-font-weight" })), h("div", { key: '708b7b77b0d5206e76be4ee05592f06f9560ac84', class: "section-font" }, h("div", { key: 'd0bbc2ac259ff5d189c02ed4125f6ed90f664acc', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: 'bef5341ba42ba81ee38982f895d049c2de8c8b73', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '1c3b3c5aace699e3c7452c6ae18d8fd852fccf4d', class: "section-font-weight" })), h("div", { key: '7449be723910c1ce8ced66cde630b2b18897d0ce', class: "section-font" }, h("div", { key: '92677c0c302c77767100d954ee39caa33e2f5a7f', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'cca6c648956cb2aaae8604617a102e60b77de9d9', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '6b7117ef796c46d1764673da19e4b5bd6ac0090c', class: "section-font-weight" }))))));
     }
     static get is() { return "tet-font-weight"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetFonts {
     render() {
-        return (h(Host, { key: 'cdd4693a096cad8c51f9e1b7f42d5acceea5542c' }, h("div", { key: 'a399f9b47e2978168b48aac5dbdb368eadfda891', class: "variable-container" }, h("div", { key: 'd595ed564e79c5d36038708c07a7e02d0f2f09fb', class: "container-title main" }, "Fonta klase"), h("div", { key: 'de9e0f230ce1df37b2d26739006d57ecbba48c43', class: "container-section" }, h("div", { key: '6600b01929df77d014364cc1275d0f841523f89d', class: "variable-name" }, h("div", { key: '742b2b9f8a8eb0f8e1763230620df69273283488', class: "variable-part" }, "tet"), h("div", { key: 'cecb5825b0ad2ce62be6008abb7f72d70aed026b', class: "variable-part" }, "-font"), h("div", { key: '32180ddeefd1c1ce5dea10f809d5dbf43c94fb66', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '5d407001a62e49fb303f08680cafb7ce18a34d0d', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: 'dc970dc7536363db86ab462b8d21c7f05aad1822', class: "tet-fonts-container" }, h("div", { key: '4346e471bafef461b9562f1cbaef8628d0e767c2', class: "section" }, h("div", { key: 'd79bad6c9f50ab36ef6e1155257b2fd843687b8d', class: "container-title" }, "Body - Inter"), h("div", { key: '54a8d4622084a2aa8048db58111c8cda3e480692', class: "section-font" }, h("div", { key: 'e31a65a054d52c3d93df97098b870adaa1735624', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '32ca0bfbbab297921a01cfbebe4eb0514c9adeff', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '06b7ba505a209a7b3d786b0bdee23ae7c1e400fc', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '1d2925caecdd654dbbf6550f184056783b1e9909', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '3106ee33514916da6015bcad5a729cac3b8bb0d3', class: "section-font" }, h("div", { key: 'cbea9f1811673318777eaf9778e720a609303fa0', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8b983e10eb9b5d00102012ba119c5172158c3d2f', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: 'f568d556343af35f2c8ebc69b485c1cbee925b47', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '8e2d879e0939bcc5f30a77c53e94143fcde5ad1b', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '63c3085e7715f4587506dc44129625cd2caab5ba', class: "section-font" }, h("div", { key: '441b79f209657c13c21f98c829a25d58af4f4dba', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fe48e610749af8bb51b36d1dce4250ddbeac961a', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'd51eafac483303daf6c7e17cad1499ecb2265d2e', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '15b88b5f68fd0d32db68fe96693a27c2e47349ac', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '47b15dc114c351dfe822e6995a3c792fcfa9304a', class: "section-font" }, h("div", { key: 'dda1665e77ee0965421e30e841298eae17c36a64', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd31ede53a2aa249edc2b0a20c6d52caa25609b30', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '773d6be48ecdce236a7c8cc66a5e1b4023efe26f', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'd414a24ec62f3c93de0254c8e47c83193160a7cc', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '36b26bbd3dd42dfcef2f2193840f473acdc3787c', class: "section" }, h("div", { key: '35fb09b0cdcd173f59df36dcd8b7f66900e023cf', class: "container-title" }, "Label - Inter"), h("div", { key: 'c3b2cbc4ccda86a0582245a0aafde439dffb5331', class: "section-font" }, h("div", { key: '6cdcd19e366ac70fdf1916151559d017b5dd19ec', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '72f800db9cd60759e567f576f0bfa09823034536', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '16aa1732bd659f65e2abb01b5b5ecfa9d7193142', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '272be28d4f14515d30ff5b6a2804b209f7701e82', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '3631549a3ad325592f4219ee07a314cc5d1cf86a', class: "section-font" }, h("div", { key: '2bfd0a7a63d98e98b4e9abe0a2da83a778310ea1', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9d3a2733c53f4db53972d68d29d72792c9ee73e3', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '2d6871285a6f9827b1f9e0c3daccf89347e51a7f', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'a0c71a55aee95e61d23ce5ca931ee1c6e4008671', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '2bbbd55dc78583e72f2076266f1854eca7c733e1', class: "section-font" }, h("div", { key: '8ca5c7999739b26c5e9383986627ebfd7bf6173a', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ae9bf21fb2ed374c921746f3000d7214d7b5700c', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'dc38e9720f3ba4ef18a0b8375ff10e36c53be7b7', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'fcb5ff2c9cdccc2e4f9b184a109990be808dd315', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '56dd09e8a62c0a1ca6cf13507f49bb0feba26788', class: "section-font" }, h("div", { key: '93fd006c9085e46acc5f22ea71a09c324ec2a14e', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd57b7e06f672010ae7ea80852630acd8f2309953', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: 'f635c2e5274f71ecd5f77a3617fe41e770254604', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'ceb143bc1d0af632397e671543345f33d1e6e297', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'ca28806b185adc53711e2ab7488c8bf12f922461', class: "section" }, h("div", { key: '76a6f059a3ca9ac188ef93e416acbfbbd0968b78', class: "container-title" }, "Title - Inter"), h("div", { key: 'a09c3611567f50404a922e660339392d7226e18c', class: "section-font" }, h("div", { key: '7aef1a35371e6c7a1d57ec4f5f39cd08f1ef0095', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8902c1a817d4b493167f4dd746207646c5500b8e', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: 'c58af4db29c4637a545165f0027a686466f9fb28', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'c69bbde5e3e34ee239bf713bfdffb079844975c4', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '0ac1cac7bab3d75c1c2eb93178089c615960dbae', class: "section-font" }, h("div", { key: '99787abff9564dcc2c7d1be48f009447b57fa057', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ebbe2af2e2d103bb077a5e48e0284a363348d60e', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '203622fba405407b969bc9a77899eaed09693545', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '87ee95b25ec1a622a3af259768975f40188e078b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '57776ed6f3f33c15c13cefd4038d7415f26f14ee', class: "section-font" }, h("div", { key: 'f294298d65d367177a7af824b1d5fdcc007b2bbe', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '889c872a11a099a1e4786b12bf19e65fa339cb1f', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: 'c39cb7069ce192fd6b758e6eb74c4151cf757603', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'c13e324254685bdbf9f929d6908bae42186c245a', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '9633207d94e67f2e25860a31fe09a1ff0a0fe43e', class: "section-font" }, h("div", { key: '5dbba25cdf84aba0b95ca0df7e0a387281541b1f', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '188c0b0efb8a636c9426207d359188139d033953', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '1e604f1271db7a9235c623ac0cfdd74be5d781e3', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'f9e9020ac297040a9a3fff45f0defdb290121ec6', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '1035748777a043c947faa8745c97aa90bf8a527c', class: "section" }, h("div", { key: 'bc5b158dddf1017303690b6868bd640c61f0c3eb', class: "container-title" }, "Headline - Inter"), h("div", { key: 'b9d85e66fb557450d5090f4f0fe350b7bb6255cd', class: "section-font" }, h("div", { key: 'eaf801b4ad3bf7b191dc15b4a40b97e9cfb15ea1', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5fb837b993eb837aa8752ecb1c17b22bba5eed51', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '9013ee682e421c9acd304cb15980e6e24ccab43c', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '90704a6dc681f3b9efcd8bf08d137188a9e73d6b', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '0b93b834ec385509f99988ae55384cefe9b55ac6', class: "section-font" }, h("div", { key: '5d86e9d49b665236068ce3e60b05ba220e08bb17', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2f21b7175f34ea7fa0a84e8666ff96b4917cbcf9', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '37c131657472eb34b12fcdb547c1fce45dcab575', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '26cc3dfc1fd6537b56b331db8c401027efc37af8', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '6b3f673210a7d3d8c264486788ef51080940067d', class: "section-font" }, h("div", { key: 'bd5e531ad9c482ed347c345cfa85302a6ba5cf13', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4153c1d6d659dd4c1ae4c56c8c0c4e31b704fd9b', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: 'b986b500876711c69e4b8fa3b395ac5eacb3e380', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'dd4f15c1a1ed5ffc218ddb436d638c3a316806ab', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'e8b40adba83f3ca70eff0b6ac659c6a49cb0336c', class: "section-font" }, h("div", { key: 'f2c1a30cbc78672206b9db83e1687de8405f4c41', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd6f83bf5b43639f0d10cf4214236079132f1b4f7', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: 'cf3d1f1de0ff8c670a7ce9c65a29af5a7aaa9aa6', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '71c1f613564bae0c80d03dea5c896db29f1bfea9', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '0bba056aa32cab31474ac1496ca8018260269329', class: "section" }, h("div", { key: '36a60395e3e19e3be2a4e60471022d09ec491c29', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '49a58fff47f037e4d3720b03f593d1fa6fa7b0b4', class: "section-font" }, h("div", { key: '135572a5ceb7c5c835f6dbfdc40206176cd90fb6', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ba411056e4eac80b817d5c5fdedcba1864cc06a1', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '9eb4a572c6fc20ffb3b2f6afe6bd0aa8bbded9b8', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '0f01a708f078eed1306100056e1c2d01c6577b54', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '8d05d1105845491bf3b633d3d68c0a1bf85b6b38', class: "section-font" }, h("div", { key: '65b13a2d5189c75f4879bab7fbc5ca16514ad3f2', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2a77a7df6524a8120bf5f1bfff2cc5b3af5f82f5', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '9267005d55d5d215954bf053344e54fad18e9440', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '979678383462f229131e6d07e290f6a6425c4abc', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '85ff29817f9257b930f20f2fec41203762a84cf8', class: "section-font" }, h("div", { key: '98014d8523473c18cd5ef32a6f91d523300fea22', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '272a62a9cc502be4d6754ae534dbf53d4862928f', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: 'af3c37a6b2ec092f5e271ccf40830bbfb262a182', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '43db6e30fac9653121572c83b07d9dc33cf2cc4c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'fb06d57dee15f31501b033b00f7a4b41bb5c864c', class: "section-font" }, h("div", { key: 'a0d0f437e77eb1df67d52cc1545ede8878a806dd', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7a27df4c0e3142cbe5abd7be5ba2bf6f67303ce8', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '3973f4925acdc9fb89a7f9bb345a28f32f3b7464', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '910120fcabef2cdf9230619a68582d3685a2845f', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '8cc89ecba2dce6af31568d1a2141df1b1b0cb6b7', class: "section" }, h("div", { key: '0cb5f84065000d9d315a7b757773125cc5c5ea75', class: "container-title" }, "Display - Gilroy"), h("div", { key: 'dca0db8c6460fdaa5749a031c8a099c6b6ec6e56', class: "section-font" }, h("div", { key: '55a8c7d6504b9620e1e5852fd3d84fb9dba1b8f3', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '16cbe6a02d31607c2a010e210f5e6faafca76fef', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: 'fe6a361c44b218ab8be07659d41338e8799d2cb2', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '529c57a3a600c3639617d4623effc6dd396ea0cb', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'c02744bc3014a56c1c2849a6bc43e510693b20cc', class: "section-font" }, h("div", { key: 'a1f6792a34e029219734b2e1c5448bf4a18760b6', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3f5ddac553342be8b2ac2b8b677902c3c955bef6', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '457fb65a1b1f53ae1f4258c1abba5947be8de540', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: 'ec8345f4d32a02b72d02726a8617aa7657adc4f2', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'c2933b4f39f586f1ea7d135bb7da334619972ab9', class: "section-font" }, h("div", { key: 'bc51878603340043914283126e1b8d15b1c3bc3d', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '414f881787d2e18cc61bab2ef6cc359f1fe277e4', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '953e72d3ada39c2d9da2a0b170b91b827f758e20', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '761e56eaf2a8d6cbc991cbbfe140fc2c6ad36b92', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '848a9c5865b3b3fe753ef735c9ad711187f8fd5c', class: "section" }, h("div", { key: 'ebe91c727b9ea70454f8ea03b1603fd8c6cab581', class: "container-title" }, "Expose - Gilroy"), h("div", { key: 'ab12614781d8d4680baac9a1c79cc6364d608ffd', class: "section-font" }, h("div", { key: '6a33f437a0c1d6b2b86005efcb6dab2137857992', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2870d1bebb64894253aa57377c4a8481aaf1439a', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '52f9a8c6d42d809a83f6b41fa9a7e546ffda01be', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '4ccbb03b7dc484d0b7994093f0d751679716b13f', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '24aa5b477d64718195b8afe06d1db431d16d572d', class: "section-font" }, h("div", { key: 'bc430c52000b1dabb3c3500b4981a49399765d8c', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '03b8447c2bdae60d8701ccd4a4e677fbf1e01b94', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '6618c28ef284d5c27761cb740b8b40d1bab326ec', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: 'c03c914bc115a9de92e503c9e0f0cb89c96be425', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '85c14361b0c73380e454a47196a789a856c8b8f5', class: "section-font" }, h("div", { key: '69e002cbbdc9bd51ddba383f5f8ca96c87792424', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4e1815f5702679bc1d8072b7b3af433697803dd3', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '41b8c90c82a33af9faac559a95ba0518962a3e3c', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '68738c78a0f49feb79c21a850f2f8180108c11cb', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '5d177b1db4549d7108125ae6de0c145faeb6bcca', class: "section-font" }, h("div", { key: 'b8726e8145a626e24b129b07046b6235ab84a6e3', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5d821322c32ee9f7c391eb8a888cc20ca1293d70', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'fc8f5cba74e6df838fa16c60aeb9affa6ca7b40c', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: 'c21ceb3ebdd58acaa2eab8d686b55677faaa90e4', class: "section-font-attribute" }, "Font weight - 600"))))));
+        return (h(Host, { key: '102a095cc54ea62b440a2412184e859603045fbe' }, h("div", { key: 'a1dfd4c18128bf4e4715e8171acdedda649458ad', class: "variable-container" }, h("div", { key: 'fdb5a9be1631db45f3d4b2861020757590ad8d9d', class: "container-title main" }, "Fonta klase"), h("div", { key: 'f7fc87c72eb542afe105b4248fa185e538e469ee', class: "container-section" }, h("div", { key: 'd63f5892dddb0e3877b5a9df96d0cc450897a848', class: "variable-name" }, h("div", { key: '1a3b70289a90ca4e810587f138d2a21edbb9984d', class: "variable-part" }, "tet"), h("div", { key: '1ab39cb1aad816719e5b4ebf36279f4541c64484', class: "variable-part" }, "-font"), h("div", { key: 'b802c3080d8218380f455dda4ef6826c1dcbf64a', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '215165b719ce36f76ef0f3762f79d58851b6c3ae', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '59e280609b4dc404aa1b60eb5c9404ea02c108a5', class: "tet-fonts-container" }, h("div", { key: '5d2aab2f172dba51abb1344b9f8c6bd1e786f04c', class: "section" }, h("div", { key: 'a1b39498b238c591389297e2ae21df8ca312d3ba', class: "container-title" }, "Body - Inter"), h("div", { key: '786b1ae91c320e6f3fbebdccc569ba583e01582b', class: "section-font" }, h("div", { key: '930f1c386877e2ca2ad22e4306550e48d0b78848', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd68a22f7dd6cae43e49f958c0175a195ca4ae036', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: 'b4b72699e70d180ffab439f8f35df5b42f74fca0', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'd23c40b718b23d694e287fa6951d51128bbb5230', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '8156b6f84d6293c10dd7aef5414d768b6740efb7', class: "section-font" }, h("div", { key: 'fe73db96bd8bd944af5f65a8efe6902003a66ee2', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '15acf50773844ad7ffe5ce3a1c37db8a64eec571', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '7b0ed9cc73895f5b086c741cc4067f5c735df250', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '2122e554f71f38540b48efb90761fde0f21802d3', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '1b351b1e6eeb044768e5c7620257c55a4643101b', class: "section-font" }, h("div", { key: 'e87840df98a91e8a7b29589d157bd3bed8faf07b', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f5063025d57637acc2870b6caf1ed4c259c34f00', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: '39fd093496be77d1e3c9c3d186ac02ca1f9753e5', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '9182860ad623a4a4b2b629c7a99fa47e9ca2d471', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '4b436a4d4c7722e166f88875f2de9103ae60f986', class: "section-font" }, h("div", { key: '5096a61d1e0d178675d96bb90e8759d65f9e5427', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '61b607d19df14bda1b0ca515f77f0bb5329de96f', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '14a29de0be69458d0a3eceaec0b2474ce93f947a', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'eaff8e685761e1cb90d32b24291fa67a088668ad', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: 'b4990a40ef57d69e2151cea23988c32c387a3533', class: "section" }, h("div", { key: '7e4270e14265f9037e7af451a113632d9fdeb393', class: "container-title" }, "Label - Inter"), h("div", { key: 'fe9f0e2e6a2bd46778cf0a385834a39c192195cd', class: "section-font" }, h("div", { key: '82969bfc5174d1f32be263108fcb66e00f6f2df3', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b5898e2aad5fd0beb77743fbe8b4ca5154ab591b', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: 'cc1ca7aeee94ada319ac9277feb0fba24608fc15', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'bbcf71edf0c9dfac1b7d502b7ea713b00eb86539', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'ab72fd13f330794a41eb3e0d20579d99873f6b56', class: "section-font" }, h("div", { key: '7b88697e74c8490f289997e0be402086fed408a2', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a28757ea7224e6d3f1527c3bf52334f13f06e8d0', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '8ba6bfcc780abf425dba2d48f296dee53cc3b218', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '4f576279fd278d24146ff0729b1373d9f15c5c40', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '704166929f1ec58f53819d03c0d035e61a121d98', class: "section-font" }, h("div", { key: 'bf7a066fd1f989e14247c478b26a88e289ec6a93', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b3b479139d3563ee8caa3af586a4cb0ccc717769', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'e00ec58d75958293e4fddfe712391ffeb81fc176', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'd4d8a4167bd80da5c041a7bad5fceb5e388d17ee', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '00f027b5e656d90609f5d7a4008b627fd81571dc', class: "section-font" }, h("div", { key: '5c1ebcf722b1190d331bcb6d04cf026861c27183', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '63e4444c39a9e1430f56cea63e50c14a74b190aa', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '24b756b95e72c668c0373177ac21431d4ba4a29f', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '7db5f9f08c61819188d3d35a1631a155cc039f11', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '46011c7e938e4e1f61ca92576fb7b959f3c578b1', class: "section" }, h("div", { key: 'c456b033191c559a15c7b6ec32d214be1970abe1', class: "container-title" }, "Title - Inter"), h("div", { key: 'b71065ddd78687fe77c70bd4e695a46b7ea5b9fd', class: "section-font" }, h("div", { key: '2419ee617577469914449d562af38331528435ec', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '577cbca16a0b78c4e6f227224aba034af8dc9b1b', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: '1f6c04bda42e27eb59e91341c19da1498f1a81b1', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '9b2e5d73683c9724cf60155ee2467465c4a2de13', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '9fae870e43f0d7dbf74dbf29042a2cb36b35bf77', class: "section-font" }, h("div", { key: '418d3a174179f7b17e0e242e3b6e50ac879aa005', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6cb6a127814dc6363c58aa786dbd36f2192ff950', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '8721daae997fd5cde90473fe8b8007bcf2e1c895', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '9c42385e89fac6ca2262830674e8a64c3adb2939', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '9eb3fa79a0f54e33ed8986d7bb9bdea9c8f57afd', class: "section-font" }, h("div", { key: '85538fa7875f0a2bd6caa0f10fe2c86aa1bdceaa', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ad84a571ac263404cf8e50273784fae96f048a9e', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '6ac57d0265521f74b71ca5881a375c23e17c1870', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'a8acb33909edd1c35a78a956de0336a931aa6030', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e9f47963f6d763c032882eb1be27f1b28ca0c48f', class: "section-font" }, h("div", { key: 'bd7efb9c999b168605e53fdac37f57abdbe391a3', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5a82d6996a0f3a1fb6786ab7799f108631e7e32f', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: 'edf95422864694cd38fbadf450e059fc34b519a3', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '5a0ff6ed53be5ba324b0c7bc260a426bff8f97ef', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '73d88f6cd363d98ce24a14f6b8f478f6c237853a', class: "section" }, h("div", { key: '5282c7a5fb2bb7b4ff08fccd8fe4d7141b619393', class: "container-title" }, "Headline - Inter"), h("div", { key: '201002441a2ac079ec83e5e5b64b900e9921b59e', class: "section-font" }, h("div", { key: 'c59237f7fef52c3721fb9b94c4cb58c90521e490', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9aceda88d49a7401aa8f0a02b0a254cb91eed746', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: 'b3c5ca8ae855c2122609c300b324e0b57c654fb0', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'e00894ffe46717cc3f8ae0493a1d28fa07db2fc2', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'bce843b526301fd2fb8571956cacaa6ef33b7cd5', class: "section-font" }, h("div", { key: '9042a1739a7642f8d7b1bd0f449783092e297f2a', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b1a8935b38434667a8a47fe50aa22877c959d809', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '0df3679fa6117c3e6cfc2e75f163a61c5d1eeb18', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '37649244caa61ea96e4ea8a26b493812a8f7d166', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '939bbea78ef241570bf0af7e6083253252ceb2b3', class: "section-font" }, h("div", { key: '2a51b074e7319322c807e84669aa5d2a9f71f038', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '44c1b0ac940697c9701b0505c0ba9a294a09c4f4', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '21e519d0a6360c1d1f20be42c1f5127c481810b7', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '55005acf0adf356b720fa071bca3889a640c683d', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'ddc22f59ea42a55109bd3eae2052b54a82d5d729', class: "section-font" }, h("div", { key: '4fc1f1643f9be888bac7df82243105958e65a3c7', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2ee79ad7659945672e29fb003eabf4d8f68896f5', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: 'f1414a24686f6cac4ae743239edeb5d5bcc75f41', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '81671535a0b4e932581de5d334321a7b21dcd1e3', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'b5227960d84dde5d55262057f543acf161499c0e', class: "section" }, h("div", { key: '1b891a146b92aba928b4a89905c247cfdc127612', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '5876f60b0411b9b8370e3c6d14e4955adec6f827', class: "section-font" }, h("div", { key: '4d80b3c6ca2e468f2fcccf8a32f0a45e4a262060', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6ff623249b83d9335f5c2dfa1913d97d55b880d4', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: 'e062dd0a9a744bcc59fdc14346a5b9a7d55288fa', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '7356a228d55cab39695888ed9548d0e61c73abd2', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '08026a8304d48d110b7c686d7f1c7f0aa41a92d8', class: "section-font" }, h("div", { key: '15397ae03b7b3877b3e4a63bb137daa30a20c051', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '965959a50bf8a22a45f4fa0528979ee0b8c8d308', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: 'f90c93d54441724773fdb97e2189c3f27a935f0d', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '3672c380d094f6e7742fb84808ad8f7a5a693d85', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '6f7d1623e68f7ac181b47a3f9f79189af6d65380', class: "section-font" }, h("div", { key: '8cd5a19e20fadefd33257fc9b3397bc75768607d', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'babe1d3210c0c82c61fc9055d5f7cc839459461a', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '64be8b161c122e9b2164621ec2f4a955f13bbfa0', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'be77910f72c0608274a85726ab6f1456c6f75b98', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a36849f6c92dbadf209b5b5602074537b7e21c4d', class: "section-font" }, h("div", { key: '7b1848c48c7e0c0e0f25e1c7e538a3e6641a7be0', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '970856e84832a8f55773490aeabe66ae47f6f15c', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '2bcaf99525826264b2a0f168d96cbab5f0c5ef90', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'b919b0db2a2a99750dfa19d26b6678010bb6e8fe', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '9eed0f63e115aedc4a0f390f5fe5ae253f48106f', class: "section" }, h("div", { key: '6ba7b176bbcb110f21a5636c7c085d0c44c8f27d', class: "container-title" }, "Display - Gilroy"), h("div", { key: '486c0508f61d5ca5dc137bd9ca45e738507e295b', class: "section-font" }, h("div", { key: '77d811c1e15a584ef390d928c9d2d9bd7169e333', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b82af636a8fa9ade020f99c7eec8ae8414a213de', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '11dd79e9f3f28a1ffe07eb9d8dac8639e32d103f', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '6716e6583b087f3b3d29c6a4a3c8db86aad01cb1', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '56dff5090077ff111b49b9211c25977e0b104c1b', class: "section-font" }, h("div", { key: '3b81abd6b94339be11ab251b432071641e947458', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7615ca47ab37760909021e71d687a7609fd19527', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: 'bd93c56b5aa5032124e1bc6086d18e02f08a3b45', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '83e515ebcff06c62409be2fba8eb961f0fb4f908', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '6c65e21b8762bf4b353fef4591225895505cee67', class: "section-font" }, h("div", { key: '282fbc9c4674f01ce3c232c0d2438c355cd3bd5c', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c0eacd601dae8dbd50cb2e7f03a47332a6ae2f42', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '9fbc4e6881864c41e5e15a6e7a9c2daa2f0a9e0e', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '668420dfdccea34cdfb7f83f64ca6e32543dade8', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '40c1185bf60459c31be711b6154551421d0b2342', class: "section" }, h("div", { key: '54490db7ac098e7eea3a005e283544f1e97caac4', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '7ddd59a501495c3511c0102780ca6cc97e2c8c34', class: "section-font" }, h("div", { key: '5d900d84e736e9ecd1bfafbf47811b319837d1fb', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6f038952e99274b6f884de949ebb3812129e5b8b', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '2810a8a92093d340f53fbdf073f1183a916bcb54', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: 'b52c21c4c625f639a7e0caaa620709da1972da94', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '50190d19c705c7159f325665d6ca637eb0021df7', class: "section-font" }, h("div", { key: 'e230851600f3b726491d454f7562605be0cbc75a', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '76c7c9722c94f02e2c1f2d4cad394a50f56dc0b8', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '0a451cfce8bda980c2a35271c89dc595b69395da', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: 'e63d210195913f172efbec65ce834ca890dd0a86', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '6f562b86dc31117e9a2938de9bbc3b6dca2b65b6', class: "section-font" }, h("div", { key: 'fa47ba2b349f377f02eca5ff424282512ac97d58', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '71bd4fa71b17821ba3ba4d04a73909696b6f64d5', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '5d3878263d3a0e0213c19a59d09985fba66ba9bb', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '49040f38f72e1fe7a61f8a3eff08fa424ab4945b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'b46a72c69321f77c42c9eb686362e57e2d62ea1d', class: "section-font" }, h("div", { key: '958ba0997021fe5f4108d125dda43a9856a83d21', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd23bbe7da02c4c9308110bfb34a69362669afcbd', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'de4a62304fe2614da06267551782d05164bcb0a6', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: '5c99ef84bd835a9fd25ba024c671895b0c48382a', class: "section-font-attribute" }, "Font weight - 600"))))));
     }
     static get is() { return "tet-fonts"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class TetLayout {
     render() {
-        return h(Host, { key: 'b554f7b08bd29b7f58c74144c79150cec0742330' }, h("div", { key: 'ad800712d27fb0587d1d529d6d2e1ba5cfe2852c', class: "container variable-container" }, h("div", { key: 'b783bac1f652c9301a7c69b9a2b34f3be9814731', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: 'cb233e8e2e88ee95acaab80022e8df11f9cc95d8', class: "container-section" }, h("div", { key: 'b6909c7da666f4222d164e0204a4a9744a218c75', class: "variable-wrapper" }, h("span", { key: '7a416a7d411d6cc4982622b3ac4887f1eb865498', class: "variable-name" }, h("span", { key: '896566205cff067dac4f47d7281ddef3698012f7', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: 'd05c6417bf760e0224ae4535b55b40a5ccf07dbc', class: "container" }, h("div", { key: '21cef3e70ddb19e10ae091a5b1d918aca15216a7', class: "container-title" }, "Piem\u0113rs"), h("div", { key: 'ad1dbe52caf3d5ab3b1da20b84cdc7c2b90da7db', class: "container-section container-example" }, h("code", { key: '4010cdaaee1bb10c2b4ad51e4e3f4361881d0789' }, "<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: '369c598a46e740273170aab1c26a04a233865580', 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: '28030daf4620742e0aca5f9fedbb1082fff01095' }, h("div", { key: '390a85cc5b1bb1b8b000e0e054d38dca8f1b590a', class: "container variable-container" }, h("div", { key: '05cad634560e1310afb91210f2083fd65abb449f', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: 'e0625a88e0a3c5e293edfe996c09ac2e789a71a5', class: "container-section" }, h("div", { key: 'db33489660288523f8bf2fa4598466940cd9293f', class: "variable-wrapper" }, h("span", { key: '8171b449cf09ac18679ef329ec4ea789220fbad1', class: "variable-name" }, h("span", { key: 'd2573bbea4c4ce147dcd36b6199e7915c750754a', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: '192fa35ab1b34a0178df7945d5635c1ba9612317', class: "container" }, h("div", { key: 'e4e4b370bdabe3bbf8c8faef4ac15032c5eced8b', class: "container-title" }, "Piem\u0113rs"), h("div", { key: '8a85e2395c5abff88a206b8f3bb82d379b022c48', class: "container-section container-example" }, h("code", { key: 'd2ca509958e03d8d88dd6921747eddf2f731dbea' }, "<p class=\"tet-body-text-max-width\">Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim.</p>"), h("p", { key: '493dbe6da8016537f1c4259ef6a632d305e8e560', class: "paragraph tet-body-text-max-width" }, "Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim."))));
     }
     static get is() { return "tet-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetLink {
     render() {
-        return (h(Host, { key: '4f41216596629c384293886e60e013464c60d44f' }, h("div", { key: 'b4810174335aad4df4fedb4a2b73098b4b42a08c', class: "container variable-container" }, h("div", { key: 'cdc1f010e590b5a7ca55205b78222e5cf81b93a7', class: "container-title main" }, "Linka klase"), h("div", { key: '83aca0dc8d3e83f0eb7867d7f0df1006648525bf', class: "container-section" }, h("div", { key: '2c08a36a22ec442d6570034b07df93bde8c41911', class: "variable-wrapper" }, h("span", { key: 'ec529271a7a86b18faff5096e2a063f108bac25c', class: "variable-name" }, h("span", { key: 'db8f2bb6f2de593474c978eb85569ab5ca55f6a0', class: "variable-part" }, "tet"), h("span", { key: 'a80a87f7362cbed9bd9c34160235e3568ac8b567', class: "variable-part" }, "-link"), h("span", { key: 'db65d20150bdb0b961b94b6455e5ed2969494aaf', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '3eef31d5de6fd0e508d3d2e6f5b384200537e160', class: "container" }, h("div", { key: 'd9ebcccc459dc4c0db2e03387e988ae22e2d43bf', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '64a22d471603b62605dbef18c683354be952f127', class: "container-section container-example" }, h("code", { key: '8d9399ecf624726aac42da6dd2b20843c8e2a18a', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: 'c42502cde029032766687899265249276db92a7f' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '532a11887f43c67acd323363af82b9621dc9f04d', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '7dee5adea5c4d8375408f2518dc27d8b9ed1c40b', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: '35c3766298c2d0fca64894a7f811b3c54382ed3d' }, "Link klase ar bulti\u0146u uz ", h("a", { key: '986f808af1b41755fd18fc7d4af94500b3abbc7b', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '954f75cae3c42485c21dfe3248c4b175b37a5c62', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: '5e0855dd894d3ea35d66dd24319093b5a0cfba2b' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: 'a814730a6219b3f19562d486b9604b922ddcdefb', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: '324bc610b8067449a94482dc0abc6d491ed314cd', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: '301773dedcc53826769cca6f3796d41a7976d843', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: 'ef92940998cf79bbd54a526a9f1cee264e54fd3d', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
+        return (h(Host, { key: '2d57318a86683c4af91b99e1eb18a2fb964b9d2d' }, h("div", { key: '6fab91a0c5f481cb1e8d2ea8dea20bd32abb5943', class: "container variable-container" }, h("div", { key: 'a99a76984cbadffedda0b697c21e9d3e53f5d5f6', class: "container-title main" }, "Linka klase"), h("div", { key: '4120e4cc9ab3b73797a765cdbc77443e464a00d4', class: "container-section" }, h("div", { key: '0acc0c6b2b9a0649f97f290a4ff630361e08de41', class: "variable-wrapper" }, h("span", { key: 'cd1fddb96fc935856174fde5ae7e9b6dfc8a847e', class: "variable-name" }, h("span", { key: 'c068fd11311801145e257fb0fe7e21cf93d29bd9', class: "variable-part" }, "tet"), h("span", { key: '72da92af9108ff4ddd613fefbf3108a6f54e6db7', class: "variable-part" }, "-link"), h("span", { key: '591d7629cebe9e6670eb3889dbfb6d6e2ed1ab65', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '240f1735856e02c8bd4cc0044838918e49ae6afc', class: "container" }, h("div", { key: '54d07c3abca3cb3eb84df396bef67d4cf2810693', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '3a7a487c73a69bddaf74a0758c51754dacdb56a6', class: "container-section container-example" }, h("code", { key: 'd5bfaabb04384722cdd8e1ff29193c34fe148c6e', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: 'f9a85a5ded62ff34f116310f5919891c39503ed2' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '455ee38100c67da7b0c38a83202b7e758a4eb070', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '57ca4f53477c181f200381833891d655a863b885', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: '076cd81079c2b0865c9184b4f327fb5fcc98dc18' }, "Link klase ar bulti\u0146u uz ", h("a", { key: 'b4494180e4638ad5ad58ed7202936086102fa08f', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: 'cc24bcd31911880bb1dd3710ec698c26b4b10cf9', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: '0672240a18fe8bdcfe19e60d6eb598448a7785b6' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: '102d0c90560812c2c2dcb4314a7a470ba2d8f943', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: '00e63fe72e15be8464804c0bb3870d8045c86efc', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: 'a61e9d5b7f7b1b9301766f73ffce48db61fc006b', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: '5ba2889f322e24190dc28007c997ee0fae7fbd4d', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
     }
     static get is() { return "tet-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetSpacing {
     render() {
-        return (h(Host, { key: '59ed9ac8ebddac7225066e8cf41623c232979d36' }, h("div", { key: 'df77d59415ff91b8feb0a25040071406f5ebbda3', class: "variable-container" }, h("div", { key: '09064969310775ec67f1457cad784c5eac1e9d9f', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: '521924c7ec59b48d36e795b2d650ef781fd08ef7', class: "container-section" }, h("div", { key: 'fa645e758a4eac13952479d77169f06ec8e2c8bb', class: "variable-name" }, h("div", { key: '6ee3ecc9c2de19590f71823441528037fa4b303e', class: "variable-part" }, "tet"), h("div", { key: '85a627fa8de0a9e9a910ddffd6a0290769949ab1', class: "variable-part" }, "-spacing"), h("div", { key: 'b14a0553f36d44ae4f392c47dc37f9927b9a7df4', class: "variable-part variable variable-size" }, "__md"), h("div", { key: '04fe147fa3b29e7913f72fa1af6d8f7fabd474e9', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: '3d1919f2b58475f4601b5a0e3904e4d033338466', class: "container-wrapper" }, h("div", { key: '6547ba675ce4ddc17ee144a633cab2712e3ec35c', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: '7fe780b12e1556a7e5084f516c44770d023896b0', class: "section" }, h("div", { key: '7fd47051e53cdf2073a9a640e0804d8340eada90', class: "section-wrapper" }, h("div", { key: '663ab4df747abf38eef1beb895d8020f91534008', class: "section" }, h("div", { key: '3d80fbc9c7997aebb9e0e553f636dddbeb6b0ff4', class: "section-content" }, h("div", { key: 'faf8472edb1571fce65ce621706b2e305578a696', class: "section-style" }, "__null"), h("div", { key: '5579fbc2bd7ab03167a337c2a5b13f40d6ad9d53', class: "section-style-attribute" }, "0")), h("div", { key: 'b622e9dace12905aece05da61e4578d47ea30a75', class: "section-content" }, h("div", { key: 'bfec4c0a962aa2a0b0fc36688c078f799f10ca63', class: "section-style" }, "__3xs"), h("div", { key: '1fc84b0458234936e4aa7d03c35dab2ac9901464', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: '134e52434e182ef817bb507ed2470b29bd05a123', class: "section-content" }, h("div", { key: '0d2d91cbdcdaac8b46cc0a79e91321a5f710911b', class: "section-style" }, "__2xs"), h("div", { key: '3b589a542aad0079d530672cc9f70f444dd12181', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: '4895d698023249ecc66435fd80804f48a68fd44e', class: "section-content" }, h("div", { key: '5f146c74b4eac792c41ce15883e15d8ca50fc88e', class: "section-style" }, "__xs"), h("div", { key: '4e948650188f1aa70aad93a6a7b730b0bb884842', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: 'cda6f5d08930d981049966a5283730fd155dd512', class: "section-content" }, h("div", { key: '4a78c59a5125747b2c67f4148fe31fe6429bc08c', class: "section-style" }, "__sm"), h("div", { key: 'c9291e655435b9ff557db6d6ad6f45e162dc1edd', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: 'a8b159c7176ae42b5e7abfb7f5dd4b9d182dffc2', class: "section-content" }, h("div", { key: '222b8f5ec730c2cba8b2246336bbd26a774780ac', class: "section-style" }, "__md"), h("div", { key: '9d09420b694a11266020e78e157ea6de5fa6b572', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: '997d1a08971781079303deed6651f2b55abc4e9b', class: "section-content" }, h("div", { key: '071cfe7bde24f31333a397489b95d7f53b36ed63', class: "section-style" }, "__lg"), h("div", { key: 'a9cbb7ecb7a0f5f496e39cf9b7d33bd01881e26c', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: 'b1f56afc925607d51e70ce205429856df26ff194', class: "section-content" }, h("div", { key: 'ee7e35c1b15b82cec3e6671672fb5f3dc85eeb84', class: "section-style" }, "__xl"), h("div", { key: '60dc037bb1b0fb5c6395059048d7033b3494dc36', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: '323a612550e053eff831af7c93091d0d1a3daf93', class: "section-content" }, h("div", { key: '8756b236ca60763a0ffb2bb4bc9b39a177693b49', class: "section-style" }, "__2xl"), h("div", { key: 'c3cbff3db43ac39e7b6cf12026fa26fc393d0182', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: '6d613020a7e724a0d0d68e430a853d577eb2e166', class: "section-content" }, h("div", { key: '572d33d9e9c6fef311ba374dd719c61e050727f8', class: "section-style" }, "__3xl"), h("div", { key: '542d67e10e3b65aaeeacfab937722aa1c3849e7c', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: '7920325dd19d8c588edb7ca2e28374d364624312', class: "section-content" }, h("div", { key: '4dccafb9d85be21e00951dcab5bde1ae96a3885e', class: "section-style" }, "__xxl"), h("div", { key: 'ca520f9320f63b462d152865de94f96d31716544', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: '63b92cf0b0c1f0e50327cff2f4becf306bdd3612', class: "section-content" }, h("div", { key: 'deedd182a165882e193c29eb84ef4030fc16897f', class: "section-style" }, "__2xxl"), h("div", { key: '26c4472deca8b7ca7135ab2d9316fbd65a6a9d1b', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: 'c25cc0cb2bcc8c6ff84138ede598bc4510ee166d', class: "section-content" }, h("div", { key: '1d543b32a92a0ce380f0fac723c31c37e1e19b3b', class: "section-style" }, "__3xxl"), h("div", { key: 'b4fd828f91a76b4be2217a8564a89465ea5501bf', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: 'b804cbe0d2d90eefccea68181d15dc3d577a33d0', class: "section-content" }, h("div", { key: '366c45114a3ba04e906222b06801d56558ddc644', class: "section-style" }, "__mg"), h("div", { key: '26fe3bc9d68e691fdb027eafd90326b9c7cce911', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: '10af6e6d42cf89c0df512c379cd73ff23615c3ce', class: "section-content" }, h("div", { key: '624182c970e5bb88766555e4de71f525948782f5', class: "section-style" }, "__2mg"), h("div", { key: 'a51a855f21266daad4f8983f2f3c3024d9ef72ea', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: '4a3c979a026e1b03688ea3a54098e1b46fffa033', class: "section-content" }, h("div", { key: '8b4265efd9c00b09286b2350dd7409e24d7ebe33', class: "section-style" }, "__3mg"), h("div", { key: '99338e048be3c94ae7ba46e24b30e9753b705861', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: 'c88a1957cbb9b7f7ec04a90c8ebee2b775174bdc', class: "section-content" }, h("div", { key: '7f21a25f1fd1947c2cc87515bff7e72f2dd3126c', class: "section-style" }, "__gg"), h("div", { key: '377be87ef4f092f4c7fb21872cb52dfb199b77b7', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: '1f5f75ee8d0b40ed1008e8f8a62c36d6cb8ae3b3', class: "section-content" }, h("div", { key: 'e62a584b2e02be410ac686a6fa0feffe2dcb5cf2', class: "section-style" }, "__2gg"), h("div", { key: 'af25354df16eadb780f1bc1e1973bf4b9f577f73', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '73967b1a821dee499e8d062a4083fc61ec8759f9', class: "section-content" }, h("div", { key: '4832ca26b395225a3b94bfb419cc3da504c954f0', class: "section-style" }, "__3gg"), h("div", { key: '23895c23a24a18d8e789e6ca76b2d5765c8e6e3f', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: '45bb2b3bb3a3f0d9f143aee719fb66281773960d', class: "section-content" }, h("div", { key: '4e9a6bfa88689de650d1245d1ceaab6c02b62893', class: "section-style" }, "__xgg"), h("div", { key: '19905907117d650b48b81853cfee2b4bbdb2dc28', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: '86adf02f6b533ffc4001f2023bde7bb4c1b3648d', class: "section-content" }, h("div", { key: '1cecc07ffebf2df27c22413fc3d67b6666afb2df', class: "section-style" }, "__auto"), h("div", { key: '6b720b1159ac15c57469a1a7ab822cc31a46e03a', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: 'e2f9832918214848d9825431633e0e0be82a627c', class: "section" }, h("div", { key: '7fc49b203733698dfa5b33358eaf9dcabae50db4', class: "section-content" }, h("div", { key: '8af45444d58e8e30911431153024487bbef15ece', class: "section-style" }, "--m"), h("div", { key: '50e135d1ba2aa5d84c92697a716f33416db9426f', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '01d4da51a5773fe78436ba1098bec264619a24db', class: "section-content" }, h("div", { key: 'ad4fdc9fb4f1b836a91a8d5813427e2d32324aef', class: "section-style" }, "--mtb"), h("div", { key: '229abf8ed0338c18f24a30891e3c4bcca30b9ef9', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: '8dda9e3943fb60d710b59e67a8698582148dab6f', class: "section-content" }, h("div", { key: '745b68a074b5c49290cf6762a5eb40cabdccd675', class: "section-style" }, "--mlr"), h("div", { key: '4dcab7925cdcbd5ccebbde60e1a02ce47ea9af38', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '11ac48608c8d65e9268b9e06df094e3117a854ad', class: "section-content" }, h("div", { key: '371eebd7cdf091cf1247e58bbb2a0d117dbc6e17', class: "section-style" }, "--mt"), h("div", { key: 'b22fa70bfb109c49321c2c1e7208b1cfe9d3c25b', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: 'cdf571c9873ed8cfaa8f437b08cf68afc3c045a3', class: "section-content" }, h("div", { key: '75041eb0ead33e3af3bccb2b74b5c77427ae7a74', class: "section-style" }, "--mb"), h("div", { key: '0b96d597010caaaf7363a40638dcb48f4b863597', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: 'a155cfc136d7fe7d3a9849efcad17d086f8b1a9f', class: "section-content" }, h("div", { key: 'dcd7909c45eaafe2e59e858168320ae4048c93a5', class: "section-style" }, "--mr"), h("div", { key: '7c7eb04c318efc9b2e0318a1ded32080d163ab72', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '33557b0c81da7ac2f3101a75f95416c79eeb3f9a', class: "section-content" }, h("div", { key: '20741c30596db905ddae4383a04321250b33e977', class: "section-style" }, "--ml"), h("div", { key: 'f5b859ff387f344191c54b3b143d1968232bcd7a', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: 'ed00ab9b750b3ae494c164b4a8696663ddab984c', class: "section-content" }, h("div", { key: 'ec4312d352d8bc39b18e8a7df627dac65926dd80', class: "section-style" }, "--p"), h("div", { key: '4d063170bad903d5f8ad0bdea3ddd628864256cb', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: '0e244c833d30e780c99c4eed131e782bc881417d', class: "section-content" }, h("div", { key: 'acbca87de4545e336b9f82769a396b81b26f33e6', class: "section-style" }, "--ptb"), h("div", { key: 'b7e240a7e9e41e7b019bc9f3c3a9d1b5769afbbd', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: 'ad4c13cf45309d1eab4fda3f8a98a4e391aaef21', class: "section-content" }, h("div", { key: '885d120f6aaecea112b44a27a692a04d024a0d61', class: "section-style" }, "--plr"), h("div", { key: '73534a5cf4fdda34b62ae3b58121d7deb8809cbb', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: 'd56844849dd7afab27897149a24c052c4bafd682', class: "section-content" }, h("div", { key: 'bea42b963d8b459569f362b13ef18b182360a428', class: "section-style" }, "--pt"), h("div", { key: '5357a9ad89708c90a5be5bc8d0fd43d428587f87', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: '36f992ac46d2e9c7851b417e210e518e5ebb78f5', class: "section-content" }, h("div", { key: '6bfeca0735e93035d05a7da0bf0f67557eb757a3', class: "section-style" }, "--pb"), h("div", { key: '894780572097602f3cf77d02193f507e8b264450', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: '94c7cbb16582247382c5778b7695bcdc14007e3f', class: "section-content" }, h("div", { key: 'b8b3910a08d5529c056387ec50b19687d3695dab', class: "section-style" }, "--pr"), h("div", { key: '126584745ca739de81e34a2b1baa859a35bc3372', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: 'd2dbdde197f7b5c7870d1f03c031562df4013881', class: "section-content" }, h("div", { key: 'e8ef7f0c0d40a77cff85938069ae049fb115ca3f', class: "section-style" }, "--pl"), h("div", { key: '0bf9ccde0bd1eb36524878cb59437be97d3097f9', class: "section-style-attribute" }, "padding pa kreisi"))))))));
+        return (h(Host, { key: 'd2f266350474c94596221ee190aebabf962019c1' }, h("div", { key: '74f46dec46adc45974bac029621173bf31a07d08', class: "variable-container" }, h("div", { key: 'f4af9925d0e7746693bbddb1b590301a496913e9', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: '68df94bbacb1ed002b5fa0c46635deed69c2ac03', class: "container-section" }, h("div", { key: '634da805eb8c9c7503aeeb645d47203b20fdefbe', class: "variable-name" }, h("div", { key: '0feb4e63bb81d88a1d32ecc997f312b33e06ba9f', class: "variable-part" }, "tet"), h("div", { key: '29a12080a299732343dfa6de8856733448c6063b', class: "variable-part" }, "-spacing"), h("div", { key: '0f05b2c7be6415b681c27cad1f55ea756139e8e8', class: "variable-part variable variable-size" }, "__md"), h("div", { key: '982964a408e4ea041132ccf2d0169a5d12501302', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: '49e4a39e7f07b640cf9c0eef699885455b0ab950', class: "container-wrapper" }, h("div", { key: '5062926920a59d36f9223b03fc7a45cb79eb0e7b', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: 'a40af9654228d4f89e736cc87575db645e3cbea1', class: "section" }, h("div", { key: '158f95ac2458f04f1ae446f0b9d3c2f203df7613', class: "section-wrapper" }, h("div", { key: '0e0726a8f3df868add90138bf3d68d0804b2c4de', class: "section" }, h("div", { key: '96b0b2d00c826aa634e62ce914c71d7e6f55f5eb', class: "section-content" }, h("div", { key: '73bd7266ac22dd0b75c7738f75e30d63be410270', class: "section-style" }, "__null"), h("div", { key: '4a059ea1ab5354eb1a4e3a012c995bbb5afba132', class: "section-style-attribute" }, "0")), h("div", { key: 'b3a5482eeb2f809c8d2e424175607377c2b34e6d', class: "section-content" }, h("div", { key: 'e3eca1c0666017132e8eed7d2e3ea71ba401e6df', class: "section-style" }, "__3xs"), h("div", { key: '5ad49adcd2d0dcc4b707cf255c1a9109e72f5590', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: '21678d0951476609cda0ad89a553eddcd9e20383', class: "section-content" }, h("div", { key: 'a954ca8379d1dbbab5e6498da602b9087634d6a9', class: "section-style" }, "__2xs"), h("div", { key: '1fad7a1074e6b8944af11d6e1a50918e5e76b0fd', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: '1220747817a6dd9ae1a6e22799bd2aa7d610c9a7', class: "section-content" }, h("div", { key: '6e18ccc21070cc48b03716527160bc4ec54e1821', class: "section-style" }, "__xs"), h("div", { key: '3950c6e6f0cd3bc87171b4ae4bf3f76e454520e0', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: '6334b0282ed07c8190c0d126266f8699b35b0499', class: "section-content" }, h("div", { key: '90aa38c0cc9e9608abb1f1496b8d2bf3c4fd3b1b', class: "section-style" }, "__sm"), h("div", { key: '37b295274e83c585d0b7fc0414aca348e4b34013', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: '0145ff0fdaddcda413bfac6d8305e39ecabb9fb5', class: "section-content" }, h("div", { key: '1d280626cf049cbfa8c10c0058e41f999bb4e066', class: "section-style" }, "__md"), h("div", { key: '306dd5aec3a4df679fa0a0ffad84e32c30768e07', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: '49ea316f7d481cd2557ec3ff898836e817f6db5e', class: "section-content" }, h("div", { key: '0244932bcbcaa6e27f39593d1136713365eebe54', class: "section-style" }, "__lg"), h("div", { key: '83a85ee284179f69b963c223000f10db2856adab', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: 'e9dd5a1d665d280347c9ef7ffa806dce3ef8d60a', class: "section-content" }, h("div", { key: '60b56629f18a545ddf851f6f2c22dc192ad2b512', class: "section-style" }, "__xl"), h("div", { key: '024d2f978da303c00f07479be5e06974de74a51b', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: '892a6651357853031c4a00a02a3b89d0caffaa9b', class: "section-content" }, h("div", { key: 'c68122c9b6400491724e0ad257f7c5b07d2d7699', class: "section-style" }, "__2xl"), h("div", { key: 'ffc617f5c7c5e01323797ce4c718054ef29cc4e7', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: '966b079b6ddd7bb84876016d7cd244468ac400fb', class: "section-content" }, h("div", { key: 'f380e5f5f3ebf15034f7b268b8d324fe6ac328b6', class: "section-style" }, "__3xl"), h("div", { key: '1ade8f7c8a5976ec47bd8cddbb5d6c8e4e2520fc', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: '448fa25a4f232d3e0c8bd29c7ba0b61e000a4e08', class: "section-content" }, h("div", { key: '23d78bf32ddfc50669af30156b046a4adf1f551c', class: "section-style" }, "__xxl"), h("div", { key: 'a604f9beaa0b6c7444e90579dd751474b7a74af8', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: '85dd9d1de35df18d1aca91e5de9923eb6fe975d2', class: "section-content" }, h("div", { key: 'e0d1cc4a9109cfd5c9854986bdc386ad2068b4ac', class: "section-style" }, "__2xxl"), h("div", { key: '8ae6a737a31ea62f3eff14de52c011e71a37d610', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '5131cc316b8f508c67d4265bb264fc3ce19772af', class: "section-content" }, h("div", { key: '108cc8206264c38a58b2cf62b107aedad4d3857c', class: "section-style" }, "__3xxl"), h("div", { key: 'c992294e9ceecf6746d8de170b5afcf5906fbea7', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: 'd6cdcd89b7fc39fc41ec4a6c7b43449759961c35', class: "section-content" }, h("div", { key: '61bd6dec5d350d71d070877b28d8c5002c63dc5e', class: "section-style" }, "__mg"), h("div", { key: '593d070b8c3e02bdbe86d85dc7f717fba2a36ca3', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: 'eff13e50276757229b01ea5d25b772ed2496d135', class: "section-content" }, h("div", { key: 'bff9c3ef354d2611249287987b33cd8f861d240a', class: "section-style" }, "__2mg"), h("div", { key: 'd2cd3b6f70629be68a382c01a008a11823afae9b', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: 'bebbdc4cbe388fc250612ad9799aecc23fddece7', class: "section-content" }, h("div", { key: '1354861dbc37cee50efa6d49d4171810285c279d', class: "section-style" }, "__3mg"), h("div", { key: '4eed054fff1c737d9c7d35117332ce8b09661d21', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: 'f4e51d6d1bdf742daaaa2aad0113cfa6aa7713f8', class: "section-content" }, h("div", { key: '76d7a677907469594a5dd8357362d8a8ac0a9aba', class: "section-style" }, "__gg"), h("div", { key: '78b7e82d0770c681a18dc7b326082678edcf8380', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: '04f3d8bbc78127682497f7ab58ce6393c061982c', class: "section-content" }, h("div", { key: '1bd681e2c3dfaa862e1588b780730dcfc4c89284', class: "section-style" }, "__2gg"), h("div", { key: '598b8ddc86ed0815cc2097b2e58bfa80c9f40149', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: 'f9e0a4ac692b0d7a0db94968c9c9a60399a315a9', class: "section-content" }, h("div", { key: 'b425a3adcf72f83c47dd8afe6b1f2eaa67fa46de', class: "section-style" }, "__3gg"), h("div", { key: '8fd68b3ea12624eb00821e47244dc045582b2a64', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: '1c763838b189b77ccbf1af230e968fcfe0946ce3', class: "section-content" }, h("div", { key: 'a254dce11f7080a45b16502cec1b0a53406eb2aa', class: "section-style" }, "__xgg"), h("div", { key: 'a31cbca7140dd16f68afc6d071b6f0e767871e5e', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: '8d309ac047fdfc6bf8fdebb762c6b4e72925a582', class: "section-content" }, h("div", { key: '7f2f38737aee9fa14d382db3def802906db47ae9', class: "section-style" }, "__auto"), h("div", { key: '76c35a920b7c5e88f569f27a59dff9519d74a5da', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: '8a434fa9ea6e32286b3a1fd06b583b925734b017', class: "section" }, h("div", { key: '14219acf190146ad37bab745e3fe78de514dd978', class: "section-content" }, h("div", { key: '08d54d6beddd8c4790206a61738e92999bd21c2d', class: "section-style" }, "--m"), h("div", { key: '53bceb2537792474926977d62bc2e32d07b6c559', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '5cfa9b68f77d2b545dc0dea100ff5a932dea05d3', class: "section-content" }, h("div", { key: 'e0d52f0aa4563d7568e779522e4b24f173e204fd', class: "section-style" }, "--mtb"), h("div", { key: '265a3c91228c1be8da7654ffef35c76130b07bd5', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: 'd0b496696b289106e251b758c8192cc565cfa8ca', class: "section-content" }, h("div", { key: '1eec4fb20f7f29e48bd07638276330f917c80561', class: "section-style" }, "--mlr"), h("div", { key: '78fe62f69de077475d6e36027e510149bf25ec82', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '18bbf68ba2bac1218d74f918122546eb3152b30c', class: "section-content" }, h("div", { key: '8874a34e370a15032df3891fb37b8d93fd82ea34', class: "section-style" }, "--mt"), h("div", { key: '05b7b2a1e6caba1f60fbec695b76c92dadd411bc', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: 'c821fb90a56f2e84b2fce9213ac6553516ad831b', class: "section-content" }, h("div", { key: '622926189437d8aad60492a07970755cccc1aaea', class: "section-style" }, "--mb"), h("div", { key: '955329956572190f59ef6ff39716bad47aeee515', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: '73f934759dd5e1d24e32e2aa498365b4753a461c', class: "section-content" }, h("div", { key: 'c8023a57f950a00a575f127ad5e2a392960b8718', class: "section-style" }, "--mr"), h("div", { key: 'aa43968f077bae0bd3c65a83bc5dc99cc1945b46', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '09df95fe09cc5d5748f5449685731a2b1b3476d4', class: "section-content" }, h("div", { key: '8af888cbdc9bec396d43428623fd305655d6d479', class: "section-style" }, "--ml"), h("div", { key: 'd435c908b8e9f6c258249c21efad260a40de1c0e', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: '0b4500ff700cb724410633e52a4ca30c2003d043', class: "section-content" }, h("div", { key: '093db202bb30f6fe855a7d91bbfcaba2a5cc2e62', class: "section-style" }, "--p"), h("div", { key: '719974652abac791f6ce501fbcc9d0728392b205', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: '63837dd6a5eb0306809887f8f5800a9b710d027d', class: "section-content" }, h("div", { key: 'c758b193cdaaa769365799cac8fc5224560bd6d7', class: "section-style" }, "--ptb"), h("div", { key: 'f93a2a74b63987c30f7d51ba2640815d11422571', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '985409d151cfdd1018f9593bb297e16608997f86', class: "section-content" }, h("div", { key: 'd3a3d1961e03336800a1eada0e57d6ff6eeeab26', class: "section-style" }, "--plr"), h("div", { key: '140d5ca9d4e2c3335499cbdedceb96780464b228', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: '5900d9cd8fe971bd4940fbe97095489a16db600a', class: "section-content" }, h("div", { key: '499fc9f40b6e7bc5b579162884067ee28d90133b', class: "section-style" }, "--pt"), h("div", { key: 'fa48d508af2c7c26ecaed211f96522ba83cff3c4', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: '7f2040b3d4a3daebbf0564c1d7457cd2e6b06fc9', class: "section-content" }, h("div", { key: '4e37f89d3d82a669642449485f7bb547982494c0', class: "section-style" }, "--pb"), h("div", { key: '68cc21919600730e648ec9f586668b7080a486e0', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: 'd9ddebf361484ef232a74f2a7e099a0b07919e95', class: "section-content" }, h("div", { key: 'f8f04a9cf2d5a88536e71027089206eddcda4054', class: "section-style" }, "--pr"), h("div", { key: '92b4b97b3039df244bb10829a103167a6769de69', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '6754aca0d6caecefce946605b7cc71f1eb227578', class: "section-content" }, h("div", { key: '0c2f8f4dd14e18467324991ab6b721fc10ea895c', class: "section-style" }, "--pl"), h("div", { key: '2ed3ad1dd62f3846fde887db472cff42c63198cb', class: "section-style-attribute" }, "padding pa kreisi"))))))));
     }
     static get is() { return "tet-spacing"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class TetGrid {
     render() {
-        return (h(Host, { key: 'f775c59276bc36c54fba7c9788b7be403810e48e' }, h("div", { key: '6d0373478844bb21bdac14dabd754af2540a869c', class: "variable-container" }, h("div", { key: 'ea2b3975737019ece2f535e938765d8ec5c51a90', class: "container-title main" }, "Grid klase"), h("div", { key: '70547b825e99ecca8687c24f1967549f13867a65', class: "container-section" }, h("div", { key: 'f501e57ff213b04127afbb4e2c71a0c362e96282', class: "variable-name" }, h("div", { key: 'd75c5c8cb4abefbbe27fdf72965cc68173c6c83b', class: "variable-part" }, "tet"), h("div", { key: '938cb183baf683a4537a0229fe548a2d1458fae0', class: "variable-part" }, "-grid")), h("div", { key: '3c63d27289ff3e8fc3ab85575bfc59f0ae5a3a3f', class: "variable-name" }, h("div", { key: '4272fca5973da3f4f8c413283bdf472dee5853f6', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: 'df0d34a4d2265c13c4d4d15f1111e5755f5a74db', class: "container-wrapper" }, h("div", { key: '8dd84aae9adbe63d61d28862bce2b71f7f570193', class: "container-title" }, "Grida lietojumi"), h("div", { key: '260bf21800dd8b1a2397bb813e710dfc88f8f33c', class: "container-comment" }, "Parent l\u012Bmen\u012B ir j\u0101b\u016Bt klasei tet-grid. Tad childam ir j\u0101b\u016Bt tet-grid__cell."), h("div", { key: 'bcb64cd78f9a19fe7953f24e5c9d7f5d428e101a', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: '08e2b547f425f764de11e52308456c303d40fc2a', class: "section" }, h("div", { key: 'df0509bb7b9e0600e045daecde849ebefc7b3ac6', class: "section-content" }, h("div", { key: 'fb64176d5dd294a09a450534642815b4a193ffd2', class: "show-grid tet-grid" }, h("div", { key: '84e6e1a9de66bf2e6066ec049f6794fb4aa2bf2e', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '51e1313a337a99fb84c521d65c41b5f7c9852b07', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: 'f2951ca4edd4bc90069b31d7f876c95a861b56a1', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: 'eafc3686434f8cb8dfb2d7f53ddf428b506202e9', class: "section-content" }, h("div", { key: '8300c4a6978ffe20fae0ac4d1377b4e21ccf242a', class: "show-grid tet-grid" }, h("div", { key: 'd34edc0a0462fe788cc088271aacec3bee20f6c3', class: "show-span tet-grid__cell--span-4" }, h("div", { key: '9e66762e223eda7c363c5a4d7d8a260e1ae3b94d' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: '6903439eda1a34beaae39daebe971e64406127d6', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: '0507c48b2b123b64ae385044ffbda86e92462357', class: "section-content" }, h("div", { key: 'df42cda9d361dc6e0c2516e5bac7a161f9675447', class: "show-grid tet-grid" }, h("div", { key: '9a2791dc4486c702f20a03c6a007f0d313c99e2f', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: 'c89d67d46d216bc8a76cbded8036e27245067cb7' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: 'e1e2633c964ad2fd1ec09828d64ba15cfd658ca1', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: '8842aab8fdabdc0877452857a6ded358fe613c82', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: '1c9a2e154a4e89e04e08b8f6052c4c9a52755dee' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: 'd129f3c7b4d232eb1e38f5d82670257d05fed6d7', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: '17331c5c5cec8bfe9edaa2781f1b9b2bbc62553e', class: "section-content" }, h("div", { key: '56d950d49d54c718bb29d5b6f3a393d14b766e12', class: "show-grid tet-grid" }, h("div", { key: '4f5c6b2c85a9bafa3e02e12572f824527af88073', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '1b746cfc188cbd5f2d1c8dac8ad3d630d524010e' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: '134e7b906189a7bcd6035813adcd014718f1e280', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: '270f938175d6a2dd29a02bed5506f7cd8861f99f', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: '9097166ce9ff149f73a6b5dfff59c9e74a0e238a', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: '71aaefbc814199c6a4c332423e01bd84b6cd9bad', class: "section-content" }, h("div", { key: 'b12890e1878a0e15f77bcf11d25111492c3f662c', class: "show-grid tet-grid" }, h("div", { key: 'ae999d1110b176bea897d11ca8f0193337bb6b5c', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '98835e09a3cb9460dd819ae19fc7a28c85d483e8', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: 'b341a35fb4e9578ad957e1339b3160b9ef835495', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '211d90a7313a96ab045f5391c1e51feecdfaa848' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: 'e989a548e44c3d1164355234e496cdc27cf08344', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: 'f6bf3887109f64962a6966fc46c64a08ae953d6d', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '18cce10dfe43288e43001651532ce655cbee66ed', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: 'b63c050c7bb68cc9f153ace07b15b665fb5b545b', class: "container-wrapper" }, h("div", { key: '7f377e60957f436bd7ca50cfb254d8b82a13ecca', class: "container-title" }, "1920px breakpoint"), h("div", { key: '98faaadb817eadd3003583f7a9858b56fdc779c9', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: '02613a5bd167796dc4accc4e0bfbf3bbd02c9914' }, h("i", { key: '43c8088c988db4eacfb37787d0214e4443ab9620' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: '0b494f508d09439761669a5ba50a8557e78a4f30', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: 'ab814a3566c3501d477ebda7b46ee96d00d009d9', class: "section" }, h("div", { key: '28e2f95449c060bf2300c27e04bc907a041afda5', class: "section-content" }, h("div", { key: 'd29d16f2db8b98962471ade60ae72898c189f64b', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: 'a85ac893985c19f3943b13b51ea510650a7c17f7', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '7bef1a11e4db0f862ba5fc5f0761f51922527e82', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '70cd16b877958223f94f4bf9cb1fa8e8824ac604', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '7a742efc3ad70efdbb4d9a312072461101d8497c' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: 'f41dca0d69044a7c3eb664a8fd703688a9c2124e', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: '5d5b0bbb2ab675948bb65b0cbc3f33cace2c6b47', class: "tet-grid tet-grid--gg" }, h("div", { key: 'ff33e84bf4acf1d82f7cc6e4e1c72ae8c63b27fd', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: '8afa427712e7da0812dd9c8d0e1d27f623720347' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: '2989d63322d5ac0ac7db8c099772a7b2b9ad6b06', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: '622113c34c93307339c6863e899231e1e623c49b', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: '83e9ec59e90c7ba3778d03b12e7587083d167b4c', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: '44468ed9589632ba9518a80d524dbb5fbaa7d058', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '56961e6ad3067fe3e57b8581081c83367718c098', class: "section-style-attribute" }, "tet-grid__cell--span-2"))))))));
+        return (h(Host, { key: 'cb8d797e33ebe4f1e3608301cab1e31875bbbd70' }, h("div", { key: '5cfabadb4df3172d7a5c11fc07dc8f4a956885b4', class: "variable-container" }, h("div", { key: 'ddb11c133301d478f4ee7c9a869d5f003c1330b7', class: "container-title main" }, "Grid klase"), h("div", { key: '070ff361c127c199f175f3c132a843cefcaa3265', class: "container-section" }, h("div", { key: '34d47cbfc32e96c5b3644fccd0166e573bf16fcc', class: "variable-name" }, h("div", { key: 'b94fe94a480819c8d856dbd053e1904e1c60cdec', class: "variable-part" }, "tet"), h("div", { key: '94a5e5f6b89925e806a48535ba1e828bbc5a2db3', class: "variable-part" }, "-grid")), h("div", { key: '20d4208bb6ae659142e32f4cbd9f0d956ae9bdd0', class: "variable-name" }, h("div", { key: '01097353b30f802a864f67bb712978d56aa1dca8', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: '810785d634cdedabc9eef44d4bb385f379a83dfb', class: "container-wrapper" }, h("div", { key: 'e49c192846f4bca195212a773f6e554df50e8f0f', class: "container-title" }, "Grida lietojumi"), h("div", { key: 'f3c68b4c378cd0728175f6b7fd80e33fd9af1873', class: "container-comment" }, "Parent l\u012Bmen\u012B ir j\u0101b\u016Bt klasei tet-grid. Tad childam ir j\u0101b\u016Bt tet-grid__cell."), h("div", { key: '491555aece64b8580412297fcf2f341b3532130d', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: '26d797efa071dffe15736059ded79c9f60526419', class: "section" }, h("div", { key: 'cef0270c56896b97a2b47e18a16923a092a1d06d', class: "section-content" }, h("div", { key: 'dcadaa02e29a49f16618ea554a91ee899ebd9070', class: "show-grid tet-grid" }, h("div", { key: '988178edc15de897823f72d5cefa6dd0bae94c45', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '7dbc746b436e9c58feb9cfbc8897d71bdbbfa635', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: '61ad428c98dd46f7fce7a38633ef7d7326102422', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: '6d94b3f1f8ea404d047ed89f9dceaf8c9012104e', class: "section-content" }, h("div", { key: '9fb10b30964c5c68e57dd5ea6bb80ad0af22e65b', class: "show-grid tet-grid" }, h("div", { key: '13ca4b197002f19352145df15e81b861034612c1', class: "show-span tet-grid__cell--span-4" }, h("div", { key: '9a0727cdd859db42c03363b0e2d3be4ea00dd7ff' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: '6a4848169890d258abd8fed803f50b090c3dced7', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: '6df9a7da746f6cbe958931a6935308a23a02040e', class: "section-content" }, h("div", { key: '38570ffae8287774c43dad3b285d40324dea8650', class: "show-grid tet-grid" }, h("div", { key: 'c04539f4b9910ae0f8c42a04630c949237b72f85', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: 'a8719f17dd39ff1743ba2bbf6abb3688bcfdf991' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: '81393029a3a53aaffd8d7b7e22fab81d81ecbd08', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: '05706b768c47cc94c9eb2208b66d7acc78481b40', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: '5f286a52a5338bd55450b5a9e860f296c8b39914' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: '782166bd189f2f474bd5289b835333bb53e540c2', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: 'f04fab9cef93dd8d605a2100d6f22565b47a67ac', class: "section-content" }, h("div", { key: 'aad118cf95dba41a4a057ccc69d7c9a947a86e85', class: "show-grid tet-grid" }, h("div", { key: 'a135a67e91efc7a6433b770417eea12bc897d790', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '0985a537790960ded9db0540e053a4fa8807f0b1' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: '5a9ea78aa93ef5c0a9bd9823356d2bddfa0e4436', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: 'a46c1a9a30ac11f398930abee8166c7a063aafc2', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: 'a8fa4dcbc428df9d753d88a7c43db545c49ff228', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: '6a8aab722479be1420e8ddad8cc4165e1ce87eb6', class: "section-content" }, h("div", { key: '853a863caeadd318f8b2dd344e9a0a1231f73121', class: "show-grid tet-grid" }, h("div", { key: '55a9966bd87d6b01dc4598bcdac4262d6308f868', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'a8afdc3ae864bcc19324600039a206f89feee142', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: 'c4663e4326f2551a2837f24f5d967ed64a51d82e', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '6fcf3a77afefed9da4328dff76858709a5ec9295' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '8512466ed941543b8bc4c6afb32075b6b65b1a5f', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: '0e701d5516126ea3a35206c78dde6bdec6b0528d', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '9c853356b08f7361e71c348061ffdb2b873d3dd7', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: 'c7a584f2c408084f3c8e12299492cb78d358581b', class: "container-wrapper" }, h("div", { key: 'c0e1505dfa729c54cbfb887587f7e46f99a94d18', class: "container-title" }, "1920px breakpoint"), h("div", { key: 'e56cf193d7925309583bd5a8460d894b6233d5b1', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: '8ef0e1356ad4173f2994e5905d28b14a0d073c6c' }, h("i", { key: 'b619b0c688de4453befb240026da562bd56c02d0' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: '74decf24a16d2934c0a700042704b54113c42876', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: 'a3753abc6bffffc28ffcb8166bfce7424e1db1a5', class: "section" }, h("div", { key: '32ae1fc9de9c0591cb5c0db1147727da666ba21e', class: "section-content" }, h("div", { key: '147e0ebf1734c3251d675d1bd24362c66247c9fe', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: 'd103f7dd77c4b68b0ee8c2d5254406d5f0eb6b7e', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'dce3e381e7e14771009ff3ee190985ebf3a75d9e', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '5b6f68f566c8d664a375d3f1b3f6f44542fb4730', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '7e4e4f5c51c64bc901d22038a7a4dfc22248caaf' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '189dd58ff8090a331413eb2c7085014ee685336a', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: '2b83ca7f8735cb65a835e03d32aea927eb16a104', class: "tet-grid tet-grid--gg" }, h("div", { key: '1a11e6b763c09b8c74d45d33c34643985f181529', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: '07b7ed4c079288ac8b4b4115c45a1f0773700ceb' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: 'f85fc0b7230bb1e670af31bd6bffbed68788a198', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: '35a0dee37df5aa16ddb3e5461195ff0f8d019748', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: '5afa427f67f460c40a3d3e0027fb62594fddabe7', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: 'a0e10a04da3ad7b294df4dddf2e3ba3b9f298a26', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '4b019e96245953dfd39420a8481402750f067294', class: "section-style-attribute" }, "tet-grid__cell--span-2"))))))));
     }
     static get is() { return "tet-grid"; }
     static get originalStyleUrls() {

package/dist/components/index.js CHANGED Viewed

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

package/dist/components/{p-bf9ae32d.js → p-09429507.js} RENAMED Viewed

@@ -1,15 +1,15 @@
-import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, c as Host } from './p-25b93e8f.js';
-import { p as processTranslations, t as translate } from './p-03079120.js';
-import { s as searchAddressByKey, a as searchAddress } from './p-9dd9b4d4.js';
-import './p-9afafdbb.js';
+import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, c as Host } from './p-8b6ad07d.js';
+import { p as processTranslations, t as translate } from './p-e18f111c.js';
+import { s as searchAddressByKey, a as searchAddress } from './p-cc4ab3ba.js';
+import './p-a71944c9.js';
 import { d as debounceAsync } from './p-64ec8edd.js';
 import { n as normalize } from './p-58434b0c.js';
-import { a as a11yBtnClick, d as defineCustomElement$3 } from './p-4b8c86e0.js';
-import { d as defineCustomElement$6 } from './p-d5165dba.js';
-import { d as defineCustomElement$5 } from './p-6c38c289.js';
-import { d as defineCustomElement$4 } from './p-5ce90f5e.js';
-import { d as defineCustomElement$2 } from './p-d91c0f6b.js';
-import { d as defineCustomElement$1 } from './p-9f83d277.js';
+import { a as a11yBtnClick, d as defineCustomElement$3 } from './p-ed0891ec.js';
+import { d as defineCustomElement$6 } from './p-41a2d3f9.js';
+import { d as defineCustomElement$5 } from './p-d284d615.js';
+import { d as defineCustomElement$4 } from './p-76bcd750.js';
+import { d as defineCustomElement$2 } from './p-20cf1eca.js';
+import { d as defineCustomElement$1 } from './p-fa530270.js';
 const tetAddressSearchCss = ":host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;--manual-input-option-background-color:var(--tc-background-secondary);--hover-option-background-color:var(--tc-layer-primary);--input-field-icon-color:var(--tc-icon-secondary);--redesigned-address-search-padding-vertical:1rem;--redesigned-address-search-padding-horizontal:0.5rem;--redesigned-address-search-radius:1rem}:host(.address-search--redesigned){--address-search-width:100%;--address-search-height:2.75rem;width:var(--address-search-width);height:var(--address-search-height)}:host(.address-search--redesigned) ::part(autocomplete-options-container){display:none;border:none;position:unset;z-index:auto;box-shadow:none}:host(.address-search--redesigned:not(.keyboard-focus)) ::part(autocomplete-options-container){display:block}:host(.address-search--redesigned:not(.keyboard-focus).active:focus-within) .address-search--redesigned__close-button{display:block}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__autocomplete{position:absolute;top:calc(-1 * var(--redesigned-address-search-padding-vertical));left:calc(-1 * var(--redesigned-address-search-padding-horizontal));border:0.0625rem solid var(--tc-border-quaternary);background-color:var(--tc-layer-primary);border-radius:var(--redesigned-address-search-radius);padding:var(--redesigned-address-search-padding-vertical) var(--redesigned-address-search-padding-horizontal);width:calc(var(--address-search-width) + 2 * var(--redesigned-address-search-padding-horizontal))}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input:not(.dark){--input-text-color:var(--tc-button-text-black-permanent)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input:not(.dark) .icon-left{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input:not(.dark) .icon-right{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__autocomplete.dark{border-color:var(--tc-border-quaternary-dark);background-color:var(--tc-layer-primary-dark)}:host(.address-search--redesigned:not(.keyboard-focus):not(.always-expanded).active:focus-within) .address-search--redesigned__input-wrapper{border-bottom:0.0625rem solid var(--tc-border-secondary)}:host(.address-search--redesigned.always-expanded){height:auto;--redesigned-close-button-top:-0.5rem}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper .address-search--redesigned__input:not(.dark){--input-text-color:var(--tc-button-text-black-permanent)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper .address-search--redesigned__input:not(.dark):focus-within .icon-left{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper .address-search--redesigned__input:not(.dark):focus-within .icon-right{--input-focus-icon-color:var(--tc-button-icon-black-permanent)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__autocomplete{border:0.0625rem solid var(--tc-border-quaternary);background-color:var(--tc-layer-primary);border-radius:var(--redesigned-address-search-radius);padding:var(--redesigned-address-search-padding-vertical) var(--redesigned-address-search-padding-horizontal)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__autocomplete.dark{border-color:var(--tc-border-quaternary-dark);background-color:var(--tc-layer-primary-dark)}:host(.address-search--redesigned.always-expanded) .address-search--redesigned__input-wrapper:not(.dark){border-bottom:0.0625rem solid var(--tc-border-secondary)}:host(.address-search--redesigned.always-expanded:focus-within) .address-search--redesigned__input-wrapper.dark{border-bottom:0.0625rem solid var(--tc-border-secondary)}:host(.dark){--manual-input-option-background-color:var(--tc-background-secondary-dark);--hover-option-background-color:var(--tc-layer-primary-dark);--input-field-icon-color:var(--tc-icon-secondary-dark)}::part(address-not-found){display:flex;flex-direction:column;gap:0.5em}::part(manual-input-option){position:sticky;bottom:0;background-color:var(--manual-input-option-background-color);margin:0.125rem 0 0 0;border-radius:0;z-index:3}::part(manual-input-option):hover{--option-hover-background-color:var(--hover-option-background-color)}.address-search__input{--input-icon-color:var(--input-field-icon-color)}.address-search__input .icon-left{--input-icon-left-position:0.875rem}.address-search__input--rounded{--input-border-radius:1.375rem;--input-hover-background-color:none}.address-search__input--rounded~.icon-left,.address-search__input--rounded~.icon-right{--icon-size:1.5rem;--input-icon-top-position:0.625rem}.address-search__input--forms{--input-border-radius:0.75rem;--input-padding:0.75rem}.address-search__spinner{position:absolute;right:1rem}.address-search--redesigned__autocomplete{border:0.0625rem solid transparent}.address-search--redesigned__autocomplete-content{position:relative;display:flex;gap:0.75rem}.address-search--redesigned__input-wrapper{width:100%;border-bottom:0.0625rem solid var(--tc-grey-70);margin:0 0 0 0.5rem;display:flex;align-items:center;gap:0.5rem}.address-search--redesigned__button-wrapper{display:flex;align-items:center;margin-left:0.5rem}.address-search--redesigned__button-wrapper .js-button-mobile{width:fit-content;display:block;--button-icon-mode-padding:0.5rem}@media (min-width: 46rem){.address-search--redesigned__button-wrapper .js-button-mobile{display:none}}.address-search--redesigned__button-wrapper .js-button{display:none;--button-padding:0.5rem 0.875rem}@media (min-width: 46rem){.address-search--redesigned__button-wrapper .js-button{display:block}}.address-search--redesigned__input{width:100%;--input-height:var(--address-search-height);--input-text-color:var(--tc-button-text-white-permanent);--input-background-color:transparent;--input-hover-background-color:transparent;--input-border-radius:0;--input-border-color:transparent;--input-focus-border-color:transparent;--input-focus-outline-color:transparent;--input-focus-background-color:transparent}.address-search--redesigned__input .icon-left{--input-icon-left-position:0.25rem;--input-focus-icon-color:var(--tc-button-icon-white-permanent)}.address-search--redesigned__input .icon-right{--input-focus-icon-color:var(--tc-button-icon-white-permanent)}.address-search--redesigned__input-field{--input-border-radius:0.0125rem}.address-search--redesigned__close-button{display:none;position:absolute;right:0;top:var(--redesigned-close-button-top, calc(-0.5rem - var(--redesigned-address-search-padding-vertical)));transform:translateY(-100%);--button-icon-color:var(--tc-button-icon-primary);--button-text-decoration:underline}.address-search--redesigned__close-button:hover{--button-icon-color:var(--color-grey-30)}.address-search--redesigned__close-button ::part(button){backdrop-filter:none;text-decoration:underline;--button-padding:0.5rem 0}";
 const TetAddressSearchStyle0 = tetAddressSearchCss;
@@ -349,21 +349,21 @@ const TetAddressSearch = /*@__PURE__*/ proxyCustomElement(class TetAddressSearch
         const submitButtonColorTheme = (isButtonActive && isDarkContainerTheme && this.alwaysExpanded)
             ? 'adaptive-yellow'
             : undefined;
-        return (h(Host, { key: 'da890c8efa2ac03e5e0888b605b9e9847f8205de', class: {
+        return (h(Host, { key: '7ad6998b8b341f7af6a4b035217039a1a02d37d1', class: {
                 "address-search": true,
                 "address-search--redesigned": this.redesignedStyle,
                 "always-expanded": this.alwaysExpanded,
                 "keyboard-focus": this.focusVisible,
                 "active": this.elementActive,
                 [this.theme]: true,
-            } }, h("tet-autocomplete", { key: '17c2da1ad29fd5fe488473b76c672912cac17f4a', class: `address-search--redesigned__autocomplete
+            } }, h("tet-autocomplete", { key: 'd775eb00b88ca0087eb3fc7f63cc7749ea32881b', class: `address-search--redesigned__autocomplete
             ${isDarkContainerTheme ? 'dark' : ''}
           `, part: "autocomplete", optionsFilterAction: this.debounceAddressFilter, onOptionSelected: this.handleAutocompleteOptionSelection, noOptionsMessage: translate('components-address-search-not-found-message'), noOptionsRenderFunction: this.manualAddressTriggers ? this.renderManualAddressInputNoOptionsMessage : undefined, clearCallback: this.autocompleteClearInputCallback, finishedLoading: this.finishedLoading, darkTheme: isDarkContainerTheme, newStyle: this.newStyle, ref: (el) => (this.autocomplete = el), optionsIcon: "location", redesignedStyle: this.redesignedStyle }, this.redesignedStyle ? (h("div", { class: "address-search--redesigned__autocomplete-content" }, h("div", { class: `address-search--redesigned__input-wrapper
                 ${isDarkContainerTheme ? 'dark' : ''}` }, h("tet-input", { class: `address-search__input address-search--redesigned__input
                     ${isDarkContainerTheme ? 'dark' : ''}`, part: "input", "input-class": inputClasses.join(' '), "input-placeholder": this.placeholder, "input-disabled": this.inputDisabled, label: this.label, accessibilityLabel: this.accessibilityLabel, iconLeft: this.newFormsStyle ? '' : 'tc-search-short', iconRight: this.inputIconRight, iconRightClickCallback: this.clearInputAction, ref: (el) => (this.inputComponent = el), error: this.isInputInvalid, autocomplete: "off" }, this.isLoading &&
             h("tet-spinner", { theme: isDarkContainerTheme ? 'dark' : 'light', class: "address-search__spinner", size: "small" }))), h("div", { class: `address-search--redesigned__button-wrapper
                 ${isDarkContainerTheme ? 'dark' : ''}` }, h("tet-button", { class: "submit-address js-button-mobile button-icon", type: "primary", theme: submitButtonTheme, colorTheme: submitButtonColorTheme, customColorCode: submitButtonColor, "accessibility-label": translate('components-address-search-search'), iconName: "arrow-right", iconMode: true, onClick: this.handleSearchSubmit }), h("tet-button", { class: "submit-address button js-button", type: "primary", size: "medium", theme: submitButtonTheme, colorTheme: submitButtonColorTheme, customColorCode: submitButtonColor, onClick: this.handleSearchSubmit }, this.searchButtonText)))) : (h("tet-input", { class: "address-search__input", part: "input", "input-class": inputClasses.join(' '), "input-placeholder": this.placeholder, "input-disabled": this.inputDisabled, label: this.label, accessibilityLabel: this.accessibilityLabel, iconLeft: this.newFormsStyle ? '' : 'search', iconRight: this.inputIconRight, iconRightClickCallback: this.clearInputAction, theme: this.theme, ref: (el) => (this.inputComponent = el), error: this.isInputInvalid, autocomplete: "off" }, this.isLoading &&
-            h("tet-spinner", { theme: this.theme === 'dark' ? 'dark' : 'light', class: "address-search__spinner", size: "small" })))), this.redesignedStyle && (h("div", { key: '44b456ee175f86250214f08089007a374068cbf9', class: "address-search--redesigned__close-button" }, h("tet-button", { key: '7ff7d9fe551eff35ccefd40b5af712197c910b32', type: "link", iconName: "close", theme: "dark", onMouseDown: (event) => event.preventDefault(), onClick: this.handleCloseButtonClick }, this.closeButtonText)))));
+            h("tet-spinner", { theme: this.theme === 'dark' ? 'dark' : 'light', class: "address-search__spinner", size: "small" })))), this.redesignedStyle && (h("div", { key: 'cb6d759805528a409936a94ecf8b2164cea79287', class: "address-search--redesigned__close-button" }, h("tet-button", { key: '6670ae7c021cfe4ba1aa2c3e144385f9f51fab29', type: "link", iconName: "close", theme: "dark", onMouseDown: (event) => event.preventDefault(), onClick: this.handleCloseButtonClick }, this.closeButtonText)))));
     }
     static get watchers() { return {
         "language": ["onLanguageChanged"],

package/dist/components/{p-963b805c.js → p-0fc5f3a8.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, h } from './p-25b93e8f.js';
+import { p as proxyCustomElement, H, h } from './p-8b6ad07d.js';
 import { a as isFunction } from './p-bfcce1dd.js';
-import { d as defineCustomElement$2 } from './p-5ce90f5e.js';
-import { d as defineCustomElement$1 } from './p-a486d514.js';
+import { d as defineCustomElement$2 } from './p-76bcd750.js';
+import { d as defineCustomElement$1 } from './p-607b711d.js';
 const tetTagGroupCss = ":host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tag-group-align:inherit;display:block}.tags{display:flex;flex-wrap:wrap;gap:0.5em;row-gap:0.75em;justify-content:var(--tag-group-align)}";
 const TetTagGroupStyle0 = tetTagGroupCss;