npm - @tet/tet-components - Versions diffs - 1.3.46-testing → 1.3.47-testing - Mend

@tet/tet-components 1.3.46-testing → 1.3.47-testing

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

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: 'ead641d89f38d77873a8f40d7e1ffa17eaadcd78' }, h("div", { key: '2fa0ede5320dbebd9abe206f0d2a08569ea066d4', class: "variable-container" }, h("div", { key: 'd3a3d2a50901057a0716ccc3ed8ba4e7250fb362', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'f3b7fd03fb38c8e97ddcd3b5abd0af7dea409f02', class: "container-section" }, h("div", { key: '05dbdb9777566e19b3cbd889d80c20ef485b8fdb', class: "variable-name" }, h("div", { key: '58db91d913e4234db332803f4df5bbbf570862ea', class: "variable-part" }, "tet"), h("div", { key: 'e4c02051d09f65865cd501f39c71f5924b256e75', class: "variable-part" }, "-font"), h("div", { key: 'a71289851525b8bfef75e40b27b4bb7fe7e2410a', class: "variable-part" }, "-weight"), h("div", { key: 'd272590ce83beddffa72395958dad1b50b790162', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '262192d084d2a65de46b6f436bd349e02ca5a313', class: "tet-fonts-container" }, h("div", { key: '59b582568a0e7fb3fbc762cae6821f707d90cfbf', class: "section" }, h("div", { key: '51f4cf54c68489fbb2f2972ff44756be138cf1d5', class: "container-title" }, "Fontu biezumi"), h("div", { key: '4f98b38ed800502bc3db0f47216ce1e72e34906e', class: "section-font" }, h("div", { key: '84746fc1db58f491750932f1fc8dd9cf3deab066', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'ef2b5b5da293604aeb56a8782f4bd2f644c05f1f', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '253d800ac0c56cdbfe67690a8737ceda1c8c2a05', class: "section-font-weight" })), h("div", { key: '2b9709c39e95ac5bdab11bbebb15863dde08bc1d', class: "section-font" }, h("div", { key: '6ac07b49b787abfcf9cc61f8fb2e6b0d7ed8fb95', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '15e8ae9bfa23245c18e6fc9751812639f55c196f', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '33711959053af2c7068bb5081ec0f31faa6023fc', class: "section-font-weight" })), h("div", { key: '98cf0dfd946771aec1509454e75db2da3dc5d4ff', class: "section-font" }, h("div", { key: '5fa026321b35b81a3c706886a27c688079e6bce1', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '1d6002faef24ff5f5118e99bbb31e2e189c1d692', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: 'f4e191fb8c5f0dd5ca8970f92976f1e27db0cbfd', class: "section-font-weight" }))))));
+        return (h(Host, { key: 'cb98a02ce6fb6b2360467fe4b1dfbf89bdc63b27' }, h("div", { key: '8daf371d99f28dcc8320291910407f60dedc7d03', class: "variable-container" }, h("div", { key: '780e1af63a59e4fafe49df979e612c424ee4e9b6', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '34f469f7b70ecd1b76d461733daf0e21912eb732', class: "container-section" }, h("div", { key: 'ae986a5d5b1ccc666676d10513a12595e9f512f4', class: "variable-name" }, h("div", { key: '62f94dce7469d8b5e901a604039857c07f6de993', class: "variable-part" }, "tet"), h("div", { key: '8d329bfb43bee577454984532560227c758d4dc7', class: "variable-part" }, "-font"), h("div", { key: '786362b49de89c90a8aaac89bf4f92d678d7bf75', class: "variable-part" }, "-weight"), h("div", { key: '232baa5230e06a606615d926c25917e2b14990e8', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '7e09fd7e76a8842e463b6871f0b4f3fa31de7d83', class: "tet-fonts-container" }, h("div", { key: '81ab9c706416aee82aaf009d8cc7e7f3511ead25', class: "section" }, h("div", { key: 'df5d159f6830bd36a4746f5d64f649b0eb8bc705', class: "container-title" }, "Fontu biezumi"), h("div", { key: '0c7656b942fb7d7baaa64fe21d9e118c8990b5cf', class: "section-font" }, h("div", { key: 'de1c4c2e41ce87ed9cdd9ee9ffb8faf00c2334d5', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'a35bb5ad913b190ac67fce0c61e0be4cacacc929', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'c1bf6651f6236f54c24069a5be0141f362310eea', class: "section-font-weight" })), h("div", { key: 'eb1a31cf6b51a766e70f611f18566b9ab64bd506', class: "section-font" }, h("div", { key: '3c2d338d065c8682ac9b736c6770318a671eb8a3', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '08a9b7cd3ad3563f3ed818c2f053a43d5bc56f10', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '8acd90d24f7fb688be3e15e3d2221afc08f59bd5', class: "section-font-weight" })), h("div", { key: '5b1257f9efffc866e7c131d1432e5137b5b573cd', class: "section-font" }, h("div", { key: '32d843fe4893a608cf62e25b69776c335e35577a', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'f27e2c1bcb32874df6f3aedf8130ebc9823592e3', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '20fecbfdc60d8c6b71105a381a58182fe1acbf87', 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: '57c81588228dc5396c5f2a51489235e1b8df6298' }, h("div", { key: 'd6e9e2b4ab1991ceaa2099faaeedce5c7e1eda93', class: "variable-container" }, h("div", { key: '58ad60ab9e3fa4b85319f62b235ead7c7cb40b85', class: "container-title main" }, "Fonta klase"), h("div", { key: '10f7dbb06e76aeb3f6ab51d1c8c7930a23313d96', class: "container-section" }, h("div", { key: 'f416f47ad59694f2454c37b8b7247ba098c73234', class: "variable-name" }, h("div", { key: 'e966b37d770f50037a38387563820ed93b29df54', class: "variable-part" }, "tet"), h("div", { key: 'bf9fdc46bfd88e5bb71054b97889464c9bdde15c', class: "variable-part" }, "-font"), h("div", { key: '9bcd2407aa7d120e5ec752e05b2da62a0b10a817', class: "variable-part variable variable-type" }, "__label"), h("div", { key: 'f58d5052e40556d7f48b04fa7b96d86467a05692', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '2378a8c0d2f12dce19df1121febfef1b1b90c206', class: "tet-fonts-container" }, h("div", { key: '3f25da8c184665fd99d6a2b6f36a73aea595b990', class: "section" }, h("div", { key: 'a2eff90b5b6528712d2272638034a121187a14be', class: "container-title" }, "Body - Inter"), h("div", { key: '2e75ec270c2635253fb2a7134ca069df93d78131', class: "section-font" }, h("div", { key: '5fba0cf474cb7bf86cb77b95df4bbfe0a71d9681', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ce279ee0a197b58095b780ff1a96b8dcc3db14b9', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: 'f71d22127732e9ec6a593d45062d07fa658d9868', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'f27b4231b0d15ac824ef25953a85bc1b83097401', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '82290d19be685757cabc7a056083f9088e6113c9', class: "section-font" }, h("div", { key: '03766cfaf26ccac5d2e199734c1981047d124067', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5633116a68e12f83dd535d55cefc196546841677', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: 'd3d9ee9625dead99972feebf499ffa03b5207ed1', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'e602e4ef380938841f8f300bac86f58e1a513349', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '65fee42cbed5e0371299eaaf5744b0e27195f880', class: "section-font" }, h("div", { key: 'd27d65d4685a7089216a552bc259dbb1c04cad9f', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '17293f83e5c3221fcafdaa76c87e1072ef4480d5', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: '101214347f7f286bb56000d8690ffc560bc1b4b4', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '823a7ec183c4f552f59082296a50ffda2dbcc50e', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '690622bbc2e7ba1a2426d736e5cfa013ad25bd1c', class: "section-font" }, h("div", { key: '2e1b4b1e5f09bd1aba8e7e7733f56dc7ffc045b1', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c1a87f553203c65e3ef61fbcc3289b453e65d6c4', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: 'b053b4eb0da0edc3f49a960a7d016cca19f08289', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '97886dc54c929b977fbd8fdf551b882d5439bac4', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '5ef3f4cde533e1526f12cf799d741f16671f6a73', class: "section" }, h("div", { key: '52449b66bdc80b3c5b170479df967c54a8fddda2', class: "container-title" }, "Label - Inter"), h("div", { key: 'fe9cfcde1c36f9324e2394c1ce201b5c5f5a9493', class: "section-font" }, h("div", { key: 'de5ef904da5329ccbb2553d8a2f95bc63e46ecb7', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7819e4a44b1be5d76cc003cc3a0c3c7bca9662f5', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '640e86b6a293061c5d267aac52e3fe97de86c518', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'dce55d4582ac3cf38dc4bff438d0760410d8acec', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '4cef3a4b85db583309d5fb609a712fae93100ec8', class: "section-font" }, h("div", { key: 'a32f6b1f6109da134f1279909ac759495a09954c', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fcb2e52034c13ec2edc4e1f4396cf1cd3b21ca01', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '739ed16d0520ab292d2873468e861b923c7f6206', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '34d75ea8249d106ee30d1b09e0c4a2d7a63e3cb2', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '0fcb1988fdd542c749006378fbba9db94bbf895c', class: "section-font" }, h("div", { key: '0beb8638b384c1005f34d8952d526b0c8df15a9a', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b2e78253efb84f126284a216928511db7d008b87', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: '78efc8b31f21fdc384b05ffd4c86e62d727a6a34', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '072ad722bd4701e782b5a3dc18383a22fa6a9d4e', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'c85211c692c9b92e09e770771bd234fd61d8979e', class: "section-font" }, h("div", { key: 'aaf925858aca29893ef847c0d24c857d59797890', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ed871c58cd85ef535e1fcc849b8b595b2173ec3a', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: 'b7e1a28d6f745529e10127837cc867ae140903cb', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '32e672396495a07eb06f83ac753305a440f47ff5', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'e624736fb09160d5147f5433002ec47ad50dc08b', class: "section" }, h("div", { key: '8ab3678717c7e70151cec08ad7bb7181733a196b', class: "container-title" }, "Title - Inter"), h("div", { key: 'a7ebad66c0a1124ab2402e85adb3187d54f8f100', class: "section-font" }, h("div", { key: 'dd60ecc1ed7d083bf40b6c640eebac7924b0aabc', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7968dddc7cc8b013a639739c5a225a646e0568b4', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: 'f8b1378a4419c0bc57f7b4ac081368d255789b67', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '8474bbaf44bdd64d2d947261ba12096483b8416e', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '298a974a1bb66c568d2f401836e42e84b20eaf92', class: "section-font" }, h("div", { key: '6cfeb3805c32c7681f062c7aa16425b5378bd1a4', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e5ef8e1e287e788a616db1dff8ffcc96ddede92e', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '62a827bb987f590c83d6a1ea7e4e8adadf89e507', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'bd08ac78a22e4340c8ac13e5a046802d8dafd618', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '8b4aeacc2f125f5a6825625a920c68a0e841d321', class: "section-font" }, h("div", { key: 'ec6fd5e0ba6d29cf717f041dceba80e687de37e5', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8e9061fd5e929afe38ba701d6178f48be6722275', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '47e1225ee802577e76978edff2975672c04c2201', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'fa5a1f4777e539494051fd3bb1768ba7cb7fbe74', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '4d23f43f7e18dabdbd048ad8d0911d0db756af3b', class: "section-font" }, h("div", { key: 'ca5c52f07493dbc4d2002fcbe7c6e1f954415a7e', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ea1e931d7ef182ea7341396dad7c68659963bac0', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: 'ce96b817bae28553b5facc1cc1187b277bfedd72', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '1175beb833ef1c2fa321b9b7c650b2242e607a97', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'bdaaaa615e48a4d0b34b89c5cf5c3e5983d59411', class: "section" }, h("div", { key: '6297a836f6efcfd7bf98d29c3f4c3f37d1929db7', class: "container-title" }, "Headline - Inter"), h("div", { key: '83736190a6950d9e77f7b59a2dd49cefada0f270', class: "section-font" }, h("div", { key: '80f13aac0d327dd6dfd5d5fab8004dc25796a16e', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '60a3978ae69ad7d3fa20dd900245effd32ae2cb3', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: 'cab5bbb3b8a2448aa919f9f27b4d65b00685e49e', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '8c3b21a524ca941246f0ff6503a87ae1c6d454b3', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'edd4b93a6075c7eb2217fe847fc85936e22f2b82', class: "section-font" }, h("div", { key: 'a02a93dc59e3bf7212903401a2d05526da418166', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5ab4a172c8e72f2c4643b7dfe34345170b300313', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '938750218eb79d9af38b0c3025cf897f10b8a548', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'ce47e647c98e42d7f3c5f624d66ef8387575ddef', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'e24bdd6aa66a3897b951a0bc0ef37538824f6031', class: "section-font" }, h("div", { key: '1f5d233e85ccfe02402a129f06e02b3570d656a4', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a4e7344aa11af586421e1ccef1a4cba6bc6190ee', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '518afcd64d91e02530fcb044a51b5b6de7333b8a', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'b2482e6a7f98a1c9c5c9c59e431192ba4553aca4', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'e829a94ddd9642c9c79864964b30020a8fe941ed', class: "section-font" }, h("div", { key: '43e23b87b0bad68f77a96ff2b66fee5bf122801a', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f1a348df5ca67645a0bab3e8b35e876123ed3541', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '7095a62ad3a41f4e30bfe5e4fd9567b0c457efef', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '8c5852ea44844bb17ca92ce45934ac5da616bb46', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '3834e664a35fdbb458c0c257cc29a9899edd1f13', class: "section" }, h("div", { key: '6b9b591bed7c09625d425d1cc30fc19460d227dc', class: "container-title" }, "Headline - Gilroy"), h("div", { key: 'c1fa28fdc273a3cc9033323336b4410013789b81', class: "section-font" }, h("div", { key: '629c0742864a62cb5d350f54da25da5100823ab9', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b3ac034d5a2960e23f4d93237494cb63539c5344', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: 'da2df447b42624f9869dc19596e36335fb3d0546', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'd6ce07094b3db068f54642cfbe919c742171e437', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '910c82388c26728af8c254a71f64281b8e396458', class: "section-font" }, h("div", { key: '2d81dd4b6ee1b564f1b61b353cebd9f187f709cb', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0ef221169cf3dea9f879cd2f22a15ae87644b231', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: 'c4587b199248acf8eb7a01b05235041612a57582', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '49c18f8eb7518ad478910b0082d6e04c17c8e1d4', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '7d7d8caaf723d36fdadbbfe56d073d889cc83b8f', class: "section-font" }, h("div", { key: '5054e05e0f6645357f1e05835b0b55910e5b262f', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd0e721575d2dad469846e341bf084d2eda9c304c', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '38987d47a7bdeb4af1d04c515613f29da7505702', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '2970be79682732240ba1fb713def1df8b25585d2', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e9a0769af2ea8e934d14a2dc5b6f394ea28585e3', class: "section-font" }, h("div", { key: '0924e63e564e5c605eeec15cc8dc0ab04258e837', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1f2a49e9380a77a4c0bc3355895a8b5b1b5fc93a', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '52f80ae0dd17faf8002ec41cf1eddeafe063d245', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'd8a77527a65af3a7b35168f3b091c9d8140cc5f1', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '977f47097b7cef5eed4b6bdab5fa149f5869d4ec', class: "section" }, h("div", { key: '0438b1b32aff7b9d35cb33a2f200c1b21c8d364c', class: "container-title" }, "Display - Gilroy"), h("div", { key: 'ca13f4cfe55aa2c1c6b089eb6a99df4e04932d20', class: "section-font" }, h("div", { key: '7cdeecdfc482bfc9c55d705bafd831369e75b6d2', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1848738d6fb2b0e1722f330fb485286422bb04f4', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: 'c9d3fb2abfb1af81a485d59820f9f774d36db121', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '498dd5f9d5897ac7ce0b3cecacb2c46ab230e747', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '5a6fa30df43ab8d96984fb4b0c17db3d49c73b97', class: "section-font" }, h("div", { key: '821b972455c7169f0050f6eaa0808b1cb30ccade', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'bde5d12f97b59ac582813a6ed70e47dea8f6352d', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '7dff84047e20e1acab4c704e3667a385f56f0e90', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '424929bfd4a6d8271f81af0bfd1dcf2bb7674182', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a68362108d2b669368c179193adccc89c96302ec', class: "section-font" }, h("div", { key: '7c293919064bb7b04e9791abbf5d0af159244d8f', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '909b783933a250ebf0a9fd0c9074c038347775d4', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '504903d79d9f73f71c0619adeb7a3b780e5ae0c8', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: 'a98fc18f8a0d27fa9f8bb34e21ff12c5051b4279', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '95d5153571bf4ed9c701ec8180feb93a83fb154f', class: "section" }, h("div", { key: '293b1c1dc0692c49cfe2a1b5c5f18932eb64d4df', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '14bf12e89151e3f2681a0ea66a73fedb013be0f6', class: "section-font" }, h("div", { key: 'fd26f146ef1e58c6c7ec236366d9754424aaf59f', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9ff44a3417f797d6ee04c5c0c83b02b9d7d3f358', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '377f9a3890ffa2ba8ef40a3d79205284d5012706', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: 'b4465bbcc13a9dc1692fccc052079eb5d785da98', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'fa6ae00ab679338308fd7ffc45f2718204331284', class: "section-font" }, h("div", { key: '186dcaf63997acbaa4cb93812c9d700cce4e3496', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '66ad8af2fd98917937f5fa11941a9d69835ca8e9', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: 'ce5ce8f7b0c827d1927d792db68def61f5c801d8', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '3bc1238fb4d2429563c254015665d57cd94670e7', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '821da08cef237516e70dfa49ec3c738a0fa1f20c', class: "section-font" }, h("div", { key: 'f7a356990fd9acd4d388e13e522f77dbf9f192c6', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4826442438969f74113204ec30683cdc1f4ccb17', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: 'ba4871630ada56450e5b1714c546540821fc225b', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '4a6a37cfd6d71b33f2ee9348f21550b02fe184c1', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '0a7bc32550b93f9c4d26132a61eef0873bb4aadf', class: "section-font" }, h("div", { key: 'db47db701e00ff12b753b1b9a0441c3c6434da4f', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '93b2903163dba530080887756b53c837116f0dc0', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: '3e23507717bd431c31e593cfff2f59a875eb0e9a', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: 'b5339ab25654a82dbf6c8f08ceffad5f5f36acc9', class: "section-font-attribute" }, "Font weight - 600"))))));
+        return (h(Host, { key: 'ff21d515e7e452c0b3b5f1a8fbd12b7229779fcd' }, h("div", { key: '3599552cddce204a0e10c464020dff15d5b75e47', class: "variable-container" }, h("div", { key: 'b878fbda5b09c0cff27216c343b0b1609df561ad', class: "container-title main" }, "Fonta klase"), h("div", { key: '08177b525988f700bf9f46c907e0b7d18d5333a6', class: "container-section" }, h("div", { key: '5f6681ef1141454473c342d9adbe35337d4847f0', class: "variable-name" }, h("div", { key: '811ab186c7a594fb6d84c922be8516219dbe9ec1', class: "variable-part" }, "tet"), h("div", { key: '4b7e67c7a5a52153db57b24247357e2d1f879bbe', class: "variable-part" }, "-font"), h("div", { key: 'd798362e52ee580ab27a416e57140a517c7f09c8', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '679f35a6ebd67770278668c97f15f166d3f74231', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: 'fdc03050d8b1da5f8ed9feb97576ae598411e018', class: "tet-fonts-container" }, h("div", { key: '7571275350a730db1f6419af7f020e074d2b99c0', class: "section" }, h("div", { key: 'c9eca7c62c429a4815b9ad72c89e83584b880509', class: "container-title" }, "Body - Inter"), h("div", { key: '7f78ed858239bf6cd496192ad8b7af869015de11', class: "section-font" }, h("div", { key: '3ca488e32fdb888b44556f5092cea695a01bbd7a', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3ab13e4d581ac74e482121c739b3f2b344ec4ac1', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '78a495b3f67b7b79548c206af2abfd5261d250f4', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '2c493b6dd7a840ea2785c05c3a8978eeeda8ccc2', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '977fd93a7d8e3df2c93351367c7b6627bc81da55', class: "section-font" }, h("div", { key: 'c860169ee130b3889392a9b8ef2731455c986388', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ec6ea6d6bf89184d088b9106a0fb711931bbb570', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '6e9ab3245a9af47c8b2bb17e47e3aaa8826feec2', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '1d794859080a10a58ebeff12d9e33bda3867368e', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '9abed9c8443f93ee74877f4bdba0656313a366bc', class: "section-font" }, h("div", { key: '393016d328aa617c91a2dba63f39b5f892a61788', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '44830861d948bd36a749bd4df5022b2c55a370a3', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: '43e5ba697275bd581b31736b3d43b0e83b7a61a1', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '34557fd80f467dfe3ef1c0ebd8decc3981bcb6d3', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '8e41fe4da34f5a6168e89f10e90e65de648c70a2', class: "section-font" }, h("div", { key: '3e472c22e2645157b48e041bbf4ea26fbf0e4ca2', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '82533a55c120d2769de23b80a1a30e3b41f6d84b', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '02a4aa8f3829171efea1a5a3973f03d09d2704d4', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'dc827b5d32059fe3aed2bce2ca73c83f5bd4576c', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: 'eefa66e22b1d61f583f1a56574b70da5091c7d79', class: "section" }, h("div", { key: '466777562062b8fefcd44c52e0339996f839d356', class: "container-title" }, "Label - Inter"), h("div", { key: 'b2e2296f7a8fc0c5c06f3f23f2562e5786c96644', class: "section-font" }, h("div", { key: '46a2ce3ec46e604979aff34ae68a7765d1504476', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '53955d6be80d373fc3f08949c084135961659a26', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '9925013853b1d632aa5af82feb05d179ea6b6ae3', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'ccedcbf9c2bf5083502b060d86b348736ca34bbf', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '5e5dacd727abe50f0d513faa9a8713f0eeb4937a', class: "section-font" }, h("div", { key: '551355c5693225bb63fc15927eb5e0e066a1c1b9', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '35f7ed6f47b2851eca285d8e0c194b3552fcfb95', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '6d8a533471ecd64fb01a8d33401256d107a2d094', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '2b35b07a604cf47ed2a6619e7f1ee70b58b1e443', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '55fdead75bc2eec7c3dec14d6113f3c2f7aff531', class: "section-font" }, h("div", { key: 'eddc39ea8df962b134ad759790db53f918cb674f', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b297f9861f5566d94fee618340d0b9c8b6ec51ac', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'af7d723d0d6fcb6811e55561bfe25bea79b96a40', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'e5d628d4170dc66a26b03366314b6e5a116449d1', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'f0d5cf193896d1908fe054f4d93263cd0bf860cf', class: "section-font" }, h("div", { key: '852d7923427d63e6da1a75b1a31386b2bcada046', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2950037e2ed57f77d539100963f4d159d29fcb38', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '5fce34d8e4eb39928d81bff6f9486b720ac04db8', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '05bbdc26545e2d970346630cd803ce368b018c5d', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '8684bc5bde4f49b195fbc18307304a76deaaf3f9', class: "section" }, h("div", { key: 'bbea275e5b9fa57684af2e8d036248f8eb9b3414', class: "container-title" }, "Title - Inter"), h("div", { key: '829b8ded216a2093888ff7511af276f29a2a67aa', class: "section-font" }, h("div", { key: 'd427a5c3e7e65b7da8ca2cae3d86c1f5ea79b1db', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'afbdfdb6845bead8894a9c1b5dc439a110e83dfd', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: '55f29c1a0dc5e86cc6d553b420310faac7eb4a66', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'ae25b78dc9026f9ccf6d46b52d5f1c5aa663bd29', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '855dcb9104ae0183c3508a6ba4e1ccfc72c5fda3', class: "section-font" }, h("div", { key: '449491a8201afb3c6e1baa3befd317791bd285aa', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f9e2295527edaa413926fd9888b38d0ecb0e1f2a', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '591c37e00754b6aa571d4873efd3a7b8bd89222b', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'c19311143e60875cf6d7c4b33dc4a5a0b2b007d8', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'ff6766b18d5ea657f45067f9b861a15e8950de9a', class: "section-font" }, h("div", { key: '6a8fad53926b8e1f68e678398ccf6a3277cffaea', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ef50b1fdd2899bff22f486ae1e503577e8f4585c', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '7de51e1d2fa8813a81a8f719d3df45840d6ce474', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'a9194878f7a9ee45e77b29a4f8eea89d2dcea423', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'fee074be9f126b7b1dcf42c97361b541c7145a27', class: "section-font" }, h("div", { key: '5122bf203f40d93788f7f3ae665321950b4e34cd', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5a1f309db2ba8724dce299b314bcfad3b1bbf58e', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '4f2d890212e268d83e3d96159569b35cb1512d2b', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '0256a432ce43ec368a5a776c03f5427e967af5ad', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '8894bca92f8902741dbba6efc8639af4e3730a1b', class: "section" }, h("div", { key: '90b73319d4ca58bd87ffd5385c1f68c7e32c9b61', class: "container-title" }, "Headline - Inter"), h("div", { key: '6dc19d6a7b0f1633b9d3c806b127e1d65cd5d6e9', class: "section-font" }, h("div", { key: 'e4a1bb0270d2791b78e35039d550416c4a144e0f', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '587a6febfcae8357a231899558db2a6ccf89be79', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '5847f99bd42b8ddecf24432808ebabac2c6eab04', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '1cac5e5068bcde94c06f9eef81204a842c21f9a4', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '055b5c31cc5c0c200b29cdb1018b4218a61793b9', class: "section-font" }, h("div", { key: '4823d104a7147adc56fff3605200f4a06fda6109', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '54b8d95191dc232247f088387b767ff977c09f54', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '939793a67ac434f46606d7bb8041a7f4480e0691', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'c205a1d5313c4352ba11bb18b5bd7de408210b69', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '6becb9866c87ba381bc0f0aadd3e45d17fd617f5', class: "section-font" }, h("div", { key: '822e853edc98a51db24210a58610eb992361c748', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e9644fdc2265f7d7ec51a79b236c7214d4d2a894', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '741a881fbe616b7c5120ca14070c06c471414571', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '268c851dab659128b71931beefece0bd7074d611', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'a3c90262e9d95fd7de9d404a34b9f0ff79c29f88', class: "section-font" }, h("div", { key: 'e8af6bad0a57258ad525fdba509f5d0f57e1d246', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c5c91787dbda01a1996d4cbf85c77942e1f9baf9', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '84da239a56372d8d7422cfc87fa5a89387985995', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '9f07b57cefc848d8ca3caa5d759d489ff45c41db', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '3f7b9a6fb06f674a548351efb399119136a96708', class: "section" }, h("div", { key: 'fd1bfa8e454733eae30153e5f71aa70d9d397f56', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '6f9a594cff9b73e09fc22fa3ec50476a702e25d4', class: "section-font" }, h("div", { key: 'b3629ab13b35babe30902b3a091087b8fed36cb7', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3f4f45002a001581d1ade793823e5cb619f3dfd9', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: 'b50750936ce3bae3933718bf5d66592dff07f0e5', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'd857a7f814afaa41f48f6e7ec594bc21cd0a3878', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '1a3e2464b7b6d9164748581cab6feb8c34187ca9', class: "section-font" }, h("div", { key: 'b5540b1ddd11b0ef28d959a5dc2ace9be26a74d8', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1266cb1ad9ff968bfdc213321c75849d2aa640d3', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '143305bceeab199874acd8e6225dbb873216600b', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'fbe1cad16450073261340e49fa46b0ba9cf14caf', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '06de3a7465de990f5334f8581d6dd791294bb3d6', class: "section-font" }, h("div", { key: 'a1e7e9d8595257bdcf8500959e80567d512f1ddb', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3b4dcffae77fdef1807d9efcd1ea88bef8eab5bc', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '85345d618e7e2eeac979635b809dbcd4da6c260f', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'c1f16260b6f2678990d0840d6bb534703c8de552', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a21372248962e112ea284158694dad09f229e67f', class: "section-font" }, h("div", { key: 'eaf36d60dc4ef4aced54ef6ae5d7e044b914e37f', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8ae8f9c8025e9a56d9834de90263209e9f627f36', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: 'b06e66ff647609711aa8d1c18f3b8a0b7b9d2ac4', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '9f1b564600d01e668aa01420d708aa1ebefd6767', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '7a9514b6bddc2f871135cc23a8fba49928e404cc', class: "section" }, h("div", { key: '72fa33a469c6d32f663e24599e29099c87c0bd37', class: "container-title" }, "Display - Gilroy"), h("div", { key: 'edfce74707dbeffe3533250d1400966e664c2536', class: "section-font" }, h("div", { key: 'd31fef08a292b135d8dbd87b5dbaeb0eef820fe8', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '555791a60139ba48e92a89c37eea3fabd6396327', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '8c8255fca8922b155af33c9e66951874d0563c1a', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: 'f71399fe3f61baa793a81cae49969f0cabe771c7', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '3e11b6b15b0f2d8e22d32393b57f525a3efc2105', class: "section-font" }, h("div", { key: 'e3168ee87b8f6f6e4926318165bc7c2480890530', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2bab647278cda0e248e0dfa6d5e4eb788a1f6fe4', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: 'f5a57c992f418f172838b9fc2e8b16baf137b7fd', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '2990fad6544617be74ee612e8054da8c9144aaa9', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'cf730d4d90c1439ed4146ec4677c9c71c1135e74', class: "section-font" }, h("div", { key: '2007abfd30fd89a15c494dc84f1b4719b48ec266', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5894b8c14f4733a7c2b00e6008fc5cc1752b73af', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: 'bccb7fa83d49530a104258031a63b608727b648e', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '553e240c7604e4216a4ee576d773fea7238e269f', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '147fc74b249af4c6257e513fcb5270bca14f6900', class: "section" }, h("div", { key: '786f0d84c8d2f5e60399f8738e288d5b7d95baae', class: "container-title" }, "Expose - Gilroy"), h("div", { key: 'ec225830bf8d23c77190b1b0b6c50ba69813e6d3', class: "section-font" }, h("div", { key: 'a8534167692d5d032b51a724cc8195a6173e764b', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7afee38e4ce99826963daa92fcaf227089f9ea62', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: 'f570e58c7870ad8d09a1f33c57f42b1ad852cdfb', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '2928145b6a0f46a87e3a43fee77d04b3cdddd15d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '811278f5291f5d9e6064125995b17b50cd4cdf7e', class: "section-font" }, h("div", { key: 'b9f6d828d91ca7de1887a70c32d7d6eb4461ca66', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b90ef38845c7a76a79974fb43b209f951af3f6e6', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '6c1e4975d55fd1fd6d6161bf382a179a49ce8763', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '0f7d354230d34f2e5204dff843c840d780aec8cc', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '475f2ff3529458305ae51a7aadf8e8e227988f02', class: "section-font" }, h("div", { key: '621841e6ee93e29e555b07bb7d2aa8dd05479c45', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6f55fb8cbc7131f5fcd8d4b992be060e92f8e53a', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: 'a5ca2ca91c6b531d1ef01c36b1c438e8494a1113', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '4a08c3fe51e79fe78b9e7e8e68a9f030f4706058', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'ef570324f879cb1da102777e4f0f22f50811bec0', class: "section-font" }, h("div", { key: '8c6d4888dee0f215a9b928ed3ae714c1549e1dd9', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '440dbd0abfd596e78919f7f86ee8c5abca0fe3ad', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'e08a99e309fd28f10f3a6cc17e5f03684de6b45a', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: 'f967a07b2bca49d6fd154d4a37648a339ae869dd', 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: '49f908f86a1c8456e29e5eb9df56c30f38482fae' }, h("div", { key: '76717151df975c07bf787535ce38ff6a03bd27f8', class: "container variable-container" }, h("div", { key: 'cc9fd1219aa24051c6e529503221d59141957639', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: '61fb80aa8fe93415850fa192a9fcde259b0fd884', class: "container-section" }, h("div", { key: 'b02d1fb5475de42e4c5827786a74c2099d72ed10', class: "variable-wrapper" }, h("span", { key: '7d97b2ee20b40bc0366268e21e64b2219d29ead6', class: "variable-name" }, h("span", { key: 'b1f81ee828638927f429fb98c8daec8508fd6331', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: '024ac81201e475f1c157157f2eabbf8d1cf5df66', class: "container" }, h("div", { key: 'daacce553f35e32f71708905c22436cd3b58306d', class: "container-title" }, "Piem\u0113rs"), h("div", { key: '8c40df7db2eae6ea393a5a3ec90dc30ce94123f4', class: "container-section container-example" }, h("code", { key: '84076c296c28c5c09070c6694924a9c619c6e8b9' }, "<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: '17c1afbbd9c7c012d8a2904eef74a10d073044b3', 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: '2d48d671116477f31aea805f8474fe7d427dc601' }, h("div", { key: 'd48959b85e4fda456e95c2af9f7721a6534bd761', class: "container variable-container" }, h("div", { key: '8ed58486101d6551ba97caf7200568ab61cb2cf4', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: '6f414f2ad39f7382b16a70bd6dd424e42dcbf060', class: "container-section" }, h("div", { key: '46cc3ec7100ba5c332678e3fead0f9e412c54c3c', class: "variable-wrapper" }, h("span", { key: '19fce79ff81cc89d28682c3d369a6ec65f448e82', class: "variable-name" }, h("span", { key: 'dd078c3e53182fd92bf0b0d29142d849eb44ae22', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: '3a4951e64b007246f28a38f1251c4c07a62e351b', class: "container" }, h("div", { key: '0c0cb512de9618cca805240378abbe26d1c15d3b', class: "container-title" }, "Piem\u0113rs"), h("div", { key: 'ed78cb5aed43e712f188f092d692d8c56d89e2ef', class: "container-section container-example" }, h("code", { key: '0b688e1168116f8969322471fbce68feb571271f' }, "<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: '328f69c8460e0ea30ea34e5ad9ec1ffca369a38d', 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: 'b54049241bd14a6183cca923ebfe34276441d139' }, h("div", { key: '85008a6dc0c9e690e422dd17b0951577c1d7f034', class: "container variable-container" }, h("div", { key: '13bb0f3adef975ecb25dbecbd8aae482bffa3f6b', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'e9db0f6c8447b363013f79fd371d4cd7cf500434', class: "container-section" }, h("div", { key: 'd60b827782903a862a5762133498976b5fdd9d76', class: "variable-wrapper" }, h("span", { key: 'c53c3e4d00254f602ca277129786c8f69d7765a4', class: "variable-name" }, h("span", { key: '427d8798f5374da60c0ff40be0ff39058b2c7564', class: "variable-part" }, "tet"), h("span", { key: '7f39368035b1fb7d99354bc8aa5747a4a4fc288a', class: "variable-part" }, "-link"), h("span", { key: '2293e06763457bf4710a1bba9bb0dc2f29f891c3', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: 'fc03573be973a2cc277686f2194f69afa7935b3e', class: "container" }, h("div", { key: '5d17c772d43c03c2ec95d1a2f949bd773f364665', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'b2e3e20e475d40a2087a0af3fb648993e2e081c8', class: "container-section container-example" }, h("code", { key: 'd021151b64139bc63478c2105e5b798b2b9e488a', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: '80b6eb6c5ce82526b67e80f3d76236055e104288' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '04500b78b9a5f43d886c00b04f27953230265066', class: "tet-link", href: "#" }, "elementa")), h("code", { key: 'ae6860d38381b2a87fa9c4380ea8a9b3e4b21252', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: 'c2abbc5f8b15698e9acf80bb00ec814e6e67a362' }, "Link klase ar bulti\u0146u uz ", h("a", { key: '54248850d72eedc5b5f8943beb7b1094e76e37cb', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: 'ea9dc4d8d1f6d1bf9f55f9d26a24ab2f5f1ec251', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: 'a188987864b916e9f8dd834bd1edc1682dbeabd6', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: '5fc8d971d55f4d2f01dd6fffbb2f38f7d9c4154d', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
+        return (h(Host, { key: 'dde07ad3fa14360a4f0f49bf5153b7e36205299a' }, h("div", { key: '83770e4a55be5cfedd7a5580d41a7fa49cdf990d', class: "container variable-container" }, h("div", { key: '951f815f8deefd5af3bfc805fdddfb01c48a5539', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '47138abdcda49e65645c41c49c00a399764d8f5b', class: "container-section" }, h("div", { key: '7c26d92504fefe2ab45234f650ae45b62c59b149', class: "variable-wrapper" }, h("span", { key: 'cf6308f74ad8c494c1a8764e7d0e82228a7e25b3', class: "variable-name" }, h("span", { key: '51eba2891d672a1d6fc29b2602acec18d96cf520', class: "variable-part" }, "tet"), h("span", { key: '15fa823dfc7aacdd92f32a1ef16273a95b2de047', class: "variable-part" }, "-link"), h("span", { key: 'cd8f7f78efb59b5db27284a61921844b99f5d75e', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '69755c73e7ff369f68ca28f8d21302cdf14102f9', class: "container" }, h("div", { key: 'c9bcafa3371b0228909d3e89584037293abb5e8d', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'cb3c42f19ebbc4c80b2b927a66469650e4ffcc1f', class: "container-section container-example" }, h("code", { key: 'c8a72ecd91bd809e751144f90843ea3d00baa0a3', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: 'b1538b0cd9102b254c42a570b27e84a27f91e02f' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '5f33a178b4e92c5df83aa799d27d040df6f8ccc3', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '69c19dde8020592f75cc28e670193d8bffdaec4e', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: 'dbe5959bbcbeca1ef7d1785b8cd737476536ea46' }, "Link klase ar bulti\u0146u uz ", h("a", { key: '721de3c3edd14311fd96aad484895d3875d0dafe', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '2314470116a0fb9eb595a4af0ac79149712011a2', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: '3e7dc48ed7ebe0a2cea460f7c1e279a21488d1af', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: '483344196c3227c00b08f87fce1f50a2cc8ce8f4', 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: 'adf962439b86d11a5f770000568b1e9386518fcb' }, h("div", { key: 'f97c2847a4d6acbfdcf5ecf92fcc1c84df1911b2', class: "variable-container" }, h("div", { key: '34589a062f6f5c3627464c476d03ab6246a5fc45', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: 'a812536ed8f518cde85cca210823c4cc3d5cf24f', class: "container-section" }, h("div", { key: '9529593ce9a53edd729667c388020235d6b21a1e', class: "variable-name" }, h("div", { key: '1dddcd1d886c3c4f7a16f88219b8b49589458f0b', class: "variable-part" }, "tet"), h("div", { key: 'f784b841f8e4960455f82dbefaf126d780217e18', class: "variable-part" }, "-spacing"), h("div", { key: '3d1d6a6e6c375d1a7a48e3fbeace3aceafd33b5f', class: "variable-part variable variable-size" }, "__md"), h("div", { key: 'ba0f7c92e8335baf7579e4ac437038698a4e3d67', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: '943229c31c6b9da9e1915b013463813a63caa379', class: "container-wrapper" }, h("div", { key: '01ae3e83cf51d36a6323274fd4cc57715cf371e3', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: 'a21e1502b1fa326ae116a604e66b4bd95e62f191', class: "section" }, h("div", { key: 'be5e34a9badbe3e8c760c250250350ce075eb53d', class: "section-wrapper" }, h("div", { key: '9e9a7405d13296e79bd5f46979ea341617c8566c', class: "section" }, h("div", { key: '21e9203c0a651ce225b6aabfe5867a22c0860f2c', class: "section-content" }, h("div", { key: '954352196b6fbc16026b2a758639a6faec37e78e', class: "section-style" }, "__null"), h("div", { key: 'e30316bd2cefccb8b0052b4c9bcf070b92fe2e13', class: "section-style-attribute" }, "0")), h("div", { key: 'eb4e38c7ac7a3335e6ab43c9ab2d4fa77228db32', class: "section-content" }, h("div", { key: '4bf8fceeaee62ff19f804c272d3eaa6265ed5b37', class: "section-style" }, "__3xs"), h("div", { key: '70c7bd04d4a207b8be93ecca2c8f8509a0b3a00b', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: '7c4c5f28a5601e68485034c7ef4bc1758cee7e8b', class: "section-content" }, h("div", { key: '2ed994ff2d9e3a098debc18ce31fa1c316b09834', class: "section-style" }, "__2xs"), h("div", { key: '5407e7175fa1618702f7d124762a469adf6febe5', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: '3c1dcf7e1c6faf73853ef882ad1d669efc156019', class: "section-content" }, h("div", { key: '88c03f46ec54d297b7e7629b10ab70b7af8f0418', class: "section-style" }, "__xs"), h("div", { key: 'ce7d469c5c416b840315cd90e373e8e1fd30607c', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: 'b1076d6d58264f99658cc7a83f1dfa43a58d9073', class: "section-content" }, h("div", { key: 'caae37dcda53cc77e0af84bd79e2a093c0c9e0cc', class: "section-style" }, "__sm"), h("div", { key: '1431eca5196de916891ddf4780e04ec9bbf38513', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: '2d2038dd6a09d7cfc5e1e80b9d9de9a7b70560f8', class: "section-content" }, h("div", { key: '615f11bb2537bae9a62800cdadc0b5aba241bdac', class: "section-style" }, "__md"), h("div", { key: 'ef23c973572d587f63570003b83bd7e212092523', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: '198d4262751e6dcc9c69f30754e157374dbc051a', class: "section-content" }, h("div", { key: 'be220f3a26bd9f695d68b39c33960a07c3e9ac39', class: "section-style" }, "__lg"), h("div", { key: '569be8b68bf9a21a17de6b61b3096c83558d5110', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: '76cc531f0594f826d6048ab81d999558dd7e08a8', class: "section-content" }, h("div", { key: 'c7aac3399f33e7caaaa13edf24fda77777e375da', class: "section-style" }, "__xl"), h("div", { key: '78d4ce9413f3ecf5d179a14943de23667621ff5a', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: 'bd0fda19373b7d87a7cf9880540aea74353a2cf0', class: "section-content" }, h("div", { key: '71d6de0c03c4934adfae380c0df8519aca4b4f9a', class: "section-style" }, "__2xl"), h("div", { key: 'a401ba385fecc66efb0479feb219b428c6ece7a9', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: '6db05e3952b22c8235c0677c9133e35a9a9de7ec', class: "section-content" }, h("div", { key: '87ce8a00c7cb9f0d1f726958a66fe317dec6e683', class: "section-style" }, "__3xl"), h("div", { key: '72503a2152b6069fe30619f88af27c15b1861517', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: '2efa297c94a6250261b9723a8aea09132ae6bb30', class: "section-content" }, h("div", { key: '74ef76ccff04f3da0dd974d70f47844e969a6cf2', class: "section-style" }, "__xxl"), h("div", { key: '8463e9c012007b2b62a0b745b3f66d5dd57913e1', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: '3fcf6bda780d90c5aab7188f67382d4709329792', class: "section-content" }, h("div", { key: 'ac64087ea0d6589fb3f3333d30414733084284fc', class: "section-style" }, "__2xxl"), h("div", { key: '17c6e6b5de5e69540f64098432045b6c0472f9dc', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: 'cdc8efb7c53bc0f23b4dc4cbe9611ce4138606ee', class: "section-content" }, h("div", { key: '22b88f4acb90527b9761f56d22028ca333442d8e', class: "section-style" }, "__3xxl"), h("div", { key: 'da050a60958cae5da83e4439c40d5f6bfeb97c58', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: '012098a966074e1b2c59475ad27b919f082e3b3c', class: "section-content" }, h("div", { key: '8d12f151fb8309b18500ce66cb26d724c45d5776', class: "section-style" }, "__mg"), h("div", { key: '0d6939b765909d28d3e30e94c2be8fc1ba492ca0', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: '0c7c5e1235f63256867f26b86dd2848d379b5d86', class: "section-content" }, h("div", { key: 'f33dfc94e0878deeb8643ed6aa43de3b30a32b38', class: "section-style" }, "__2mg"), h("div", { key: 'fb4946c74de1377fcf1d2aff76bee603be47cc2f', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: 'e755d18f19a6b5e92133f0780d92b4ac8f75837a', class: "section-content" }, h("div", { key: '0569e038278a183a0d252ab068ea8279f0602d04', class: "section-style" }, "__3mg"), h("div", { key: '3b311131d0b4d2b6c2cf5543ba02cdd6a440543a', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: '755dbe2767fd6ac8445547747d4e546dc6f3b98f', class: "section-content" }, h("div", { key: '0f8abed326fd3b488b0b1321970e5a0fdef735d2', class: "section-style" }, "__gg"), h("div", { key: 'f9759099099bbfaa4b88c02a4cb2517199484b24', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: 'f9e7829d888a4be9b756b21c5a5c58cef0d4f1f1', class: "section-content" }, h("div", { key: '41ae5675da032a7c22e3241093ec77f21752737d', class: "section-style" }, "__2gg"), h("div", { key: '03a6f0d4227eebc5fa2c61933a65402b6c4967cb', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '14e678b0f4143dce699874fe42f2118b1cce7c60', class: "section-content" }, h("div", { key: '94d07d536bc26b06e1eabce5d031039b8c26580a', class: "section-style" }, "__3gg"), h("div", { key: '922f2293d8c9d402ce0989ffd1afa8190b2626c2', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: '5bcb3f94440773eeacd96ede00586b2c8f2f3862', class: "section-content" }, h("div", { key: 'a2f5c34a209381aacc67bb4bef4747e8014b3b07', class: "section-style" }, "__xgg"), h("div", { key: '9ea208304808b8e4874f309d87cc9b7db8e7a5d3', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: 'eb0637a9cca3ec5edd2b861877175eb618184f81', class: "section-content" }, h("div", { key: '58f3dc73e20938a92bf39a0b7d0795a0189674cd', class: "section-style" }, "__auto"), h("div", { key: '236579298cbf4ad584dbd439cb3722d730833027', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: 'a10bc54a3d20e06e2477e3279b526e3b0553e017', class: "section" }, h("div", { key: '211d86dc4e55d0f76f3928369228c4a86e676630', class: "section-content" }, h("div", { key: '7910f6d5d52770b4df5236983cf99774ff28fcea', class: "section-style" }, "--m"), h("div", { key: '86830c22d4099b2650808cbef53278a82cd80e4b', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '94c81235b3d8ba9521ee3b719dbd550e5f3ff9ca', class: "section-content" }, h("div", { key: '62419dd0a671da81e150de7ba2000955bfbb8089', class: "section-style" }, "--mtb"), h("div", { key: '6f1482f527603c68487600ff78e5498a63be6eae', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: '25c8cb5260905222c6dd672b68bf41d5e8aaa4af', class: "section-content" }, h("div", { key: '5e19adeb7ffd75eac875cdeb96b2deefa6757ec0', class: "section-style" }, "--mlr"), h("div", { key: 'fe54ff92be0c2e265c7dd6a9dfe6a405c931d968', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '544503fed8a06ce75d4fbea90b4db8e5562f460b', class: "section-content" }, h("div", { key: '929adfac1db087749ae94c3ee65475a15085f51b', class: "section-style" }, "--mt"), h("div", { key: '7058553e2c319f34557fd2896562c9fab4501bb5', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: 'f4ad8587706bf82cba2555ff3fce586de383fbf4', class: "section-content" }, h("div", { key: 'ebd44b0a56ac2248a5dbc2a0f61daf620218ca4e', class: "section-style" }, "--mb"), h("div", { key: '9b1f812344fdba5df9ae824f5b8c4373874a4e19', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: 'a2d26a3eba8bac2ed8e82e7c2321ea21f18137f1', class: "section-content" }, h("div", { key: '91b7930e5f5d853cd5af7f02042c05af4f038f74', class: "section-style" }, "--mr"), h("div", { key: '4ab6d5c7f7734b5d3c4875cd81f496aac8b0d4d9', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '37c6df06a5cfc21c2c3f9a38d41ddd75a1c3e46b', class: "section-content" }, h("div", { key: '3e733f9149e70ec4fc1f90162ce224d0cef1b3d6', class: "section-style" }, "--ml"), h("div", { key: 'cb6eb4d436515e60966d0cb77b30769e15d2cf51', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: '0bed4bbe01fe316948d69eaa2b4e9092492d7e24', class: "section-content" }, h("div", { key: '8934a07570eeb2f8dd3040ee7a2c6249a3d6a1d7', class: "section-style" }, "--p"), h("div", { key: '2453d555f3d8aaf00244b1fb9af53e084e008f58', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: 'cba3f06d7f1ba4019383f1d278ebf0f22c686e7d', class: "section-content" }, h("div", { key: '4db15aa04833dd8e6de1ccada47285801e7afa25', class: "section-style" }, "--ptb"), h("div", { key: '983265241c476789769426977d1ccad7c1075c33', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '0cd6d52a24e9b0d720777d8b7d46d894d74b5a11', class: "section-content" }, h("div", { key: '107b658e84709e501ebf2c9159a55acf3ae42e1f', class: "section-style" }, "--plr"), h("div", { key: '1ef2bc47a48511af3af2c6147e00ad4eefa98a14', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: '148160e24451c7bdd779b2a005b7e9d241fe5bab', class: "section-content" }, h("div", { key: '27ca585c5381c15e1080c28e7d7dc4cf3ac6f2e3', class: "section-style" }, "--pt"), h("div", { key: 'a90425116299ac871808d73436e132feb1444845', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: '1682a615755e87b8dbda55079ee7e362dfa9e6aa', class: "section-content" }, h("div", { key: '32170f82b5840e86b37f994922be90c0a1fa54ed', class: "section-style" }, "--pb"), h("div", { key: '98dbcfb124e22b9387f94a3d10dc491184eaefe4', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: '8e4800770f292ead82f41d8dae4c0dc2907853cb', class: "section-content" }, h("div", { key: '0a8b491dee528e0a8a9f5f31d8c27f1ac1d3487f', class: "section-style" }, "--pr"), h("div", { key: '45a931d61ea2b6af3cff59a48cf23fd60228d058', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '9953212506fe186590f01ae1c83cf0e4a62bf582', class: "section-content" }, h("div", { key: 'e1838008aa30633839867f059f13135debe9f525', class: "section-style" }, "--pl"), h("div", { key: 'aabbffa9d39f1de94623d191cacb38efd4ab2897', class: "section-style-attribute" }, "padding pa kreisi"))))))));
+        return (h(Host, { key: 'f70f95896a68455213b57a8c3864c7b02f9acf07' }, h("div", { key: 'b70a3f297a964fa07c2f8903ff0f163d730493f2', class: "variable-container" }, h("div", { key: '48193dd663bf3f566e12e912ae3c2656fb4a72f2', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: 'd9018b28dcea6cd5fdb4b81cb631519814b2655f', class: "container-section" }, h("div", { key: 'b62b90d97b0829e3ce0d7b9036e67ace712b1fd2', class: "variable-name" }, h("div", { key: '2fd3791d64c52c0607b512d486d4c0eb197eec80', class: "variable-part" }, "tet"), h("div", { key: '7a239ae22337cc60d2127237c1bae46325fba347', class: "variable-part" }, "-spacing"), h("div", { key: 'b72dcf53e16e88d69277df7a7e7d7a578c6a7851', class: "variable-part variable variable-size" }, "__md"), h("div", { key: 'd069f259150f190cb3e5aadd6277b55f9274986b', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: '077cec8aff09f0a58fa859897c4c99411dae08a1', class: "container-wrapper" }, h("div", { key: 'd1a62392c0b4178eab230f1a5d9006fd749790fa', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: 'c0be1fa35364e33287b23cd3e6b956c57ae87fe4', class: "section" }, h("div", { key: '3806a80d50f40565715e5e90d2f7611636024686', class: "section-wrapper" }, h("div", { key: '67a137f2a961b0b23d113bba1b9794eb275f56d1', class: "section" }, h("div", { key: 'aeea50b56b370ba3a855deeb0ac60b302c22fc9c', class: "section-content" }, h("div", { key: 'f16e26399ef8d8c4763e69b91e37a7c546e55e8a', class: "section-style" }, "__null"), h("div", { key: 'ee14834d138d4835b63fd2eb406006d85af30ea5', class: "section-style-attribute" }, "0")), h("div", { key: '1f7c133cea85c98c36189606bebd825c6394aa7b', class: "section-content" }, h("div", { key: 'ca714e817fcdcf9b1ce73430794618223990fa1c', class: "section-style" }, "__3xs"), h("div", { key: '93544c6277f67ba7d4e4c8c6333800de1094e698', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: '0619e727d5e7a0c530af175f7bb392114284e337', class: "section-content" }, h("div", { key: '69542581f373c646fce3a4266cdc54a82b7fe8d2', class: "section-style" }, "__2xs"), h("div", { key: 'e57e7a57181fa01117c65c9f617785439419487c', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: 'b44ce79c55cc76598d0f6fafc511e894898eda45', class: "section-content" }, h("div", { key: 'a234cc8c3554d951c12b6c3e4461156c53f49ec0', class: "section-style" }, "__xs"), h("div", { key: '1756b114ee8055d3539577272930581b7b9fe792', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: '92b5b65d82fdc48dd07644fb91a80708893dd210', class: "section-content" }, h("div", { key: '677fe26a5e9040037c3470f7aff7c60b536f748e', class: "section-style" }, "__sm"), h("div", { key: '49fd87175814e083b089fa0ef3400d3a2df69835', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: 'f7f9e2b5f06b4b247cb5455933e57f44404c707e', class: "section-content" }, h("div", { key: '03fdc07723ee2f1669da93bc0dff7580b72f7c3e', class: "section-style" }, "__md"), h("div", { key: 'f10353f4b11ac7bbc2eecd6f8a0b6a0a95c78ce1', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: '56d2455e5f6200073e809df7f0281dff3ef8aaa5', class: "section-content" }, h("div", { key: '49378a51e2639b9b8e39be78ad3064d323a37f6d', class: "section-style" }, "__lg"), h("div", { key: '01d6140f4bff2fd8791dddd0cfec3a9beff02a3b', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: '2a237f93ea95888c472a701d1343ade434517596', class: "section-content" }, h("div", { key: '728f9ae5863707ae028602c3acbb04650b7d3da5', class: "section-style" }, "__xl"), h("div", { key: '3a1786c46c5e3602d7ee7f4cfe054557c281330c', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: '95f800dc872195d48cb57f3a11b28c2829736e83', class: "section-content" }, h("div", { key: '23136728fbce44aff6374a930594520ac9a8f923', class: "section-style" }, "__2xl"), h("div", { key: '93e3498146589e23ce17b5cb4b3a4f807b758a23', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: '15667f08602bb597937a419cbe57d3a1215bf601', class: "section-content" }, h("div", { key: '03e071c35827fb7d7e056909c1e60c9bfb75c6e5', class: "section-style" }, "__3xl"), h("div", { key: '536ef24429e7ce78c1f8135de9367cec21e4cdc5', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: '9b4d76d6e48cf5b3e30915e548b5d80f63d605d7', class: "section-content" }, h("div", { key: '80dfa39cda8fe5745be7b39ca3e6f5f278bc09c8', class: "section-style" }, "__xxl"), h("div", { key: '877fd8db04b66163e84bb5a83a16d72050091b31', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: '95755b7473f79974bc14a978c1f60a0885c9fd7d', class: "section-content" }, h("div", { key: 'c9c24e2426f9401b40ec1e9ac467bcc955e3e5aa', class: "section-style" }, "__2xxl"), h("div", { key: '90e00c402871c8162b890116988d1907ed51835c', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '137d53e87129e29751aad6bffb57fe6912f4836d', class: "section-content" }, h("div", { key: 'cb98211ef44a454bed3098461dceca6216506839', class: "section-style" }, "__3xxl"), h("div", { key: '808edeb6e7dab5004c468928d8a51e9313b3071b', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: '778fb5391af71743d2663937c5cd367e770ea09c', class: "section-content" }, h("div", { key: '90cc06953de5a656a6585fdfea48c33534f4d005', class: "section-style" }, "__mg"), h("div", { key: '5a95fbce47f1041fad46814f7870231d84e46dfc', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: '7b9470c6259c385a175dfe8c11f90b92795d476e', class: "section-content" }, h("div", { key: '1f61167b0dc890c26f48886f72717fbfe8a860cc', class: "section-style" }, "__2mg"), h("div", { key: '24ffe0fc838fd95184477e7d86162f30b314bb09', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: 'ee2ce765b288ef1530c153fdf6210665eb60c7cb', class: "section-content" }, h("div", { key: '988e694ed7c60dd478a18dc8661dd2c814c0f824', class: "section-style" }, "__3mg"), h("div", { key: 'c60afd539d3009e44a900306c308065d615c135d', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: 'ece13840ffc9fb85b07d92a328b29a6bf6b8d2a5', class: "section-content" }, h("div", { key: 'bcd1e1d3bcb0cf7c398354c9cd95852118d16921', class: "section-style" }, "__gg"), h("div", { key: '622805f154f6306475bf0b1c3010a18a4d4d7934', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: '999a44a1ff4a22041d90e40932253c63c48082fa', class: "section-content" }, h("div", { key: 'd4a4b5d1e14cb3691f6beb45e216f202e6df1e4e', class: "section-style" }, "__2gg"), h("div", { key: '9c8e99c9e26a8967011a5940080985288b269b12', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '9cd1607ff326fe5e5744b4d8aa9479c2f5ac65b5', class: "section-content" }, h("div", { key: '953167acdd92d97cc60533d941c9081bbb2266cd', class: "section-style" }, "__3gg"), h("div", { key: '533b5b156c0c2ca2749da82a11b06b89035a8d72', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: 'd378082d6500d67d3413be9ac2a37ffbcb81e1d6', class: "section-content" }, h("div", { key: 'ba44e9358239e33c4e451b76411e25ac464a6ea9', class: "section-style" }, "__xgg"), h("div", { key: '5a9e1060b1e035d7e8d405c800c5341ea7f0702e', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: '1dada9b02ccf4e1ac6991ac9d3e3bd9783ad45c9', class: "section-content" }, h("div", { key: '04ed099a3315c2ecd0442346f07ff68801f701a5', class: "section-style" }, "__auto"), h("div", { key: 'e48b99ed0b1bd4447d01550227b5e4fc23426aed', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: 'eeb4f9d284a687eec8628db8aa7542f25adc7bd7', class: "section" }, h("div", { key: 'c189d90a79778f6b6bef332967c12a5c4d9de741', class: "section-content" }, h("div", { key: '6c8b25fc83528ce31301199d4ad36c39ecdc4314', class: "section-style" }, "--m"), h("div", { key: '0e9ff407e00dd31dd354c8c9bc3e47b7612a7391', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '449b90568f2a884d8dc1cb5b0750894d5caa052b', class: "section-content" }, h("div", { key: '951aa5813467dcaace68f524763fe0480cfea63e', class: "section-style" }, "--mtb"), h("div", { key: '8f2b5feaab6588d6fc15caa9dc89d5d46c6b1a27', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: 'd18940dfcb29ad8d17f435c14eecb370c8964ed4', class: "section-content" }, h("div", { key: '5e4e0369c527ee20f2c456627139667c5b94d926', class: "section-style" }, "--mlr"), h("div", { key: '4947da62255252c6ba830f38cf9ca353c5c4d5c6', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: 'c1bb6365144fc2247199254b71549b9451fd4576', class: "section-content" }, h("div", { key: '62cc70a840c1bfc9e6201b7bd5149d148e68ca1d', class: "section-style" }, "--mt"), h("div", { key: '9f417b3ac04e4a913078740e03af46b485c00abb', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: '22cc0f56350655eaa1324f3ec9a6219e7ccc3d36', class: "section-content" }, h("div", { key: '86a6c1fe0f0ce620a19a9e3cb1adfeedc68970bc', class: "section-style" }, "--mb"), h("div", { key: '8f34bb33a3fc2b7e97d52a04c53a21e1dfb6d3a7', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: '67f1d07b0ba1dcadf62364e62d7330baaf64c394', class: "section-content" }, h("div", { key: '38c50bccca9742aca919f6770a8a50dd7ca06e25', class: "section-style" }, "--mr"), h("div", { key: '0e96a1bfb0cc7168942d110ec5139a58831c3ee3', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: 'b64ace6a7a298928537860d06ce033cc0f0b2630', class: "section-content" }, h("div", { key: '4e24a25217323a55873127d997bc3e3265c6d508', class: "section-style" }, "--ml"), h("div", { key: '6b7f54247fe8bc9f7e28bc10dff6081d46c68a95', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: '71dc035e238bebf4187dc655e418fa1a9e0a59b8', class: "section-content" }, h("div", { key: 'f47a784b4b7a3d465be8f6a2f2e4e94112486d3d', class: "section-style" }, "--p"), h("div", { key: 'b0cd0786ae2c81bf4b665fdf38a97c48534e922d', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: 'aa0e2eaf26a5ba9b011d408cc4b7e1cd340e95f8', class: "section-content" }, h("div", { key: '6c1e7ebca21f6f7e4199dd0fc689cc2507baa503', class: "section-style" }, "--ptb"), h("div", { key: 'ee815f2024108584abfc4e9baf46bfb3608ac4b9', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '58fd262a6d228025fa922fb5383f4dba041ec8eb', class: "section-content" }, h("div", { key: 'a63f18936a0154950c3216a0808b434bd34f27f6', class: "section-style" }, "--plr"), h("div", { key: '4de221b55ff5e75d7684e4c42d0e06f81efb0aed', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: 'ff32b2b0e254d95eb1807b48f34e7fa41dc20ddb', class: "section-content" }, h("div", { key: '25a1a537e7af555e0af4c5c0743cb059bf79127a', class: "section-style" }, "--pt"), h("div", { key: 'c98da2377941538f5b0e15337f93e283a269d334', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: 'f7292337f3e3536a9510dc307cba57bb0df80154', class: "section-content" }, h("div", { key: '07dbafcab80812e81b726d95c3ae17e124f7a0ad', class: "section-style" }, "--pb"), h("div", { key: '1e7d06d67134e7642b9066bdf80dc16593527653', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: '3cc9f56962deea05998c995b84bb8dd1b0536b70', class: "section-content" }, h("div", { key: 'a4278c72aeea5e24f0c98e1949d8aa6a4cab017b', class: "section-style" }, "--pr"), h("div", { key: 'ce6e7c01c057ac7282f89f3f3ff657cc8b748c34', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: 'db961a808b15eddeff7e723588c7586cd1414374', class: "section-content" }, h("div", { key: '5af23f806242583c6ef66530343fd59ec24a326b', class: "section-style" }, "--pl"), h("div", { key: '077e185e8e613973fef48d96d27ac68c892c95ac', 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: 'df6440dbeb18ace843c845736da24abd303f9c86' }, h("div", { key: 'aa724d225537729cfe21812b38c2009185a329e6', class: "variable-container" }, h("div", { key: '61389892d0897cb6913860cfe6b292b87ce53994', class: "container-title main" }, "Grid klase"), h("div", { key: 'c76c1b3faf94aba9a8ee009ecd79d5061c9f5cea', class: "container-section" }, h("div", { key: 'b2f27b0ab5d735632c1b9bb3b57af3a547e9d774', class: "variable-name" }, h("div", { key: '7b45b57956fd9ef408f1ca4408fb4d50b2b3f6e8', class: "variable-part" }, "tet"), h("div", { key: 'dfb2398ee62c87cc246ad69e98453edb04bdd4ed', class: "variable-part" }, "-grid")), h("div", { key: '723ce920a10cb21fa1e7f8904df7bc11c096d344', class: "variable-name" }, h("div", { key: '3f4dd5ee5e82a2d0def221debe3d3456d5ce2cda', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: 'fac89b08ee8740945a3abcfc62aa1c42d4efa241', class: "container-wrapper" }, h("div", { key: '0ba08d07d8a499d30df4e2d57b9042f74a4dac5c', class: "container-title" }, "Grida lietojumi"), h("div", { key: 'd2d365e006ee09bcd309c5020f1289bbeb5949f7', 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: 'fe523b0543d9317f008dff0dd8c0b83432b1884e', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: '6126b9a34774807f0bf18a8c6ad358640ed5383d', class: "section" }, h("div", { key: '9a91939e63658c7cde861fb32c81600083fd623d', class: "section-content" }, h("div", { key: '86474e7cdbcd0adc6ea98890412925e995d4c5c4', class: "show-grid tet-grid" }, h("div", { key: '644aa3aa157146dc54888d41e28b46c36a0c023a', class: "show-span tet-grid__cell--span-all" }, h("div", { key: 'f03b56ba4d63af4aabb753bbeb46110f4506bee6', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: '663a87d21f8c6118c02ccff2ca859fe626269a7e', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: '4906afecf9cec53fb0f12f908a4456bc677db977', class: "section-content" }, h("div", { key: 'b62be5b78611b9c6ab521220cfde2e835351a260', class: "show-grid tet-grid" }, h("div", { key: 'e2764773b470ee4658d55332d4298e1b86615af5', class: "show-span tet-grid__cell--span-4" }, h("div", { key: '6faa39ebee2723ee1f8968b86a5361b74abab021' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: '4bfa9c8cb9704fbc94c89757a5cae3d270b1fe11', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: 'fcfbc18c002cce5c30fb3ccc239b7e9ebcd4b978', class: "section-content" }, h("div", { key: 'd94752c23c20e8f6453e26dcff3f5b1c5547a423', class: "show-grid tet-grid" }, h("div", { key: 'cbff104e61e9f8ae8971f055ee607468fa3a2e56', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: 'b81c83cf2f0664d878be7fd6d76fb4dcb5743af8' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: '530a7eb0fdfd79979b585842866e4c8cf66ac407', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: 'f83c1e60d4628591864cd514dedcdc90683f7cf3', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: '61e8214d9871a8132b6998bc7c6df63e1f170f21' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: '0f52d0281189da4fd4b74a404a0360cfeada4f89', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: '11e27c95a6f67cc18f5b034ea7eaadf3f7709471', class: "section-content" }, h("div", { key: 'd06e6ab68a58612a7a0a46e042b390ed1fa1939e', class: "show-grid tet-grid" }, h("div", { key: '1a3c4906072d1598ff762dd65bdeb7aa9d7459d2', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '8dbc3a7aaab1367d96979ea2b1cadc9d97fe7a05' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: '413d38d6c48c0a761d51bbe8d53b2f357d143a35', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: 'acba79ba5cdf35f1ecc60bb483b48d34f0746cc3', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: 'd5a8c25b6b72fdde563d5197190562a6a8bf8785', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: 'a0a985fd093344f575a8351ddeca409020c77261', class: "section-content" }, h("div", { key: 'fc0d8e0eb248dcdfa5dd1478dd641b3d734f1bc3', class: "show-grid tet-grid" }, h("div", { key: 'dab1527db52e9f26cc59fe2ab6a131903ec5e7d3', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '9d8cdb97c92367151aa5a019caa18e81cbcbec67', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '04ba9d854d77f680acca1900b009d7b57c94245c', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '7528fa834c2ffa78167cae76cfb2f49c91888322' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '4addecd261309c126cdb427f449dfe46ef6839c6', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: '28699a83e7c46515145cd67ad1851adb106e5ce0', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'cc7a1390b0a81ab8ac4e86c9c8ea9cad2c7f3d16', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: '4988bdd9eb046e47dbdbea5089bdad57a8a921a8', class: "container-wrapper" }, h("div", { key: '61757f530bec37a32d9543f3059a5e4ea2f2d21d', class: "container-title" }, "1920px breakpoint"), h("div", { key: '88a7f57c48b2048afc2e2f3b0dbe68f9d2ee363c', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: 'e50fe9a0aebb1b21d6bf08a3882013da49e92660' }, h("i", { key: '0493266693342b1dd137f92b0f826f365bda8394' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: 'db8fd94ece5e455cf9eab2338c8fac85315f099e', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: '3f34a5339527f7fcb9b399f6cf51d7c6624ad4e4', class: "section" }, h("div", { key: 'ec3d6e141968e82cb09eb4be8854a55c4518ba63', class: "section-content" }, h("div", { key: 'aa69eec3dad7a39e33cfc3552a4472b0646bbfd7', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: '98e272cc46f9fc39133a4e03a5804c5a9915ec86', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '3b5dfa8506779e595c8a80003170ec933eaa4dde', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '3266fe4346bbf11290a34367e4d7e03ab34c24e8', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '205195a51f9c08c43af85d65307bcdf95cb4be84' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '7a1ee2061e2749ec94596ca58e5faf0fd730b981', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: '5aca2b5861a6c2574c4d5f83cfd77fa1be873f34', class: "tet-grid tet-grid--gg" }, h("div", { key: '299edf6acf273dd75370260b1787b21c0ef7cee2', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: '4e3d7e3ace33a53d688928460cf74052f0c0f482' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: '5e13704ef49864fa7cd47bfa08472a44c80bc791', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: '5d4c9f85174b84411ad2250fe3e93dc1bbdab5c2', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: '27c44bf60879e6e4f0f6281d48ea79c681c67e26', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: 'f878b4d0761a1ac9080b16e3ba691b58e5c4d2b5', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '202d878ebdc0789239476a517900995ff812abd9', class: "section-style-attribute" }, "tet-grid__cell--span-2"))))))));
+        return (h(Host, { key: '42eaec72b2d739af319db3e34b9e0704232dad6f' }, h("div", { key: 'c8654b4f2920c2a490620c6e7dde8e3ff1e48e18', class: "variable-container" }, h("div", { key: 'acf610f2bdd31ba3cb48f4a0534f2a06e46704b7', class: "container-title main" }, "Grid klase"), h("div", { key: '715f785e58ae9b2eaa14329424fbe55a94b7f0ab', class: "container-section" }, h("div", { key: 'dc8bdfe73282a3c91cdb518cc95d86899e81449e', class: "variable-name" }, h("div", { key: 'ca5f51ebc9ee76b80dee2a8be5c1a5fd23a29b4e', class: "variable-part" }, "tet"), h("div", { key: 'a4de976e915f908d1c20940577df3392ce485c80', class: "variable-part" }, "-grid")), h("div", { key: 'e893a0f3873bd8497fb7e1cd5494391673248879', class: "variable-name" }, h("div", { key: '6828842db68781dbe2b1643c8e30d742ae35f46b', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: '2f3baa2fcfbc35b4a55060b55635741269d6d4f7', class: "container-wrapper" }, h("div", { key: 'f6757d36667f803647fbc19a60c0524074739bbc', class: "container-title" }, "Grida lietojumi"), h("div", { key: '47e03988a3ee81a2f81ec5f5a10d1fe45eb8ab0b', 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: '874b1e30043dda3cd8ebc255daf42a92b1b543ce', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: 'ebc977f60090ae5baba46d5d5b4f287fe7a22201', class: "section" }, h("div", { key: '16d33818951f0f1fc4d4b96f45da0b9cf550c26d', class: "section-content" }, h("div", { key: 'fdf4ee0355bab626d9c2522fa393a381784ad803', class: "show-grid tet-grid" }, h("div", { key: 'd5bc27465c2abf077f75561618e9e5799e9ac4b9', class: "show-span tet-grid__cell--span-all" }, h("div", { key: 'e1172d806446c3ec73b5bf7b9d0253f4b499928b', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: 'cc0e9fef98517257d7e8826bcf9851c56650b995', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: '6d22786d2972fb917fee3dd6701f06bcc5776c5f', class: "section-content" }, h("div", { key: '8a309babaf14e4972b370aac28ed81ca157cce08', class: "show-grid tet-grid" }, h("div", { key: 'b0a73e7494b9c28f4e7a563be6e3c6daf6b29a38', class: "show-span tet-grid__cell--span-4" }, h("div", { key: '4058834a41ead7eb9e4edf7b398e22ffc8ae6638' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: 'd03d5be77b4dc453682f25244523def23590289c', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: '11ee8ebf88802691e089d342b734848ed1a397ef', class: "section-content" }, h("div", { key: '3c2f06ebb56441b2f0b4c746c72b34a46e4aba72', class: "show-grid tet-grid" }, h("div", { key: '53c7321ef728596f4561ae3ac4ee4acbf4761ac8', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: '7b029225787f3a5c0d09d281ebe0566d5a470ddb' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: '93154d382678a398f6f1361fba055e27e3f252f1', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: 'a5c3756e317abc5df15f942a830e1b188c15c174', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: 'aa3d79ed541cab1f66e491c382b9222fd97a8c57' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: '1898e3a0fd8552fcf239a5b51ab02cbf66ee15a5', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: '9c49b442d912917e213f87e405338283dd5480b9', class: "section-content" }, h("div", { key: '55f31aee21cd8850aa9e2cdf40482d3742fdf9e2', class: "show-grid tet-grid" }, h("div", { key: 'a0cb708fd6e86c5a58b78828c898a39e5cbf7778', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '7fc2fe6a00ee11e570c117c7e7a4e75e6bbcc4ee' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: '455c7a54913ea72f300d31cc1ef54874cbc3bef8', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: 'f737187e5a9b45db652d615abdbfaaee47c99972', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: 'b250708414992e9b75644e57e2c1fcf781feb807', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: 'a6cb9fbe612af0eaa25ef73756c717b7b905d87a', class: "section-content" }, h("div", { key: '72a3c6c4a079b00b72afaa80c1323971dbc8c218', class: "show-grid tet-grid" }, h("div", { key: '470676d09d699e38d6857fef8591eabc804c4086', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '581cb56f79b6c21cf2f949780c385f869c42f281', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '9167cfaa2d446e1c21342d3b90e2c386426b0c8e', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: 'b6dca397d2a8493d9459859d1a37c803d6bbf9b9' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: 'bcdd1a856b42f9768d32d68026d88feb15179a5d', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: '7c51ce0b935e785ac868bde4fe68dcf84776a280', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'b32506bd07620b81a9506ffc114322023cc95458', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: '0146bd548a657c4998eda0e2dca47ff5b4ae1152', class: "container-wrapper" }, h("div", { key: 'a22ef57502918521402acf09087daa95abeb140e', class: "container-title" }, "1920px breakpoint"), h("div", { key: '9c8d3d28c46d90223bc0cec5c64e30a885af8938', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: 'f5968ac45b73eacccc3c561b3fd4dfda1d706080' }, h("i", { key: '2d0c4114b94dc3f8938eb834a05c9b24c8922388' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: '4cf246a5d7fbafdd77c616961234e09daaaf9a8b', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: 'd535c7269eb044ee1c71563d9f423f91aad6ef5a', class: "section" }, h("div", { key: '7afd4573ac204e198373a855a51bbfca83440cc0', class: "section-content" }, h("div", { key: '4a6f905162b0afd8331a1527e936d41b867ae50b', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: '76e554b1666a54a090f9318a76ef8acc3caa46b3', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'a8d5744939a25860c633241e88bf8336ec1729fc', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '35e62f394109cd1e0e851b5885faf50fbe72bf21', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: 'd7056a999544fd208cb0125cecfa8c34b968f519' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: 'c68d201efe3022e56fa4ded8fffee2523c6b7d6c', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: 'aae682cba9c45c02ef3487051b46ee1774919422', class: "tet-grid tet-grid--gg" }, h("div", { key: '660adc3ab5571f71074d99ed79eeaa7b286717de', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: '32ac834c0e3fdaf230799221b506da0ea22e4b83' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: '656df3db1e7e555204175c7da8eade6c18fa5cb0', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: 'a51ac6c032569cc5dd845e7ebca846bc33be13ed', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: 'decde2c80bc915f9cfe2d1847fbf99a72376156b', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: '6e0f250a8a35756cd182b87a05264bb657169700', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'd3c658f914c60ea0bb4957ddab3828f0ff55b64c', 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

@@ -66,6 +66,7 @@ import { TetSpinner } from './tet-spinner.js';
 import { TetStepper } from './tet-stepper.js';
 import { TetStepperInput } from './tet-stepper-input.js';
 import { TetStepperV2 } from './tet-stepper-v2.js';
+import { TetStepperV3 } from './tet-stepper-v3.js';
 import { TetSwitch } from './tet-switch.js';
 import { TetTabContent } from './tet-tab-content.js';
 import { TetTabHeader } from './tet-tab-header.js';
@@ -76,6 +77,7 @@ import { TetTextList } from './tet-text-list.js';
 import { TetTextarea } from './tet-textarea.js';
 import { TetThankYouView } from './tet-thank-you-view.js';
 import { TetThankYouViewV2 } from './tet-thank-you-view-v2.js';
+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';
@@ -152,6 +154,7 @@ const defineCustomElements = (opts) => {
             TetStepper,
             TetStepperInput,
             TetStepperV2,
+            TetStepperV3,
             TetSwitch,
             TetTabContent,
             TetTabHeader,
@@ -162,6 +165,7 @@ const defineCustomElements = (opts) => {
             TetTextarea,
             TetThankYouView,
             TetThankYouViewV2,
+            TetThankYouViewV3,
             TetTooltip,
             TetTvGiftBlock,
             TetTvGiftList,

package/dist/components/{p-6d2030bc.js → p-08f20a97.js} RENAMED Viewed

@@ -38,7 +38,7 @@ const TetDatepickerMultiYearView = /*@__PURE__*/ proxyCustomElement(class TetDat
         this.years = this.getYears(this.internalDate);
     }
     render() {
-        return (h("div", { key: '768970c71b22cccb2141c409a75272f8735e7ad2', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '5d44d96f15909feb53a1d47e65abbfcbe0113fff', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
     }
     static get watchers() { return {
         "internalDate": ["handleInternalDateChange"]

package/dist/components/{p-bd462b2b.js → p-3c2b7a19.js} RENAMED Viewed

@@ -757,31 +757,31 @@ const TetRangeSlider = /*@__PURE__*/ proxyCustomElement(class TetRangeSlider ext
         this.updateProgress();
     }
     render() {
-        return (h(Host, { key: '40d5bac2a2edc5e21bfea9078189df1a9d924779' }, h("div", { key: '85bbcd7fc16fa3ced276b1b8fcaaa1c996ec83d3', class: {
+        return (h(Host, { key: '76cadf4c30e046936d1103a8ec3be587301fa2e5' }, h("div", { key: '14a5b23d881f9eea91d36dac4033ae716ec74b95', class: {
                 'range-slider': true,
                 [`range-slider--${this.containerSize}`]: true,
                 [`range-slider--${this.type}`]: true,
                 'range-slider--no-controls': !this.withControls,
                 'range-slider--no-input': !this.withInput,
                 [this.theme]: true,
-            } }, h("div", { key: 'f367ab40fc73fe420f5c6d9dd39b6ed4ba83c9e4', class: {
+            } }, h("div", { key: '3deb90476beaba909352d3e373261d445987161c', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", Object.assign({ key: '81bff2d45e9788cc43d3943c4e5e5af58ece1418', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel }, (this.containerSize !== 'large' ? { inputTabindex: 3 } : {})))), h("div", { key: 'dc248bece909a8c60c9369a5c02710c19739771e', class: "range-slider__container" }, h("tet-button", Object.assign({ key: '5f52d74c30c1aacf25ceca9adf2576539f1d2f9a', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", Object.assign({ key: '71b554750afb371a9b9d6d4301d70e9903b81b71', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel }, (this.containerSize !== 'large' ? { inputTabindex: 3 } : {})))), h("div", { key: '940c744414295ecbe9395e51d193ec234929e4bc', class: "range-slider__container" }, h("tet-button", Object.assign({ key: '41d4a79a194a643b57a7fafe267ea1fd6bc85659', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--left': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), h("tet-icon", { key: '5b37183063a25de34acad0d17ffd691ad2b56e29', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '6be4b469d69587f17c401aa64491c94562479566', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: '02898b552f0d33b0eb26561d3fa7b5059ea21615', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: '19641b9cc8e0e8080b8cc72b71f7bfd479d69f78', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider" }, (this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 1 } : {})))), h("div", { key: '68189c42742aac7c0da40c7dd78169b30236d5fc', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'db1d944cb587fb9e3b25d8feff9c006040a8fcb8', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '53b661cc8295b8c08add52f8c0f73be041c3af40', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '556517fc1a060d7364d065484a249a66b680de09', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), h("tet-icon", { key: '9fb67d645785bf8e19216ef6cfb7f25d3cdd2b05', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '7bd9584baf224e8b32643c01f9482405ccdd0b73', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: '58594cf3c4c7faefdd7e1fd60fc16e85b4165860', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: 'b91c6f5c4be9d49ab30021478d9d08aade4429ae', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider" }, (this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 1 } : {})))), h("div", { key: '6569ccb69b5db541bb0f59e5c26d9892b7b7bf1f', class: "range-slider__track range-slider__track--background" }), h("div", { key: 'ac951e15df9660b44f23c2a3ac6140074bfee08f', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '110050353c13290324668064cecfc57745aedb9b', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '6852068928121c4b4c4fec2cc55c574b4654eb06', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '29ca9411beb351bb133c08d8380a9787b8cc421b', class: {
+            } })), h("div", { key: 'a5d78efeeb02a3e168f56bd6d5e5f42e5719a703', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: '571823123eafeda4a30de58fc12b706972a454a2', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'f33f2621104bf4ea7f8ed6c753892ef6211ef2b6', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '60bde733268c730b940be50f507565ac4ecb642d', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '63e3f16c1715d0fdd18aae37de5481e416cab8d5', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: '054dc3008e90133e00edbdca4c98bdcb55a7db1f', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '0c305adacd23d17ca2323848d05874cdaebc7f17', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '93d40d8b94c508a176bdcead35f72662a4ac6ca0', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '5fad29d0e1df28073d1e6e05b4a2fc085721f46d', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--right': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), h("tet-icon", { key: 'b981e749c91150f944d022701310e2a64fb3f3b9', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), h("tet-icon", { key: '623fa80cff859e6b95284a1e3bd3077e54a78805', name: "add", class: "range-slider__control--icon" }))))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/{p-f621eb12.js → p-64a1709d.js} RENAMED Viewed

@@ -125,7 +125,7 @@ const TetStepperInput = /*@__PURE__*/ proxyCustomElement(class TetStepperInput e
      */
     render() {
         const { onMinusClick, value, onPlusClick } = this;
-        return (h("div", { key: '228c8f85f8e54f6f02e32f2ff9b9866f1b938fcd', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '21ecbebfdb2d09c805be8c673c30bdd6884ada93', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": translate('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: '3db5d37c729ba70c16f00d1af6bc9da6d4795ad1', name: "remove", onClick: onMinusClick })), h("input", Object.assign({ key: '290b9ce9cc812c11501e4e2a161ef0c16cf0fa0f', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: '1e854519dff317cf704306d3e7a4027ef5bd066b', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": translate('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '3d09a2773a6e1b8407a1290d74a1b1f3e9d5d1e3', name: "add", onClick: onPlusClick }))));
+        return (h("div", { key: 'e0d5f6335a018289de417ef8429e9721b322b254', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: 'b0cf8e4764ef907d8131429d8142453c86b70991', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": translate('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: 'fab8bf2e83054bd219cb8a599a9e885871003be2', name: "remove", onClick: onMinusClick })), h("input", Object.assign({ key: '32dc412f591c027a01b47a700ef6656c9251e300', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: 'bb7ef44dd5b96cf4790fb7fe7ddbd1d79e95e299', type: "secondary", iconMode: true, theme: this.theme, size: 'small', "aria-label": translate('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '9b8bb509a7bdbec818705d7a073b80d34d5eaa4c', name: "add", onClick: onPlusClick }))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"],

package/dist/components/{p-ef2c876b.js → p-87f69802.js} RENAMED Viewed

@@ -121,7 +121,7 @@ const TetNotification = /*@__PURE__*/ proxyCustomElement(class TetNotification e
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: 'f47e2e40fc38b631376fc995c95b6b17ef9a7926' }, h("div", { key: 'f28de4ca9913b891e0c196a3c1705da8895c85bd', class: { notification: true, [this.theme]: true } }, h("div", { key: '0eac189810dbc1d0483a5099e2ffd63fd5c508f2', class: { item: true, [this.type]: true } }, h("div", { key: '36e18f24247faa7227eabb3a3538c14d51661cb8', class: "header" }, this.renderTypeIcon(), h("div", { key: 'ac722222084c3a16fe2a0a59c25110cd2573f980', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '558e257d50da78129470e03dec4363921aad2c94', class: "content" }, h("span", { key: '3f738797645a9fd06bd1529f8d1eeb114f434d2d', innerHTML: content }), h("div", { key: '08e3d2adb10f55394082c80dc59919ad7f8a31a9' }, h("slot", { key: '5d2c46da0b437c8208aa08cae3613292c16f14ac', name: "button" })))))));
+        return (h(Host, { key: 'ea68910ea921dcba94876825c2dd40ab4bb28e8b' }, h("div", { key: 'a88679392d728d7ac8e72c75aa2ea2adfe6ad50c', class: { notification: true, [this.theme]: true } }, h("div", { key: '53107485961bba50156440e9fe40ffd4e62a0c10', class: { item: true, [this.type]: true } }, h("div", { key: '2c89c4727d0573de9c3aab088f2d183be29aa78d', class: "header" }, this.renderTypeIcon(), h("div", { key: '40d008233eb2485e9cb79920724c7cc42dce656a', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '616a22392fb38522845a92912879478e28903563', class: "content" }, h("span", { key: '7e9d4fb1f2ac2149730aef2f4cf8def11e5cecfa', innerHTML: content }), h("div", { key: '4ccc156029288222be0662ba3a0944ac1468970a' }, h("slot", { key: 'b62acbd076c74470c120037848dba7b9624daf9c', name: "button" })))))));
     }
     get host() { return this; }
     static get style() { return TetNotificationStyle0; }

package/dist/components/{p-7ffb7b91.js → p-9541b087.js} RENAMED Viewed

@@ -69,9 +69,9 @@ const TetDatepickerHeader = /*@__PURE__*/ proxyCustomElement(class TetDatepicker
         this.internalDateChanged.emit(newDate);
     }
     render() {
-        return (h("div", { key: 'b728519049d5a6c66d0f43c8997bf4ff25202b4b', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: 'e7ba3f37861a2885daa91d83931f54806d35e5d9', class: "header" }, this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.subtractDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-left" })))
-            : h("div", null), h("div", { key: 'e1b999d9bed5be2eec5c7c7c083b82f4a71b8573', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '1d98c85536c4f917d11608d4f6c7aa60a10ac96f', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: '42893ca05833946f33455cba0b28689d9dfb1fee', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'a9b275586ae2e30c678bbfd73ed291a4a950e1eb', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.addDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-right" })))
             : h("div", null)));
     }