@tet/tet-components 1.4.84-testing → 1.4.85-testing

package/dist/components/tet-colors.js

@@ -597,15 +597,15 @@ const TetColors$1 = /*@__PURE__*/ proxyCustomElement(class TetColors extends H {
         return (h("div", { class: `section section-${sectionKey}` }, h("div", { class: "section__title" }, section.title), section.colors.map((color) => this.renderColorItem(color))));
     };
     render() {
-        return (h(Host, { key: '7ff1c6e973de0722f3baef8ee29217a50ad3e1a9' }, h("div", { key: '54abee8281d875a45484aea1bdc9c6b73d7e70a3', class: {
+        return (h(Host, { key: 'feae49d4b796690fd82fe9549ea0ee480538b6d8' }, h("div", { key: '1b5fcca0ac5770dbd6bd359c3466a50eb0a81fce', class: {
                 'dark': this.darkTheme
-            } }, !this.isTokensExample && (h("div", { key: '51ba3c2a33510b44abede9906105ea80bd303200', class: {
+            } }, !this.isTokensExample && (h("div", { key: '4beffa89fec368833a175b5941454b49e6027a56', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: '3b636d1a1d28f9cea264ce930ead02f097dac0f2', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '4e598da57c87bd723267e755d3216e248e86b18d', class: "container-section" }, h("div", { key: '3b25263f0a5b61a2347a7727ebe5a6ff8b669deb', class: "variable-wrapper" }, h("span", { key: '2a1845dcdcccde805e8090efa486d81c2261eee9', class: "variable-name" }, h("span", { key: '5d3cf0c04c19b526e790fcb2e2586e580ea77d87', class: "variable-part" }, "tet"), h("span", { key: '3e5474ebc5d000fec07c6973fc3ee5001a54efe1', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'ec3c7a8672951152048d07cce96f580977047370', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: 'a57b92a98152397fd1a2e10fa99ae4b86f48c546', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '142d9c912fdb31d72402d0bf14104b4908dfc2c2', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: 'b309a4469b518490f775488dcca5e7cf37154f5f', class: "container" }, h("div", { key: 'f213bd634bedd4e349876c76e759bf8deb19b7ec', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'da770e3fc3b563087ac6b58720a643364ca9d678', class: "container-section container-example" }, h("span", { key: '2befa96d062c207d6403c0cb81564f5d4bcefc98', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'e564467578670b301183dda2d027bebc96e70753', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '3981406726794210dcd87fff2c38c2d1063bca7e' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '34a524879b683f1ea212d7f6180b95e179105915', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '8029b9fe73cdb22ce11c1a34cc6cea84651e3e28', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: 'a7db6004b09b8b85be7e9c3ea5d578b7623e95f8' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'ec5cb5dc8e9d1c988a8541b35b2a8983fa79bdf4', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'd18157945cb18b7473d52ba8bb8e6b97f7231216', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'c72aaef7ca094894467aa6206e2e41716d221bc9' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd2e22f70561b85b4042fddb4b029d60a8b5fa604', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '3acd67e47a4cf52bdc1d5c39ff3e76e2a758fd27', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'f6182016deaa8e1c3bdd4f2ec39be56b6994ec86', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'c481c32f7addb5d9fb8baa1cfdfaac5f9b7763ec' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '72dab155578b3d0a694016263e3263f13390c3f1', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '56a086fe9f0b3ebacb083debe01ecfc0db1e2efe', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '56a7a67b28f673f88d7fb55202c588709a7f919f' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'e1631a015d8303c73d1d0698ad0ad1afc0d8e6b7', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '33cd9a44ce00854e2fb442055ec16967ce3e49a4', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '55bfe37d85748a2a71a89b46619d5fcc1fa61016' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'f021eeea0bc90baf026ce79def55d8ff0c35be75', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '44bab50e67314d4e77f779a834feaf4c03be7f20', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'f1a6036fb7602f782c2603dcbf7f16e6ae44e436', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '4b3d12dbc8d71fdfce8116553b036e39749fb4b2' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: 'ba6fa01da0e5609545e5c19c5b45120d8aa69a3e', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: 'c156d22c40dc78205a1434fe93a795e4f8ab2c2e', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '368e4836029378061daec09d809b3fd465c4e3d2' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'dfff4e61a4b813626823721a926d448751fcba97', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'b38ba6c0ac07a1b74f0ce23212319a4dc24a8f14', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: 'ee7682a37afafcf9ca7fb186ac6d8171383e973e' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'f6aad76572d64586ed52b433223deecf0734292c', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'ec1aa79ecbc1d75741dc8f71afc7e9927e38b920', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '909ba142115058debefb9a8cb9cac713064d2823', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '4fe63d60bd5dd92306a4a1954e7eb9e8b8ba270b' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '6be649f65fde55b98d734f61d6187c48d0d6560e', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: '2170a2ed0240aba1af80e614606ed3503ff83dde', class: {
+            } }, h("div", { key: '829c0b841c227155c4c963eeb07bc8cb8310eea7', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '9c3c5ca93276e7e91ca079ed52031d6310f7284c', class: "container-section" }, h("div", { key: '97dcc8192ece14fd9b84be0bc8beb1bcb847d0a0', class: "variable-wrapper" }, h("span", { key: 'f537025feaae0f9e144f8608c81dddb45895a327', class: "variable-name" }, h("span", { key: 'a656390a111fef2851212f32b00d0edc6593349a', class: "variable-part" }, "tet"), h("span", { key: '4abb4ec92cdeac3a2ffefafc12c53082c5f4aaca', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'f2290d54ca54a828b6979dfc8fdc51e301297389', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '06ad177894f83722f0f0b60fb76c39f71879d49f', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'f3942f2f9058297a9d053e695a43cc1d1f0855d2', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: '1cd0a189367cf6e93e30a53f36792af23c2a5d6c', class: "container" }, h("div", { key: '5334d5e1d615376a94641347ba04fba1c4997655', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '27ee5c8b2df6699a9f5614912c1ab9bb55bf767f', class: "container-section container-example" }, h("span", { key: '39424553dc18cc06ce2f1aa4791ece2c83d4cd97', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'c1970f7a05ebc6b2a5092dd7b115ff80f08d28a5', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '758257e7c5af1998518d9209d8fd8edc98dd097a' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '93c9f724efe1e1de371d81e5417b2d0ee87b8956', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '1dae24b7fc871d44d449107ed4be45b6d8ac3845', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '9eb751b60ddb57492b1d05254f7bfacd9a999654' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '8ee9bf5d9d3bfc8e44053dc3763e6d5d94cf5f99', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '8b2a231b67ddcb7f9fe0263e0b384e5f1dde6dd4', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '881bbac084242d1878f5bfa9abe221d75c0581c2' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '7c6efa8bf865f4dfe49cd8a244241c671de4f290', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'ccb88b30a3b9fa7fbaa8a66149c05b2c0aef15fe', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'b9d62b49e6e36c1417c696b32d20fd6d774645e4', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '4dbdd5afcbb88c93c75e14e8454a25fb44e278b6' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '208bc2fc93a892ce39edf5faab458e360610aeed', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '5de299f441125fd02e84af146b6d2086f5723fee', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '59bc0caef888585aefd53f9b186201e8318418a8' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '6cc5df55b48fbd9d9ee246818db62a19903a036a', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '810b07184c495f61443778a8837ed490fe2f98c8', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '8cb9e32bddf1b8901a9e25160179dca5886ebc84' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'e44237b567ffb696fa2b3765cbfc8553fb029f03', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '12e7fa354e90272490ce35d08fcc4565bd736ec2', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'd1e36abbe80b44ec08661620c07682c7ef9bf4ab', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '6429e5da6243a33f5e56681445bb14e4ae46fc6b' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '9d7ccdb9d80a74aa7338794ca998fecb9c4380fb', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '4fe6519ae20eb94b2b4d81c965f013c7382f83b2', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '6464dd54d89cfc4bca536add8cfaf75d9887e2b0' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '7acc74ea6486b8c8f53cb9541a7a3a95496fbe2c', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '78d5926927273052ada904915a886c823d176592', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '8738528597562c94e25bb11303954edf010d1061' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '3b6e2e54040cefcd262604af4339d4c735c1a88a', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '4e85437cd47372c6af02440f88ebd0b6ca63f082', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '0ce6d55f25abdad7971e67287dc4d8f71196bf02', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '539565b3d7a9d6ee6f967ca88a1f8e6d4b36f409' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '444e76d71e3b8d9248350c2d4be06b05a4c0568c', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: 'daa1d5c974e97825baa9d2d9125002e08859d26c', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: '3455751a06b14d307b1662b8576fef0240bd368c', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '51ca17389e5054a308abbe48b49f400a93523c6c', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: 'b35184e5d8b6e10ff56b16d2009b421a23e9b109', class: "container" }, h("div", { key: 'ba64fc106ddea05c8bbdf75e4ac30a8281b9a97f', class: "container-title main" }, "Tokens"), h("div", { key: '350a003ba836a0465d437dd1ffaa5c35bfc5ebe8', class: "container-section token-sections" }, this.tokenSections.length
+            } }, h("div", { key: '76735e32e5c79f4a88ff13f9ef4f68d134e4c96d', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '2b78fc5d1c8413430a447afc5fa55ab1bad77967', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: 'dfb902c238da81796201405d0f62d0bac05086a3', class: "container" }, h("div", { key: 'b286ec91d4cb8742e7d86cd8985586a2daf97679', class: "container-title main" }, "Tokens"), h("div", { key: 'af9cdb31caaa0128320091364c85b3629d711aa2', class: "container-section token-sections" }, this.tokenSections.length
             ? this.tokenSections.map(section => this.renderTokenSection(section))
             : h("div", { class: "token-empty-state" }, "Tokens not found.")))))));
     }