npm - @tet/tet-components - Versions diffs - 1.3.60-testing → 1.3.61-production - Mend

@tet/tet-components 1.3.60-testing → 1.3.61-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 (414) hide show

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

@@ -1,16 +1,60 @@
 import { h, Host } from "@stencil/core";
 export class TetColors {
     constructor() {
+        this.colorSections = {
+            blue: {
+                title: 'Blue',
+                colors: ['blue80', 'blue70', 'blue60', 'blue50', 'blue40', 'blue30', 'blue20', 'blue10', 'blue00']
+            },
+            green: {
+                title: 'Green',
+                colors: ['green80', 'green70', 'green60', 'green50', 'green40', 'green30', 'green20', 'green10', 'green00']
+            },
+            yellow: {
+                title: 'Yellow',
+                colors: ['yellow80', 'yellow70', 'yellow60', 'yellow50', 'yellow40', 'yellow30', 'yellow20', 'yellow10', 'yellow00'],
+            },
+            red: {
+                title: 'Red',
+                colors: ['red80', 'red70', 'red60', 'red50', 'red40', 'red30', 'red20', 'red10', 'red00'],
+            },
+            violet: {
+                title: 'Violet',
+                colors: ['violet80', 'violet70', 'violet60', 'violet50', 'violet40', 'violet30', 'violet20', 'violet10', 'violet00'],
+            },
+            grey: {
+                title: 'Grey',
+                colors: ['grey110', 'grey100', 'grey90', 'grey80', 'grey70', 'grey60', 'grey50', 'grey40', 'grey30', 'grey20', 'grey10', 'grey00'],
+            },
+            foundation: {
+                title: 'Foundation',
+                colors: ['blue', 'violet', 'green', 'yellow', 'red', 'black', 'white'],
+            },
+        };
+        // Render a single color item
+        this.renderColorItem = (colorName) => {
+            const colorCode = `tet-color__${colorName}`;
+            const colorBackgroundClass = `${colorCode}--background`;
+            const label = colorName.replace(/([a-z])(\d+)/, '$1 $2');
+            return (h("div", { class: "section-color" }, h("div", { class: `color ${colorBackgroundClass}` }), h("div", { class: "color-name" }, colorCode), label));
+        };
+        // Render a color section
+        this.renderColorSection = (sectionKey, section) => {
+            return (h("div", { class: `section section-${sectionKey}` }, h("div", { class: "section__title" }, section.title), section.colors.map((color) => this.renderColorItem(color))));
+        };
         this.showVariables = false;
+        this.darkTheme = false;
     }
     render() {
-        return (h(Host, { key: '5f6f1c329f25f8d3bb8a6457b049b5f8593df8a8' }, h("div", { key: '955d432ff8ff682fb174ff73eb4b7cf2f70f243b', class: "container variable-container" }, h("div", { key: '9b7d296a8a8553b6e2ad94c3352524a1fbe61809', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'ffbf5b937f3664b6eb14b75cf323f816da01271b', class: "container-section" }, h("div", { key: 'f800e65311a487e97817de2b5511045b3474e540', class: "variable-wrapper" }, h("span", { key: '9ae767880770f14bdb3d117e2e0c3304fb84990d', class: "variable-name" }, h("span", { key: 'b48a3bc445e0721818e51524b121982d1becac63', class: "variable-part" }, "tet"), h("span", { key: 'bf1673e9ce5f810f8c2c1ce845843ebc1270b818', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'ec40e23c6a67b500d4d7c258e310aa7a38b75d85', class: "variable-part variable variable-color" }, "__blue30"), h("span", { key: 'a2d01918cdcaf1e728f5e145f83b84ea70bf3e37', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'f5dca0f218df2162a73332a86b46f31e3eb118dd', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: 'b9906e50f7606604864e2aa92d8be2628818d103', class: "container" }, h("div", { key: 'a11cdc5ca66edeb0856418311a8cabfc5f1390df', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '01b18335cbea7228cf31df65cf0492357b67917f', class: "container-section container-example" }, h("code", { key: '582bfe9e4d3022c501ce8b9845a021585a7ca06f', class: "variable-example" }, "<div class=\"tet-color__blue30\">Teksts</div>"), h("span", { key: 'd34fdd97d9fa4192752c4face4a15e0718593548' }, "Teksta kr\u0101sas mai\u0146a ", h("span", { key: '1f37e5001f0307b999baf906b253df61a4e3b996', class: "tet-color__blue30" }, "elementam")), h("code", { key: '578f777d9ff1438a7ba887da6fc4ba997ff4bd80', class: "variable-example" }, "<div class=\"tet-color__blue30--background\">Teksts</div>"), h("span", { key: 'c6202295c49b2609e30e8aa93f385fb66c16179e' }, "Fona kr\u0101sas mai\u0146a ", h("span", { key: '5808b430f82158540a9a1fd395d5fce8fba9531d', class: "tet-color__blue30--background" }, "elementam")), h("code", { key: '381050470b86146e040fe5b82b55eee9c98b6fe2', class: "variable-example" }, "<div class=\"tet-color__blue30--hover\">Teksts</div>"), h("span", { key: '82117d4359a534667f0a7a20be1090a01b067eff' }, "Teksta kr\u0101sas mai\u0146a kad kursors ir virs ", h("span", { key: 'd29b71b6b73ca6afbcdc5c1fc72f315addcc0178', class: "tet-color__blue30--hover" }, "elementa")), h("code", { key: '366fb31fa5f51fb5d1032ad1a872e9d7aab35472', class: "variable-example" }, "<div class=\"tet-color__blue30--background-hover\">Teksts</div>"), h("span", { key: 'ab47d80d8d078b98ff4453586b8d87bd30a6e9be' }, "Fona kr\u0101sas mai\u0146a kad kursors ir virs ", h("span", { key: 'b325096670cde3f2eedc656ebe009c4e202e0629', class: "tet-color__blue30--background-hover" }, "elementa")))), h("div", { key: 'c2481767e4ead39d9c94f8e0dd5d4eb523782364', class: {
+        return (h(Host, { key: '0c734fc0e2d801d0b1e1a6ae58674e369488ad53' }, h("div", { key: '371372147260c4a5ab00662825bc00697e47d64b', class: {
+                'dark': this.darkTheme
+            } }, h("div", { key: '2d465ff3d7e75d7b34f97c3b62e5b530b07676fb', class: {
                 'container': true,
-                'show-variables': this.showVariables
-            } }, h("div", { key: '63a9064982e5e5507c66442022fc56afbaf830a4', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'dd1a2662c9cb8bb9db89738ed5a142fd775771c8', class: "container-section" }, h("div", { key: 'dc3bb51be44883832cb2f786996e6d70bfb11368', class: "section section-blue" }, h("div", { key: '5906b52cce851ffc84f48295c885a8efbb1faf80', class: "section-color" }, h("div", { key: 'e958d721b1b2c0904bc19996488fa2fd3df4c923', class: "color blue-80" }), h("div", { key: 'a3994fdeb5948e7808817b5869e3e87f35df4026', class: "color-name" }, "kods: blue80"), "Blue 80"), h("div", { key: '86e0a6bb554264e36caf6a34a97d5b051b4d90f6', class: "section-color" }, h("div", { key: '7348346f90e1cca5d9e30a65c8a38754cff71aac', class: "color blue-40" }), h("div", { key: '2267e51b173093e750b4897677990bf3639b1831', class: "color-name" }, "kods: blue40"), "Blue 40"), h("div", { key: '1deefc5404ec2ca3d5aa3856dc339ed0164f33ff', class: "section-color" }, h("div", { key: '25e0051e563b19a64235b55eab51fc0296ded46c', class: "color blue-30" }), h("div", { key: 'd8a690a3288f3dc65b9bb8a05ac878aca0eeef60', class: "color-name" }, "kods: blue30"), "Blue 30"), h("div", { key: '818159811ac6d621c3ecf269072289439944b663', class: "section-color" }, h("div", { key: '6a8e3728a3694a76314e878e3c977bda5af4d70c', class: "color blue-20" }), h("div", { key: '784fe286c895722473aa560296b7b07a40867281', class: "color-name" }, "kods: blue20"), "Blue 20"), h("div", { key: 'f59be8e59fa8e52653e435486057f0c72ba8b311', class: "section-color" }, h("div", { key: '5ac2cfc2c632551d99de8d98c0956110f7164578', class: "color blue-10" }), h("div", { key: 'd9a34ade8bb0d71778ef08f31e94c0f0f6d32b94', class: "color-name" }, "kods: blue10"), "Blue 10"), h("div", { key: '758404f53ceed60514dc3d342afb579028b5fbd5', class: "section-color" }, h("div", { key: '84f57d03704070a2203d083288475a8df93688bb', class: "color blue-00" }), h("div", { key: 'c1d8ac3bffc53ec5f47ce9d52b3137fae719e6a5', class: "color-name" }, "kods: blue00"), "Blue 00")), h("div", { key: '28fa54d3621da519ec4c20ffaccd3004358bf37c', class: "section section-mint" }, h("div", { key: '6052a3fb9c3826585a3d7d7d502d471c5f1e6a78', class: "section-color" }, h("div", { key: 'c8263d439db0555586e10854239fd0bc880b7388', class: "color mint-80" }), h("div", { key: '0be7cef54b96df5ae00d9ca6ec02786aeb0abe10', class: "color-name" }, "kods: mint80"), "Mint 80"), h("div", { key: '1d9a8dd553ae525811012fee8624905c517e04c5', class: "section-color" }, h("div", { key: '34ca25487f7cdfb20e317f307c7d7b78592eb64e', class: "color mint-40" }), h("div", { key: 'fce99cad53c17984b0273dc1e0914771d1e244ff', class: "color-name" }, "kods: mint40"), "Mint 40"), h("div", { key: '42bee35cf63611ec6c349694864a8bd8053ae0db', class: "section-color" }, h("div", { key: '3dde850447ed3472c131f4ee8e547c2eaa24d8b1', class: "color mint-30" }), h("div", { key: '5f1a8f7e75e2e55e7280d4f2fb59e7240294f5e9', class: "color-name" }, "kods: mint30"), "Mint 30"), h("div", { key: '35dbc7afb00b4ed16fc6103724f8766de79f7ecf', class: "section-color" }, h("div", { key: '16b05741bdce68a0dc1565e1661cccc43d3ebd6a', class: "color mint-20" }), h("div", { key: '76cb7f8b4237ae16f47d3f2085bb5adb4adf1342', class: "color-name" }, "kods: mint20"), "Mint 20"), h("div", { key: 'f9223e2ad8da2f93406cad346d60eb809482bfeb', class: "section-color" }, h("div", { key: 'a86467c461686c78c6c2077883586d4ca8bda21d', class: "color mint-10" }), h("div", { key: '97e212d1c9c63ad3cda3ef0d233be328255f1586', class: "color-name" }, "kods: mint10"), "Mint 10"), h("div", { key: 'a27fdfeaf2f6941ee34417ccc5a644f54e1f7af1', class: "section-color" }, h("div", { key: 'f7a03cddb03e18bf2b8a3c0c80362c3fce61a48e', class: "color mint-00" }), h("div", { key: '504554dcfe34762c5810c5d56754f96276d7e48e', class: "color-name" }, "kods: mint00"), "Mint 00")), h("div", { key: '2c3bf459ba65147cb8b1895ef3fdf8ed8628982b', class: "section section-green" }, h("div", { key: '26eed9de401d536a541d6b5ee8b209f67fea116c', class: "section-color" }, h("div", { key: '93fa3734788d0478d3ab8515c950fe324e989754', class: "color green-80" }), h("div", { key: '4f0fe78a97425a791f45684d4ee9b204453065d2', class: "color-name" }, "kods: green80"), "Green 80"), h("div", { key: '1c80e69cd81c4377d57e26a3bbc2d11e7a4c69ab', class: "section-color" }, h("div", { key: '84af51e13a6c90bd4002b471f01e166d2f2ad3fe', class: "color green-40" }), h("div", { key: 'cec5aa1be6f8f0d0b3e53b25cc037be465233515', class: "color-name" }, "kods: green40"), "Green 40"), h("div", { key: '53658e770f2260c535725ba3b54bbc713021fc44', class: "section-color" }, h("div", { key: '89e629da5715e899c78e1a20f5d9248a613fab9f', class: "color green-30" }), h("div", { key: '63057c8b1e314c550b86ec400360850d8371c939', class: "color-name" }, "kods: green30"), "Green 30"), h("div", { key: 'b247c6a184d0665b4c26853f00e30954ae50e246', class: "section-color" }, h("div", { key: '9c334a82a62f112d6b87b09457e24fca0cda1dfb', class: "color green-20" }), h("div", { key: 'cb3879f100f9ba1818dd93f26cee1d3f588b9091', class: "color-name" }, "kods: green20"), "Green 20"), h("div", { key: '767aaf1639c24da45644adfb7dd1e3eb6d2752b6', class: "section-color" }, h("div", { key: '98e397e6f8507cba2276cf62718f9b3d503ef67c', class: "color green-10" }), h("div", { key: '9cf5c41c148b733c630f229934066ca929b25334', class: "color-name" }, "kods: green10"), "Green 10"), h("div", { key: '5fffbd00ee125b721b091e51094c7e4983313162', class: "section-color" }, h("div", { key: 'ec6d1f4538590159f9f385d7fba9471cf6829d16', class: "color green-00" }), h("div", { key: 'c30311f2a82b234a2df4a7656c7fcdea56e350ac', class: "color-name" }, "kods: green00"), "Green 00")), h("div", { key: '600d0966488e99e7c4aa9b3501b7ab6a3741af53', class: "section section-yellow" }, h("div", { key: '76c748d0016d2ddf01c61ae7245e1e7ba88b3fad', class: "section-color" }, h("div", { key: '478cae85914918f37f9efa566fe93935d0a32a96', class: "color yellow-80" }), h("div", { key: 'b40bacde38bc9e3d23ac7cb2bf8cb43d1062274f', class: "color-name" }, "kods: yellow80"), "Yellow 80"), h("div", { key: 'f44e8ab8b095c262d48f2d9e3393e0825c6d1c52', class: "section-color" }, h("div", { key: '56fd352a48d5c5156fd9fc8d64f20ddaff9c8ec4', class: "color yellow-50" }), h("div", { key: '2fe5978e7c54efd11bd112a615b6239bdc9acd54', class: "color-name" }, "kods: yellow50"), "Yellow 50"), h("div", { key: 'b65e891fe9ac73c4dd894aa4cf99883a23d7abc6', class: "section-color" }, h("div", { key: '82e73de1fd40d079bec969c808852b189525662f', class: "color yellow-40" }), h("div", { key: '71410989323848561810a2d8984dee7af73d09ee', class: "color-name" }, "kods: yellow40"), "Yellow 40"), h("div", { key: 'e8ac9f20d1ee90376ad7061bdfb28e45341cfa1c', class: "section-color" }, h("div", { key: 'eb2d494740383c1cd0b1f7468b02de9f4415e955', class: "color yellow-30" }), h("div", { key: '9663404677cddae5a3b4dc93a6888361495f7bec', class: "color-name" }, "kods: yellow30"), "Yellow 30"), h("div", { key: '5708a78ec163d02b8283c4b9612a3b86ad4d2597', class: "section-color" }, h("div", { key: '1a8a9cab264fcf5e1322244a1c79f8deb570e6d3', class: "color yellow-20" }), h("div", { key: 'be7381dab92d802584576c4c204de4871e434fec', class: "color-name" }, "kods: yellow20"), "Yellow 20"), h("div", { key: '188301dd1b05f758c7a57abca9ad54dbdc06e4c7', class: "section-color" }, h("div", { key: '1410d51c8ec5a9277b6dea951e3415bc17a1a861', class: "color yellow-10" }), h("div", { key: '7ea6431b658bfa9d944cd15149feb3dd4608ac47', class: "color-name" }, "kods: yellow10"), "Yellow 10"), h("div", { key: '0fad32ce350f627c4277424f986ca3bb662a27aa', class: "section-color" }, h("div", { key: '3e30641e2a6416106ad0f9e5cb77453fa47a8afc', class: "color yellow-00" }), h("div", { key: '6b1be9965238babaecdcf875ebc3bad6e51fd79d', class: "color-name" }, "kods: yellow00"), "Yellow 00")), h("div", { key: 'e27f3da6863c1df3c52871d1bcc42543e25ad2e0', class: "section section-red" }, h("div", { key: '93f6f5f80a9f0c52bf6bc4ba90e4dfc96091cf2b', class: "section-color" }, h("div", { key: 'dd4e12e1fe000a5f0ee312457042dbcafa3ce2a0', class: "color red-80" }), h("div", { key: '4826165092f9785555cab65edd6c290be505de96', class: "color-name" }, "kods: red80"), "Red 80"), h("div", { key: '4278ffc6ed1d88fd1846fbfaf1b1a1b3a629c75a', class: "section-color" }, h("div", { key: 'bdcaf3d9d137fb9819952d79b38a512234e02f0d', class: "color red-50" }), h("div", { key: 'c888286ad738c2bdfa213cedc876774b7e804113', class: "color-name" }, "kods: red50"), "Red 50"), h("div", { key: '6e88553ed02ded2bf5f6330f13dfdf3c696af81b', class: "section-color" }, h("div", { key: '79ec2c40808e99ba54813e2325a8c7580cea2c7d', class: "color red-40" }), h("div", { key: 'e67417e4bc48ad3c2c90879f60cb442ce71560f4', class: "color-name" }, "kods: red40"), "Red 40"), h("div", { key: '6ee88234d2443a78acd3e297e74abf53912d05ea', class: "section-color" }, h("div", { key: '31b898865e88b92843f344908e77cbffdccf3948', class: "color red-30" }), h("div", { key: 'e8ba73bd9eeb008361fab1f78606f2ca00145ecc', class: "color-name" }, "kods: red30"), "Red 30"), h("div", { key: '61391d5f7f513c05ad7a04a7c608c9fefb80c109', class: "section-color" }, h("div", { key: 'fac655926eebae2a69290be82e19663db02fbee8', class: "color red-20" }), h("div", { key: '513af89bd6dea5af973ac9915d4b3ea6a358597b', class: "color-name" }, "kods: red20"), "Red 20"), h("div", { key: '9cceb632eec6be3946991e03b40beed70c707ecf', class: "section-color" }, h("div", { key: 'b193588f29e8d4342ce5dd92178328c7d853f019', class: "color red-10" }), h("div", { key: 'b94bdf394a4e48509246db0980b7aeb49c57d48a', class: "color-name" }, "kods: red10"), "Red 10"), h("div", { key: '0d0d14605377d6174c2f0fddf706da0a8b5b4fa0', class: "section-color" }, h("div", { key: 'c29106c800439e7bcd2de14d21943a9274acf357', class: "color red-00" }), h("div", { key: 'a369eeb8e0d137c2ac021238fa0e5b0e6559291f', class: "color-name" }, "kods: red00"), "Red 00")), h("div", { key: 'b5175b46732572ab93bacde2879b37fcbcc1e6cb', class: "section section-darkblue" }, h("div", { key: '904bdbf9bc50d22d12056149fd1b5e957a33dd89', class: "section-color" }, h("div", { key: 'e9450e31057e125bb6b4016bd9ce0dc9724265db', class: "color darkblue-80" }), h("div", { key: '38af6bf7b1754ad8c6822e64324fa73413f0ffd1', class: "color-name" }, "kods: darkblue80"), "Dark blue 80"), h("div", { key: '30f93bfce329356bd566784f86b3258e9011bec5', class: "section-color" }, h("div", { key: '2cdec0909bff098ac6e72e9ed8bed0ffe163b3fd', class: "color darkblue-70" }), h("div", { key: 'e405dcf5fa4ed4179761b8c9d695c15fe322883c', class: "color-name" }, "kods: darkblue70"), "Dark blue 70"), h("div", { key: '21fcb1188edc6f14df292bec6fc7ba51bd96012a', class: "section-color" }, h("div", { key: '906f0e1200418e2788921a6f4c4bc995794f40d7', class: "color darkblue-60" }), h("div", { key: 'f6c67b2face0d2800037cbf8fc1cfb736cc09bb9', class: "color-name" }, "kods: darkblue60"), "Dark blue 60"), h("div", { key: '53041d654933b0039f4adb533ae0517cc93a2e48', class: "section-color" }, h("div", { key: 'b50fb78183d07518ad68f1c55e4b5898c59499e0', class: "color darkblue-50" }), h("div", { key: '60a3e7efa6f7c4acf954d777a93d666442a0e249', class: "color-name" }, "kods: darkblue50"), "Dark blue 50"), h("div", { key: 'e5f30e33bed49ae6ee48ff2be122a19f3cf4f731', class: "section-color" }, h("div", { key: '508586d39feb3607657b51f45dcab3aa83971d1f', class: "color darkblue-40" }), h("div", { key: 'ca5561d0ff2e4470bd56903285a520c5f6602f42', class: "color-name" }, "kods: darkblue40"), "Dark blue 40"), h("div", { key: '21379c74f9b42ca54a5a721501426806dffcb6fc', class: "section-color" }, h("div", { key: '4320983400f940286d2a17a3a7d948c9650c2d75', class: "color darkblue-10" }), h("div", { key: 'aade2b3b2874b89fb4515878f294fb69094fbc6a', class: "color-name" }, "kods: darkblue10"), "Dark blue 10")), h("div", { key: '99dbb6792c2299010a43a90f96847133ebe7864c', class: "section section-darkmint" }, h("div", { key: '5198d1483b24d982ee861a3376c2ccb64ceedf3e', class: "section-color" }, h("div", { key: '383ae31a6d487ca5ec2e346116c1cb1385ecb482', class: "color darkmint-80" }), h("div", { key: '37543e4825b1129afac0234fdbd3d2a7414a19ed', class: "color-name" }, "kods: darkmint80"), "Dark mint 80"), h("div", { key: '0f59ac1fdecc2d7b7086214d58735332fb7c0d64', class: "section-color" }, h("div", { key: '29ed2c14691093b8da62592fe14e8e38404cf908', class: "color darkmint-70" }), h("div", { key: '256f1745c59a5d6813552ec9035040008122916b', class: "color-name" }, "kods: darkmint70"), "Dark mint 70"), h("div", { key: 'e44b6bc669f763c433313a25914f21075eadc4ec', class: "section-color" }, h("div", { key: '20be0a321fccb74b5d247eb7d4cffbbb5b7dadd6', class: "color darkmint-60" }), h("div", { key: '8f7fe2a4c41d147a5e65357bab44de220d3ad938', class: "color-name" }, "kods: darkmint60"), "Dark mint 60"), h("div", { key: 'f974a62bcffa79d3a74cfb0d12231395bcbdec61', class: "section-color" }, h("div", { key: '0735f09f17d4c98e5bb9c8a6c1db5772ac9d3534', class: "color darkmint-50" }), h("div", { key: 'dcf3c51bd4f4b7c493943d41db97a44f009542bd', class: "color-name" }, "kods: darkmint50"), "Dark mint 50"), h("div", { key: '0ce0c977718ad6498d7a5288530e7845f2ea7ff9', class: "section-color" }, h("div", { key: 'bf137c18da8d1554657761d1c910e30425b9be54', class: "color darkmint-40" }), h("div", { key: 'cec473298d61d095d3755aaf1973cd4f13675ee2', class: "color-name" }, "kods: darkmint40"), "Dark mint 40"), h("div", { key: 'b1a461ddc3913d5514fcf35547536183de52bcf7', class: "section-color" }, h("div", { key: 'da966ee3c9d2ce7219bae39b4d1078917c385af1', class: "color darkmint-10" }), h("div", { key: '83623a187fc242dd59c897c483f9f6ab5269ad1c', class: "color-name" }, "kods: darkmint10"), "Dark mint 10")), h("div", { key: '6eadae38b3baa3943fcffe24ee133160d3d769dd', class: "section section-darkgreen" }, h("div", { key: 'bdacc07c3e202d05384aa1a6658ce96080b7a698', class: "section-color" }, h("div", { key: '07de3a020e37501f632d6a421b3a0a274553f457', class: "color darkgreen-80" }), h("div", { key: '9516406a3950f84935366c4a9e6aeb0e875e4ada', class: "color-name" }, "kods: darkgreen80"), "Dark green 80"), h("div", { key: 'b04bf5f2b68aa064ab563b55c4aad695eba461b4', class: "section-color" }, h("div", { key: 'fa65cd4e6f92f1244dd00d9c81384939088caed5', class: "color darkgreen-70" }), h("div", { key: 'c433aa4aa2430f65b8bad11010ecf2f0200df791', class: "color-name" }, "kods: darkgreen70"), "Dark green 70"), h("div", { key: '172421ab18f4aee3362b2d7d9104ae917baca137', class: "section-color" }, h("div", { key: '12238e33c00d567ac394e10cbd4fc26cf3a5c020', class: "color darkgreen-60" }), h("div", { key: '011379483a9ddaf8829d227691fad046566a2d50', class: "color-name" }, "kods: darkgreen60"), "Dark green 60"), h("div", { key: '53b0a4b70fd728c1ccb8801c0d292646568c7c23', class: "section-color" }, h("div", { key: '46cb83d31e3f1b83f52f957fab033acef975a629', class: "color darkgreen-50" }), h("div", { key: '702b2bcdf19db456c1993f78aa8156a531a29fdb', class: "color-name" }, "kods: darkgreen50"), "Dark green 50"), h("div", { key: '7b1b7ac8f6b203787360264e4dfb6a50932087aa', class: "section-color" }, h("div", { key: '757c163f5bcba2d1260a37a5ecf7fbeffa8d2e69', class: "color darkgreen-40" }), h("div", { key: '4c28516ddeef3018e9fc90873868866f32829024', class: "color-name" }, "kods: darkgreen40"), "Dark green 40"), h("div", { key: '5c7b18c42213319e8054f0443aa9464a44cb7a9e', class: "section-color" }, h("div", { key: '5a962be53720c21585915ac1f2cde4a1fe5ce865', class: "color darkgreen-10" }), h("div", { key: '9346c059732c1ee5920571c678dd13c1ce20af2c', class: "color-name" }, "kods: darkgreen10"), "Dark green 10")), h("div", { key: 'f0c54b8b01a3416c5fb40c19851d8c0e9a5509c0', class: "section section-darkyellow" }, h("div", { key: 'e7036f1b3684bbdd15ea93aa7e7c499f5961936f', class: "section-color" }, h("div", { key: 'c3dce331ab209695489a993298b4c8e8d5ba52ea', class: "color darkyellow-80" }), h("div", { key: '1bc46fa5495b38943e7e8bc72fb168afe8329669', class: "color-name" }, "kods: darkyellow80"), "Dark yellow 80"), h("div", { key: '88a578f7c5a79410a3be672a2af51b05d6e65ddb', class: "section-color" }, h("div", { key: '11439ac99c908ed68fd0d0d804a310a31fba3ffb', class: "color darkyellow-70" }), h("div", { key: 'cd0bf944d6a1c945d29f39d633b09dbdb9f325cc', class: "color-name" }, "kods: darkyellow70"), "Dark yellow 70"), h("div", { key: '219533ae18ff7dadf1a6b4fdfe97c1b53f7d0383', class: "section-color" }, h("div", { key: 'a191b42cbed24c78a9533fc73094d37afe51177b', class: "color darkyellow-60" }), h("div", { key: 'a69557618a38e0980a9c974b1957b84472d957f1', class: "color-name" }, "kods: darkyellow60"), "Dark yellow 60"), h("div", { key: '43a1dc6679f53c5c3f3a31c4292d220905fbb880', class: "section-color" }, h("div", { key: '2bb09acb3fd8007c04fc50dd818499ac9822cce5', class: "color darkyellow-55" }), h("div", { key: '7a4b4ea647c703f401c92ad6598dd550dbef72fa', class: "color-name" }, "kods: darkyellow55"), "Dark yellow 55"), h("div", { key: '689051937b091aa73676450942b97f8bcf575afc', class: "section-color" }, h("div", { key: '1d1e649a535d68663a872b598ba32e02a5d40878', class: "color darkyellow-50" }), h("div", { key: 'cc3fd4497769b2e3cd512447ea9b8ab276a8e04d', class: "color-name" }, "kods: darkyellow50"), "Dark yellow 50"), h("div", { key: '238365d7a2a60c572cfbb140bf4abc0b042ad41d', class: "section-color" }, h("div", { key: '664bdf01db62d3bff20b2f88b81bcae9c5942379', class: "color darkyellow-45" }), h("div", { key: '315016bd7337dceca6b61ec7e043a091105733d9', class: "color-name" }, "kods: darkyellow45"), "Dark yellow 45"), h("div", { key: '3127c1510eae293184a6115e2f6ef082fd9758d8', class: "section-color" }, h("div", { key: 'f5b89d43116a008b9a6f185a3dba1edafc954774', class: "color darkyellow-40" }), h("div", { key: '89aba7f9f43b954c5bd2394579a82fdbdfffd2ef', class: "color-name" }, "kods: darkyellow40"), "Dark yellow 40"), h("div", { key: 'd391fe13d67609c6ecc4c44ef1c3cf6aa37acc08', class: "section-color" }, h("div", { key: '504c57fce6b3932225110a82d8eb4666ca67e8e6', class: "color darkyellow-10" }), h("div", { key: '7d9105249ab8862ca5c1a1c572f5c6f7d08091c1', class: "color-name" }, "kods: darkyellow10"), "Dark yellow 10")), h("div", { key: '8b23bea0f5cd4354a78b7ab7775811f200234b55', class: "section section-darkred" }, h("div", { key: '2a73c38a40a3af8fe823f427bcc6cf2f66b0f27b', class: "section-color" }, h("div", { key: 'bea58db32f9294ecf1ff55aa160ff920e61800ff', class: "color darkred-80" }), h("div", { key: '821ea6097f6da72945e58dba9dbb4a9317edef94', class: "color-name" }, "kods: darkred80"), "Dark red 80"), h("div", { key: '78a84155050f79975d7e42cae0add241b2f0dc6d', class: "section-color" }, h("div", { key: '205793d5d493e90fc8d1cbbdfe52561c0cc005a9', class: "color darkred-70" }), h("div", { key: '6b1d57e47bfcf86cc7322c2c3c832ceb284c62a2', class: "color-name" }, "kods: darkred70"), "Dark red 70"), h("div", { key: 'fd7b452ec79434e0a23e00b8c094f6615c827a7d', class: "section-color" }, h("div", { key: '17177fb8e55f304165fe3c01a091a7296b19bd11', class: "color darkred-65" }), h("div", { key: '90a7d95f6ea54733decc12c2f75ba50c8754907e', class: "color-name" }, "kods: darkred65"), "Dark red 65"), h("div", { key: '3e574486792dd39cff7132eecef2223275cff0dc', class: "section-color" }, h("div", { key: '4ee9fe0d25bc0d75aced17917e656d8e6974b061', class: "color darkred-60" }), h("div", { key: '06437e6ea6e43bcdd4f4254042571b2eb1181fa5', class: "color-name" }, "kods: darkred60"), "Dark red 60"), h("div", { key: '186b7e2c85a07f3959b91476c9d0a26fd1694086', class: "section-color" }, h("div", { key: 'c42e12987ad2e45aa6d288e09f3d85cf8e1d6cd5', class: "color darkred-55" }), h("div", { key: '5e9c0dfaf4ef8e0ce25a1aa2a8cf8cae3c2a292f', class: "color-name" }, "kods: darkred55"), "Dark red 55"), h("div", { key: '10f6032c90574d68711f493477f778bbc63b40f9', class: "section-color" }, h("div", { key: 'b6c268d4fb86ede890913f85ce582529740544c3', class: "color darkred-50" }), h("div", { key: '6cdb6aff8fa1b110f795641f344650fa4c604ce5', class: "color-name" }, "kods: darkred50"), "Dark red 50"), h("div", { key: '882bbb2b453bc6b847205f4707690d0e78176e77', class: "section-color" }, h("div", { key: '0d48b00c557b54fc3a54229f56566bf5b606167d', class: "color darkred-40" }), h("div", { key: '9dca3d81c6e89822bff22314ea810ae18d07401e', class: "color-name" }, "kods: darkred40"), "Dark red 40"), h("div", { key: 'cefa83357f4a29214cdc637fb3e874b3297b6384', class: "section-color" }, h("div", { key: 'fd7571daf789b0e8ec2f77b75708f0bdd9357b8e', class: "color darkred-10" }), h("div", { key: 'd0fe17d76aaa032cd3443354d8d20394e55f5825', class: "color-name" }, "kods: darkred10"), "Dark red 10")), h("div", { key: 'b7945526ed9973a68cc5ce761921b138e3db92fb', class: "section section-greyscale" }, h("div", { key: 'b59f3974fb860ab39cb23f00f1c1122c060326d6', class: "section-color" }, h("div", { key: '06a1be5d303aeafe84fbc53e4cccc8ad3a0bd13a', class: "color greyscale-90" }), h("div", { key: '24d10face170ac02261ec31f76ddfa40d165b6c9', class: "color-name" }, "kods: grey90"), "Grey 90"), h("div", { key: 'f6fb2c0a9d4b866939191a66b0854a468fc33e55', class: "section-color" }, h("div", { key: 'a73e18c403c13051b9d7697ea951854c6d906890', class: "color greyscale-80" }), h("div", { key: 'ce94cc12343312ecb3984f00fea89d7413b4fcfc', class: "color-name" }, "kods: grey80"), "Grey 80"), h("div", { key: 'b4f6cec51238e1b7fdfcc34cfd66d49d48b73dfa', class: "section-color" }, h("div", { key: '354e5a1de774954c7e51bb300368937cdca475dd', class: "color greyscale-70" }), h("div", { key: '0328b9c339657b68d1b20f64c586bafe1e23ebe6', class: "color-name" }, "kods: grey70"), "Grey 70"), h("div", { key: '4494fd16d3b242b1af9c75c65a698e83567d4db4', class: "section-color" }, h("div", { key: '68b5dc6736a237587a18b0b8c53887a9f251c7d3', class: "color greyscale-60" }), h("div", { key: '33b120c5459c1f5173132fb3eddf32f5981169ef', class: "color-name" }, "kods: grey60"), "Grey 60"), h("div", { key: '7a08bb8f871553b52aaa21a3107045df6334b387', class: "section-color" }, h("div", { key: '11e118da039dd678fb036ed12b886469c9998b4c', class: "color greyscale-50" }), h("div", { key: 'd3d320538f6cdd63d39e11c4faa95b677e862903', class: "color-name" }, "kods: grey50"), "Grey 50"), h("div", { key: '1871d265dffe7232fb44abf6d5c2947b8b6bfab6', class: "section-color" }, h("div", { key: '31165a67799d8b47a5fbd7a7a88b6df8b6b538e4', class: "color greyscale-40" }), h("div", { key: '229cd2d073c96427c7061635099487afd7a70b15', class: "color-name" }, "kods: grey40"), "Grey 40"), h("div", { key: '74434d4d1e6bfb183f63fdd14e4d4ebc20b81f53', class: "section-color" }, h("div", { key: '2f15b181c8b2300b93486d1f23b3bb32f2f2244c', class: "color greyscale-30" }), h("div", { key: 'd6864b835db8c581bb1051b1bdb8abf3dfcc6c6e', class: "color-name" }, "kods: grey30"), "Grey 30"), h("div", { key: 'f4e73d3751435c25d50b21b8e04c579b44822991', class: "section-color" }, h("div", { key: '415aeab92eb20436469d8a93de30dc9353632153', class: "color greyscale-20" }), h("div", { key: 'b205f82dbf6b84c75da6502be6bddfbf8f533820', class: "color-name" }, "kods: grey20"), "Grey 20"), h("div", { key: '3de8c7ef0bff306a77357e77febb57885d287e51', class: "section-color" }, h("div", { key: '32e3057021ca8d4ce16b41486ab99dde89f887e9', class: "color greyscale-10" }), h("div", { key: '6645151494376f36ead92f97e8f0390fed778efe', class: "color-name" }, "kods: grey10"), "Grey 10")), h("div", { key: 'c085e89c3e3361ac6bd5e6870c17890cd9d2b86b', class: "section section-foundation" }, h("div", { key: '1c3c746f18c3e9ac0915903a053855bd89a3b487', class: "section-color" }, h("div", { key: '050d3df1492fb13a9f5d1fefb8d09360a3f3f0c4', class: "color foundation-blue" }), h("div", { key: '97bea5f5e51b90561d01d3257c9722015da1c523', class: "color-name" }, "kods: blue"), "Blue"), h("div", { key: 'fd91ce4dc9f5274be03f388cbab5bc14103299a8', class: "section-color" }, h("div", { key: 'ecd3c4509faf6c879f8e0084f097c70d630bd681', class: "color foundation-mint" }), h("div", { key: '625814804e17cc4912ab6221d6b5d106f38403b7', class: "color-name" }, "kods: mint"), "Mint"), h("div", { key: 'b16fb37b07b892e79b3a064713088e0fbecbfd68', class: "section-color" }, h("div", { key: '26c30b4521014971d9c858644135f8a15e3a11f4', class: "color foundation-purple" }), h("div", { key: '0dafad62f1e10baf30cc84f6862f6590c490a0e3', class: "color-name" }, "kods: purple"), "Purple"), h("div", { key: 'ca672bd094ea0a13302531c6830d4309e60f3972', class: "section-color" }, h("div", { key: '3328e872f9cf76a973eeb2216be3ced83a0a1f40', class: "color foundation-green" }), h("div", { key: '99553666d576f741913aa00c386cc1b707d02aa8', class: "color-name" }, "green"), "Green"), h("div", { key: 'bb31c584d14618d1eb581a5af4c022f644ed60a0', class: "section-color" }, h("div", { key: '4c32ae1c75292f3b464cb557de97197d09963d88', class: "color foundation-yellow" }), h("div", { key: '08dcc380c38a78adbc73edaa53414f886141dc9c', class: "color-name" }, "yellow"), "Yellow"), h("div", { key: '42bea6a23fdf7558a318ed0a078ad75cb459f6ad', class: "section-color" }, h("div", { key: '9cab777e00f9fd4b1ca88affc492da7ff639d412', class: "color foundation-red" }), h("div", { key: 'd776c6f60661e98d9ab419b0163988d03cd200cb', class: "color-name" }, "red"), "Red"), h("div", { key: '27252844f6df700d46a2c0e4978a472db79a0add', class: "section-color" }, h("div", { key: '9d4ed0e9a4922ce1469b3689193f113f5e90ebf3', class: "color foundation-black" }), h("div", { key: '4eff9804fb50ba3de9ac9e7df193c541dac5a58b', class: "color-name" }, "black"), "Black"), h("div", { key: 'a1727e4b84b4c613cfde09aed7e6258ebd7d60fe', class: "section-color" }, h("div", { key: 'c6e899b288d48dd10d8ff1c2aac1d097114df280', class: "color foundation-white" }), h("div", { key: '6ea6237afa88c1ec7ba273ca134cd75859799e47', class: "color-name" }, "white"), "White")))), h("div", { key: '42765e5b392570e632cb8d1cc36e4ff6beda65bb', class: {
+                'variable-container': true,
+            } }, h("div", { key: '854199485f55fb9e50cd2c8b90295e6a289ec724', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '12f3dbf1d5b3047e5fa47066c879cfd46e4b2ac0', class: "container-section" }, h("div", { key: 'a67f9bd5d57bd36c5251ee54ecb053a0074ed85e', class: "variable-wrapper" }, h("span", { key: '506408c73c9a1a98fd7cf95d2f04571f3698b995', class: "variable-name" }, h("span", { key: '94420690ec83a7e96d273f4d7b138735f911202d', class: "variable-part" }, "tet"), h("span", { key: '7df816026b8b346b022a19183118b0ea6043ce27', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '04fe2064d2918e2a1cd8cec22e95d7fd41b0478a', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '38edf4a2b8b1bf819fab63029f5d30916f8c871d', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '484045faa33a8f0d5db45b7163937b99e662a76a', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: 'cb80f5d9913a60447ae16b3dbf24c1580a81b92a', class: "container" }, h("div", { key: 'a3e67062778bed83f0354f184436d3a2b48cddfe', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'cc3e58adb205b5b39397ab31eb02916755670aa8', class: "container-section container-example" }, h("span", { key: 'fd763d0202a01b2b67d62daddedf8821dbfe92eb', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '47c03661e80722ec00389579b78864ebff0c15c1', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '94a4b41e5c18e79c9340a24f20fc7a5e09193390' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '65b7070622193c3671f5116bdcd241abe3aafe69', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '804ffb77fd4f6456ef949fee7dbfa9a111bdc4aa', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: 'eb7f3fab6377af45f8b49fb789c2e1df2b7e8fb4' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '8dd5c65c68ce4a8be1ca0cec59aa68739690fb52', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'e80c54519d1d5fe83f9772d9b042b45fdec1a677', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'd2d684bfb665f47b445c2d166fb0fb79fc1b7127' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '81be7179a888d7ba5282345720f0125ccf7fec35', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '3ce1e62249120b7684f8661a6a30c25a0de4071d', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '62e7d805cd3261ba942134949930741f14ab7b28', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '423b60799f72f2e6b1fc58eb6d0ee0dd90bad0d4' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '66f009740c634794fe46f430014392fdd92ec95d', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '442154dc2ef8a36b15ccb4d8f855f2b02126829d', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '326a4e79b7711134f62118a50b9b83dc215c1f58' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'a702fb73bb3e1d4369a1a6ca13a696b8accc094b', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '9fa801c215c3f682ec1a85524b4bf13ff1697242', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: 'a9eadacc69e49c909c3748754560d2f51fa4d17c' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'b41a2a48d451826519df325084af0b4f9904ee7d', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '924b9888466f294d5876b7b77102a2cd0e31ac94', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'aed92359dc58aa4bd2615f8e4c26050e692052e0', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'acfc99e9df342744df3d5ec8332f3c26d1f39ca8' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: 'cc54946e308c0679197b91037fe918c09abfc69f', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '9c0028c553ea5f63e0e529594574560a21fd4121', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '1a63dbc9edd1de10d6603a0a1514801141ea101e' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'cef34eea923b5bd193151a5423909770f9ba5224', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '29accb26bb16e7af556679fce558f3348c6680b5', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '9d6fc6fb0d071cae09cf55fe602c64215aee60e7' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'c884fc61b107131b692bc1fcd5ff703ad59fa792', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."))), h("div", { key: 'a2f77f41553c762bccffd43e6853bd39183446cc', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: 'abdfccf3600afb80f57a4a9cf4f99375c7a5ddac', class: "container-title" }, "Pielietojums"), h("div", { key: '9e375937ddefffbfe2c80ef7cc5929dc891a74ee', class: "container-section" }, h("div", { key: '6afb7e29dcad17356955666707f41a4ea2af40c9', class: "section section-text" }, h("div", { key: '3c7459a0b0e54724ce29f97928459d358384f0b2', class: "section-color" }, h("div", { key: '6f0e0ad19c211afff4caa2c24d655f91b4def33c', class: "color text-primary" }), "Primary", h("div", { key: '4b8de9480b5769f32e3b35880a8f1370fee2ec0b', class: "color-name" })), h("div", { key: 'b14236f85c6c974a3d870f88597eafdf365d63b3', class: "section-color" }, h("div", { key: '18c612f5fb6605605e6f95582f4173e09eddd48a', class: "color text-secondary" }), "Secondary", h("div", { key: '970936553714c822c04bacc8b2510d6318275c82', class: "color-name" })), h("div", { key: '7aca989248e8b33f0b58188ffb0cc72a7c0092ec', class: "section-color" }, h("div", { key: '4853661ddd45ac8b610024dd4fa72ddd12a2d63f', class: "color text-tertiary" }), "Tertiary", h("div", { key: '881f25b1dadf2336edafae59925743ca33793efc', class: "color-name" })), h("div", { key: '9fe512cd397a3af22253b6600c2eef44c361621c', class: "section-color" }, h("div", { key: '2131c0f4e15e4768308601a41ffc564724bade51', class: "color text-link" }), "Link", h("div", { key: '8fc9eff1c73f871b1146a4b50446b805047a1f4f', class: "color-name" })), h("div", { key: 'abf2e0cc618a2d444458c5679077b4dc437de412', class: "section-color" }, h("div", { key: '22a0f78637ba414ab8268721e03d90b7f8850d5c', class: "color text-link" }), "Link", h("div", { key: 'bc0f09a69443bb3c6539d9a3610a7a3ba19f77fa', class: "color-name" })), h("div", { key: '5dbd37fe6c7c50f518e3f3fa347dfc47b44cbeca', class: "section-color" }, h("div", { key: 'cc9896438f0906b89dd3f9a811a0c0d0517bf9ab', class: "color text-disabled" }), "Disabled", h("div", { key: '9dd3466466b3dd5f03160fd51a95e81b9019bb82', class: "color-name" }))), h("div", { key: 'b720044e2a4f0042ef91e796e5164440c1766e0b', class: "section section-background" }, h("div", { key: '2359ad55689fdd266d317ea67fc7c8038e512d80', class: "section-color" }, h("div", { key: 'ca9001fc288ae90489a691ef219e966e18c66bd1', class: "color background-primary" }), "Primary", h("div", { key: '1a0422c70acf4d8d7031924db148f74e01bdbca9', class: "color-name" })), h("div", { key: '01424ff0a15f046c609d473514255bc3d7e57722', class: "section-color" }, h("div", { key: 'e68b3fd343bf3422d0ffe9c45877b63f65853ce7', class: "color background-secondary" }), "Secondary", h("div", { key: '025c9cb248a0a8894ac476ba462d7e6c235015a1', class: "color-name" })), h("div", { key: '06e6bbdeb3824922d029b7973599427b064deed4', class: "section-color" }, h("div", { key: 'ec6c7b0bf3fb2363b0c9756008809f79a0b47c56', class: "color background-tertiary" }), "Tertiary", h("div", { key: 'b6d015de5c799ebfbac9558bac7ab4ec6ab4d4c4', class: "color-name" })), h("div", { key: '10d67a289450de87c5d52451bb4a89c61c0c2976', class: "section-color" }, h("div", { key: 'abd8fa766fc7a55d81b56bb40782a91822a4871e', class: "color background-quaternary" }), "Quaternary", h("div", { key: 'ea96a3cc38037f34563a228b73640bf0e11544fa', class: "color-name" }))), h("div", { key: 'cd2b73c175bff89115fc8e76477c2dee414ad8e9', class: "section section-border" }, h("div", { key: '5c80c923baa23f36a99122cd3c4faf973492539c', class: "section-color" }, h("div", { key: 'ac2835d358c72579c8748e6cd3fde519398fb734', class: "color border-primary" }), "Primary", h("div", { key: '73c282c928cdd615e452dab28ac74103735a4f11', class: "color-name" })), h("div", { key: 'cac503a18fea2bdc930cb967c87a606ef1532138', class: "section-color" }, h("div", { key: 'fd4e1e7a02fea30f5cd45db9ea5e033295b96bee', class: "color border-secondary" }), "Secondary", h("div", { key: 'b2a70a76f84e25f4719506cd1f393ed958e9e0ad', class: "color-name" })), h("div", { key: 'b2d9777f5d032d813576222969760f83c3fa9d36', class: "section-color" }, h("div", { key: 'af8b16b525ba5b16bfd1538a93e505c689c5c02d', class: "color border-tertiary" }), "Tertiary", h("div", { key: 'c759ddaa42c543a9ea8ceaadfa56b643a31b5304', class: "color-name" })), h("div", { key: '7fa3cbf9f8390e593815b2347509801800c91e8b', class: "section-color" }, h("div", { key: '6b09fbb3a9b3536ae10983d02a109442b46b8679', class: "color border-quaternary" }), "Quaternary", h("div", { key: 'f0d75dc2c28067e00cc49bef97b63ec69521ae49', class: "color-name" }))), h("div", { key: '79474328e8807c68974e36069c8196032e37916a', class: "section section-interaction" }, h("div", { key: '83c27d52708879959fa184aba16e6d7a2075854d', class: "section-color" }, h("div", { key: 'bba3e2c4d4d11a33bca13d717bed6702f8c20c76', class: "color interaction-disabledgrey" }), "Disabled Grey", h("div", { key: '16d2420af73cd921c6b563a9ace81c0579ed951b', class: "color-name" })), h("div", { key: '4a52c2c8dd1219fad511fb0b83f2355d4a34f08f', class: "section-color" }, h("div", { key: 'e7fce8285aabf237c60fd055b857da3e42db565f', class: "color interaction-hovergrey" }), "Hover Grey", h("div", { key: 'd2a5fff93c809a4e41d4eec52381e86bd5f28338', class: "color-name" })), h("div", { key: 'c7826933efcb67993af5e12e9e920f0de0808ef7', class: "section-color" }, h("div", { key: 'a39aaa64c5ca6942519dc73b014b5989ffc53a47', class: "color interaction-focusgrey" }), "Focus Grey", h("div", { key: '956a490abca06372d139dedec5b6892ae94129ca', class: "color-name" })), h("div", { key: '5bae05a3a8870a933e10c6264c4585c3bd2f32eb', class: "section-color" }, h("div", { key: 'b101be290a2f84d54415744e1e6715784f4c6b06', class: "color interaction-activegrey" }), "Active Grey", h("div", { key: '80fac5cc130691d773ea41cbeda3ce21d2eea7a7', class: "color-name" })), h("div", { key: '878409638c40b6a929994e4cfd17314604705d69', class: "section-color" }, h("div", { key: '27016d5d36ac764b1d3bd2f600449ee2f288f6ef', class: "color interaction-hoverblue" }), "Hover Blue", h("div", { key: '7e48b4d8e0912bb946eca92a53679f37a57a6420', class: "color-name" })), h("div", { key: '9166197483aff176828858fc800357ed219ebd8f', class: "section-color" }, h("div", { key: '62d3dc84c7bf4b206bb42d19e0744f1d3ac05771', class: "color interaction-focusblue" }), "Focus Blue", h("div", { key: '9973755f9266b033ec78e07fec4b07c4a888289f', class: "color-name" })), h("div", { key: '5bd759c9c54537441471cc8ece7e9303a83fa51a', class: "section-color" }, h("div", { key: '30012e96809a9f02a0f087e421b2c2798f89c827', class: "color interaction-activeblue" }), "Active Blue", h("div", { key: '293cef74ce16b7e2ff5bfdfe8edb2145c8d51bb0', class: "color-name" }))), h("div", { key: '594033f91863cd98fe9a6d9b04e2ab6ef0c4ea49', class: "section section-gradient" }, h("div", { key: '16acc9d75d8a569ecb95d9c8e314d4987fd0dd2e', class: "section-color" }, h("div", { key: '891fd2108110ed402ca00118d34b66b749f3a132', class: "color gradient-tv" }), "Tet TV", h("div", { key: 'f28e523739885c3645b784c1b3849c5ad6c4ff49', class: "color-name" })), h("div", { key: '846245d487e52cd3d43cb4b50531fd1333e7c209', class: "section-color" }, h("div", { key: '3e06d396cd435b0e2c4429aae341360d219a5884', class: "color gradient-tvplus" }), "Tet TV+", h("div", { key: '1119667d531cdab58629c25a091e1a909fb19c7b', class: "color-name" })), h("div", { key: 'd39806071e2f3a8561b1d8df26337859368bee40', class: "section-color" }, h("div", { key: '2605371bd18c4ba819166cfa2ca27c2da8593ac7', class: "color gradient-vtv" }), "VTV", h("div", { key: '026e6e2566444f110a9d506e42e32528f98e2251', class: "color-name" })), h("div", { key: '0a41205e92b419072a22c75fde863a3f776310ad', class: "section-color" }, h("div", { key: 'c08ccd6354d9565ebaa7dbad3b503419a1710b23', class: "color gradient-electricity" }), "Tet Electricity", h("div", { key: '0dd3da613a42b8578bbf8ecf29c6bda276250cc7', class: "color-name" })), h("div", { key: 'b113acbd694479f379ea383083cd254c4256b498', class: "section-color" }, h("div", { key: 'de7ed21428c0cfb8ae77998307c76f66b3123ed2', class: "color gradient-internet" }), "Tet Internets", h("div", { key: '0c11a685887ffd098fb9e1279e7d3348949bf02a', class: "color-name" })), h("div", { key: '0205a5886e75164ba1f64d1b7074ace83c10a54f', class: "section-color" }, h("div", { key: '532d5623ee6ca57b40a2075597386d438e422664', class: "color gradient-bundles" }), "Tet Bundles", h("div", { key: 'a72a87d80767a4399a36ee85def2f0952fabbd2c', class: "color-name" })))))));
+            } }, h("div", { key: '36139d9cadefe9b55ac364441c4818b5f763ec04', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'e6db4ec6384bb82a617e56f04ce0abb1ae37167c', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
     }
     static get is() { return "tet-colors"; }
     static get encapsulation() { return "shadow"; }
@@ -38,11 +82,29 @@ export class TetColors {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The scroll amount in pixels for a single control click."
+                    "text": "Show CSS variable names in the color documentation."
                 },
                 "attribute": "show-variables",
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "darkTheme": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Display the component in dark theme mode."
+                },
+                "attribute": "dark-theme",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

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: '09b023d13702bd0b41d09817ca1b9d0c59ac09b4' }, h("div", { key: 'a2c56ff229344a35bbdddf51660ef76d6ec7b7d3', class: "variable-container" }, h("div", { key: '61a2756f418c571c3a56e14ca32bbb4b62d816fd', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'd7695916724a902aff705006d955b9929163fba3', class: "container-section" }, h("div", { key: '7d92fdccc60ba3069147883560cc1b579ed59178', class: "variable-name" }, h("div", { key: 'aeaebb2a41113d477f9b8782c1ec5bfd1c4c2eca', class: "variable-part" }, "tet"), h("div", { key: 'c09cbf72896578aec8238ed6713e6dd5e12b067d', class: "variable-part" }, "-font"), h("div", { key: '143a446888f14d79e3a5d245df649532c2811795', class: "variable-part" }, "-weight"), h("div", { key: 'b7b821a2579df5cb8ed8187f059d1d55062febaa', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '5ac0d2798f443561030861dc695813b73bd2467a', class: "tet-fonts-container" }, h("div", { key: 'fe1a322cb77509c43510854515faeced6ceaa29e', class: "section" }, h("div", { key: 'f93d43f1bdb21fdfe93d93d2eeecc8c7c9b07afc', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'e71083193b36231cdae1fc6561a63a8184d17baa', class: "section-font" }, h("div", { key: '36f59e447c29be4709ebc34e8f00e440f2bf92c4', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'a7675fa96e6e20a80eccc30a8eb94bcb999c88f8', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '0131f4c9a7833922fc1858e9264513e890d547f5', class: "section-font-weight" })), h("div", { key: '932570fd92b910b37a825f4a3751baa3b1855950', class: "section-font" }, h("div", { key: 'ad4e935b70e45b14f6d9f58110e6bb61547fbafe', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: 'f328a548989be0e88dae916133257f2b5b10a23d', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: 'b81061e38656a84a31cfce945cd1c24c6897db4f', class: "section-font-weight" })), h("div", { key: 'd915adf18bfdacd6e073dfb242fa3ba11db6ad1c', class: "section-font" }, h("div", { key: '5260be0811007dc79f06ae077601928af4cba3b1', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '8d7326108c534e9beebbc4bbbef9c9df18f53f86', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '27cde474b95da0509c309c748c0a20409b75585d', class: "section-font-weight" }))))));
+        return (h(Host, { key: '4d48273878b6642c2d20b5a8e07bd23246cf74cd' }, h("div", { key: '8a33d713302b08c0f269427b79ee692acb5a59dc', class: "variable-container" }, h("div", { key: '7b08cf437b459ede511afb7703913afb6c437722', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'c6f59d52e93eb908d0132fdf5b983694987bcc66', class: "container-section" }, h("div", { key: '8c5f1e4f8bc68a73d87e400c87ff5d225cfd84fe', class: "variable-name" }, h("div", { key: 'a8bffd1ac32308d8140f11e7f1cff44ce81769ae', class: "variable-part" }, "tet"), h("div", { key: '96ba1579239f832a6049734828be75dba68419ae', class: "variable-part" }, "-font"), h("div", { key: '23124ec773b37237d085148e675c8cb694645bfe', class: "variable-part" }, "-weight"), h("div", { key: '6c7d503c2282bdaf593e2689deb83f3e8eb721c6', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '3d8f2e819dfd48db0b62fcbd69c4435c37dde6f9', class: "tet-fonts-container" }, h("div", { key: 'b5e68bd605da6563f54c6bc7a8d8b41d417b04d7', class: "section" }, h("div", { key: 'f6d3f6e6924d38717c86b1041d643b93d5ac5569', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'bd3057e884cefc7c59d465fc2e259cec43e6b940', class: "section-font" }, h("div", { key: '4fc3cf6907ffa083582de6e5a6c6d4252558773b', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'aad571a89ff04e4733af8d76baaef54e833fc9af', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '78b2d11867ededa198fcbe2198baa416090eb74e', class: "section-font-weight" })), h("div", { key: '9baf6fbdf49ef6177fd0cf6d1f8682e6622b61f8', class: "section-font" }, h("div", { key: 'da015ba50c730474aa82a8106f652ba1d0a04b30', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '27d8b66161ce1f6c68615097a12e8dc5f4eecf56', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: 'a9113031599263072bb495b153b67214a159e1e8', class: "section-font-weight" })), h("div", { key: '9de0158c6cca33ecb7adc08fc25f3b799ce4edfb', class: "section-font" }, h("div", { key: 'af27c36c116be83a32a5448983951f74e7237c57', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '63d6eb149d891dd937ece764e8f7a5fc9f400826', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '95fe91b2e4f2889f4dd72fedac00d9f918cf6ad6', 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: 'a900c9e297e139e33bd28076bb15eecd952bc610' }, h("div", { key: 'f1ca2fedc2eb72edb5f825d6bcf2d388527955f8', class: "variable-container" }, h("div", { key: 'a6adb79043bdbd141bbdd3893d3eb88f41bd98ab', class: "container-title main" }, "Fonta klase"), h("div", { key: 'bbc4700c8ddf6aa37e6cc93f76a8056672899969', class: "container-section" }, h("div", { key: 'c8d22ffd18ee19c25ffc31ec982e57f2b8ebc639', class: "variable-name" }, h("div", { key: '071f27b88351e05a35f03bdc8f356e6ea0b2dcb3', class: "variable-part" }, "tet"), h("div", { key: 'a19a61321b325927c9b0db57deeab4a35e816265', class: "variable-part" }, "-font"), h("div", { key: '273890e45e69e6928189f298322d28fcb6d5f5ca', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '79b2395cf8d31eaf32e0546f8c9a51928e2f596d', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '833d1430b44e4b01f6895ce70365debb9e0d0d87', class: "tet-fonts-container" }, h("div", { key: 'bf4115280bba7c866fabb05f14f9fffbc6ed3f24', class: "section" }, h("div", { key: '5ebdb24327a4f72d73319afdc5b3d9fdb4f238c7', class: "container-title" }, "Body - Inter"), h("div", { key: '039cf4ae9f4978009c8e4c4597edbd028cf0f3b8', class: "section-font" }, h("div", { key: '4d76fe0d1dd5735d70622c9077f83e3588ccefb3', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '90054952b481bc18f4ba65e19fb82dd341dc6d3e', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '48e35ad879d7760dde20d79d78acf298d6453ae1', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '8711563aa6fb95997b253bf323204f05089ef023', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'abaceda3f20c1e28216aabc9746d0cb8b39db2ad', class: "section-font" }, h("div", { key: '6024dfc4be4102b23a82a02831a213adb7fc1fc1', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '00e56bfd4beef1a870d49d23428ed8df0b36baf7', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: 'd1385171c8cfa9557d3058a831d59040a79de19c', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '1f0171f8c928a73496f69dd82cb66ee1eb5c8740', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'eb1abbaf5d441ae460d5b390bc18034d3f2ebcf2', class: "section-font" }, h("div", { key: 'b2a24e8a3233eae4deb5b1722820e4bd65b16e13', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '58f3054d2a44de053bd2dc0fe8ada5c0be7635cc', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: '3bb1587bc4f5c390abaf926be669eebc8d190502', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '929b725998bc647fae313403251151f21f596015', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '10019281b9442578ecbbc929ec2c8590c406657a', class: "section-font" }, h("div", { key: '3749e8318b15bfa262cae8f90277f59857f7326c', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'bb541d39a2824bb47c3a448adb01e02cff758d99', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '211e349e448e3306e91e1d531284dfe5941a4192', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '8ccd1c9ddce6d9f8c2370cd15918e14021908832', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: 'dfa8d68bb8ab80573a2df26ce9bc7074b68cd05d', class: "section" }, h("div", { key: '08154568a2621e879918bd83e45c0623b1acd0f7', class: "container-title" }, "Label - Inter"), h("div", { key: 'f61923b2e6557a8fcb6f03e246a7478ba5814e98', class: "section-font" }, h("div", { key: 'b10b2e1fa2d5d2929f6b95a8b9bae0fa16132124', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a6b4ac6c0db7919589f88951849a88a3306afa89', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '4ca272180d6bfef7b5152034f7f8d22789d7f567', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'da9e871737f0dcab776f0fdff117fcdf9cdb31a8', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '3db72d1c3e5431e1d03c9379d9f602b66136801d', class: "section-font" }, h("div", { key: 'aa4e323f51fd540ade7fe7e9efe32d4175e96c66', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b58724d6deeb473b9652a4d9ca6239019dc8f1bc', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: 'd3dbef6cc1a8ebbb0a26c87a4bad91d5909eaff9', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '715490c47380bfd79a3ac9c518331aa10e11153b', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'a1bb6a2bcda22a5b6f6dd4cfc8c8d52038afaffe', class: "section-font" }, h("div", { key: 'cd847bf1fc77db373361d5e7171a705c5b77c95f', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c412ae538bebfd7037fb6db5eccbe7692fbb3a16', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: '8b4f64481bdccf60ac3e21854443e39162b3e187', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'b0d6cd628e8e5614c3d2df05e027006711a78cae', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '6cc6638bfecc795349c33d80f9415cc37ebcd822', class: "section-font" }, h("div", { key: 'ab0ad9f302e92d5c8f69bdd9e348f71d9f75bfb4', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '548f8eba89c6b250ee1a38cd02e2baca680d0401', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: 'e8f91faf7d9ab6d51de6dd2b38ea125e3d7e6fa6', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'fb53121e57b6aeaec1ba4a3cca936aad6c3ba90d', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '639fb2055604f93cdfc2c2e39ec5017d780ef7fe', class: "section" }, h("div", { key: '6a5ac1f3af59dfae129f15cd969c4a913f4bddc4', class: "container-title" }, "Title - Inter"), h("div", { key: '4b74c5adf1d6fb8254e2d5ded1a161a51f1b6d94', class: "section-font" }, h("div", { key: '7283acb52de376442f0a85b9479ff712b4e4a0f8', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'aeb2e05fe3acc423e6f8e0336ae920a992ff8942', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: '91e243c7faeb9d468a1f5f3fcf87bcf4b320f0c5', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '491edd2646e070649ab99ee560a2a86380767a64', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '95a1d080e1408c9612940096c40df4754d38ef32', class: "section-font" }, h("div", { key: '8bff5dcc09d42a84064bf3111c76ad8d1722b8bb', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0883cd37d67de2365d7e9a7c591110f940d62d63', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '011b637c503c4a1828380d5b3589206777ee6554', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '7c1af9d28e17191d97ae3b47803fd79e83e31eaf', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '1cc89ed69895d2aabee07c2e72347ad0c79beb37', class: "section-font" }, h("div", { key: '91c5c778687ed505f2a7bf78e2b7633f772d757d', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '96859ebeb3e8eac9a9ada04e6c164d965f9519d4', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: 'a97f2469670e2480d67d7c7c871ddc8093130b06', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '13207fe371ffaa69cb3b307e82684a9fbfb98b94', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '3dd634d201a31dfa13c8cf36a9487ae78e4bb7ad', class: "section-font" }, h("div", { key: '586618d86ca29223e164df0463c924406749a4fa', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5561e6d65fc1a9296acca6de8f565693a3c304e3', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: 'be750810606d4f9fceb29143dbd4ae0676379b97', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '44ef2662d2325cb31d59e21016d3598af0a3c519', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'd2a9816b81630ae6ca9dfc9acbf007cfb32eec79', class: "section" }, h("div", { key: '1d3c144331f1dce4e343fb8862389e7adb7b58b2', class: "container-title" }, "Headline - Inter"), h("div", { key: '8d5de6951825e21e4d58ce938ff582aae75e385f', class: "section-font" }, h("div", { key: '2444c3176656a1d6a697a6f676986f6aaf5f03a3', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0b04ffaaea72adf8e4c9fa79afc8c59836bbfed2', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '1de888196cd5d13738a3da482e5f0647338af2f0', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '1aec22f7956be0caeadcbb7505997fa3513e9c9c', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '73afb7ccda9188f06b35d560c25b8d31773d7af6', class: "section-font" }, h("div", { key: '9e8312f67f839aaff0bcf088999e60479a0b29de', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6639932299b337ec47453855940e679a0f3319e7', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '2b262f23fed4ffb790449583f63366fc3575bf88', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '7202379b31b58ae3a2625699e82f5eb1eb69165d', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '5bc0c19c0af559a926f537573a09f843ac00e590', class: "section-font" }, h("div", { key: '2d08f8886dbf2fb4e44584f854bc113513512f70', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fd2a12cc535e78609a2a8e2d0d3c3c089d8f3c31', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: 'f5902373d66f6c63003c0610bfe97c9e347842b1', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '45fa40af693c49b94352df20c3c128c1b317069d', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'c08f76d00d28030c67c9a0476dcb4d77eddc087b', class: "section-font" }, h("div", { key: 'acc613c2118817822bfe685e9eb40ce7e8d3bb94', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'edacdbba2ebdb8a442dc74f43f37bf467e9d5a3e', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: 'c0b99c2dac6585d7e0a19cc9c21a4f517e017dec', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'a93b93a139d07e6677967eb340c0785f1ac13768', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'b3928f2e5d6b7786be6a55fff9b571d862dbe825', class: "section" }, h("div", { key: '0a62187101267bbd434417a08ed0af0de39ef723', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '99eb0e0801f96305643f16e1a295486f2c948a18', class: "section-font" }, h("div", { key: '4933a6034a45edfc2d382f658fba1af030ba7839', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2c6900545758588f3375670f2a4c8e5cb04b6e94', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '21e40498340169dcda92cb95f63ec5ea2e850e01', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '63fbd198f71d5d442a44752dd35dd6c7073ee6cd', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '166de833b02c84e7dc673b84acf884ac9f55692b', class: "section-font" }, h("div", { key: '9928e1d00a0513d3988af6f5b5558869cd725d6d', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c17c873cfd6043c0e47e1e2ade1e726f9ff6791d', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '9e2c136b89fe38395bfc92f4f5def0392d4c9610', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '440e9ce24ed0a2279a68de8f4148a33104352686', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '4449f1f008d780a489a649ec4f2c49aaba8d72f1', class: "section-font" }, h("div", { key: 'c182f185a55e4328202d313732bf8bf105bd4c6b', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9dd33b8ead8c8eb62a62b646be1ec14b65e18b1f', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '3d1714b3b732c204ac80b9088f7a80d98abd128c', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'fc755673fea89a726ce9347fa99776300682d9d2', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '54d0fd8b741954eda902735da688715a5d0f1470', class: "section-font" }, h("div", { key: '55a7c2c1d553e21f67e4d6e6a873212b27efba1f', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd5b49a20a44a7a242a217d419dba3e0adb0d2a05', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '89c9f268616588fbc62ef4d1953600a65dd5239c', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '92d91d5a9797e1b9858df8cc722c4abb20618efd', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'e88454ec363fd0d30c4432f0ea7ef8a02252440a', class: "section" }, h("div", { key: 'ee7cdb587b6b1486ede5d8fa245acea74379fdcf', class: "container-title" }, "Display - Gilroy"), h("div", { key: '8a107826ac295e101ec018fa44d832f304ce6984', class: "section-font" }, h("div", { key: '3196fd3d856a237ffa2f67bd626c58252659af0b', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '84285365810eafbe7bbb3a2ea54fe187d7fc351f', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '57aed00d2280bbbe2d873e1312388988d079b03d', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '909fac486d936e90486ac1cf3a0b8ecba6c1d6a2', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '1c0f867d6399b4a7e8ef774104d714753c89e38a', class: "section-font" }, h("div", { key: 'f555b5ea0f2d3a9ab662601f0e644bac6f558b06', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '548494de7d298461625da88583db28e426421d88', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: 'f1fa6a280d60e23712d97641a64b145354e3aeef', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: 'c17f054d7aaf29c46e361c953c17bccd43b140de', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'fe0cbbff8a996ab235a5133f58acec5099937af0', class: "section-font" }, h("div", { key: '0d774d6f061c7b2ceed881a4e30be71f6fa0e986', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '82aab42c06d13b2d186088d39c89c1834196b4f3', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: 'd4b69e0a0347b3ecf7ecaeb474f0cca1686f238d', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '43e60a1c3c45b518bc5d09172970bf456da20f7c', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'bb35be8e60e3ceb1c53179820d7f7bea43483fd8', class: "section" }, h("div", { key: '1c26e6a4fd200ffbc5e0efbec6f748545a40b80d', class: "container-title" }, "Expose - Gilroy"), h("div", { key: 'e4a929885d4a16e1afffe74d1ed84cdabe444a99', class: "section-font" }, h("div", { key: 'eb74173e86be93e856bce6a888b64653bf8a1994', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0163ee20337ddd310c2fa3927a20a2a92e40ffe3', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: 'ea250076a1a887af795bb5b81c4b53e048f30829', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '865a71fb52683b109baf99a1a3d24e0dadec749c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'b8c4f2ac80d347932a6267ff547d54ecfefb0b06', class: "section-font" }, h("div", { key: '6630a088e2d052e92b40406dc0fc831c48ad64b5', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ec1ce7ae335149865c1f38a9fe08bf3846a57b61', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '50434b51d3cd0b433b7cb215da7cffb46ebe1368', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '5a231503640f1b015186cc7eebc38919cce50942', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '51e8853778b3735288bddc08c378e4ebd48ee3bb', class: "section-font" }, h("div", { key: 'c42408b79a969201ed49948c34b2854894ef51f3', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ab38ea1bc34ffa07972bb2c2a7b58aefa21eadf4', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '3ed19c39c169bf3acae7d334e0d11d1dc6585199', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '0d034d6ddefec7c0c1fbb6e98cd41bcc41a9e7e2', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '96be10722e6dbe5870d205d034c19b06e3b0ddb5', class: "section-font" }, h("div", { key: '0cc520fc40e315e02670dd60c004a90b2fc530b7', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'af5927c1d9092151b9168945e1735b3f5b336b94', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: '2e0c60b8f98bd0e75cc9003c084769bca8bfb1b8', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: '40244b60f75c3ca1cd56ce6a1a0a20ef4ee0c11e', class: "section-font-attribute" }, "Font weight - 600"))))));
+        return (h(Host, { key: 'f46ef528a05ff06b7a231a896cd17f710cbf5421' }, h("div", { key: '98e36c6fdd7bd5f017d2087723d789799a7f2e7b', class: "variable-container" }, h("div", { key: '9a969cd58ae0cadc1e507f21d6a6ff33a3b0224b', class: "container-title main" }, "Fonta klase"), h("div", { key: 'fa7b64f6cb47b0bc6f5ac123c55b180c43299580', class: "container-section" }, h("div", { key: '576bd703d86ab106572497d883bca568719e69d7', class: "variable-name" }, h("div", { key: '684ca1ceb15a2b5513b2102468b0d28c77c2410b', class: "variable-part" }, "tet"), h("div", { key: '117d16fa704e5f0bff18aa5ace06d25a8274f5db', class: "variable-part" }, "-font"), h("div", { key: '52907430469547443cda2ede148448c073ae12e7', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '0db74a2e6297da747a0e2cfb19627bde65b2e473', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: 'd0561a82ebc696be243ca13e0b6f635dd203ffe1', class: "tet-fonts-container" }, h("div", { key: '50df27da56066700d5d42d4666d22a23e4a6de76', class: "section" }, h("div", { key: '69188fd37eec5c4ef7f9e1dbf244a4d417924043', class: "container-title" }, "Body - Inter"), h("div", { key: '3dc61bd33f1122d08c5eeeca9af626ba2871723f', class: "section-font" }, h("div", { key: 'c7b48000d2112a9aee4fe01e7350598236571e9e', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '710b62983abd284476ecc0c09bfed5bac5b818d3', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '4a5af76cd95bc5c23b5fe603b6d343948441e35b', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '2833444d7055377cfaa513c6a679869aecb64b21', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '72b3937f8e1480183e218fcd8d248a6d9e9b9f2a', class: "section-font" }, h("div", { key: 'eac39a8acf5562a3fb8b932ffae11c98c11705be', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd51e44b67106b74c4b691a1db66c7bd865ef4f16', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '8c1fdc9ce9ebf56631d05270cbcb6b33319cb548', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'b19b68dc032388d05db122616d57be1e77cabe7d', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'b3bfbc35a7fb85517c19ee9f526901683c023bbf', class: "section-font" }, h("div", { key: '156de2d73a21ce4b6d32497472cea44e25d05daf', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7b069b234cf3217baeb5edba0fbe93dfd476e7d6', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: '2639e4f5a8cd4c676145e967b1ec55a84d04669e', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'e3db1eed8578c39275ddb25e1aeadc4dd27010c2', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'a37494fb2e8e6ff6bfa678d369512605e60e3b88', class: "section-font" }, h("div", { key: '03e11018eefa72e262d91951395e1d998163c15b', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd1b3d5ea8d9c3a6ba5842c6e2d3fec35e8795600', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '106e0805f8f2af885af58b417b7b6aa92d5938dc', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '262617ece221dae7525b66fc120b3521a4a08722', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: 'f4d8034230892a0a7a21ec927aeae97572a82712', class: "section" }, h("div", { key: '015a9e0958386a160c4de37fe1ae1f5fc9defd55', class: "container-title" }, "Label - Inter"), h("div", { key: 'cb8a4a18ae5d80e7a63b9c5216e92ba80f6697a3', class: "section-font" }, h("div", { key: '5ea98cffd8b94e50e383d0244ff2b0b8820b3859', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c2b3677f9948ff74d227b14181137bcea17c5c9a', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '279afe565e32e89eb55db00cc032915f10fb860f', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '1a0bc89ba64f2fb5a1bc43c0c680aba2af62f5d5', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '889e6682144bafaddcdc72ae57eb20d06a21b707', class: "section-font" }, h("div", { key: '183a6cfdcb105674e67603e56bf7df284730019c', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '20000678fc734228b137dd9073456fd06e583fe3', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: 'bc5fd141f07b6dc1a4e3e9e7e47c657bd81674de', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'b1304ba6068b9cf45e2cb0e78c55cea222ec9a21', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '35146b9423570b4b7cb037c083447b88f4dd9dec', class: "section-font" }, h("div", { key: '702619fa7c87de7138c0387b800bd1d0592f6834', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd4b59ba79bbd7221cd89aab69a5c568d60130073', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: '393218d0ea7f1a30ea0c84f2ef89abbc6c50033e', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '426363f5ffb76a03690a385c3e0e5751425563f2', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '9308f8919160fba9308c694020f654bbf1e1cc01', class: "section-font" }, h("div", { key: '1d4f6d71f842f680a1e4ccafc7fc05506187d502', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ba8a8db01edbbd19ac92942a10544b16839653a1', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '77155ab08abbc2c349488979f52a0e2aeda556ec', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '2d6babb000e263678cec69f600b8a73ec381588a', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '62a359c435ad613e4f449e6040fc02652f7ee293', class: "section" }, h("div", { key: 'bd1e34cb183b7619ef0eb94e023168c1c59a6591', class: "container-title" }, "Title - Inter"), h("div", { key: 'f67640bf2ca6b4cbcc890ab5aabcade07f6c22e8', class: "section-font" }, h("div", { key: '63715475cb383593ede32419304e01d973e1f3a6', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '05f1c028d2d43c181fb9d3a9a33e303a39ec0074', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: '1f8fd7e3e37ac4a9c68d0977a97592a6c2d73636', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'cd41fb83cfe5b5c46ed6c673bbec7d48190fda2a', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '689cb5ade96059878793aa41066d3bf5d54e618b', class: "section-font" }, h("div", { key: '142c839a5c9679989b99ebb77fac708e2741e7dc', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9e978fb59876fbf51f1de0e01eb938a725109f6c', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '27ea37e78933144486895759b407c68cb6f3c049', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '0e9f57c16f05160af5982e6cff5c8e6bec48afd5', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '40400244c88d046d41a7d26ae8ecde3492cf0a83', class: "section-font" }, h("div", { key: '1413a6603d09df9456e417a8c24eb6ab636ccf4a', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8a60693d36bb0392ada100acc79381bd3e07ce45', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '9e80dc7e3b872d804657cab01f14233296fb6211', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '9d0d2351ea8153a434548c5aa1cbdeb70aee3233', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'ad985a2fc57d8aaf2ba4719ec78434719685163b', class: "section-font" }, h("div", { key: 'b1d6eff7fd724f02326e6f648b903bbbb734e6d0', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '545ab9201bb052b23f001a5256e9b23f2e59aa98', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '26628518a027d01302bc03a112ac90bb84277a4a', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '3cac0b0861044dec53075269af92229b956fe9aa', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'acfed4bbfcb6bb94888c15e49dec717fe077b1f1', class: "section" }, h("div", { key: '7f1933d7b8c8c32ce91208440249947449491587', class: "container-title" }, "Headline - Inter"), h("div", { key: '13f82408ea06ec6caeefe2cf3d6d535760a4d4dc', class: "section-font" }, h("div", { key: '1de685d16faed603a2200510d99a9abd6ec9b170', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '75418e8d56db35fad370b4dbac99defc33bd9c8a', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: 'c9ab4bc9cd4529d0412df160ed4db91ddb1ab476', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '89051e0e54ec76415390906c734485f0fa65bb21', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '0e9d1291c1b1218bca79cc4c10e37f38dfbfbcb9', class: "section-font" }, h("div", { key: '419895337089ee500143c73971085c335e145e1d', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c08d25f4d57e64204862cf6c339edcc98d9c9657', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '8f528d4b917069326102be4be24763070d9f717f', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '393a30b36f8be86842cd622d15bfc7825d998429', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'b9a5213c1b603cd694a413a8e92a0efd90fb81b1', class: "section-font" }, h("div", { key: 'da5428cd4b9db343233a77c24140e35d59edc9e0', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6734e0fb2f32c178b66bd06e4e39dc38d588ac8e', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '739165e765c9decf0830232fd3c87b2f4b5d9d08', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '660ceaf4a32817b2a65de5b5277343ebf09c9873', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'a66754bfd7b14f935edf6b3dccc9a89c7004f05e', class: "section-font" }, h("div", { key: '6ea5c88f8621e9745750d808a551f01abcfdc32d', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '55937de253006c4dc3dfbb32003491ee7e45c5d2', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '91393331e10aedbd7471509beaf394363422cb90', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '0296e53a9d48b9264475e21780ed99d7755975ed', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'c1d88791792c492b6fc72091fdd04729fa455e9c', class: "section" }, h("div", { key: 'bf8bbaecf2e0af807fa47c2a40febf7bf165cb34', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '7a5babcd5e6234f3a113ae783ee30944debe09ce', class: "section-font" }, h("div", { key: '3f485f3fd451fe25eddbf71912456faa774b1a6d', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'cefdcbd85ac9b99bd6dafe2585a145aad93b857d', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: 'bee1c2abdfe58ad48b6f1837a52bbb83c8c86dd0', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '8358265e87ee53266d67b4018353243a48993e34', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '8d023210935e7dcc4d95bdf8280eb87c9a4fac06', class: "section-font" }, h("div", { key: '85a79b2e554750c4b93634691637bfd80a6d8bd3', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '96b7893e3ecd934708ef5897c0dadfd459ac7487', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '94eb00b1545ca15ed1f6aa96501a40666b7526d7', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '80a40549ef4f492eb4f774da7e56d878bac2ae84', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '6b3ac1c1ddc8088fbc3994196be8da407929546c', class: "section-font" }, h("div", { key: 'b78e11b09c27058766b0cf6e24aece7f03dcc4b2', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3c8875bf8caac9a7f3ca79d0dc4732a43658dcc3', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '3cab390202d2b519a7133eb3932a728b4b35c771', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '322c763f79aec8078c822fb8562592c0cb6cd33d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '09a033026ac274d2ae0b458e2581f124c739d8da', class: "section-font" }, h("div", { key: '86beca29b8e6cc91fce0b6e27b39da34028c0e0f', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8dc417e99b318c5599d0cac217bca3a3faa68733', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '478b84ec67dded151081e3e8aa4ac1cfa5e14203', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'eb8946d9426a0d712625952277a7705c118b48c6', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '4e324c7d8663c5f9a959f3195d35a6d92bc97f01', class: "section" }, h("div", { key: '131d08530ee743585992abeca7e66df95bb93740', class: "container-title" }, "Display - Gilroy"), h("div", { key: 'f83c0431c7ebc52f2ca98aca1ad2b7fa41798e94', class: "section-font" }, h("div", { key: 'bba30a97bb311a8d6a052cc0607d7d00d79a3471', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '40ba3bb5543dc76db81f0b998e3e5ca4111addb4', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '5978b9bb5b18c7a8487f2668ded88e726534c8f1', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: 'b921e1e04c57db2b98eda04cb1a30d531db922ee', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '3316692c238f91287e0c145c5320e93d4177e467', class: "section-font" }, h("div", { key: '94f6ccbb9472767d6453bcba8b7399f46d50c21c', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7517e6e48b2c6684ced653d76c5f55ee09a6e363', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '1da41bdb5490dffecbd778ae87126e501a13b218', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: 'a55c36656832fb1e7be9ff1de57391bb3e41f868', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '98e5a0d22178aa91c861fed538f94a1dd316640a', class: "section-font" }, h("div", { key: '7cff7e06e3d80c430c6074d526719f80d9cd5100', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd5f64a9337342f077bec04fcbc64c0986b8be1f0', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '72639fe0514111512e0541840211bed534598175', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '1e9f223a8e94022d8c183b369008a3608bbda01f', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'e0d05aafeda91a0101f8d12417250f3601ee7aff', class: "section" }, h("div", { key: '7c8a67b75b4720c939632b4e953d198c2689625a', class: "container-title" }, "Expose - Gilroy"), h("div", { key: 'b59a93509a65f3e830a3d1ceacf5f11f8d3baf4f', class: "section-font" }, h("div", { key: 'c9db03510f4fa13122635b22b1f6960a0db7ae53', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f667f89068ae9668ce98a9945d9ab4133532d1f2', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: 'b996f28f616e2bc0951d13682ed8c5d671dec762', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '7adb07be627ca37fb279484b1301797aa0b20ca8', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '6f2d5defd45388fa8068aae427eddbd81fdfa0c6', class: "section-font" }, h("div", { key: 'e1492c069b4fb5bb67da760a75bc12f43e5adc1b', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4e803a837b0e43b1d42228942408e22b36a87fa7', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '69c2d4a7cf30671704a784881f8345550ac47ec1', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '9516bb8dcface88ad0cd9a3c860a193a1b7d7429', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '22f921eb1b16f83dd8558244e81d2eba3951e4f8', class: "section-font" }, h("div", { key: 'b5e834d8f39f0312f2aae63dafed00c211f35c71', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1bd499e55409bf63077363272e334ebdf3a15bfc', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '3f3d4eff3508480503255718c5cad215532484e5', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '5d044259d416bac4c665b075675a2ae7826e4e7d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'b1d60ee6ead84ef107a51b22d6516306f4bb121d', class: "section-font" }, h("div", { key: 'e5212dd97ca7c5d7767889bba9aecf9edfd6c919', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'abc1ce9c12b4c16d3b731635fe022acd5f88df2b', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: '56884cbe06a068e1f2063421fa9a4ff20d5db7c6', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: '5379a8abbb97915cae1995260315247e80833f48', 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: 'b1c14db1ccb9dbdb551abf6994b1419e70ab4d5b' }, h("div", { key: '48a00bb8f1edd46e46100fd5753e7c7786229095', class: "container variable-container" }, h("div", { key: '62b61579218fb90ee2ced4264ad027101f697e75', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: '5784b3d1940401fed31aa80fe45819935e4eb954', class: "container-section" }, h("div", { key: '0f0dd4c48c9b88a1b4044515dd85fd3ccec30585', class: "variable-wrapper" }, h("span", { key: 'a6311da27da22509c6a07973ac6371d9bda59b64', class: "variable-name" }, h("span", { key: '94b0390a6312d7e5f81c9a5cdf03f54fce651450', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: '08262f922a84fcd1f5f63438d31f1d093c02a970', class: "container" }, h("div", { key: 'ff786b01c19b4369c2e05b6577c27637eb145376', class: "container-title" }, "Piem\u0113rs"), h("div", { key: 'ccd8c593d9526d196807e67568914ec06a91f64c', class: "container-section container-example" }, h("code", { key: '2f74ccb31e64548bd65b88ca6c5489933a110610' }, "<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: '98ed4259376c88aef6942abc423a304831718014', 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: '0b966ed3340f6cb438182c5794dd709f8086739c' }, h("div", { key: '645c10677e4e3739ce726e375091ebea139981ef', class: "container variable-container" }, h("div", { key: '0135e71415c3905b24eb3b692a1693d4f8c4a786', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: 'c4eb3ab1e6e3c9d8394700caa603251958e18fdd', class: "container-section" }, h("div", { key: '257c36f0584e8a5a0efbf0a041d31109504e02a3', class: "variable-wrapper" }, h("span", { key: 'ee13e1e062c03047a4a3a48561b65584b3d8931c', class: "variable-name" }, h("span", { key: '199ed778c32ae71880008fd11fd56d97295a5c4b', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: '4d59e347c14df8d7f05e8ea37c37a46d5ddab956', class: "container" }, h("div", { key: '35cf2a0a771afa9784816532e48c38c103fc541a', class: "container-title" }, "Piem\u0113rs"), h("div", { key: '7f48a433c1493c25a95d004a7d640dbf5cc3332a', class: "container-section container-example" }, h("code", { key: 'b80fee92273051f4d5c4367cb369c71c22923461' }, "<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: '4c8f46c879f27c2e209448f97f5bf26f6720ab50', 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: '2ac0b28b5e655253004c2f37e220fddc0ace2498' }, h("div", { key: '61d279fe9e806d6d00e7b475ace1184214897216', class: "container variable-container" }, h("div", { key: '0291243bd80777e133a13ad0ee5f1a44d977f01d', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'f7ba38749b8afb86e20cf43f2d5c47670e48a4f6', class: "container-section" }, h("div", { key: '0940d9053f2c0453fc86dddf1341f5c8230d2071', class: "variable-wrapper" }, h("span", { key: 'bf4e55a3f6ebee4056e941e5747eca57c436470f', class: "variable-name" }, h("span", { key: '9f15aa37604eacc9da58892dbbbec4a36ad7ea9a', class: "variable-part" }, "tet"), h("span", { key: 'fbf0b21eae11ba00e581fee659ff3810c1cbc05e', class: "variable-part" }, "-link"), h("span", { key: 'eb8d8e123044bf0ce2923d3c7903d1d71ecede59', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '987a3553817c808cc161a14fe861cbf8775ab362', class: "container" }, h("div", { key: '87f8c695c69ff92b7a3989c379b4c975b004acf5', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'fa3540105cebff7e72aa46ca7f8618d35eeb7ae4', class: "container-section container-example" }, h("code", { key: '76d569219174afde904987fcdae9c8242fbceedd', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: '6486126562ce6be8b00b42f88db1c6b643b7d20a' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '9dc4050c1b3d4fb29f87dbba3deb4bc640db4f11', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '8e0b01022ef39e39beaee357c57bfbd785473efe', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: '60b6a558505712be312688867d646c088456dfcb' }, "Link klase ar bulti\u0146u uz ", h("a", { key: 'a69fea70596d3f611832c479d4eeffa245710c59', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '62f9df24da587a9c9bcfb2a2e6c8077b81930fc3', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: '4f767e9ed471612c5819a4a8b7fa624294fe361b', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: 'db9db72a63b13409e1e5659fdfae3d1c679eca65', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
+        return (h(Host, { key: '511e457c000047714c7051fe5021b87001ab41b2' }, h("div", { key: '95f8d29ea662d6f4ea2638f4c4e4b01227c5abd6', class: "container variable-container" }, h("div", { key: '775f6999a6761df65bd2e85bac5a09251306edef', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '79e636693db682b0862a549a8fa66db60d526c74', class: "container-section" }, h("div", { key: 'bacfb85edbf7b35c30a2b83cf1b97c00893989e7', class: "variable-wrapper" }, h("span", { key: '1750f10d821b5a971c2921b1ae7acbab8a3365c9', class: "variable-name" }, h("span", { key: '1b8beb2b8cfbf3b06c5f05f4a73bba82ef3e6723', class: "variable-part" }, "tet"), h("span", { key: '9c37fbd9798991c3b8282f3e8c4c15f248061b7b', class: "variable-part" }, "-link"), h("span", { key: 'd45ac4bc10dc93748f731a567e2163787b0e4141', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '9a9fa347d95e93745c758a30fda3d5f346ab393d', class: "container" }, h("div", { key: 'eb6eb27e5855d1715a95c76339d12f783f5d49e8', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '781e4aaac0f30722089a87e3a8467ab9c0f96ebc', class: "container-section container-example" }, h("code", { key: '376b54c2afbc1dca156876ce91d738825c32d0ef', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: '4ba67a72c5fcec0682f7fcedc1b21e407c9bcd1f' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '423305ab120999c74251e16dee8926619426d509', class: "tet-link", href: "#" }, "elementa")), h("code", { key: 'cdaf1a41fb94524dccb76a77a1549ed4d613406c', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: '09d7fc017979055ea86e450a3db849c6e4fb3816' }, "Link klase ar bulti\u0146u uz ", h("a", { key: '46fdf0e8e36a1bcc32184b0efb40f3daa82411ce', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '471415931f058b590de27298584f13b3e4d57fbd', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: '5b6b276d1a5b24507b5cc939b28aa7acb6333725', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: '01b487e4673cab35b1094529c479eb887a7cb8ab', 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: '6caec31eae0d25a281e42a946a05114529d49e1a' }, h("div", { key: 'bce896eaa86d85789b908b8c4b6ae5838fb29550', class: "variable-container" }, h("div", { key: '365d5c5d2a4955a10e1d354465f1074012867764', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: '0fb9997a025e1ffef59a25840b85c7b4bc6240c1', class: "container-section" }, h("div", { key: '3c862a9a78989aa2285baf2273e6b4861f97c988', class: "variable-name" }, h("div", { key: '8a366b22937d19a05c994f9b3ad698b999c598dd', class: "variable-part" }, "tet"), h("div", { key: '2ba534877df0c553c6f2e3c6baf754368c24cceb', class: "variable-part" }, "-spacing"), h("div", { key: '873ff66356f8d64d079b4bc2b1b15b87d59b21ac', class: "variable-part variable variable-size" }, "__md"), h("div", { key: 'd91d9734617620e293598db8e5cb6605490c7070', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: 'bd270bea7bd469a3318718e3b7458fbff3bf2460', class: "container-wrapper" }, h("div", { key: 'b2f06f71f79cb2f7f92d17c4ab854e8be111ec22', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: '02f79617c93b7a8fd31ece69a785f3f45684830e', class: "section" }, h("div", { key: '4ab34e33d1cf20c54fd0d2d8204445052bef63b6', class: "section-wrapper" }, h("div", { key: 'e5bc92745afa86bf35f13d7ad8c96035d7075b11', class: "section" }, h("div", { key: '1e0476942268ed990537a1022675c893021ee876', class: "section-content" }, h("div", { key: '4e666d15bc6810892a92d871b728b4b7741ef6f0', class: "section-style" }, "__null"), h("div", { key: '4d75a16c6542c7561f885edb56c665aed5741c00', class: "section-style-attribute" }, "0")), h("div", { key: 'fb26acf31c5b81d8c2812ac99339416c4e9d9fc8', class: "section-content" }, h("div", { key: '55a57aba46c2ed36ed44430e58eab283e246a6a1', class: "section-style" }, "__3xs"), h("div", { key: '3932c5e6c3116b081cb15f0b517e54b6afa43c2d', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: '0903d2987462fdca1db204a1a7c6a67b0fb5dfbf', class: "section-content" }, h("div", { key: 'd1a509b391d312d215ccb7d72efe0cd452d42757', class: "section-style" }, "__2xs"), h("div", { key: '433915a508dc8d96b724df3f81cd8bd733f18d6b', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: '7e798c308dcb8fe940a878e7f7fdc06e60345ef5', class: "section-content" }, h("div", { key: '7b1540ff4e07a2dc8504e9acfbd2f708f2160725', class: "section-style" }, "__xs"), h("div", { key: 'fcfe91b0f0373ba8f79c05ecaf34a5c749712d54', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: '410c8fa4ce35c2cb56012b5e64a1d464db22c04b', class: "section-content" }, h("div", { key: '68eed5b7feb464d81a642e9a3cf0ff6008df2e90', class: "section-style" }, "__sm"), h("div", { key: 'c45c5dc43ab58068fb217f3b543fa0e96bb56145', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: '95e8ce0cc3cfc8e9a12e89a20ea8d50f15da95ba', class: "section-content" }, h("div", { key: '2cadf37f5d2b0b72690a435a575fa6a12cbe2f04', class: "section-style" }, "__md"), h("div", { key: '3e835a9470936560d1f7a5b9f8f6c3de55cbb4a7', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: 'cedc8247ce0824e7f9cb9d2bd620734bdca44cd2', class: "section-content" }, h("div", { key: '197f05c723779fc840dd9c3e4329318163573440', class: "section-style" }, "__lg"), h("div", { key: '0a12551e8b42bba44fefb141eefa1f1594ebd0ca', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: '82d83a444b448a36fc458389def9eecc8bd72d7a', class: "section-content" }, h("div", { key: '4aaaef450528d878fa7a5174821c9c0b6edcf3db', class: "section-style" }, "__xl"), h("div", { key: '569c4f1e9aa378bb97ee54ca6007a2f858a100d7', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: '360ab3c839053098cd2414df94c861423d0fc7ce', class: "section-content" }, h("div", { key: '4c0eff921f2b891ed7743d08d632ae9438f46aa6', class: "section-style" }, "__2xl"), h("div", { key: '0db5b515ac4bd02ca67f1643f53ec597ef6f44b8', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: '77ae8898815443c376d3705c08a1a81c9c755744', class: "section-content" }, h("div", { key: 'e9f54ce11fb495289408224f93e9387e6b04c243', class: "section-style" }, "__3xl"), h("div", { key: '8445ebb98e7aa0f17f18feb8a472c374e9cfaed9', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: 'ea1f35e8d663444ba261846c90dc18021a6b2158', class: "section-content" }, h("div", { key: 'fc0659f4583dfd3d35e16b8772671726ae46b9ef', class: "section-style" }, "__xxl"), h("div", { key: '2312d9e38831631f1714ef14d13be833e80ab96e', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: '6e175e6470e6985d74cf53ddf54e85762a06e9bf', class: "section-content" }, h("div", { key: 'c8c57b70162cdd7817d139576230b80b71d9aac7', class: "section-style" }, "__2xxl"), h("div", { key: '83c3c075b6efe338dd21993589bf71ad6cf835f0', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '744d04ec63f396c71b6e140d7ab81a402864f51a', class: "section-content" }, h("div", { key: 'eaf34ffe58ac9e14d4b646a9f4ff30e967d6475d', class: "section-style" }, "__3xxl"), h("div", { key: '368287bf051a07625bcd1ed90d9f43441fade59f', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: 'e11b9289ec92b374c32cc7f26fa8c9d6e61c9343', class: "section-content" }, h("div", { key: 'ad3826f6ae5261320ef7cd491bd31871f9592d0a', class: "section-style" }, "__mg"), h("div", { key: '05f3b084faf15cca2661f2f0f2162d4a603d430d', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: '138879b7bcbc1bd7a6d0ab5998e49765f6b7cc67', class: "section-content" }, h("div", { key: '7ec4960b3aab8799f03aa3d8074434dfc87403d5', class: "section-style" }, "__2mg"), h("div", { key: '563cae5645a797e3d084096c93b4a439811136ff', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: 'c81c0d977aac529355bedf987fab8690b40ebf5a', class: "section-content" }, h("div", { key: '578db9c559c82cebaf84a5dbcab7267ff4370e57', class: "section-style" }, "__3mg"), h("div", { key: '70a57f5e463c539382b28345f77fa802631c9af6', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: '856e773270e9ae2479f17eaa305598bfc1a7be8f', class: "section-content" }, h("div", { key: '1d06e983443e493e0fe426886127ac3f3c7afffe', class: "section-style" }, "__gg"), h("div", { key: '31e610a39bb43c23713b01136e8cd82e6352b4f9', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: '9f7023e3430c002ea9621b7d0e9fe2d65a4081b3', class: "section-content" }, h("div", { key: '2453eb6f72fdd0ef36738826a3d450c6cc3b56c8', class: "section-style" }, "__2gg"), h("div", { key: '0baaa3e14547c70432a5730f25c270d06e49c541', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '6307f56745d1b1e02786fd472943e45446504e3a', class: "section-content" }, h("div", { key: 'd57a3f295fb029c53721ba8de4af99c2d79ee18c', class: "section-style" }, "__3gg"), h("div", { key: 'cba2175401908cc70fcdef97c17dc9a3b22984f7', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: '8e1f6b6746713f49bbaf287aaeac7d7ff1dbc760', class: "section-content" }, h("div", { key: '7da254b5e287109fb084ad0c50fd5614046ea5cf', class: "section-style" }, "__xgg"), h("div", { key: 'd62e0f2c2bedf50da81ff68a5751a3646dc95177', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: '01aad449c18e69241767f72a30318cf7343867ba', class: "section-content" }, h("div", { key: '0f4c60efb62e3a5c4ad677d6b4af3235ee523e65', class: "section-style" }, "__auto"), h("div", { key: '4702017870fbec14b939e896b8b48af43453a514', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: '03c34ff58716b3453a8d5944750c466c312f0201', class: "section" }, h("div", { key: 'f7d827447bc15d5d88d7b1fbcb4364c9a0119cc9', class: "section-content" }, h("div", { key: 'd353868f30b4aa5852feffbb9ed1db1cfb8a7283', class: "section-style" }, "--m"), h("div", { key: '8dac0851064c847db447889afe7f38a2213c815c', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '26ba29c9382efc804ee165c7caa9b71c0442d7cc', class: "section-content" }, h("div", { key: '47920df88935778bc5eca95b9d76d6e3b6866e07', class: "section-style" }, "--mtb"), h("div", { key: '39aef06d97a071e5ba13ac01eaa77cc58b0b0c93', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: '9d6c2d24954a0977ac0da5597ffedadfc140d778', class: "section-content" }, h("div", { key: 'fa0b650a6f88ba4a45f5e7be2fbdf98f7f9888a8', class: "section-style" }, "--mlr"), h("div", { key: '64404dd8ad5a0ae0917bf5d53a0bf0d1d43b3188', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '0d16b2052ac7e00316e5d79e5606b903e801330a', class: "section-content" }, h("div", { key: '0eda39b3a766bc280b84f6f6109ae156b9729f5f', class: "section-style" }, "--mt"), h("div", { key: '973a6bcb243ae4bf44a07021128f3284cf3ec1e6', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: '3d57a2ff305c7c488345fc829ae6dec9dc786583', class: "section-content" }, h("div", { key: '7559f27bba29995c701f8310472cc871a648622e', class: "section-style" }, "--mb"), h("div", { key: 'f9eab653c1e931d3c89b8ba38cb2c6a16700dff1', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: '75b033d758504f7b4b854a444933e8133f9b0f5c', class: "section-content" }, h("div", { key: '72ef874f1132a71aa11e319ca54f3aa2fb3187f2', class: "section-style" }, "--mr"), h("div", { key: '6286ef386ffc88a6d0c55deb412769a5e3bf3b7f', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '17bc54973b8627c91a94b9eec8cab3c3ee6bee0b', class: "section-content" }, h("div", { key: '9beeb61bd208c7f87445ba8a312833c845b3f169', class: "section-style" }, "--ml"), h("div", { key: 'ccdf165507aa5a597fe7f8a6c74c46a2d7d80119', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: '52794d0e20a06b1e62a4d1c55db110cd4987d551', class: "section-content" }, h("div", { key: 'ba28ad0fa5c79e783f76e4777e5500904dd10771', class: "section-style" }, "--p"), h("div", { key: '27b4b107d7cd29a764752708f5e13a875398c270', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: 'b6ca9ab670043a089f70ffb516e1ea1914f0148a', class: "section-content" }, h("div", { key: '0c90df10ff98ff86c4359f1604a02708a1345ef0', class: "section-style" }, "--ptb"), h("div", { key: '0795ef16cf33db21f05c51c964bce674b7143b9b', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '0d285a0ab39e35f7052d4e7cac8db4d78c812d2a', class: "section-content" }, h("div", { key: 'c47608087242e12dffa7aee4bdcf797e50229774', class: "section-style" }, "--plr"), h("div", { key: 'e3d2a210b150fbc3a865f59e993df8a72fcc51b8', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: '3469e05756b7b47f81fc25d2079871ad36dcf96f', class: "section-content" }, h("div", { key: '787ce179395fcf7f708642b3a7b5ba2a1f167de7', class: "section-style" }, "--pt"), h("div", { key: '88c4641cba24dfd270e9efdae0d4797a0dca7a9e', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: 'f6e985e4f3627d6cd187fb717642912054d640d8', class: "section-content" }, h("div", { key: 'b586a45e1a68ddc1024bb192348af3771b8ee482', class: "section-style" }, "--pb"), h("div", { key: 'f555491709b83d05e004e602e67d3eb240e24210', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: '81c1699f4d2bc963dc8b0efc6de8b296ade9f942', class: "section-content" }, h("div", { key: 'a0b3825b155b9ad5d3499a4e62e62fcc100179b3', class: "section-style" }, "--pr"), h("div", { key: '67a6ce3debd223335364030e05634576f3b5499a', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: 'cee27d5dd8bfa8916993aa5de9af0b6d3e84183b', class: "section-content" }, h("div", { key: '5460e7472c1cfc86c63e73480c4d6e9c8df274d0', class: "section-style" }, "--pl"), h("div", { key: 'c56918edb7c06e9f14475749f77b9d187baa6f48', class: "section-style-attribute" }, "padding pa kreisi"))))))));
+        return (h(Host, { key: '1213248c7b58e576768503f8477a3e43c6f2907f' }, h("div", { key: '944c747cc722393c6cca2badae52abc0d9de6ed0', class: "variable-container" }, h("div", { key: 'a32b2f4fa440a7b385ef0498e468d93ae1fe1598', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: '1b5950bc80ff5f2331936ac369ad809c265a33d1', class: "container-section" }, h("div", { key: '809d5ba895e080ca54d31971ede7a5464319a260', class: "variable-name" }, h("div", { key: '4924acc0a22592d7cdcc57183ae1bf9c761f1bd4', class: "variable-part" }, "tet"), h("div", { key: '3fa4ebd5755da05c6872db21e7c860b2d0b24145', class: "variable-part" }, "-spacing"), h("div", { key: '05c067f314914581c617c269d7e9564b18e206b5', class: "variable-part variable variable-size" }, "__md"), h("div", { key: '22bc4d25141bd5f07d5ba381873033ef211b8a1d', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: 'a3db6debf32fabc2cbf29939d43a2159f0a4978a', class: "container-wrapper" }, h("div", { key: '9ecd11ad52a2904da97e77745721a3e065e5ebf6', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: 'e87a42152d8eb8b7fb9063a24c688faed5dbbb29', class: "section" }, h("div", { key: 'fff42ec5e182246f89b4a256c7d8c4d4c38d0d6f', class: "section-wrapper" }, h("div", { key: '88d62ed5d86aeedf250e4604dd7ee9ed9565f35a', class: "section" }, h("div", { key: 'b0b0d5c6e3c16851c7dfb79208c23602aa66cf47', class: "section-content" }, h("div", { key: '18e6e50f8c99a8edcd1674c63f00a2ac03697602', class: "section-style" }, "__null"), h("div", { key: '679fd8b0b0bfcd89e14de306ea87f2ab5f1653f3', class: "section-style-attribute" }, "0")), h("div", { key: '864e345b8064ae5d2e16e8ce08fcf698153e0374', class: "section-content" }, h("div", { key: '608fc9e82f130a82332b03547aaf6032c95bc052', class: "section-style" }, "__3xs"), h("div", { key: 'd16d827e2f467e9a126431027a64fc2c4bdb8937', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: '47afb5b4d54aea0e2234e552e4a18ee891a83213', class: "section-content" }, h("div", { key: 'b1b3bbe109929ddec173a68a3c8120655c780c31', class: "section-style" }, "__2xs"), h("div", { key: '8774a606ec8c4ca6f2418560ce8f2a8848a05992', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: 'c8f0f6ab95a73324f4acc225ecdb164ebfef9075', class: "section-content" }, h("div", { key: '6e338f5233c21232018556ab763bf33dc184fe78', class: "section-style" }, "__xs"), h("div", { key: 'a3b14806a9d60234d4c9c6299e7019ad17023e8c', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: '7d1582ae3ddb64ecfbee34b16357fb922a512035', class: "section-content" }, h("div", { key: '3aeca9f2f27329ba8300585183cc85795d029e1b', class: "section-style" }, "__sm"), h("div", { key: '0fb64b7ed2fdb11316ce26470349a07e5a0f6bed', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: '32ae13a29fdc8a9d2686585afa589b6d402ac6f9', class: "section-content" }, h("div", { key: 'd1cec9ec8da68fe099deb1557680e325af46fd4c', class: "section-style" }, "__md"), h("div", { key: 'c58ec64c2e4854d22af45095a1bd681cc25c7dff', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: '6b3ef333f597f00fd6a9f0cc30a50d3c6d6dab2a', class: "section-content" }, h("div", { key: '215a3c535b0604868f8d3c4bdc52ada06993e3e6', class: "section-style" }, "__lg"), h("div", { key: '5b943b863cd9dcfe8a7e457159be3e142b213b8b', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: '5581410cedad9b3730e82d6e1508db5d1f826023', class: "section-content" }, h("div", { key: '8a84738f7065359e819437a545efd3d7cf24f17a', class: "section-style" }, "__xl"), h("div", { key: '4f3118214d182a4cf646fe5cffc3cf99e781af7b', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: '0400b2848aaece1c76566f6eba37cdd6d82ce039', class: "section-content" }, h("div", { key: 'f22cc86a3dd4ae134b3bac6cdcf5bc0562c67d97', class: "section-style" }, "__2xl"), h("div", { key: '2172922e5fd7e97e634ccb625313727d451e7182', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: '956e298c54aa008ed2d617938c7b207c664f4908', class: "section-content" }, h("div", { key: '57f9796ba5826b932007968ce760b2a6755dfea2', class: "section-style" }, "__3xl"), h("div", { key: '7f56a9035d0a7cbd5731623087e623b9b1ed383d', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: '2380d849fdb6d261de1fc872180a83dbefffb46d', class: "section-content" }, h("div", { key: '52ddbeef7317351036716b7d6abdc26496bd0ee8', class: "section-style" }, "__xxl"), h("div", { key: '71854ceada81eddd4ff54d881ec08b795019b5d2', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: '3d49ab3c42e238140fd31c201a7ebbd243254bca', class: "section-content" }, h("div", { key: '6f882900470aa137fefa03f75bdf8a4491b328e3', class: "section-style" }, "__2xxl"), h("div", { key: '9f2b5861f6c5d9615f998494fd1972c9097e0b40', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '827f86a0d664b7a01c08ecfb6837837f7ff1e237', class: "section-content" }, h("div", { key: '9f87cc66a2db7a8d0e93bd471d6bf3552955e45f', class: "section-style" }, "__3xxl"), h("div", { key: 'b08deaa2f2c4a35a708773dbf4797af050f731c3', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: '89357ea911ed3d7d42175a3dea2b0ad87987dce9', class: "section-content" }, h("div", { key: '63434994a0b62472acd710082742c6700c3aa086', class: "section-style" }, "__mg"), h("div", { key: 'c2efe91ee7d8e4e1a3c0430d800b09f55d126130', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: '6548bc6ca99cd0f8f8448df9344ae2687464048d', class: "section-content" }, h("div", { key: '62bffc226e1c94076f6a2e9a8ad315caeafbdf6c', class: "section-style" }, "__2mg"), h("div", { key: 'd90d2fc7a5b06792cfea1695490a2c90d404fb2d', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: '295a97760c9090b8766106199fcbc9cf7b6ec473', class: "section-content" }, h("div", { key: '0f6dc0c8b36091a8e1b37a298fd3f16b9b78b826', class: "section-style" }, "__3mg"), h("div", { key: 'b50bcb45aa2326cf7e05989f76dd2177e65ca12a', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: 'cdd5dfe0d647b023835e5597d863f0ad4be9f706', class: "section-content" }, h("div", { key: '5a69b0fd2bf6f8710d8ca4249af3b0b07b8cf4ee', class: "section-style" }, "__gg"), h("div", { key: 'b22514542a2b952b35d4c8e4374efa353579738e', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: '5372796f579bed863465f10fb711acf7dfb3c206', class: "section-content" }, h("div", { key: '764f53c46677e77de18e45faaf6f5b93c7c4655b', class: "section-style" }, "__2gg"), h("div", { key: 'bae8a9910f380041c24173c524a19ea9d9843349', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '081dbcfc652fbe69d6b4675ddb4bf450b360e852', class: "section-content" }, h("div", { key: 'fcce491863f230f91de13c82a2ab3454dcd5f06c', class: "section-style" }, "__3gg"), h("div", { key: 'f638ab6db8d66610246b3526a7e5715f253e90ee', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: 'c911d7a225e1bdd6de843fcab84689eefffbb84f', class: "section-content" }, h("div", { key: '2cf55fc46ad508fd34e01c8dad075e604ff62fb2', class: "section-style" }, "__xgg"), h("div", { key: '25bb48a8fd45dc6db0cc4cb394303458ddcef05b', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: '8947943232dd33793ea4cccb4c1fb6a047577529', class: "section-content" }, h("div", { key: '0a165ceaf3dc630c36cb6e1ebbe86758e3f31ea2', class: "section-style" }, "__auto"), h("div", { key: 'cfa715433c65ce0ce2ba04d8623275b048634539', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: 'd5baab3dab3344f538fbc9ffcc4b7e2897b31151', class: "section" }, h("div", { key: '3ea138d090538a0969e72c1f63a3b93a30ce6d8d', class: "section-content" }, h("div", { key: 'f96c0d1699971c22b3450436af45d7afa531dd82', class: "section-style" }, "--m"), h("div", { key: 'b9b3ab9e56564f4bcd0e8a18fafa63121400e000', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: 'c521ade04b3a8ad36f80994336a1d2c8b0fdaf0b', class: "section-content" }, h("div", { key: '19fde1ecf57427ee123d3ffc846cbbf916e02ddc', class: "section-style" }, "--mtb"), h("div", { key: 'a74c46582cd614bce5782d8fe82780917e997f27', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: '09365fcb5535509e086de61ef0f85f30b5e89381', class: "section-content" }, h("div", { key: '19c693e3784ab1c98b1a0d8c8cc680ea18261ed3', class: "section-style" }, "--mlr"), h("div", { key: 'e70baa67690a024813797573ae46fbff0ecd9f73', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '3e98382a4382a3be1e2a6765593b8a7117edcaa5', class: "section-content" }, h("div", { key: 'c8f9be12f4b3a8c6ddcc4bf67fbfa7f069cedae5', class: "section-style" }, "--mt"), h("div", { key: '0659c0672d74317e83c5a3f7a5076cfc9e65f45b', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: '18c91b0a71bd33f2d35cada0001f8e66fd27b036', class: "section-content" }, h("div", { key: '84ed97bcc39ce0f8214baf09b7a3262bbbd27e70', class: "section-style" }, "--mb"), h("div", { key: 'b8e4485b58cc217fa7e648ae0fcd70316c974d01', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: 'd218304ffc7186d1a38d3b0e1c23d330c70a4109', class: "section-content" }, h("div", { key: '5c4a3aabbeeb7466fffb6d0fd6938048ccea3870', class: "section-style" }, "--mr"), h("div", { key: '0df6dd729c50beaed8e3edfdca2690f8cb09f940', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: 'cb29bbb3264fb40d7d733807ab40b3977cb84123', class: "section-content" }, h("div", { key: '9ce42c33bf946e1c2b872622b6dda771be0b6dd9', class: "section-style" }, "--ml"), h("div", { key: 'd5b8fdc9c3b7cbafa3f838cad04474c982994f0d', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: 'da65fb09952c0a9ed6847a80481114d67f5425e6', class: "section-content" }, h("div", { key: '25d45f514400f1e83b9a74aa026eb06c62efbb63', class: "section-style" }, "--p"), h("div", { key: '9c4f7c6f4b13f8aaa7cfbcb6298102a16e14e375', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: '85d6d5bab51954ef1423fb0f1912aeb9d8f91658', class: "section-content" }, h("div", { key: 'f323de1db17c84edb7bc5030e0ff2bb3e9e8750c', class: "section-style" }, "--ptb"), h("div", { key: '60fbe7c1cfb78b07411e782864a7dccae61c414a', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '8daf0486c4915ca066829f870142a5c7d4f8db98', class: "section-content" }, h("div", { key: '784bbd5eb90636e3657f97138ec18680c617f74a', class: "section-style" }, "--plr"), h("div", { key: '3f5cac486c3f72975477d70ef6968b7bb77871b1', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: 'cd6871e3de2ef3cd99b01f8cefbd9cbf3250a982', class: "section-content" }, h("div", { key: '9ca4299bf8714c4732c241cbf873ed273b793bfb', class: "section-style" }, "--pt"), h("div", { key: '923c5b5c8aca34174a0ab6761620b7cca2fa71fc', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: 'a461ad52bb2fd216279a2cea0a73212ffb3cec9c', class: "section-content" }, h("div", { key: '959197a78bbfdd74d5f77381e4009f6a7c07e20c', class: "section-style" }, "--pb"), h("div", { key: '52320a8069cb96378a03f8be25699da796992563', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: '604af96d3ec3d257bf0f09697097919222b1824e', class: "section-content" }, h("div", { key: 'eafcfcf0dade400944cfe1f228ce81088055eab8', class: "section-style" }, "--pr"), h("div", { key: 'e4f61eb19e45d3decfccfa4481ce776a1a1ab472', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '3d35e717f37697a34d4206397b40a10f96653a02', class: "section-content" }, h("div", { key: '6d4fd17aaa290d7f3db3fba88c87cb8fd5062bbd', class: "section-style" }, "--pl"), h("div", { key: '2e977434a343d94bf56df3c80a3ed7c4d4d33f6c', 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: '962d7ec91862578ea92a66ea7bbff8c4b559f8a4' }, h("div", { key: '629ec72cb568acc8a70e6cab5a2755bb759d24b3', class: "variable-container" }, h("div", { key: '75ec80694b3db2cbe697d2e43a562b846fe68ecc', class: "container-title main" }, "Grid klase"), h("div", { key: 'f997fe5f505771daf1a7c3461880c259e2145b4d', class: "container-section" }, h("div", { key: '64816a9d87f8c4520948f46fc5e5615e531348c5', class: "variable-name" }, h("div", { key: 'c0088fdd13d171086e505e08f38ac21abb298e67', class: "variable-part" }, "tet"), h("div", { key: '7655245cbdd9fa4fd2dfe64d5fa4de3e940ae01f', class: "variable-part" }, "-grid")), h("div", { key: 'b52a95060d7a5fc9af769db852ed12cef90f8b01', class: "variable-name" }, h("div", { key: '7a3806e75f05818dc55eafea1ba511e157d12b4a', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: '64267cdebfd05a5665d04a63f2de9cf51df5f267', class: "container-wrapper" }, h("div", { key: '8bcabb2c8fed096ac01d9a23f32ea6105e6f859c', class: "container-title" }, "Grida lietojumi"), h("div", { key: 'bde6a58da7abb45d21ea90a33d4a269c1615f893', 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: 'f08215d6b01bd74a5f8abadfebaf002c9300e68b', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: '399a7da4bb3bbe344acabbc10d5e0690276f53a5', class: "section" }, h("div", { key: 'b1f3d680005b8387fe1bc59f59930da468571f01', class: "section-content" }, h("div", { key: '6c704b6d4b4e155bff571c9fa735acf40619fa62', class: "show-grid tet-grid" }, h("div", { key: '8c0922c2e01fddd7d7a18b09521b7e38dbe01b68', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '8b1ec6e2057220905e5d7e922164fab164dba3f8', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: 'e4867a2aae7612731095254af96bb8fda26c88a0', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: '7700d26a7ca3e7570d8a537516db6ceb3a173766', class: "section-content" }, h("div", { key: '015f0b40f45c9fdf038e337e75dcc9e556d08d0f', class: "show-grid tet-grid" }, h("div", { key: '4df1204a088ada91d29b7bdbe18ee95fd0909bf4', class: "show-span tet-grid__cell--span-4" }, h("div", { key: '48e324a4f975ce408cc6f3742b2b384e21117e68' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: 'c79a4a90c38ac70c7adea3599d47fdc7326ee9b7', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: 'daba9e208f2f341935d04121c3dcea5b95225c96', class: "section-content" }, h("div", { key: '5da36d497f6872078a36721b370c73a1f4704a84', class: "show-grid tet-grid" }, h("div", { key: 'b55bb31c8c97724ef51f764c02e01771f857af55', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: '7a157d0a087fa54eb5bd26aae6de8fa5893860d5' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: 'f5a57ed344cd1f3ad2af65fdb5fe0d55f077f89a', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: '1c790eb4e3a72f4ab28c8d2aedc0c2b6cb51dc3f', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: '6c529a4ba6fc63d7561118f50d7579601eed3c6e' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: '0b9f204d8c0372ceb23ba2d52364f56a3647fa47', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: '921dce1d9bcc7e36cd9f55a361924e2805393560', class: "section-content" }, h("div", { key: '48aa120bab3d8be5d2a176f5db4a3bfda0bfddc5', class: "show-grid tet-grid" }, h("div", { key: '196c02cfb7d453bf406c2ab063e57473e1df76a9', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '243e7b80644eca04c1f34341157a733145990de4' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: '3b195078c13c60bc05d15ce09cf2ad0dffbd0a46', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: '156f08065bc6170413e78e5c3c72abafff324040', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: '491e7327aa62f9a5273eb8684741557695b545d4', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: '60ba302bdaa2a694f43a99b1d9f78abd21f51da4', class: "section-content" }, h("div", { key: 'ac5f47b9badeff58b5397f7ee25a5df89b7f29e9', class: "show-grid tet-grid" }, h("div", { key: '4b7c8e89ad96a3e3cdbd32114339ec24744af575', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'bd4f5e147eb9bb53ed3c81dbb5ec0b8b9a8e5302', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: 'bce620a50e8dadc730cea1ff2d9094718dd53157', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '657e0c09f07672d800ae51ffe491193c5846a9fa' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '7aff0b87f54465ca46817e2695ffcd01ab6c889b', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: 'e61989f0876bd884319cb9774a5127f20359f63b', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'ddd7c9d2f960c7f650d2e78bf6571e5ef31ac5ea', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: 'bf8119008fc2fa03d7fbb10fd20bbecb9c2f9888', class: "container-wrapper" }, h("div", { key: 'eaebbd88f97402f67444b83063918aa43998e08d', class: "container-title" }, "1920px breakpoint"), h("div", { key: 'e127457513466230eb1069c52971d92ee7fbc739', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: '7736454358c09b581dbf45ba76d41551e6399e51' }, h("i", { key: '1631edc0fe567bc9c3d4ba8f53e282e791675c83' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: '173773aae3eca76cea7664afa6423ee857a60172', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: 'f5202c7e7e7d198ea4de49e49922fccbc8403b3a', class: "section" }, h("div", { key: 'b308b95bc80f676615c903005db7f8ec111a2562', class: "section-content" }, h("div", { key: 'a27be0bd43d9ca83354d01273dbb481ecb2e9b6e', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: '6f8079425dab86768803cc7d7d5fb6b2b7cd2dfa', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '3ee7414ece4eaca79fdb185192c371463b8fd3b9', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '15e61c6396ae84e707bf1a63e78ec4954b340365', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: 'a92a8090d4d6788fa48caa5ea9b3bf91c3a02219' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '16dc562f887356e1917c4f8f68d9fd19df704875', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: '64258a9c1000acc81e247c5f78ee20ffb2fd3bf3', class: "tet-grid tet-grid--gg" }, h("div", { key: 'a9e641889933c33ef60322cfc3771121af4b5918', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: '6a634d3a22b4b36582705dbff1a5b81d796c949b' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: 'f7a58d520c8c402ef787890a5b2a449b3a71b37b', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: '74fde3072f9b1d95c7a004d71d4ea64e5b4a816c', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: 'f7a37a73e89acae335e2365f18eb6e0e09388e9e', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: 'fd451036ddc5bf0add1a4e51bca13262f8d68ab5', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '0f09823d14b34d7be5c42bb52c91cbb6bcc43bc3', class: "section-style-attribute" }, "tet-grid__cell--span-2"))))))));
+        return (h(Host, { key: '456eb4100c386f91fcd4008e43fe38c1c27c29ee' }, h("div", { key: 'de1ad9c0c36dd31b226ae454a4944c498e016ca6', class: "variable-container" }, h("div", { key: '2d7d5a6b25c7ad4151533ecb065da36447592c44', class: "container-title main" }, "Grid klase"), h("div", { key: 'be051223710f2fa0c31b6f70b8940d5fd23c82cf', class: "container-section" }, h("div", { key: '5ef08bbaa7e2a56c7f4a478d1e7cab1582b4e61d', class: "variable-name" }, h("div", { key: 'a86d7dd0c3d8fea82f7e10257caa0574f69bb2af', class: "variable-part" }, "tet"), h("div", { key: 'beb0e6b5aaba27bb7494afe685a378c26b414b4c', class: "variable-part" }, "-grid")), h("div", { key: 'd844416a3e24837311f583c20c2388bdd3907e87', class: "variable-name" }, h("div", { key: '75dbff253f022ff36c257f6725d29a73779b7f8e', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: '34f4b5e5b374213e96e7bef1484c669d73061eb5', class: "container-wrapper" }, h("div", { key: 'aca49166ca95a99981fa8501904873bf0f029369', class: "container-title" }, "Grida lietojumi"), h("div", { key: 'bf85847566147ccfcd4b676ae21c5d09bac4f73d', 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: '75a36e687eb5972b80967f185cb086be7236f32d', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: 'fd812146834ed1e742ad0e383da55d850c419c3a', class: "section" }, h("div", { key: '5f96ab108f484463c5e6112f6f569cea5fb8a139', class: "section-content" }, h("div", { key: '9cd5bc1097db269d8da5d81b24ac20433ec9ad42', class: "show-grid tet-grid" }, h("div", { key: 'ea55efc7861454a47cdaa7e537b2a8aa3fe35309', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '5b719c7edb38b604264a9d4a34b939a60a973761', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: '56bdea1f30b7c6cee40134a5eb36978d6cf791ff', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: 'f9e93699a18704360298de9149971e12168eea8f', class: "section-content" }, h("div", { key: 'c841b054360e702c6bfc5eb6563c796d0c8df85a', class: "show-grid tet-grid" }, h("div", { key: 'a228bcc2f9a961721993fb8aebe928ed63e60920', class: "show-span tet-grid__cell--span-4" }, h("div", { key: '2a9df9679d2311ca74a81a64cf467583e1c1e8dc' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: '15d6a267d442edbb5e63cc938f785721397c2d63', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: '6d33dfa285be490c8fc145bacd91bfd35c17ae7a', class: "section-content" }, h("div", { key: 'aa89d9a7419bf2015341a362d1eb012c7fdefe8b', class: "show-grid tet-grid" }, h("div", { key: '81a8574d230df031365a87b6f238c8b6bfb82663', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: '8cd8705f8a99f588f0943efe613ae83e8e252c30' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: '99cb94869267db5afc455b37dd8d5bac8c8a32e5', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: 'dd1fa5c28ed9b6b4f4f070041d79b07faa2cbfa0', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: '3210741d33075dcb95d748c80e2550ca892984ed' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: 'b4caf186acb34d583bc6f43fe96b1956afdeac69', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: '473fcb680c7ad166810d643c4af343d886d945b8', class: "section-content" }, h("div", { key: '2aaefc86deac8e0b711c57ed8c141d96a8d15b45', class: "show-grid tet-grid" }, h("div", { key: 'a8f99bbba9851d11006bd38dc3143db262146a66', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '5561cc5b4b6118db713a74c9e2bb624f04a8b691' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: '3f0c6c315e3b11c0323c07a27783e011a7d9f474', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: '92dd0205d63175250657e1b82aa068caf04f9a89', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: '28ab7646495fcd072da99b75e61497f529cf3e2e', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: '9d63fb7c35599c1313f12729d19120e0eaf36fcc', class: "section-content" }, h("div", { key: '8b80ebb4af07d496fb03de8dcf0450247c377bc8', class: "show-grid tet-grid" }, h("div", { key: '4b6c9cb516d44ad5be6769a661c6d9ccfbd98cac', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'da0e9d3a40b70b3e1499567559d114b784ed41bb', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: 'a199627873eb6d0e2c6e0969099941353c01e61f', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '8cf74919a05f175fc5a26893d1b4680831701280' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '1d45d9760d0c7b44f688a8eb21b996537e4b51fb', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: 'fdf09759781042df1f8177e118339c8f95f3d1ec', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '9cc07d01fb54ce971c041678cf1fa595cc53a92f', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: 'c682d01a87f3459ef69846affc7c2d4b430a3380', class: "container-wrapper" }, h("div", { key: '4ef614fd340a9316de9bfc0c5fcf0526ec04ae7f', class: "container-title" }, "1920px breakpoint"), h("div", { key: 'eb25083e1bfab0d22d968f322ae34eda37d0f1c8', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: '71ba4093d2dbabce191c8949d26cb54e3b6c5fad' }, h("i", { key: '584c4e706548475ea1f013e41cd822aca990ea77' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: '67cae8e7c4f47781e951fb56a489a9713070f21a', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: '56c106ee7cb2efbeb24e7a1d3a33079d9173b54b', class: "section" }, h("div", { key: '03ba80cf96177eac9d71a0c6ba1c0be200b20adb', class: "section-content" }, h("div", { key: 'bcce7ad94b3335bad9c24124476b1b6d2aa8f4d5', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: '9e3ade182410191e70bbb5daade4804063d445db', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'a3639492963a4656dceb7bbe7037e8f508fd6f1c', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: 'e821fee455f1bd244a8ae00ede0061babbffd0d8', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: 'eb7efa60a9a8c5291b5e77594f0d2395a6087c17' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: 'b7e84adc9e026d669ab22b1c3ebb592d28bd34da', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: 'ac557a984cebabba0859bccd80764ff5d2561803', class: "tet-grid tet-grid--gg" }, h("div", { key: 'b96f7e6a92e9ac643e8bb431ec0580bca74458fe', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: '5f4be54f28fa41083d790d76de0311cd5d903cb0' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: '5a6f88a824c8b8871012e8b602bef74ad91ef852', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: 'd832366c15d720a193fb5bf7af29f29181a31935', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: '776647a1a4ba920d6ee773fcdc4d79ef7b676238', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: '8073a049eed7c237870aba3ad4fc6ecb94dceed6', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'f88bbc651a03ecec7ad999adfe732324b1a8fb86', 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

@@ -84,7 +84,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-37ed3ebb.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-599035b8.js';
 const defineCustomElements = (opts) => {
     if (typeof customElements !== 'undefined') {