npm - @tet/tet-components - Versions diffs - 1.4.25-testing → 1.4.26-staging - Mend

@tet/tet-components 1.4.25-testing → 1.4.26-staging

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

package/dist/collection/components/views/tet-b2b-service-calculator/tet-b2b-service-calculator.js CHANGED Viewed

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         this.withInPersonServiceSupport = detail.checked;
     };
     render() {
-        return (h("section", { key: 'eade28735109e96a4f5f30475632ddbba186b4e0', class: "container" }, h("div", { key: 'b9a16df13ad7dc9d9166d3bb87e4988da4b38613', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '7f6d93d88972e64518be25002cead70195dd3639', class: "calculator-block" }, h("p", { key: '26a55e90f3e69fae88f0d830950ddd8d2feff578', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: 'b4dfe83c60106ce928cc7aba532198eee6356263', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), h("div", { key: '633bedd202a010f6f6159a409641afe0e106cc47', class: "control-container" }, h("div", { key: '6ebcf95e87cc10219a852fec5eef94edfc3650c9', class: "control" }, h("tet-checkbox", { key: '44fca6b4053dc18bb887d3645290303c97d278b4', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'eacaeeed7d2d57874d69d07b84439e9a27dece5e', class: "control" }, h("tet-switch", { key: '32e8dc52c24311c41e9d0e7c037537566d9e5c00', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '22a8f24bb75cf41da365ace7c46d056fa2e0f514', class: "monthly-payment-block" }, h("p", { key: 'c64798ff728952d79a2186f394625b6fff3edc42', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '55b73a909c8942cb78722185401a92d427b9350d' }, h("span", { key: '202955e467f29f8820d1d95539040c5387d3a9d6', class: "price" }, this.totalPrice), h("span", { key: 'bdf64af625e6d65d20bc745848cdc74fc9eaaadc', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: 'ba87193074d4b4b27807d59df1bf703877d89e06', class: "container" }, h("div", { key: 'c91c2483bcddf94f3479fb55c2ef48e4849b6b66', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'd5f3d1126b09bce42a9ce2d6853aa72396e338d2', class: "calculator-block" }, h("p", { key: '0a1b9e60b1a8dd6771e9e559e83ed6261fb6fb63', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '464a2c611229ee02ea47881be65f62e12eb64267', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), h("div", { key: 'a7744e379b46a81d7aad957f12003f762bab9a49', class: "control-container" }, h("div", { key: '11d43f5627cb224d2c72c8102a571220586ac5f8', class: "control" }, h("tet-checkbox", { key: 'dcbc8c69f96e17062fb45282e168161f03ea9802', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'df8dcded7e79356fc38b8de6617da76dcd1b11f9', class: "control" }, h("tet-switch", { key: '5fb1cb9be762cf0a1448a1d9b9f06902ee41c4d5', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'c35567644b90262ee31580199aea2efeed3f051b', class: "monthly-payment-block" }, h("p", { key: '736f3bb29e38fc3a84b2a2e6f90b32ae13ec7301', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'fd8dc51f752b3026ce11259e5501331509427ad3' }, h("span", { key: '7cd5c5b28c021d7498b592478d764f3be66aca71', class: "price" }, this.totalPrice), h("span", { key: '9e1fcef7da98e14dbd328eb658b654ecf96d48a2', class: "currency" }, t('components-euro-per-month')))))));
     }
     static get is() { return "tet-b2b-service-calculator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-business-lines/tet-business-lines.js CHANGED Viewed

@@ -45,7 +45,7 @@ export class TetBusinessLines {
         return (h("div", { class: "business-line-item", onClick: () => this.handleBusinessLineSelection(businessLine) }, h("div", { class: "name-container" }, h("tet-icon", { name: businessLine.iconName }), this.translate(businessLine.name)), h("tet-icon", { class: "chevron-icon", name: "chevron-right" })));
     };
     render() {
-        return (h("div", { key: '00beb494fc61abe4dc82afc32216d60b44327e7e', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '030620e06d96afb1c9e7c9a3c5d0d5b35ab6b870', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
+        return (h("div", { key: 'a44cf934179b5f583896b0d12ebe9656887abfd6', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '133a1f0b499066d47a77719f5e5ed6080e93356b', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
     }
     static get is() { return "tet-business-lines"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetBorderRadius {
     render() {
-        return (h(Host, { key: 'ec0df4689b61d6f7348c3494947efa74e0511acb' }, h("div", { key: '3b31a44f288313f9b641457a0c4cfa6f81d49889', class: "variable-container" }, h("div", { key: '1d9e26691487823ae32de9676aab83c5834a3f0c', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: 'a81f4b17edb2d792895a71a1a23040abfddf2bf1', class: "container-section" }, h("div", { key: 'e5566fa32ffee957802d9ee3317e0e7f94f2ab0e', class: "variable-name" }, h("div", { key: '4cc23712d39bed9fad196b939fbb4942fb82ed8a', class: "variable-part" }, "tet"), h("div", { key: '6668d9bc4092198c35894ae473e5938c1ad3dbba', class: "variable-part" }, "-border"), h("div", { key: '6066147d271b5c782a320753d0205a08291d579c', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'fca5c550158715096f88ab4717dcc43e95080eea', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '1c86826b77cbf264a895026441b2ce9b25d9beea', class: "tet-fonts-container" }, h("div", { key: '7542bb1ce76ac1c562f9708f8a1ae4aeb41a7bfa', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '352ea87a39770dc6147ed9c010b4dc4100c0bc61', class: "section" }, h("div", { key: '64ecdd3d4dc5b7f384a5ee4823703e5322f4c3c0', class: "section-variable" }, h("div", { key: '7a50111dac6853f2b7ffa26f26c79796e0340e69', class: "border tet-border-radius--xs" }), h("div", { key: '8d23a2b9028a0bad9ac37f9d3af19a1606b98308', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'f836b9b14be4454e0bdf82377d40e391fd39f023', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '5dc6490b435ed17a946a0a7671c30b1f1304adf8', class: "section-variable" }, h("div", { key: '0c00131f8c5038e585bb9b7be5381ad819454bd0', class: "border tet-border-radius--sm" }), h("div", { key: '7ff6e5fdf6841ebf7ede1a80b733ce22abfb78ee', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'fdd4730db0dcbd0cd4d9e5157bf6b9e759480f35', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '6ae776a0afa1fbae82e31015c599e324b979925f', class: "section-variable" }, h("div", { key: 'b37f69fd22d5fcebbb3e60b7c27e6d5fdac3cba0', class: "border tet-border-radius--md" }), h("div", { key: '8bc0b68a53740c10e4fe572c838e1b9a8b4993aa', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '7db1e1f4e0d1eb42a9d4538836001d3ec0caf903', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'b43c3eff55bd5bc865615da7caf6796e0ebcbab7', class: "section-variable" }, h("div", { key: '5503ff92dfc1fe903b09df40c66c0514cd9f64d0', class: "border tet-border-radius--lg" }), h("div", { key: '883c475c2de0bdaa4be9f14ce09ffd329c3be401', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'c920b1e7acc52319190fc80e6feff8a67055fe73', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'd0d23e0af1d069da149811e4f0492f25708a6984', class: "section-font-size" })), h("div", { key: '78fcbcb4ab34a3187390e0f189410094230d3420', class: "section-variable" }, h("div", { key: '8c5476cd69c65c3eff8810ce9445a558374c1685', class: "border tet-border-radius--xl" }), h("div", { key: '693ab1680f9915661e3c0f7a65d08615c6a6ba3c', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '7bda08aacc840765081ea20e538905abdf749c0b', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: 'cf4ab0038bd7d7ea5f3bd552cb2c2a992abfda14' }, h("div", { key: '6f2c158d8fcfb42c17f16daa67d52ed6a1724473', class: "variable-container" }, h("div", { key: '0553fc13f18a24270bf87257658c97513053cd46', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '45e8a2e12721bd8850fb13cf4486cf80758bea7f', class: "container-section" }, h("div", { key: '280e0b305d4ba522a91ee25c6469650466bf1196', class: "variable-name" }, h("div", { key: '70f14159600704cd8493be2ff6094368619b7544', class: "variable-part" }, "tet"), h("div", { key: '5b34d95c36696850776f264b13f04c95a33376b4', class: "variable-part" }, "-border"), h("div", { key: '41f1ebf6ba4d3e51a79237238910589cbd61e2c8', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'a24a7f1c01585b219b3a523c78eb6abe9473a563', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '1b47980cc56a946ee5e0aadf2e7e74210a6b119c', class: "tet-fonts-container" }, h("div", { key: '37d4f971007b1ae23fd1c577bf2c99ac978b9a4a', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '56d9f3dd7200f14069ccdcf9654bb226b263c157', class: "section" }, h("div", { key: 'c83e576d6acb51579fec8c17fcf9fade9d50ca82', class: "section-variable" }, h("div", { key: '5ee23d1510439dd097c5be35a323b240bfa50bad', class: "border tet-border-radius--xs" }), h("div", { key: 'a6bec8111fe52e9eabf8455cde5744d7211d29ca', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '03dfed01f0e51691ee04d00bfd2fbbd03d855bb2', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'c318133b9d4026d983cef3827d4f111ae3efaf63', class: "section-variable" }, h("div", { key: '253c8d140bfe369423ea2b4e13c511a4ff247141', class: "border tet-border-radius--sm" }), h("div", { key: 'fe7800ec703567a7c7696a806629b7fb3201c575', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '841e4ebf95288774c3357e9bd7a6bc0537619e00', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '512ad84d3b61e737697cbfbd64abbcc1a13bac7a', class: "section-variable" }, h("div", { key: 'c2d432d21f77e487ea9726c93dfcb4b4517da5e0', class: "border tet-border-radius--md" }), h("div", { key: 'ab743b10402f625e4561de6eed9e9ea89627c141', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'aac511b52387a8ec7a9614476508161046a5a973', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'c8e975b34b0ce63421a896c27e3b4f08201fb3be', class: "section-variable" }, h("div", { key: 'd628eff7ca794733430cf61820d7ffe21d89761e', class: "border tet-border-radius--lg" }), h("div", { key: 'fbefa342229fb653ab736167f51b2324d7da33b1', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '3435455d3b071f8ee58c36a35790853872848cb4', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '9bcb54da353097e4f11186f7c4ad89680509668f', class: "section-font-size" })), h("div", { key: 'e06f9e4e37f4927155f7d389478eca6094e247ce', class: "section-variable" }, h("div", { key: '6b6f6f411a59181554b1e35b8d862a00c5d155c4', class: "border tet-border-radius--xl" }), h("div", { key: '3b72e0bffe0b11a8d99ae23a72d8cc3ad0615e17', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'a11df0208610706402950960bea87a4692324531', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
     }
     static get is() { return "tet-border-radius"; }
     static get encapsulation() { return "shadow"; }

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

@@ -590,15 +590,15 @@ export class TetColors {
         return (h("div", { class: `section section-${sectionKey}` }, h("div", { class: "section__title" }, section.title), section.colors.map((color) => this.renderColorItem(color))));
     };
     render() {
-        return (h(Host, { key: '9f835fb38a0ac14c0af518a0182eaf2db9debbae' }, h("div", { key: 'a97749bfd6294aa3225e8ea7ad9aae3084dc1d6d', class: {
+        return (h(Host, { key: 'd539a0215ced319249b1a1cc388947f9f7fe51ef' }, h("div", { key: 'f80d11e8307e4d10b4c14d57fa12fd49d4c8e9a4', class: {
                 'dark': this.darkTheme
-            } }, !this.isTokensExample && (h("div", { key: 'aaad42b61a124b2d2d00a39021221dbb43d9682b', class: {
+            } }, !this.isTokensExample && (h("div", { key: 'f1ea8318f7158d3ef99ae5856c1abc506d283aeb', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: '3006cfb39044fa619d8f5e606e405bdb6decfa89', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'd9a903ed16a200ea83f88aafb063c35c4cfd1e89', class: "container-section" }, h("div", { key: 'bd8ea1d8b825e4f39a7b86bf1af246aaee18af14', class: "variable-wrapper" }, h("span", { key: '31f0a8858dcd15265d98f57ef562a54cd56fe9d4', class: "variable-name" }, h("span", { key: 'abb14f75ab1f529e125c551b3e4a91db230d31fd', class: "variable-part" }, "tet"), h("span", { key: '2281df3e2a665c396bf3eb17b172ab7b4c129e28', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'd96cb81d006b83f4e29352b6ff1c9d50347a5386', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '552996227d4b27429aba1df23309dd9e13d021ec', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'cbb7d441023e3f388b0df9f613027b7a9da923bf', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: '11888355a46466b7605a41e4ec31777fc6588701', class: "container" }, h("div", { key: '48604d20a527be6acddbeecdd341397cd514330e', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'f9142e0cb65aa26d7dff354b7b2a9e6d66298138', class: "container-section container-example" }, h("span", { key: '65c74bdec471c0991812e211cb5afee99c2d0d06', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'ef3566906e2acdd2c94a5ce36435398caf308e84', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: 'd23ba744fc6a6cbe8526923e549357160d245cdb' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'bccd9fdd2a3b742bd6bf2516c7f7c09c7dda5bcc', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: 'c140c60378eb94e96fe9c299aa1d81c4608d5065', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: 'c1162a380cc91302989832677486a9e1328de652' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'e1412dbf3125b1616dd6220cfd7d60c3d08525e5', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '4979790aa8c388a28b898fa82fb069e99bdbb817', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '01fe5c8a62f426defeba962041784080daef283f' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '8b1622af069383de39bc096b64380c1e9ca8d1f8', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '040b21c7e06dee5f731ac86ca5671ef75e39d7e8', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'b8839b30313f58f28f240b0a38e9a80227d09c17', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '413a874f42084dc6dfa6c764de963539870fab43' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '1be705502febd654f33fa9794933515516a6950d', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'd44786dbbb0c66324e313cdb460293eec4a48fde', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: 'c1d940cacda553d690d326ca486f6fbd06eea990' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'ee7387added8c28abd22954a011b2d037170ac0a', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '8e2286eb868513eef5c5b5d5aec190b3e3af4727', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: 'fb642d8ae6f4cf7181829a303d33ba1f843094c9' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '1792694ec0a87ef49aacaf981a22b7040fb9a4e7', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '2be5d056785c1c6d3cf4b80bf9d923696dfcbc16', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'd12ec9de285506d46817b9e125caac7bb64d03d3', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'e793bfb5d4c54e2d630013cc978b5e032946d583' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '9ba58e388ab987e62698c9250a720fee4f01fb62', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: 'ea2ea81169feb5bc5268b4d8a9eb92dfe9bc5560', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: 'a7571072d994aaa69a4dc465ce6192bf8fafd027' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '5d9d1018826ab5552a8ef23ad5652c05e59e1c06', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '503f12524a238dc2643e9d3ec49be9bc979bb71a', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '7c0e5f8d8845d83624064c8d44e985d47a00774a' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '0613ceb403a57cf01ab1b4a9d2f7c367e9cf6bf1', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '5f2ae723730d00e83f7d80117f5040446cec734f', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '3ef5c9cfaf1995d71375972a7d044ec105355bbb', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: 'c8d298386dc5f1f4690e1118c5934403329345ba' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: 'f5427e8f3debadc3e2a2a3e3eae688caa9f9b3f0', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: 'dd5502d7933f42a7696b60da82e4e862300905b3', class: {
+            } }, h("div", { key: 'bc9b04c7cd38ee8c94d4f55a3987041b56feb961', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '6010441161d151828798581401963eb888be814f', class: "container-section" }, h("div", { key: 'b2f3e3c4a7fb4247b879e6202305b63f12aef557', class: "variable-wrapper" }, h("span", { key: '3d0ef51c0703e059cc26cba947ff766b646ceeed', class: "variable-name" }, h("span", { key: '1f8c4bfc4f8a1b9ae894a6d2efd739e160c77e68', class: "variable-part" }, "tet"), h("span", { key: '14c6b9b61b1a3e07d1253df735278a96fcc4bb84', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'bfca14285663f716ec6b0264df306fcb5e7b4f59', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '412dd55936ed4e6b5c6c8d906b1acca69219c6c7', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '8455f98e02a5118529eb48d96363a8a9e001bbd0', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: 'b024b02bbb06fd5a74c9a7dc8d2299ec3412791e', class: "container" }, h("div", { key: 'f6e0832c0bf71e4a5bad8b38879596947f55a565', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '62af0ae3d8c47f57bce94b2f2458a0078f1c1e45', class: "container-section container-example" }, h("span", { key: '33c07a240272634c86852079f00d2c1fd320f8ea', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'b0252f9a064ee8d5a8ef6590e38f83982197d4f0', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '693c5e318c6ce11535ae3dc50e2165cee6a8699f' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'b62c420fdfd9f7fc06a8600263de3142c73c5138', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '78e240859edd731486c18b55f0ca32307c1aa186', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '55a5733aa4da6c69cdfdc60073dc4a6d3415be9e' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd75a191bf14805ddd4a54fec4975a8f4f3113d65', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '8cd739c11ab23ded9409948e79054b79852c3b4f', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '411cd59dcf50dee2f68ebaca193872b8d8585542' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'fe6b9b41f5557fed28efd61e78485a7611e6be9c', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'eaeb96efaad2c3690ae6fd6ce0775f075dbdbd64', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '35d28cfa6a1be73bb1413a7d78b1c8a61c14b47d', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'fee78d51e972dbfe7e8179b495114d0584bc2141' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '648b11351a204d4ee522a9b4816f14f8f9c578bb', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'bb72c4c2c1abb1e3055d9116fd45dc957c30c886', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '196377c4ad7f76da5af80a1eb3f974746e27b9e1' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'ac43461a9b05305f4d8ded446650690ddc97359a', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'e8bf930ea7e335ea82ebe2410633c98faf94818c', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '37efda044398e8f1b9538ec65c9ec1a73572bc5d' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'b884e73adc2377057d968a60b0bec0af116de4aa', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'f8e028684be9c400c3fc528b7872e3dd648325ff', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'c41cfdcc134913f38cda959b4a0ec371a11f85dc', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '00a0949525fdbba013fcfcfefd1a6c66828ff393' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '2c97afc63ed19da1d000e776e15763b10fa90074', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '2ad19aae252d045c416081764a1983da433f45d9', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '09db590357f26b7f08f2d1d52b88b3923714a328' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '1ad2fe41054d71bd3ed0470262d12516d7a6ce89', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '38391294631665d68b37a439e891a6a3073f1b0b', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '263cf9227264b53a3a44d4c5e2fd6336647f4231' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '3faee8ff2c60b1974142fb1944057076260b1267', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '859334866aed08e176d2289886d146bd32a9cf7b', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: 'fafacb713e2a73207f19372b0adba42b39d76b74', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '130e6e50de614bad85a99f7a39ec9694cc64762d' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '3862a84142894d8e5f31ac36437f51b0809748b0', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: '6b2564cd5042f8093d34f7cb9fff47cc6a678692', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: '652696e0213eddf76099aeee0c4e4ad7fe815cbd', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '87733852e7bb7cae5be6c912a798d9b80fdc06c4', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: 'dbf6d3d33ee6787cafc9058fe1f421a5e88a93eb', class: "container" }, h("div", { key: 'cbe06e2b82d1f45361e116dc15675970623f89e4', class: "container-title main" }, "Tokens"), h("div", { key: '5d60b2cf8434b7735f779d8848052a1636232efe', class: "container-section token-sections" }, this.tokenSections.length
+            } }, h("div", { key: 'ccd69f6932bd1abecd0f2d00e3e4b75436a74615', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'b86fad52759a9e29f739500d50cd89052fd7554a', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: '75eed7726622872258499ed97a621541958de5db', class: "container" }, h("div", { key: 'fda6c745faf620e66e2710a5499655ebcf7bb957', class: "container-title main" }, "Tokens"), h("div", { key: '6c8ee0af99c279eb3c9c65562de0b7ec77e0f5c0', class: "container-section token-sections" }, this.tokenSections.length
             ? this.tokenSections.map(section => this.renderTokenSection(section))
             : h("div", { class: "token-empty-state" }, "Tokens not found.")))))));
     }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetFontWeight {
     render() {
-        return (h(Host, { key: '6082c3cddface97f78aab8d4182d9dbebf40607b' }, h("div", { key: '64c4cdd45aa3691935f698475acc3ba75ea90cd9', class: "variable-container" }, h("div", { key: 'e17b92cfa0b4efca85aa41a8d47d0656f86f1b25', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'ce586d4b80b1fe10ab70837b371c23cef28d9bab', class: "container-section" }, h("div", { key: '52c78d9554163660f25a4228d5b12d7c35807bdc', class: "variable-name" }, h("div", { key: 'b51023e98e80c897ff80093c532a758a9df682d1', class: "variable-part" }, "tet"), h("div", { key: 'e5abe08c6011d0b6ad44b0ebd397027342dcffa0', class: "variable-part" }, "-font"), h("div", { key: '7c71f72fb4066b229dda3ed70cb98104cfaf2fa7', class: "variable-part" }, "-weight"), h("div", { key: 'e7017b3ae5ff1863a6b8812cd565454719f6cf1d', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '26da23ef98a2f1c124b1f1848b8864315cb45bc1', class: "tet-fonts-container" }, h("div", { key: '098e70aca7ab2b48034a1dfa36ce2b7b0237eff6', class: "section" }, h("div", { key: 'de5a5923b9010c8ce4d648da0640648ef3d0af88', class: "container-title" }, "Fontu biezumi"), h("div", { key: '28061dd148a873c7709e21b40db1c1739eede923', class: "section-font" }, h("div", { key: '907df0905ce62abc35ec550bf47228c9f1645879', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'da49bd8a3b62d27f7156cf525c7b9aed52b4de6e', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'b9a520dcfc7b8a791c388d117a23117b6f5449f4', class: "section-font-weight" })), h("div", { key: 'ebdc88061f9a408b15819129868397e9bd446047', class: "section-font" }, h("div", { key: '14491edc838c33a2bf68c1935c3eeea6a02c6f73', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '458cfd96b78d9075c450d58e93dc1c136e378da0', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '104b6fabbe85a3b98015983e58690effba95dbd9', class: "section-font-weight" })), h("div", { key: 'effb8490572a3e213e20bbfbb5ea8896d7c6172e', class: "section-font" }, h("div", { key: '75e0386c23f3a6b2f6e1af6a4a4244b6ab961d0b', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '13b7a49b3d3baa2ebfddf8afc32a25fe2ac50695', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: 'a4f38b96edc12747c5b8341026f6aebc9d5b97e7', class: "section-font-weight" }))))));
+        return (h(Host, { key: '1c310c736eea86e11a2da58a01c9f18f79a5cd34' }, h("div", { key: 'b3513d1e5b360d8a3c238c437201fa6e5382ba1f', class: "variable-container" }, h("div", { key: '5e7b01b9dbc0770ff6513f0b3f854e4af8e5ab73', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'b9aa40ee92014553bf164f8e0457d9e60177e983', class: "container-section" }, h("div", { key: '1fdb590b10aab974660211682905c646ba1f5687', class: "variable-name" }, h("div", { key: '5cb040c76ec3fd0504dacc100832ce1a0bd40fe0', class: "variable-part" }, "tet"), h("div", { key: '053241e06f441eb4b69b91a4400acc1aa72422f7', class: "variable-part" }, "-font"), h("div", { key: '80fab36ef59b891ee359cff3020f2a8af8b193bd', class: "variable-part" }, "-weight"), h("div", { key: 'e62fc913b329ab11d4ea97a758983e85a5ff7463', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '4fb7cc8c99932338ee4afd090c6d01e0282a91f8', class: "tet-fonts-container" }, h("div", { key: '39fc30a372f08861ed6b8ae56e2c48e4ad5790ce', class: "section" }, h("div", { key: '8449bf2cf8a3d5b9e90de0ab26c856d416e9af7c', class: "container-title" }, "Fontu biezumi"), h("div", { key: '4efb8f5c548368cd50033dd7e356ce6614bb331c', class: "section-font" }, h("div", { key: '21a05e83926e878e3f646d95e5f742e977b5aaed', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'fa9a7e1667b51ac9288b07b6e3432c19a2c5bc50', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '9f1ef7a6afca45e9456932a26f11d696be27f91e', class: "section-font-weight" })), h("div", { key: '1650383a81e7b52b7a4aef896084c7070fca2daf', class: "section-font" }, h("div", { key: '492d40c6db860fa57c7c8fa0149b7bd7c3c8ae31', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '77826ff6e12224af8619c78a82ee5e9a630bde30', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '65a5c0fb17c790e5cef4eadbf10c937e86577c29', class: "section-font-weight" })), h("div", { key: 'ad350e8d8460c7b9a8053d8519c4e3316be59fa4', class: "section-font" }, h("div", { key: '219bad2297dea51aa7831788a02d8f319e6956d4', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'd440dfc7d73c0d6c824fef44bc276407b2315913', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '5bd959a8edd6d58942b5d84d6b6dfbc9e6391310', 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: '56dd33de9e69a81ae8e2e0b077163c7f1fd9b7d3' }, h("div", { key: 'e35a5266b40e1a8d6be2f2536c807e2c647d0080', class: "variable-container" }, h("div", { key: '05b093eb6b3615b9e0348fd2ec54505f23b2dab7', class: "container-title main" }, "Fonta klase"), h("div", { key: '10ac197998f3977f6fd34b71e1f755bb987a8724', class: "container-section" }, h("div", { key: '4bef6f1d14db4aa5a3a0764fe8d2f47b4a84633e', class: "variable-name" }, h("div", { key: '0e43c5e875333896695e27176eed09c31ff14a30', class: "variable-part" }, "tet"), h("div", { key: '6aa1a631dec687989540770f532caa3b8bcbabea', class: "variable-part" }, "-font"), h("div", { key: '538fe72205ed838ea488735b9a746a5e3fbdac45', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '756f45461d6c675320db957f6e80cfc4b39af23b', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '4732e6e78473f164377b13d1af1e86d843ae7511', class: "tet-fonts-container" }, h("div", { key: '7084896a0c6eb4239f4e916c7151c570d9093c7b', class: "section" }, h("div", { key: '781c2e2d066ce55ac9ccf20c5a94acf6ad6a9e43', class: "container-title" }, "Body - Inter"), h("div", { key: '70c1f64fcbfcea0e2a13a76baf90b74261b99390', class: "section-font" }, h("div", { key: '54fb9e1578a509b891a3e7fb5b9e57af75e9dd53', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd4b04806633b12f0b43e1282ae5b0f0d3c62d18f', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: 'a1f44aab6c38dcc0ec8d8283f5bbd19e3174d215', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '1cd58027660462b06db7b1fbfc76f9f435154b37', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'c077c5359c021d3a91ad12a7da1de4de359bf533', class: "section-font" }, h("div", { key: 'fe4d5d0a79940dd853eb21f9f7455605e8afdc13', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b3ffe48798a447e6ae22635fc950cbedf7ef69ec', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: 'be719d71896e5b8007762cdff8a0edbb0056d463', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '1b96b9bf427e29b193e3d952c1b871558646fde6', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '80b681770b73fa7f79ae390b6f86bbd3f46b3568', class: "section-font" }, h("div", { key: 'fdd5aff8254900fa8dcc81e428d29de52a5d99ff', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6279016face0e4574f2cb58b5735aef145f6dba3', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: '69cc974ae6a7c69323a374ccaf0fced26370fbad', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'fb4580209bb9fdb316ea611a1feda38e0684f2d9', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '5816add8b0c7f6b2f5d16cfc34a50890a1d54e0e', class: "section-font" }, h("div", { key: '7fe9ba139df732d8202a2308433daaea350ae5b3', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3926232be8b46e8f4dd66ffdab3e3d6111662f7f', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '52d9387e331ef15250ee093eb9a4502f586bca64', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'dd91c06af1d33cea6f271c969b1369dc83788c14', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '2d28f2df1fa93387bd31e8b77233bdab7f73fde4', class: "section" }, h("div", { key: '5a73b10fc5964abacd1f768b0769c2679ce4bd18', class: "container-title" }, "Label - Inter"), h("div", { key: '7b5e9e607b3941e3f8e1d4d1b63a28b929c08a67', class: "section-font" }, h("div", { key: '2f81c0f86b38582262286bbd2288fd658f280ad5', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'bf1c75b47430826c258306b3c2eb8b9621d4c0c8', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: 'b4170f16bdec288413861427e9f6096f0f43c3a8', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'e52cf6c10af23455f15a5eb0c1619b22c36c4919', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'c8fa72ac2fa386f6735e4ead252f6bed3f982125', class: "section-font" }, h("div", { key: '78057a2ac2e6db98c55105bf9641567849bafe49', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3e1e7ffb8ca9e5197fa04e6ed383069fd515369d', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '5e09dec92a0e9f749ba936f38d0f191298329619', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '5e92d778138617792e039f518f8cebc59f9e9eb1', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '2ff5a16ef675061bbbc4995508618443d2edbefb', class: "section-font" }, h("div", { key: 'c1f2ae83349e86a74543c5735e0603e7f828edd6', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5542be58ec775a229e2a9122e7f00c8a81c04146', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: '245ebff17a298f946270500de51ecc3570f8c427', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '2a7aa46a4abe79ce245fc276aea2eb333b12c73f', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'bae4839a7648a44cd9ac2dd0889d99e3150fa8c5', class: "section-font" }, h("div", { key: '8b4492d7696cd00fb36391d7ef6afd71dbaad909', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a76f9b5cd2af7391a326a4b0658bcd030c762dc9', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '518532b4f53f7897dee541218ce31ed3fc2cba90', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '817524d522f2ed8600bcf269b750a4475f495ac6', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '761ae026dfe0b6f214b96f375e616077bf5b2bd6', class: "section" }, h("div", { key: 'c4b6e1c4382d3f7c3ab381768cae3e20ab14c807', class: "container-title" }, "Title - Inter"), h("div", { key: '276bbe136f93e50d8fa13d4d0223bdccbf04c2c0', class: "section-font" }, h("div", { key: 'a7d50db7dc07ef54e8b778af2bcda69c5bc9149e', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2c45f58aec9a8d579ad69e1141d26aeb06887fa2', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: 'f0943d159e929f1924c7267154586ffd70a00f92', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '8ea3d19b54b0c5e772f601f2e21a46f37ae83a0f', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '754a364b98c1c042081c67ad7d4dd160831620a4', class: "section-font" }, h("div", { key: '24783856fa89b25b41291803008349d44a3b866e', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '56434159573bd3f7024dfb618e0465485a9b8975', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '3df036b9a84f7f0ebc92990fee3b2821f656f9ae', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '6f15afc449b717dccb8cf849ab82910355977ec7', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '308bb4f5a1b39e45a9ad62162dfe480342ec0683', class: "section-font" }, h("div", { key: '8133ed8de2f7c3ffea5d50888d51a27b14222057', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6c01b1f0bc67886f22635f1c35d620eeddb51a34', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '4cf22e049313db51ba081e66827f15d3cc94c4ed', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '3dff0abd063f3f1410382714ba641f144c73574c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '17e09368d46103b3617b3b7e46c55cbbab993099', class: "section-font" }, h("div", { key: 'aacbdc8f17d7909022dc73792a47a9846e83d1c4', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '90713b6c712baa4bad3224dc49228215f52227d7', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '834395f4f6190d0d9871b2b921a77f3171ceb8bd', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'aaedeeb400291ba08d978b226911fa1cbd9a1e9a', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '86f1d22c58e13e1c682eb648cc10788c44a2a7c2', class: "section" }, h("div", { key: 'd6889d2b6c0002259d97950a5b62a7ff2dab2b9f', class: "container-title" }, "Headline - Inter"), h("div", { key: 'a558e6600b128efd79eed99ea5f58e1e05631522', class: "section-font" }, h("div", { key: '9b6e1ecd5a6be1068db3b960dbefb71b9153b127', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '17010626096447d9c929fbb9f2d4f2aab60244dd', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '929d5928e93655a65583988a3c97d3e63ad7e6ef', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'ad447f21f883e0259eb35c28a9a5d4b717c9c92b', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'ddfd3c88b66da0bf753ee7369dc7d0e32448e477', class: "section-font" }, h("div", { key: 'b4b30cc696240bc0b0482047f0b6a57ad39072c9', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a6a86f09f1e99a8e4ab9ad97c8a0f93477c1b893', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: 'f42fcd115ba14325ebebd6ef2856c1bba4537ed8', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'f565246121a210f0cb73547beb00dcb48e8639be', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '5ceeb677aa186bf74ef1c648635920dd80780979', class: "section-font" }, h("div", { key: '6ba28292cb53bd286cf2f8c67e28d3fd4bfef5eb', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9053c2ab79b51a92d09ae46e1826d31cb073d721', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: 'd20424b304da3ca06ad1c714bf50e338d9a479b5', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '99d5812ecd17467d2af5c5f7d70a41ecc75f093a', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '2e2efa83b8f6e0c632d22c526bec75aea65eda84', class: "section-font" }, h("div", { key: 'd70fa96a22982029f4534c8b526adfadfc5b6f31', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'af673581a2a4b5d1bcb4cdf576aa232fc719f39e', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '4efc65f80968656aa2b4fe4de1b75dd34d7c8575', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '9b005dd0d0623247450ff6922c8692bbfa7bce36', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '144ed02bdb84d7d8c919128755fcae71deba8056', class: "section" }, h("div", { key: '5977c0ceaddf1adb3f62bb4be4851c5750dd7639', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '06836bee7f522c7a1253a5da12f50741c490bc02', class: "section-font" }, h("div", { key: '3383ca19bb845dd3c51587560ef5bf699c22711d', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '206c783bce894be4561ac3b6192de53219e8f92a', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '71bdbc1c6480c5243ce5b464f899305e0b7aca39', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'f1cc990b23d41a99dc616d23f978a2c25e466645', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '2d40936bbc7ab8284af6d846cb1815650917e2b4', class: "section-font" }, h("div", { key: '37318eae3ea527b7b99a6acd103e2a620d3a4bff', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9742f5c1d71616ec8120e86dfc914702a397e92f', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '7499c120e38f49a1948699e1adb2df79d0116308', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '6cfe00ed2d19e06f740acc65d0c1b2d29985f88e', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '48ad181bec64fc533b3965512baaacdf6eb31d3b', class: "section-font" }, h("div", { key: 'c9e45cd0c5198ad1b5cb1fc18c5fadf1d975651a', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8aaebeda428c2ec5703343d5b7f7012b6486425b', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '64a5429a3b2a1ffbc827fe9fce55ed9ea0402f85', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '471d0a9c51ac7588974dfd66fe06bdfe8ce6ec95', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'b034c96a659fd95e66f0992f77b13ff3f286265c', class: "section-font" }, h("div", { key: '3baf70bfa3c61bea17c17c1385dba24b675bcf66', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0a5ec379a7a3cda05a38674f501040cde0695e23', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: 'cf7633030b0caad6381f978580f11cfc145201fd', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '710e2d9d25f925fc01a90ba38ef66d1791140b50', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '5c2cd15af2e220ed42553cb2ee97f0b0795d7311', class: "section" }, h("div", { key: 'd6ee7c63d648738774ee61f7c073540a50285a80', class: "container-title" }, "Display - Gilroy"), h("div", { key: 'fda3fa904967820acdd71f936e2e8646c69034dd', class: "section-font" }, h("div", { key: '4cc12cfeeeedd5cdfaf7ef3ae810f0e0390b9f96', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3675aa12cd68efcc1f0095cd2f66543fbbc463fc', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: 'e2f4b1798ca21db796230d68a0b4e9ab63987679', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '5298a87e21416506e839fd3734e62e37e9356596', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '56a8f1944eafb1c3dde51514747544fb8f8eebba', class: "section-font" }, h("div", { key: '964e80d5159d9c130a1f7274bacb8dec91f91bef', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1fbb1591bb7b2e1b297d8ce4bae7517ae856f636', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: 'f402dd003f15f4bfd2e3f73b69d7e84cb70ad978', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '193c919edf4e287227bdb6244152098333714051', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '995135708b272abbb679fe8e0b56bf89e0f749e7', class: "section-font" }, h("div", { key: '6e094ce3b16bfd1630cc04529c7dd597771e65de', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd46978a784c325aa53269aa11a584b35c5ef45b2', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '33797db2bbc7a4b51a5eae36e1a5e192ba2677a9', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '37ec56f4dd5fb0f350ced0a156e112e05286ab29', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '91f1c8ddd100b230f03de7bb2bdf58213ddef3ae', class: "section" }, h("div", { key: '7834916f3dddb07712240b43dd0c1849b849f305', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '59230bbb5e8c5ec20a74e880dec725ecae313391', class: "section-font" }, h("div", { key: 'cd73d53e608b915b5ca43ee1eb2f14b3c126ce7e', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b802cba1daa3707bb107f8af875a864a9a0b89d4', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: 'fc5390ac301a5e774f272f161167179a14cdf2cd', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '069986f22b333b87fb907d217e81d765c541ec81', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '7cc65b61db745bd38a15ae9c677a28d2c2054b0d', class: "section-font" }, h("div", { key: '9cbe53cac3b9b3fdbf305b4bca29a2b96dd9160b', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '97816b4fc486e8629a766424518e5ef05b06c98f', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '0f6368866ace4cc74cc1d0f0922026c777ec3a93', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '27f38a603e4526603480b796833a8f0ed393c6fd', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '776a32e43689c57fe8654f05461595c93236f21a', class: "section-font" }, h("div", { key: 'd3b6e5cebeb64180448ec1c144571c27c99809be', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '859206bd5156c657ab6fca3a0f3b5d403400b7d1', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '9a02a5c7192f7d13fcfacf622bf66f96a6b0da7a', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '872ce6e4bf271cf826c3f2087cc1cfa4463f439f', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '44f9435fb136e469baf63fb92391baa15efb5091', class: "section-font" }, h("div", { key: '4fa783774e179b88879f6a30c7cff07cdb22ac33', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ea16e624a4f1756f4aef4c35a4fba23d38aa91bb', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: '6f3b30c339172773ce45ef76c2d27bac462ffb99', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: '93a3ef703d3f1d5d4923ee0301830d021c308412', class: "section-font-attribute" }, "Font weight - 600"))))));
+        return (h(Host, { key: '12655b41cc8fdaa6d648401fceb6d4e154343aa0' }, h("div", { key: 'f2a366ffd73c02776d18d028403371dddab4fe9b', class: "variable-container" }, h("div", { key: '2bcbc84818d7a4918891f44b3d4114185b374deb', class: "container-title main" }, "Fonta klase"), h("div", { key: '24e078db0d3ea12e0d66ff37e026152eff86616f', class: "container-section" }, h("div", { key: '5479a58197da56444e69b65bffeac1e31ecc91bf', class: "variable-name" }, h("div", { key: 'f6f2240701dcbcd185618fc58ae37eb1c5c19d86', class: "variable-part" }, "tet"), h("div", { key: '0fea3dbabc6451f7a4308c234bd71b0340a4ff02', class: "variable-part" }, "-font"), h("div", { key: 'd88c03e138361697d79fcc3b40f3131cb183c739', class: "variable-part variable variable-type" }, "__label"), h("div", { key: 'b1a7d77f554b2a6ecf5a838f3f375c4c55efa109', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '0cad7750e8b42e491060a709909f724c6eef9017', class: "tet-fonts-container" }, h("div", { key: 'f8ae47bc31953627c58a6e96c1730685acdda66f', class: "section" }, h("div", { key: '4aea51d740d503d48f0b350780754b103a2e00ab', class: "container-title" }, "Body - Inter"), h("div", { key: 'd77606ffc6085ff39e4786d58c005a0592822009', class: "section-font" }, h("div", { key: 'ee74595d977fb3ad933b6b32eb49aeaa070f7213', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2c8e95e282ead0bcfef56071e2f950af08072b92', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '2a6c07e5dd1ff374f2146ae0977f83e23ffc32aa', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'df4e18c472f1a36f6a4b2420c9fb8bb10abaca9c', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '27e8014276b0862e797c99e5c3b6dd6f6c53f91f', class: "section-font" }, h("div", { key: '85a07259e82d7516ec4a0639e168392772e842c7', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fbe8b52ffe2010a6cc1e24e820b04999221c8104', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: 'd6d9dc5dd7bd613e7d46ca54f88333b86866fe9b', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '57ff0e4fe526ccea19426d2fcd87cd91fc50eeab', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'a04b00de9ed31f3b636f152f9a3a2af4c250d621', class: "section-font" }, h("div", { key: 'ce8cd1c103b833a24cbe4ad95eca2c0519c75551', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6cbc2639c5cd4e1fd58db14b00f8749edf99a138', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'fbd907cb8b963e7f29cc2671f62e9fe85bf39c43', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '08c381ed86116dfd89bce6ac5be029c54b5adfe9', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '4801341f92986db3255e87ae5dbd6f84a63ae2e1', class: "section-font" }, h("div", { key: 'dad9c4726ab49a7095dc1a53b6fb59c7cb56799c', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '18f92ac69c3e59390f8fe18a52011c4b59e2cc69', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: 'b13b2f31cd4a005d9bbd02b647756d1de395a551', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'da356597265442f44699f930664fc6966526b0bf', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '97c3e8fe4765fc1341e86992c4f347c9eac18e76', class: "section" }, h("div", { key: '974053415672a4232cd7a330b682d09408e736d8', class: "container-title" }, "Label - Inter"), h("div", { key: 'abed6d7230897207ea7f9189611874acb4742978', class: "section-font" }, h("div", { key: '295b4c0e70013d75eb5a49cffb6ed5329bb83990', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '26232e4f883fc337060dfcc2fb45d850f369d89a', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: 'bf157e7727c1756251d4793807d24a0a96135613', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '0d8192a0ab19bad9c39716b33b0f79ac44fd4fc5', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'ad69689d797c62f1b3a1ed230d53448a6b11ec1d', class: "section-font" }, h("div", { key: '798384f416782e95b7cc7110bd4e1b47b805259b', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4ca09c88b0dd4421659852ac066c7c3a3f61a470', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '73ec433d60e846383b352332b6d5933ba97f62ea', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '869ba938e539acfd0712787d24973c22e79a4759', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '0617cd3036b95c4ca34a18140786e16feffdc497', class: "section-font" }, h("div", { key: '1227e4628d45718836b78c6a87534f8c6f20540e', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5c1177d53b797542886df40b5d67b4f134668d7d', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: '5df1d2c9b4adc28369f8ac310609797071752712', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '250f76b9e0b1549d9ce8e267686912c351b09f54', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '9ee898197f8a3c71d1641c22b373daaadc10a1f5', class: "section-font" }, h("div", { key: '3b50d17907a8e2f184f124bb1f415da6e913f4ce', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7e7759bb8f56f083690f1dcb6b4c22d9e0193a89', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: 'd40a7cad2ae118d0ed16f75cc38515d0ab6499d7', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'f5119ea505c848e1b9fc1f9f5aab2f8735f7dbb6', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'c31b16757351216b1152e322ac46f5d60c494aa9', class: "section" }, h("div", { key: '8974ecda3c9394ecc1e197cf2eb5e93a4b23a941', class: "container-title" }, "Title - Inter"), h("div", { key: '5a798080e85a001075425c6a95a5b56f0b037985', class: "section-font" }, h("div", { key: '3563a9783bf1ed2d57ac9f146bebbed26df2e17f', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '136d49f5eaed39b7927d96bd37e692563d9d3656', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: 'c0b992fafee8152aed14576ef26e87a9e198f12b', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '42324a93ef7901421b5bc9c2bba94b93de66f88c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a09abd65ee4382e4846c8de15bd9afe3a02479a0', class: "section-font" }, h("div", { key: 'b274f603de0855fd986dfc45bd91edc901965e87', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'bb3c1e1fc4759fe16afbc3b84b418375a5ec77f6', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: 'cffb991633dc294a4e90be1bacea85894248615d', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '758a4b728bd5e36d89de1561dac3726487d76f1f', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '8a494d18ab41793bfbe0911996f1bc8dade1a0b8', class: "section-font" }, h("div", { key: '9a2efa6ab5a0cb0a6c4bbfe2ceb0406aa7528b3d', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c0ae3095832dddce0b7ebdcbc457a5851540ba08', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '0145d429db1d140bf03674108807909c0f5c1419', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'b657efe06e95158f181f5faf5d1347d798b5b007', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '795d08953324005c2b88d17e98928376ece03608', class: "section-font" }, h("div", { key: 'e2c891749ec3ad1598df9ae93cd1454715ff4f05', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5ea6ee2c6d97ea46a8e643b6db12e24b6a97b1de', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '78f34dbe66e38036b0882f114f74511ce1fc3818', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '695ee39dbe5b0e442c1994f2fb25f7db99a70cd6', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '756da12ecf9d13b32ca7f46fff78a5bd284c0462', class: "section" }, h("div", { key: '7df9a90bfc2995a4cc9af5bc2a46990c15040fc7', class: "container-title" }, "Headline - Inter"), h("div", { key: '26bd36268d431e80ad5175beac361053532ff1da', class: "section-font" }, h("div", { key: '63e207c1d486ba09c1de118a6bfc0efcd1bdcc25', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3bb3d90e31d389e002bc2498c356d5b6567c8219', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: 'df2b40e48b50d8107e9035699b7863365cc8f6dc', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '35a43f0d6811ca0617ef36e29d446f0c702a97d8', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '677f67b4210376b92de3c1744817d96bbefacedd', class: "section-font" }, h("div", { key: 'a4e9292ca41afcbd3c0b0761a21e3d2d5348376c', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7b9bfed72bf0d8a903f3857f4c4253238d188fc9', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: 'e4f4af70865c18d79a98a9604fcfc65502c2ba8f', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '26680440c05effe5bbf4136c35db6cda9b59c4ff', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'a332b5bab0846fba8764ecf10c60f2820ebc03b6', class: "section-font" }, h("div", { key: 'f996886336e6a5505066698ec761a90329fee01d', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a7596a674ac7b797ad037d1dfd7e8afac63107ad', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: 'bbc4e6b876bf88dd7052232e9bba20f3e529ddb5', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '4612491db0fc8c0c9882d8cef4e85cc4738a21bc', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'e16a794e0ad09f63d26f22d4bd643922802a4092', class: "section-font" }, h("div", { key: 'c43bc82de32c178e61dccbfa03b3688b9de10688', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '49bc70a7e424a5f15102e14d6793596d2fe58fa5', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '5726b1d7fa63231eca4dcd11ed198e92584087eb', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '61086494242d2ee91c87f16cf35274b56aec4746', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'f160dbc120615580d2e6177c240429c1c6bd5333', class: "section" }, h("div", { key: 'b9459a1ae8a9b5bc32d90febde9a21445960753b', class: "container-title" }, "Headline - Gilroy"), h("div", { key: 'e30fa72e6f4e2cbf69eec86a80645df06dfa7270', class: "section-font" }, h("div", { key: '110af69f8ac6255a58b735b6eccda0aea635b04b', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6e75d2d00055851d71ccd566793f92b9e6ee59f9', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '6cde163d96d8d2b4e9a28752367e38047fbad7f9', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'aa819d1d4464bdb89c6c4c66de6fc5d298398652', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '7f6b63d8718ffa6459e60200ba971fd7a16589ac', class: "section-font" }, h("div", { key: '58c9f3673220ee038e25d3a5c10b9edd8d94a5dd', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e5addecba1592d4c74147e683affcd9eb4a6e431', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '43dfebf01412ec1c1284455fec52bd69a807277a', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'e356476ea92584ddaa7f663c0b44e22d3dfcd46e', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '9c07787969cc9ada1609ee6c59ea99b2977068b2', class: "section-font" }, h("div", { key: 'bdf254b7be8ac82ebc0e2b98d91660e6c5aef21b', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fa2d1f89f5af6b9a8576c2faf82be3c5b6fee60e', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '32f69b6f9df929b8a0db0904f9fd97db7eafbd6b', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '66b2b91ae46535ab71dc0538afd5ebc2075240be', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a9fcfa9daa0a7e6bf6e1a546bb6c4ea3015e9212', class: "section-font" }, h("div", { key: 'c9cdc36d742193712dba2edb867cc86f54165c1e', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5e6966800038eb3686a32c909f9963c93ec3bb0f', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: 'ccdd840c5ed052113399190441fc4bf305c0eb7f', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '4be5682ad1d5cce489ad6b7f5c5bc187e243a242', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '875984f8b1b16842be253b1cb9a5d23edadd9679', class: "section" }, h("div", { key: 'ab51fd6161dc80684c02f75e5a37f5637bbecdb1', class: "container-title" }, "Display - Gilroy"), h("div", { key: '89dc9e8552f8af85bf079932906c61265e09c9fa', class: "section-font" }, h("div", { key: '7e8e2cfa964e98c4d5761b2a346a6758fed845dc', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '72d3a62492b0105289c988435d836aacdc27d44d', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '609e46126af5d9f4465a940e0ac6bd841b53a0a3', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '5b848678da9e617901586bf57987596720aa1a5f', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '272f08fe43fa8b557daabd67b3c53a03c063ef2c', class: "section-font" }, h("div", { key: 'bcb627ee28994678591a746801baf4d245c53783', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '17b9fa3a098b5155417083359c113b80178dd3c5', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: 'a0fbeaa08d32fe24d8b40a29cf56aff42259623a', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '678b6fe186f32544fea03341964eed03ceea31cc', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'ab3ab55033737c8991852f50a58ea10cc7173887', class: "section-font" }, h("div", { key: 'd16e2fe9d692cfae7b52f6a5acc0ff82233c2ffe', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7a9c52d3431d2a654a197c422a0af7a19da0002f', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: 'e13a77269f4ed21f0df2bb7cd90980bf3fd60170', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '46f0a5455d8b1f31c71d11211e14866ad4e403e9', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '605a731d996556ecdd41b9b5e4b9b50fecae3f0f', class: "section" }, h("div", { key: '3cb2692d6b44a234bbfa7983479c858f3c1dec59', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '2f242a20cee46c7b13821fd67a57fe0d9eeb9168', class: "section-font" }, h("div", { key: 'ccff955e1a4fb35f72496857dc703a4f8c005a7f', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5b64cdc21625ffb5cdc2351d80cf87f86b2ccd50', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '2ca23cb821393459d62549dcf073ab28a36e7f3b', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: 'f09607db2a786cf20d4f67c86b9bed8b5015e358', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '2f162333bbec251804656d7126762cd7cee59677', class: "section-font" }, h("div", { key: '1daddd07b698c0688686c71bf7077b9e0162f404', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '72da48a920821372b25c6b8e68edd022bf4e5532', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '0ca10c5759a48c034815616b5be5acabbeae7e6e', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: 'b445732931fbf0a738b7ee97b88d038859d0137c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e2e78ba32d56c638f4839e04c899d70c7c55a6f9', class: "section-font" }, h("div", { key: '36307d83b8d7027aff4232adc856f6ac14c96dba', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f224cd6b5b71d789bb47e5c8aeb9278c5d57a59a', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '24b8f683b4c2d9d90394f961a80a578fdd4eeeaf', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: 'be08a17fb74c0650d86635bef49ec915393ccb64', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '9fbac56d665f925b1453bdc749331d9f5e811473', class: "section-font" }, h("div", { key: 'ebfd0ba44fa2b40b417563a4b2a1795273ffe802', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9e3d9c2eda4b5914aec575170cd07e69bcc1c78a', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'fb9c934d443f4fe585362dce06f60fce39dc0eb7', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: 'ec5f07a21c159ad2abe967d8ba5d34e1af5168a3', 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: 'b5e51d79ecf43b2e8f8a204d6c6c1acaf056f772' }, h("div", { key: 'e22768d2073d74b567814679b5cf271e561d7842', class: "container variable-container" }, h("div", { key: 'bc956aa03509d62f7ed98a361f38e61a392e953b', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: '56af6fc9658058efa3a972cd6ca1f74d63002d02', class: "container-section" }, h("div", { key: 'f57f20882a614b7b9a19f02040b3aa5be00a3786', class: "variable-wrapper" }, h("span", { key: '35dd7dafa5a7fab47ab6789c4996f72e18da4ac4', class: "variable-name" }, h("span", { key: '791dd15bc1a1fc5bdf30d1c7718022c505b7a40a', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: '69af980812aa7032e35f774e84f3e300dff6077b', class: "container" }, h("div", { key: '79f0deeec09702298a36c180ff092ddf379b8036', class: "container-title" }, "Piem\u0113rs"), h("div", { key: '7049c8dffd05de717bbb6a11afbc8fbbcf55cb2c', class: "container-section container-example" }, h("code", { key: '70215a430d13b395a47177e6ab18b75e8637af37' }, "<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: '5e53b360adc832bd357ef497e9a992e9cbff4ffb', 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: '8c1531e2c36895d9f124f0ed74ccac54b374650a' }, h("div", { key: '7437f37b49d84a214357d872368a40e5e8b8f7fd', class: "container variable-container" }, h("div", { key: 'a03e38f392d012d0bba4ffd7af33f1e1547553bb', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: '1311d3d9e0561966dd317940ea551b88862ad195', class: "container-section" }, h("div", { key: 'e250388b57807c4dcdc9baee153aefd1259643a0', class: "variable-wrapper" }, h("span", { key: '63603a1338713eeb65ba2675cec4e84123b24737', class: "variable-name" }, h("span", { key: '396cd534c69415ba439af19a3bb87b1b3d302681', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: 'd2dd4e5bd2a206c020d99f01cb6d698355705fd8', class: "container" }, h("div", { key: '2f75d2b89ff7d36691b6535ffdae43a08aae5cbd', class: "container-title" }, "Piem\u0113rs"), h("div", { key: '71136f666fb61392415c34a19c711c56093a44de', class: "container-section container-example" }, h("code", { key: 'ce28840a67d581350ed8fc8f1b857c5cbd9324fa' }, "<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: '6707b2da6902d90632c2f3418d90fac5807bf32a', 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: 'f3afe73dab17ae872e8565e2081f4331129a45ad' }, h("div", { key: '0ad155e3d555e9af21b4a5dd646b0b410eda84f6', class: "container variable-container" }, h("div", { key: '6b772d6c396f2bb0cbfa8dd6f780b956ef27a3f3', class: "container-title main" }, "Linka klase"), h("div", { key: '80cfa230fee5b8c54da3b41f8d2aa480244b4320', class: "container-section" }, h("div", { key: 'c0d2f328c516dd5617fe775dcd1552a1b76d875a', class: "variable-wrapper" }, h("span", { key: '9d7f200cdb23c7dc04c5683ff0ea928e1eec04cf', class: "variable-name" }, h("span", { key: '4fd7ce81cceb9d65ecb9ee6c261ae63884e578b4', class: "variable-part" }, "tet"), h("span", { key: '24e2a8decacfc929fc14d41f30c0ce40d92782b7', class: "variable-part" }, "-link"), h("span", { key: '29d0ee179284c3fd7ba4b235d54a441aaa666853', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '60b6b4ea4cdd5b7cc34458af6f0727b21f0650d9', class: "container" }, h("div", { key: '32ba09a41525af1669647e6ad54492991faf8756', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '0b434e181977d37c340627037010e0fdb9742caf', class: "container-section container-example" }, h("code", { key: '4330cd3807142674239f113297d3771c2ccf4526', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: '6ccc1cc205536bfa7d9551c07eddfccc5b947de4' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '2884ef8f8fdb87e8013791a9151dfe7607a528dc', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '79f77d9cce2635d611c150adcbdc159c72bff2a3', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: '60e68206aa8d365eff9e664710ee00b1fa3486dc' }, "Link klase ar bulti\u0146u uz ", h("a", { key: '01d69df039034ec1bbf5ae4b162f394fffdeaf93', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '8fe27b235a975f70d9e2431b1c2dc2ab798be301', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: 'b55e85079404e304a5b54169480b53e9343595f3' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: 'cbba87182f3d87dd5a4fcd81a96a581929866249', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: 'a12edd874e0e7c4a4c26f4ea2d4520eea89d0a06', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: '6a8547b0863cc50fb6e9a0aace9e072548667ce3', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: '7b91ba7debf1232d206ac1c96c141b33225ad5b9', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
+        return (h(Host, { key: '75487c5ba738283c665fd91ff4db9c801d5c9854' }, h("div", { key: '1b6ddddbc4f448f85a35b817ce3863b66395ad0f', class: "container variable-container" }, h("div", { key: '06300bd3e7a4e979fe8aee1c3d4aa78c7a6ba1fa', class: "container-title main" }, "Linka klase"), h("div", { key: 'ec7a1b8be86c99b592a7b258ce62785be279b589', class: "container-section" }, h("div", { key: '0440ed870baca3f11bb8b37980db0c26c2b6b432', class: "variable-wrapper" }, h("span", { key: 'db2f295520de9409e74b3eba23fc3262c71b1170', class: "variable-name" }, h("span", { key: 'f1d5963ce7adcde7bc3dd477756956acda9802b5', class: "variable-part" }, "tet"), h("span", { key: '45ef9b6329031c94f0e780fd0dd93a205beaf0fb', class: "variable-part" }, "-link"), h("span", { key: '8b3be4d8cfdb82cfb5bceeea06bc4a19f3f25ba9', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '2f424dbfbb3e5caa97ae2b23d929ae1b1c6ae96e', class: "container" }, h("div", { key: '4ae2c1c2347fdf4d76921d48f4ec201040ea0aef', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '2c4e9b77e0febdcfa73c02786732b8ba10989932', class: "container-section container-example" }, h("code", { key: '859c654f39d6c6d4f0478375bb490089cadeee6a', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: '582ccd9c3891ae8efe5dbc670e04f09ee5ff7320' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '242aa9b9e2ca991564ab1c3126f808ead21c7c37', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '065ee50c17dd25f9fe2a6c05448a3e1064eb7661', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: 'f3aff1cbb181adfd2ae591415f9bb3cd2596906d' }, "Link klase ar bulti\u0146u uz ", h("a", { key: '33e35e89b3293d914d9aa4f1a5bd279bbdf7f520', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '804bb7e0e8a0fa6e615befecf9a28d5c0d711ea1', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: '3ba2f232545009173664650e42825fefa44e32fc' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: '91291c4f5579ad341f766b914dd5ab08131c618a', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: '20555c7a2e1e4b5bc74f4ada90f74c2f354fb022', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: '973a5f2667e086d9e70622f77050b5d814b29c74', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: 'b0a1710b1b950e18d2f40283347cb85a01ace79c', 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: '421c1f6ebb6ec74b15332a3aec3a27a4931fd563' }, h("div", { key: 'd00527d5220bde7e85546ada67a1cb5da67fc5c7', class: "variable-container" }, h("div", { key: '3e55ec46e1f8de33ff504f2cfdcb5dd393f6f234', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: '385c9d529d67d0d5d3fd55caefdaca278f76e5a2', class: "container-section" }, h("div", { key: '6ab9ca8797ff353f56d04d343aa6d983397128df', class: "variable-name" }, h("div", { key: 'c229fbad33f217f253a3ec5ba14eb7680ab5deef', class: "variable-part" }, "tet"), h("div", { key: '78f698443164432940f52ea627e229580eecf087', class: "variable-part" }, "-spacing"), h("div", { key: 'dce7fc4f03e76de60875e709c0dec56d4a0c5250', class: "variable-part variable variable-size" }, "__md"), h("div", { key: '65b66dc84eeb48bc3e0e8a45cacc11de7eedcdfe', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: '5168e6f6766501224b3d513e64486fd0be5a7555', class: "container-wrapper" }, h("div", { key: '44ab9046bc79db261ad1cbe3cbabad3199f4fb52', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: '2eed97868f4e6fc29a94c2145972a3613950ec05', class: "section" }, h("div", { key: '543d13eb289dd47117b17698d36e45c7d91d9e7e', class: "section-wrapper" }, h("div", { key: 'ed24a7db72f34b5df73998d5955f1cffe4478bc0', class: "section" }, h("div", { key: '137ace67f1ec66cad15154569a5912a2eb409d7a', class: "section-content" }, h("div", { key: 'a98902a3dec0064a5d4f48722d5c739d9d8edbb1', class: "section-style" }, "__null"), h("div", { key: 'd2647679dbf84109344f514b136946f0e842ba92', class: "section-style-attribute" }, "0")), h("div", { key: '1281d98055c585c2149d16760672ce8cb22b74ce', class: "section-content" }, h("div", { key: 'a54c324826357727af7b3a7056195a2de37d3135', class: "section-style" }, "__3xs"), h("div", { key: '13d87319c70e1942d37e3d922fede7819b7409fa', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: '246fabe1549883f34fc3c8541daad12d16e975f7', class: "section-content" }, h("div", { key: 'f69aab5a204daa8711ffb4a13169353c4745e6ec', class: "section-style" }, "__2xs"), h("div", { key: 'cd64c08468366d9823551cd69d61cc64410b615a', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: 'eb1c85ad1346452eec4f154431b00fd125e160dc', class: "section-content" }, h("div", { key: '9e52935f283f6ca8499e458c7e15d40a755ac311', class: "section-style" }, "__xs"), h("div", { key: 'd448360d7ad366b5615d9b8f19c262db73f01ee0', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: 'f0efa839dcc06243c5ae33ae320edfff8f7ac251', class: "section-content" }, h("div", { key: '917bddf999f76c2affbc779a5cd6d834d76e0fdb', class: "section-style" }, "__sm"), h("div", { key: 'b3b56f8858ba9f37e450c8549bc0b6f909dd4ed3', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: 'da29ab2d9cbcebc1ed159f8880097f67ed974fa3', class: "section-content" }, h("div", { key: '88c429bdd8b0a8d3f48012b79fb7defae47727ad', class: "section-style" }, "__md"), h("div", { key: '69de9c7d6223a622a0f3a621309e365fafc726e8', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: 'da914e558e14a1d4df796e5eafd9be43f79162a5', class: "section-content" }, h("div", { key: '61493f4fe71c396133f5130ee95228dcdce16031', class: "section-style" }, "__lg"), h("div", { key: '71343cb01a598a5da2c5a6f4f62fbb632cb9b47d', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: '00a1162f22dc9c877d739459ed89bd1d94952786', class: "section-content" }, h("div", { key: '7c2be7908857cff85c14d8f5aa1e4eeec01578f9', class: "section-style" }, "__xl"), h("div", { key: 'a6f85c42841cbcd603ce05b6ba5c8824d9c0d069', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: '4473b1848465fe98aa15d2f3d0277edf766296e1', class: "section-content" }, h("div", { key: '9884e60a89d4df0433c03ee8a5f25b976f7ae738', class: "section-style" }, "__2xl"), h("div", { key: '4d66e0cace2cea3f87293d692424660d68980544', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: '17fb66204ee7244f7685d877583011ec54c26db3', class: "section-content" }, h("div", { key: '05cfbd6abd68019824d02a47fc68f2a354e1cdb5', class: "section-style" }, "__3xl"), h("div", { key: '023b254dd5d92587bf442f1a80e10bdb550adec8', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: '4b290143607517b2ef44af47e5275ef3d80f37e2', class: "section-content" }, h("div", { key: '27ca3503a4cd9a8221c5a726d61aca821bfe9474', class: "section-style" }, "__xxl"), h("div", { key: '1f7b953bdea564f985f12368abe69cf7c51bafc8', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: '4ca2d7cb9fc8a6d8ca13bdb7fbb5e26a899d59c2', class: "section-content" }, h("div", { key: 'ea82ca9bc2ff070c109cafee578c7ef6306b416a', class: "section-style" }, "__2xxl"), h("div", { key: '07e90b7553aa61964db6dab875d5f96cff7e4a77', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '8e48c65e8ddacb9b5301178061eddfd06b226364', class: "section-content" }, h("div", { key: '44d935271b25e1483c74df2e7af780891b7603d2', class: "section-style" }, "__3xxl"), h("div", { key: '4f76be927afe5473d9b1c21cdfb25eee12e735e7', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: 'd26b66a6d434626207e711394d6ebe92682c63e9', class: "section-content" }, h("div", { key: 'a2a2a1572735e0aadfd364a2bb9da72de40640ec', class: "section-style" }, "__mg"), h("div", { key: '4d89f48429ee2bc63e81bf8f28f887cca79df035', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: 'd71843d1eda25ac7f815688a4d2355ea0af90f05', class: "section-content" }, h("div", { key: 'b4da0006b1442efbceb0707e659b05359f31b486', class: "section-style" }, "__2mg"), h("div", { key: '007a5c7430912c1b997294a026d25b11c9e859e8', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: '8c2e03b9557c86ae3d6cbffd5f63a4d70c3bc1cd', class: "section-content" }, h("div", { key: 'd70b7f9847e74184e80b1bec4d664262a23dfb8c', class: "section-style" }, "__3mg"), h("div", { key: '492a1e7a4d60e825ccad44260585d2d0c828032c', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: '8089fa62bb2eaafd7c54158c4c6a3a4b77b36a9d', class: "section-content" }, h("div", { key: '6bb7de9a716eccd4e1125f20a1032fa5837fdba0', class: "section-style" }, "__gg"), h("div", { key: '52a02e7e699af06429342fba17891b1c3c983b8d', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: 'c6697bbd9299a4281e72e7401c2bc3b9880a8ab0', class: "section-content" }, h("div", { key: '705023c4fd952619a70cdc9d7ba1a249d21e97b5', class: "section-style" }, "__2gg"), h("div", { key: '07ddd15ce9bcbb3ba0e1b363eefcb8f9a1341dfc', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '8e48b0d17b9fee714626a286ef1811fb5db3ff03', class: "section-content" }, h("div", { key: '15a4069f533686949847c6aa5857fab8625bfe34', class: "section-style" }, "__3gg"), h("div", { key: '9048cf4559766bc1af59e71019e708df34cb8274', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: '2f49404b8e853c4413994b80fb47c96e70628f3e', class: "section-content" }, h("div", { key: '4e6246248cb0136bd7a04baafa8b95817dd3181e', class: "section-style" }, "__xgg"), h("div", { key: 'e78d6537d445fe2932710a87dbbe30a94e1e3d48', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: '0bb0a262ca7ad0036746a286b89b76a473edb1eb', class: "section-content" }, h("div", { key: 'fc4c9096346abe93761a95c33e9d36e3dc75c18c', class: "section-style" }, "__auto"), h("div", { key: '57702e65117ee96708a9a3732d1c90624b180a99', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: 'd8b1d8e85c6ab12c10d0559326eabcaa72246ef0', class: "section" }, h("div", { key: '674e413972734a83d6e770e575201d064d61d6ab', class: "section-content" }, h("div", { key: '48c873793bf087a8528a3c1af49da641c4e658d3', class: "section-style" }, "--m"), h("div", { key: '6180f3cf95525aac3804712a860d9085a1fee7f1', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '1a6554b142ee43e86d49ebc0c09f1596877ced09', class: "section-content" }, h("div", { key: '699494f0fbfe3762edc5f89a8db5aec70a9282a0', class: "section-style" }, "--mtb"), h("div", { key: '9eceb323b6bb2ddb3b57b00471fabb252b743efb', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: 'e2c4172a90cadbbe0765450de070f71c6de32ba3', class: "section-content" }, h("div", { key: 'e5aaf88b6f86ac6e468ade32e75d61d4105fac71', class: "section-style" }, "--mlr"), h("div", { key: 'b5e1f849207e9e492feaaf360413f054f6272b16', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '717272974910d6f8f3aff5c4340a07cf1262f3ff', class: "section-content" }, h("div", { key: '5f4e31cc3b63a7d72b95d8a7ba0591322d55595d', class: "section-style" }, "--mt"), h("div", { key: '2f322c59d1d611986abb96398f76fa8b30328680', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: '2f586b8a55a441c12581c07f3e01017976efa6bf', class: "section-content" }, h("div", { key: '5dacb0cb3d468caa8a799763f1065a623baac3a4', class: "section-style" }, "--mb"), h("div", { key: '4a24b3df1da8b100a6f650b7cf59621d5198fda8', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: '976cbff0cc56552cb3d4b34596f55e70227f38d7', class: "section-content" }, h("div", { key: 'd7eb4b21bccecd76d88f0942f10e9794e1159d94', class: "section-style" }, "--mr"), h("div", { key: '6e9c40d75eeda1ca3ca0369498769e5c913232ad', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: 'd694c3837f90e4e3596d4243ae8b3b8bcd90e04c', class: "section-content" }, h("div", { key: '4d5631c3bfa37dd68e95bd85c15fbcdaafe0b400', class: "section-style" }, "--ml"), h("div", { key: '12ea64ef5c8e94b897c2cb56156c7466a899ec67', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: 'cc91dcd6876c00be74661a50b274af6221a1f288', class: "section-content" }, h("div", { key: 'f72a4b50495a189612072ed75ed4f77124fe2443', class: "section-style" }, "--p"), h("div", { key: '026c651d9dcabfce2a407be1ee5ed09478cc18f7', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: '858970fe23aaa1b56d12222715c084383eff5ada', class: "section-content" }, h("div", { key: '297a0505132bad579df2c73f31dca82521f28f5a', class: "section-style" }, "--ptb"), h("div", { key: 'b967e378e4f8fcce35cf09437fa464951d4129b4', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '1f257e41b6413ab05c3c42cfffc81876d24ad539', class: "section-content" }, h("div", { key: '5f5ad88b420e4d6c747c665fae4114db3eeab0f7', class: "section-style" }, "--plr"), h("div", { key: '2939c80cfcea2fd800ba62a9012bfd9e5435ae0f', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: '09dd9b746e4182a6f487d0bc69a760ce2abcd975', class: "section-content" }, h("div", { key: '4423db7e873d80b7d75136431fa8e05e89af2a61', class: "section-style" }, "--pt"), h("div", { key: 'd638ebc57f074bc657a17c830f0fd92a8f563208', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: '0442501da4b517573b780e62349a79e66f7510a6', class: "section-content" }, h("div", { key: 'cae57fa4efd476ff2f7077b48639febad97b01f1', class: "section-style" }, "--pb"), h("div", { key: '8ca98f1168c1ef26de9452bda9659c1277b3495f', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: '8d441ca828083222e3a2bccb8d76a282d48c24bb', class: "section-content" }, h("div", { key: 'b40ae255fb45e12758d3d9adf202f54e3ede44df', class: "section-style" }, "--pr"), h("div", { key: '843ab2950c36c0a731a5ca250ce103b5545e7022', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '36b7918698e10717f6782b0dc9c03dc0ebb328d9', class: "section-content" }, h("div", { key: '5c3dc1e1db5d3076bef188504afd3fd695e13acc', class: "section-style" }, "--pl"), h("div", { key: 'bcf6031f29cac01a020139414829d9e556c3672e', class: "section-style-attribute" }, "padding pa kreisi"))))))));
+        return (h(Host, { key: '875e2413a12cab8fabdb398e33bf35d65f507009' }, h("div", { key: 'f93b79eac39ee34e1381566d1f28c0a46d55ba04', class: "variable-container" }, h("div", { key: '619e54285372e1b61b5e1c840bcadd5450bc7736', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: '027407c66396c0c6cc2d17af6065abe9d7be1422', class: "container-section" }, h("div", { key: 'c2c1376118e70b72a9247e847923d81439181ada', class: "variable-name" }, h("div", { key: 'a11105ff628f3c444bcc32195112c36a1481f4d0', class: "variable-part" }, "tet"), h("div", { key: 'df924f9e6d3b0700629d2289ab834e79a7be1fac', class: "variable-part" }, "-spacing"), h("div", { key: 'ee4ec5f9c8666b753c6b03572409c3a73abd2653', class: "variable-part variable variable-size" }, "__md"), h("div", { key: '1a73ff3f31caceca3243e46fcbd901d4fd209a03', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: 'a9d7c97f77b0923d16356e0575f60ad3ea1730b8', class: "container-wrapper" }, h("div", { key: '79b476acb83dfbfb741d67711b72adddf7a02d86', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: '16484c8d2d238c7ea9a8ee4477e0067a3d347ae2', class: "section" }, h("div", { key: 'a6870541a8da288b46216746b3da98d3db32cf9a', class: "section-wrapper" }, h("div", { key: 'efcdf3d998f4f59a356500f87adca34c17ea1bc1', class: "section" }, h("div", { key: '136f4da502461323eab801530ee66a705f442d05', class: "section-content" }, h("div", { key: '63e642cb922552d59ff0c461440c1087b9e73eb8', class: "section-style" }, "__null"), h("div", { key: '60a1877a35dde7f4358e4288cb898fce2c933922', class: "section-style-attribute" }, "0")), h("div", { key: '19bef1a6276b61a798a030fd0e2836af3b784da7', class: "section-content" }, h("div", { key: '1c4d93376878ef2fb9ca46af93b361f1bc119985', class: "section-style" }, "__3xs"), h("div", { key: '6d2f502a646600182c6bbb24b2dc5b0bd3419b20', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: '5514098ef2e06bbfd9a333206df70c6ad73a4ad5', class: "section-content" }, h("div", { key: 'df1fde01dec2f327f5b76fcdaab5f11392a0028e', class: "section-style" }, "__2xs"), h("div", { key: '05811dff806370c602da90122e47fc59ed663eda', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: '92845638ad6e88a04959efc88b71724dc43d49ea', class: "section-content" }, h("div", { key: '91b41f2e7fdf057850a91ca6e7116c9059c6405a', class: "section-style" }, "__xs"), h("div", { key: '33a7c0a413940dabe78058e32fe0bf0be154b3f1', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: 'bf84d2de3a8ec80bedc528cdbe194f127fb66f07', class: "section-content" }, h("div", { key: '94c18e2a9c46ab058af226a9a803b789aa98553a', class: "section-style" }, "__sm"), h("div", { key: '12a7fae4909228191dd8dcc8e881731c82eeae44', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: '7b05ca6e69c3c98ea4e70be74159f317ca7d0e42', class: "section-content" }, h("div", { key: '3cceee5cafeed32c14e5a944b1ef3402560d36dd', class: "section-style" }, "__md"), h("div", { key: '5ae2519257994252c8ae84a27148214bf59a196b', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: 'b06cbfb53f816419f1e0a46191fc3befeeeb4a77', class: "section-content" }, h("div", { key: '17690b1f48ba6fe7173368f93f0f7cc2b09c8523', class: "section-style" }, "__lg"), h("div", { key: '7419eb239fb2961641e2ea28933e5a8474fd4da3', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: 'b9872c3dfd46cac12984944cc664d91a33be09af', class: "section-content" }, h("div", { key: '285fa2cda0a57462da3f94e1bcc40f13577234ef', class: "section-style" }, "__xl"), h("div", { key: '8d3ebe0f19b8f293bff6699d0c1a00f0999df12b', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: '722f7c8f7096a346544af56758fc7c74df747d90', class: "section-content" }, h("div", { key: '0bc25ca4f50cc567efaf3dd0b36f0234147c74e2', class: "section-style" }, "__2xl"), h("div", { key: '65c3657a3405c81386270839278df08da62418f8', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: 'f539922619e8ad27fe00b1056cc6405dd7776c9b', class: "section-content" }, h("div", { key: '4093d418b0a04f3156c88630c0375193993e2883', class: "section-style" }, "__3xl"), h("div", { key: 'c6366330fb85ad6798fdc2cac2be9a08d1d5d020', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: '8083dda9b54e095bf3a13e05167d124bac37307e', class: "section-content" }, h("div", { key: '659d712bf5ecdf83bb266698264c18986a4490f7', class: "section-style" }, "__xxl"), h("div", { key: 'da0d5719509f967cef5948ba84a4af97202acd7f', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: 'c0e2ab5d0ae233da0be4dd9d3dc60cab5067c657', class: "section-content" }, h("div", { key: '0c82fc309d9598067757c0648ccd5bc06884fedb', class: "section-style" }, "__2xxl"), h("div", { key: '627feac150b81650dd8fb1bae07c4a180b9b3cfb', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '9a26ac3fb141659e0a1ff97349568c121ca6decc', class: "section-content" }, h("div", { key: '4fb3bd89547238221993ca0739a690b831b7fd66', class: "section-style" }, "__3xxl"), h("div", { key: 'f9ccba7f3881d8c9d2831e882a1578fd6c0c3804', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: '75d2ddd1402bd16f913ec36c1922cba5d871282a', class: "section-content" }, h("div", { key: '3a4062d545da51c923290afd33a5daa11db8c788', class: "section-style" }, "__mg"), h("div", { key: '725f90f3603c932586d6e47f5e904fe2981a9294', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: '2ff52166ecf6e8f927a4c0a325535df441e6d0ee', class: "section-content" }, h("div", { key: '6f575098d9ba195d9a16e6c10a4e49bf71d8f3be', class: "section-style" }, "__2mg"), h("div", { key: '4bdb3df565b41697175bb8786c693cc039421490', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: '0f717e9d2931baaf3751a3c1823065e46f3dc536', class: "section-content" }, h("div", { key: 'f979941c6c88627b4cf72b1c5460db1ad634814a', class: "section-style" }, "__3mg"), h("div", { key: '9849cc2a0a8bce0fa8584c9065bd733fc1e3474f', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: 'bc3f2de0c6ab2ee34688019dce56e6d0bea2bbb8', class: "section-content" }, h("div", { key: '7c66ee2da9953febd8d344f2a57a81e4ea8744d1', class: "section-style" }, "__gg"), h("div", { key: 'cecc2552d06d936780573aee9df30c09280edf14', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: '1409e349aaa3769ed38ea28bb97235441613a24d', class: "section-content" }, h("div", { key: '95d047b3423efe20bd087731a236ace8212ba265', class: "section-style" }, "__2gg"), h("div", { key: 'b17d377e9f6799b34f1618e09f2b01e12827bfce', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '27bc80624dff190a4a77fc1710766c4d531d420c', class: "section-content" }, h("div", { key: '784b1df31495688096aa77e28c983bd11965de2f', class: "section-style" }, "__3gg"), h("div", { key: 'ee07f38fbd2201d94672057c477d2f0b8e75a6a2', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: '28dad4e6210b4104910a0bb094c823d5ffa030a4', class: "section-content" }, h("div", { key: 'd7f11ede1510dfcc312aca6d576c9d1645842d17', class: "section-style" }, "__xgg"), h("div", { key: 'bcf4650ba72073bb758a5e301750e45ff29670b1', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: '8bfb265b3b2ee7a962ed01f09f054ece8dca4850', class: "section-content" }, h("div", { key: 'dc1c0c15b16129b102eab431864bde1ec83af7cb', class: "section-style" }, "__auto"), h("div", { key: '1666a54d3f8d50f1d786aebebd1ededb362a9a0e', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: 'f98b9d479b460c9716bf46fa75a735defa118ab7', class: "section" }, h("div", { key: '6a7a16d682cf7b6af4ef8c4697bcd3b8cb0223b7', class: "section-content" }, h("div", { key: 'e8c2b760d416e5ba9a4e862c102f78f02225591c', class: "section-style" }, "--m"), h("div", { key: 'fadf58fbf8b3ef630b73de59cf15a206d71d7d60', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: 'd03ece1db679f434be76be581cafd8763efd853c', class: "section-content" }, h("div", { key: '93d206814d7666143914185b2c369c2c0c16dea9', class: "section-style" }, "--mtb"), h("div", { key: '348fa7eaa9a8cd989712b11c3c58429c91e4d126', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: 'fcfa7cac71b73fec650d38678f2c347e3cbc5ca7', class: "section-content" }, h("div", { key: '11931cd1e2d6adafbd51dfc736d1000b39e6db5e', class: "section-style" }, "--mlr"), h("div", { key: '9507af2e2291f004f117b6081c87951e2a1641c9', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '20c0f45e699a0b74b9e946c8dddbd3367b567832', class: "section-content" }, h("div", { key: '81b9da605b760c1cd3d4c2a02749ad6c146826bb', class: "section-style" }, "--mt"), h("div", { key: 'b4bcfe7b60d87ff6cde59577641411677433f807', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: '9f7f5036ba2c8de4c12cc552df22954160d9b19b', class: "section-content" }, h("div", { key: '5d2cb042ed6e8d43b0f50fbf78f82e2dbd273b47', class: "section-style" }, "--mb"), h("div", { key: '870b9bb79c70f4049e1acef299e72ca8d196ccc2', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: '61683aadacffc8d84ca342eb4e3df47c575cff05', class: "section-content" }, h("div", { key: 'a8ef0b3c07fec89b33c5f568b335078bf40086b4', class: "section-style" }, "--mr"), h("div", { key: 'fc6c3d6ca73e0731b95c46edd1ee9d5904dc0f2b', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '1385956dd12bc617ac3b80e8f77c842d734a0805', class: "section-content" }, h("div", { key: '63bf2b2a91907b5d75f9c658a42244a39cc7787f', class: "section-style" }, "--ml"), h("div", { key: 'ee6adf9f54885540171c835aae6dee276f023a46', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: 'b54effc4f048a99cba8520b2e18012f7122b0c43', class: "section-content" }, h("div", { key: '39491a4a426a393b65b48b541bacd30f88481db3', class: "section-style" }, "--p"), h("div", { key: '381e1c078cf5ad1aa56f14cd3ead1856fbb1ad8c', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: '9e73e2cacf88020969537b109c10d7da1b6a2eac', class: "section-content" }, h("div", { key: 'ac7af994849f8ac1a5e30077de0c5a48eb644a90', class: "section-style" }, "--ptb"), h("div", { key: 'a085a7a73e39e6be50c9e973ebec0e9e837529b9', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '50358d5ca23ce656ce87015a0e689bbb0edfe6f3', class: "section-content" }, h("div", { key: '57e6e1ac51f3e488807f0961ce87ef81104dbd6f', class: "section-style" }, "--plr"), h("div", { key: '5defd55fa54de3e75e9f0ac040fed8d5e1b85037', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: 'c2142aad5f3a121470202b0ff51d81d2f33593bd', class: "section-content" }, h("div", { key: 'c23be4e86c37147bd70cbd60ad70c2a2bef845cc', class: "section-style" }, "--pt"), h("div", { key: '23b9409351aff4a62d6c045e438748bcc11d46dc', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: '6d5f524e2b29bb71a0651d7d84256a0f9fec17ef', class: "section-content" }, h("div", { key: 'e2592ee69011448ca82617383e8bbb05def6ead7', class: "section-style" }, "--pb"), h("div", { key: '57c404d9ebc2b6524bdbc1bbb171c49ab4bf5031', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: 'ce66f587776e82898042e3b47b5f37281e31acad', class: "section-content" }, h("div", { key: '1ef328dc12b7ad697d9f3ec393cf2fcdd63b0f54', class: "section-style" }, "--pr"), h("div", { key: '35f2a43b091f57ee97b0c4de26455a67c457cc0d', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '1a12790b602e952df84305ad4f39d03e782b4b26', class: "section-content" }, h("div", { key: '5e46741f817ee2fb392976d17f7b49284feb1eb4', class: "section-style" }, "--pl"), h("div", { key: 'c6365d16b533f545fe18f6acc77bd04f228bbc2d', 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: 'f6cff28eba6c5306709548fe83e4374cb07b6052' }, h("div", { key: '6868dd611fd49b2b29b5c901321eed6856457db5', class: "variable-container" }, h("div", { key: '848feea27e4e92cf824590ec5e762b85c1f98f4a', class: "container-title main" }, "Grid klase"), h("div", { key: 'adabede6c581ef91c551e4ced10a4ce1eb17509b', class: "container-section" }, h("div", { key: '21357cdb428658c6e9c2f6851bfcfb742e883227', class: "variable-name" }, h("div", { key: 'a9780872656ec5b23392566694e8957b01880e89', class: "variable-part" }, "tet"), h("div", { key: '760bc140179a47accabca56960c7a41f42ee77e2', class: "variable-part" }, "-grid")), h("div", { key: '1e5441c99a52b5afb7de6b0b3f6a16b83cbf82ea', class: "variable-name" }, h("div", { key: 'c93c54e514bea5fe69a6e09efe32a30cd57f0753', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: '99857f2660102c279f0b3a9f3551dc4bd6543250', class: "container-wrapper" }, h("div", { key: 'f8ed466a9f3d0e77ab20b7da4a9383db8fbf6b1f', class: "container-title" }, "Grida lietojumi"), h("div", { key: '533eb58c8aaeada4b80f6c12d9655c23c8312e25', 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: 'f9f35ad67892db0360649265c2d6e25ee500fbd8', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: '6d192dbafeaaf755184e35a84ce239738dbd8b5c', class: "section" }, h("div", { key: '050ce37ded613f776eb47f0b2e6e6bf65fe23f4a', class: "section-content" }, h("div", { key: 'cd3bd16695e27f293a422c5d4528843eaf3370a1', class: "show-grid tet-grid" }, h("div", { key: 'f06f7bc3e0efe4cf261f7ab02bf6a3bc8162f2d5', class: "show-span tet-grid__cell--span-all" }, h("div", { key: 'ab82885fe0a6615fe5fdc8a3dd148aacd066201d', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: '0173f6574ff0c06538c276408175e6dbc3f3643d', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: 'fb34436cbc06120fba1f4e2b7ec0e4fb236dc8b1', class: "section-content" }, h("div", { key: 'f6118edfdf370f94cf3b35ed1c5185fb32896a79', class: "show-grid tet-grid" }, h("div", { key: 'f5c0077ef92a6bb7f7f602496477d51ce5ba8cb0', class: "show-span tet-grid__cell--span-4" }, h("div", { key: 'eb8e147cd32f791f852484f1562927774d2cb2ea' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: '9d46af4f1b564505c4ae1f7943d50ce81200dc05', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: 'bc3f473ed95d71859d5bc072dc240a7cc017f7df', class: "section-content" }, h("div", { key: 'caf26c876f5a85250d30bca8ad6b7815b180c781', class: "show-grid tet-grid" }, h("div", { key: 'a2847bba99a91dbb91bc3151559119e02b34aa50', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: '37202c8d6e7ffd6273688de6d0b7a77315a6ee64' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: '6cf838edc2dd8c1b1d48acd6f50508f320977f18', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: '79428b618603c654fd697afbf5518864cbc9cbb2', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: '3368609abf7b327e5de6d02bf9c6fdc495ea81d6' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: 'babdf09a289fc0de2b187b3bc9e3650c2e98b72e', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: '37bfad94eb1bf3cd93440d767ba324b704ee1adb', class: "section-content" }, h("div", { key: '1a9b7d9d8d171c08a63eae29e1af086cb5736531', class: "show-grid tet-grid" }, h("div", { key: '23a22b2c29404add822057abdfcf1c2e67392662', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '626ba2c3f9e399ca56e441aa9a92cea62e7ec2c7' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: '69e38db58e5042a2f94cf07c00e17fc62d885022', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: 'adb123d7848f85ac4a85a9df067a350b4119c316', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: '51adb8b4d6093ac5605f179893c6df57453bad2d', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: '1cd8befe92963ee16dcd2a9a0d23b75ee73da454', class: "section-content" }, h("div", { key: '17748c621df86b0c60620c874da4951ab21db5bb', class: "show-grid tet-grid" }, h("div", { key: 'c03d02020dd7c9c688e5ad5ee23dd9d2dbd4087b', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '13650687557321438a579cd2d14368e7d596bdf2', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '48c298aee5b088f7fab530cf694c6cf960bf394d', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: 'deac90c2677b753552daca200cb1626c009da50b' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '6485868678769b2dd66c1ac8b252121cb553e491', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: '8d3de176653de20675f6c7f250ad6df77f1a17b0', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '1515784d03f9c2625a165595172baff539b59824', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: '32da1df0ef2c82f4505d6185a54446f7fb5917aa', class: "container-wrapper" }, h("div", { key: 'bd0270b989c376832e7f049b96e9a8370b7dcb13', class: "container-title" }, "1920px breakpoint"), h("div", { key: 'b3e52398ec7495899ccb6ba6331991645da21606', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: '9580aae583ec8f42e2df2877c65f8afc27f03384' }, h("i", { key: '4efcf890a73d7ebc7ca4c3a3860487c987a93525' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: '40c16a8e5584573fd9f3632958824e94e8ceaeb3', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: '367a877a7baf1de7626deab65cb3ddf1efaf2814', class: "section" }, h("div", { key: '29eaaa83868e4bee21d76bff4a46c95d9c6a3186', class: "section-content" }, h("div", { key: '24b86d445ca5372a3b87c79b04768a520e26b3f3', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: 'c168f26d56a99bb06066813b2ec427850c06b453', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '8bbfbbb00fce1b406c72b9b67cc3b650f3d5ce14', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '9804394b60c0c6b6065c5df83741ae510bef84b1', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '084abf76e2730dab87386c78e7fd9d630108dad3' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '5b7fc6ddefd25e598fe6c4a88d79c822a0e4751f', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: 'e04d3b25a38e4cf7c5947225969ddca610d3489e', class: "tet-grid tet-grid--gg" }, h("div", { key: '2ed9493a8590be264507bcfa00557c225d87528b', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: 'be30d6bcf178121f535a33f07ef1e75135e2a62e' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: 'c5c1463b9cb500fa2b2dc673b543edf44a409a98', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: '0c4476c67c186ba41e0fbe8a73517592147b08ac', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: 'b4b247b908d28b72e8870b8e7d756441a355416a', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: '293c108605bfe727e474fd6ac673a7db4d98af0e', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'b094c00b77c8edb784df2a085d532aa282d8c994', class: "section-style-attribute" }, "tet-grid__cell--span-2"))))))));
+        return (h(Host, { key: '426382b15f052d5b7c5abfea11a8b8edc05e3965' }, h("div", { key: 'f5fc67ff3e4fe4871c42f52af21ea6becf815fa7', class: "variable-container" }, h("div", { key: '651b04986144cd3e3f8702fcee3d098e75d1030a', class: "container-title main" }, "Grid klase"), h("div", { key: 'de97c7599bbf936767e3b5ba4ac0b2c775c8774b', class: "container-section" }, h("div", { key: 'da85c8b4971cf25c32a07ca21ea664dce746449d', class: "variable-name" }, h("div", { key: '00babedaa4c671073940ebdc45bc1301f5ce5b7d', class: "variable-part" }, "tet"), h("div", { key: '15022f12adf727beb2764596367de3239567d909', class: "variable-part" }, "-grid")), h("div", { key: '6ee2b165f3b5a3fefd38521a6b1ddeef8e16d5e8', class: "variable-name" }, h("div", { key: '53f153d704874700fbf2c80ab5aa8d82f40fbd07', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: '27e0a5a553f226f8d00ec31a5545e58c8191268d', class: "container-wrapper" }, h("div", { key: '306f8395deb453c65f1ab2ba7501c20e711f0575', class: "container-title" }, "Grida lietojumi"), h("div", { key: '3b97daa25fb95cc8a9566af69aa23b243561fd23', 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: '81a1bdf8a3c837e702dc2a818e6a29cf18d4cc81', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: 'd48496b4a84cec176087c08645bc26fea1b50b0d', class: "section" }, h("div", { key: '3ceeacc639b1080af4bc4b85525497e388576e3d', class: "section-content" }, h("div", { key: '4f5eca7b3bf1bfffcd78c6e3637f29f298d04144', class: "show-grid tet-grid" }, h("div", { key: '6f06ca900f80a6c770a737b24c33bdc0689d9262', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '5342572a333f6b7d6d16718d5cd31679407c744f', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: 'db928769f34bfb2ca1d5d42d17f22c64ae493667', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: '0d55ae40f7894d6a998e3918c264c50ae036e373', class: "section-content" }, h("div", { key: '888104aeabb1dc0fabd4597a42688cff0e7c6930', class: "show-grid tet-grid" }, h("div", { key: '0f230d7973760ac7a2e0deca2713a51304046c07', class: "show-span tet-grid__cell--span-4" }, h("div", { key: 'e08dd794b80fdaf7a5e45d52539b0f4478caf38b' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: '15dbf0730d9642b7216f2efc10be117b6cb4d3f4', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: '6dff63187cccf0e23c5cccb7c9be1bd7e4d6750f', class: "section-content" }, h("div", { key: '6bbe6a588ab3c344f9909b44eedb81c7e49deedf', class: "show-grid tet-grid" }, h("div", { key: '826b42d0f24003326dd19ec55d19d7e9f000ff55', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: '57d0f9d398b6d91738ce2fd2ea0b37e93cfefa79' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: '7f4185677f24dfd5f20b7df411c1594f99ffae61', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: '5c27477e0a2c0d78175fb5cb05b2fbcd47e0d2b7', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: '8102ac510b8e8566ae991683a239f3f84bdc76f3' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: '5a5bccb0b1c7f59a806939d364a5bf8d35a54964', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: '61e53f2c618212c30cd3f8cf8b57448a2b36de22', class: "section-content" }, h("div", { key: 'c0f9e5436bdf05370d7b96bf228d10ce823edadc', class: "show-grid tet-grid" }, h("div", { key: 'acd016126ec16662fc5c646e926994bac643db74', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '8c09b836308dd4aa83b4cc08f5bb868ec80435ee' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: '5474af75e1b2314f945e09a14aca168ae85b61e9', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: 'a32d214f68aad41f85dc5f8beb913da3b7d2ee55', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: '0f1df58973af794f773834dc26b635b9e5f5c8d8', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: '961061662fbad056579d9fd80a92a2a768cba562', class: "section-content" }, h("div", { key: '4091148a410fbbcbf11c0b5cc0e3b3d2f611deb9', class: "show-grid tet-grid" }, h("div", { key: 'd4a300c8bf2e6135bbd9511c80d9c03903525871', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '0cceffc4f18ae190e74e693f732f1b96d01485af', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: 'd0018227c05b7e77929a8f0f7a0bbda2f8495690', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: 'deed3bcb8cede58efaf2d40bbfff402c2ce4cbdb' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '288db0c4c85908cef734686032e5d776e5cdf2c2', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: '2574837e6b68b5f527f9afe4dda324e5aa44b80a', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'b38ca820330274f5507fb0f3c35119a83153de58', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: '3954c229f6760ac1c0269233e6c707c75fafd6db', class: "container-wrapper" }, h("div", { key: 'f017151a644aca9ff69f8296df691986e1b445a8', class: "container-title" }, "1920px breakpoint"), h("div", { key: '5f7dcabddd3f1b616c19d753c3a967515e0d812f', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: 'f37321167293eca21f4ae3d5296f0cdbc4aa6967' }, h("i", { key: '38f212b0cec25b5042917ee1531d4d17fd5f1dc0' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: '86e33d44d64b77575297b8d6a7eb605a0cdf21d1', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: '83785510e23b9827237f4c53308e7f647b869521', class: "section" }, h("div", { key: '49d08be40ce44b3f22cb2dec68d663479a38a45d', class: "section-content" }, h("div", { key: '56af49ca0da0dc6cdd6a419ab79dce307969a6a6', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: '0e07de10dfa4007dfbfdfb15c40fc7fa905d83c9', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'cf4dddfbd590a0d2fbc38c27248f03a4ef8a2611', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: 'df5a6238d264fa7b2a7c748706777d1ae1950d5b', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: 'e9a788414a9c8807586bd36940ff93dac81fcfb8' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '5aa1307dbb0c2c013d43779d6a90e91d8766c824', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: '359dba5f1c7b91443a65d3703da0feab681e0b04', class: "tet-grid tet-grid--gg" }, h("div", { key: '0145b4a826588244f7ba49022b64e359b8646122', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: 'cbbcfc010d77c3e4e84a7a5b4b63a48ab8bcf919' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: '424053617ac92cb2c344ff9cf9872f12ad1c9042', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: 'd52210602c485cccfa096d742b085268a0b4ecc7', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: 'bbf226a8002c2f88535d50ab77ec5e280c71d55b', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: '1b2c9c3da19b3e865b0ff7101c01754133c8e488', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '9b9a14c4009884357d7350ab8a25a7dd1d1ed2b4', 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

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

package/dist/components/{p-e30431fd.js → p-09e12e32.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-25b93e8f.js';
+import { p as proxyCustomElement, H, h } from './p-aa122c92.js';
 const tetSpinnerCss = ":host{display:flex;--spinner-primary-color:var(--tc-blue-40);--spinner-secondary-color:transparent;--spinner-size:1.5rem;--spinner-indicator-size:0.23rem;--spinner-progress:0}.dark-theme{--spinner-primary-color:var(--tc-spinner-gradient-value-1-dark);--spinner-secondary-color:var(--tc-spinner-gradient-value-2-dark)}.light-theme{--spinner-primary-color:var(--tc-spinner-gradient-value-1);--spinner-secondary-color:var(--tc-spinner-gradient-value-2)}.size--medium{--spinner-size:2rem;--spinner-indicator-size:0.3rem}.size--large{--spinner-size:2.5rem;--spinner-indicator-size:0.375rem}@keyframes indeterminate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spinner{position:relative;width:var(--spinner-size);height:var(--spinner-size)}.spinner::before{display:block;content:\"\";right:0;top:43%;width:var(--spinner-indicator-size);aspect-ratio:1;position:absolute;background-color:var(--spinner-primary-color);border-radius:50%}.spinner__gradient{width:2.5rem;height:2.5rem;border-radius:50%;background:conic-gradient(from 90deg, var(--spinner-secondary-color) 0%, var(--spinner-primary-color) 76%, var(--spinner-primary-color) 100%) border-box}.spinner--indeterminate{animation:indeterminate 1.5s infinite steps(100)}.spinner--determinate{transform:rotate(calc(var(--spinner-progress) * 2.7deg))}.spinner--determinate .spinner__gradient{background:conic-gradient(from 90deg, var(--spinner-secondary-color) 0%, var(--spinner-primary-color) calc(76% - var(--spinner-progress) * 0.76%), var(--spinner-primary-color) 100%) border-box}";
 const TetSpinnerStyle0 = tetSpinnerCss;
@@ -52,13 +52,13 @@ const TetSpinner = /*@__PURE__*/ proxyCustomElement(class TetSpinner extends H {
         foreignObject.setAttribute('clip-path', 'url(#clip)');
     };
     render() {
-        return (h("div", { key: '34ae4e1b54605bcc6a35cf6c34c3d81912278e1d', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: 'c5de3ff62bae17c64468e3406729a4c4a3a587f8', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: '6c5b50e4478f8317e694c9588eb13751e4567eb8', viewBox: "0 0 40 40" }, h("clipPath", { key: 'd261977216b2654cd4349be63d18ba71020500a4', id: "clip" }, h("path", { key: '374f5619c2f98434f72fbc6929d7fd6629273a36', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
-              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: 'c987af39f6844eb7950ca327808e6b4dd0ad21c4' }, h("div", { key: 'a5900c0eca56f75f6dfdbb1f3c004510109b3bb4', class: "spinner__gradient" })))));
+            } }, h("svg", { key: 'acb4ecdbf2a75a47aae09a18a1fa44d8f942b6c5', viewBox: "0 0 40 40" }, h("clipPath", { key: 'f45be4277077512749cd357ec78146d2d180cf46', id: "clip" }, h("path", { key: '4d82466e60d835501e4622ae28e6cc3b90229c33', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
+              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: '62877b47af730b01ec32cb094b24445c0a4fa328' }, h("div", { key: 'b09da6b267c7dcfee4e17bedd0bc297ffea54ace', class: "spinner__gradient" })))));
     }
     static get watchers() { return {
         "type": ["onTypeChange"]

package/dist/components/{p-cfd5023a.js → p-0af4c96a.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-25b93e8f.js';
+import { p as proxyCustomElement, H, d as createEvent, h } from './p-aa122c92.js';
 import { c as capitalize } from './p-58434b0c.js';
-import { d as defineCustomElement$1 } from './p-a81878c9.js';
+import { d as defineCustomElement$1 } from './p-a0f69423.js';
 const subtractYears = (date, years) => {
     date.setFullYear(date.getFullYear() - years);
@@ -73,9 +73,9 @@ const TetDatepickerHeader = /*@__PURE__*/ proxyCustomElement(class TetDatepicker
         this.datepickerViewChanged.emit(view);
     };
     render() {
-        return (h("div", { key: '680ac39611eaeff615289e20b845fa484613f300', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: 'eabd0fd41ab5d16da4c28f953b040a628c472825', 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: '370eadab0ce764da8252c38f5c27eada0a97cd79', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'eb1797ccea14f21a193ca5e9cbe3de263fab42a5', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: 'a41aabaa5e06a7632874ea12e33ace557989594f', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '6765d3880b0fa9dd11582d4109104d75c8e735e9', 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)));
     }

package/dist/components/{p-3872e105.js → p-0d4040e8.js} RENAMED Viewed

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, f as forceUpdate, h, c as Host } from './p-25b93e8f.js';
-import { p as processTranslations, t as translate } from './p-e808ca9d.js';
-import { d as defineCustomElement$3 } from './p-cabfa2a5.js';
-import { d as defineCustomElement$2 } from './p-a81878c9.js';
-import { d as defineCustomElement$1 } from './p-270c8032.js';
+import { p as proxyCustomElement, H, f as forceUpdate, h, c as Host } from './p-aa122c92.js';
+import { p as processTranslations, t as translate } from './p-aedb4093.js';
+import { d as defineCustomElement$3 } from './p-f5f56fe1.js';
+import { d as defineCustomElement$2 } from './p-a0f69423.js';
+import { d as defineCustomElement$1 } from './p-a830ca83.js';
 const tetB2bConfiguratorCartCss = "@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block}.light{--b2b-cart-text-color:var(--tc-text-primary);--b2b-cart-text-color-secondary:var(--tc-text-secondary);--b2b-cart-background-color:var(--tc-layer-primary);--b2b-cart-box-shadow:var(--tc-elevation-one);--b2b-cart-border-color:var(--tc-border-quaternary);--b2b-cart-block-color:var(--tc-layer-secondary);--b2b-cart-block-details-color:var(--tc-layer-tertiary);--b2b-cart-summary-accent-color:var(--tc-yellow-20);--elevation-six-layer-1-color:rgba(12, 12, 14, 0.06);--b2b-cart-sticky-box-shadow:0 0 4px 0 rgba(12, 12, 14, 0.04), 0 -10px 15px 0 rgba(12, 12, 14, 0.12)}.light.checkout{--b2b-cart-background-color:var(--tc-layer-secondary);--b2b-cart-block-color:var(--tc-layer-tertiary);--b2b-cart-block-details-color:var(--tc-layer-quaternary);--b2b-cart-box-shadow:none}.dark{--b2b-cart-text-color:var(--tc-text-primary-dark);--b2b-cart-text-color-secondary:var(--tc-text-secondary-dark);--b2b-cart-background-color:var(--tc-layer-primary-dark);--b2b-cart-box-shadow:var(--tc-elevation-one-dark);--b2b-cart-border-color:var(--tc-border-quaternary-dark);--b2b-cart-block-color:var(--tc-layer-secondary-dark);--b2b-cart-block-details-color:var(--tc-layer-tertiary-dark);--b2b-cart-summary-accent-color:var(--tc-grey-20-dark);--elevation-six-layer-1-color:rgba(12, 12, 14, 0.20);--b2b-cart-sticky-box-shadow:0 0 4px 0 rgba(12, 12, 14, 0.2), 0 -10px 15px 0 rgba(12, 12, 14, 0.33)}.dark.checkout{--b2b-cart-background-color:var(--tc-layer-secondary-dark);--b2b-cart-block-color:var(--tc-layer-tertiary-dark);--b2b-cart-block-details-color:var(--tc-layer-quaternary-dark);--b2b-cart-box-shadow:none}.cart{color:var(--b2b-cart-text-color);display:flex;flex:auto;flex-direction:column;height:fit-content;border-radius:1rem;background:var(--b2b-cart-background-color);box-shadow:var(--b2b-cart-box-shadow)}.cart--sticky{--b2b-cart-box-shadow:var(--b2b-cart-sticky-box-shadow);border-radius:1rem 1rem 0 0}.cart__accordion{--accordion-border-radius:1rem 1rem 0 0;--accordion-header-padding:1rem 1.5rem;--accordion-header-mobile-padding:1rem;--accordion-header-font:600 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}@media screen and (min-width: 64rem){.cart__accordion{--accordion-header-padding:1.5rem 1.5rem 1rem 1.5rem;--accordion-header-mobile-padding:1.5rem 1.5rem 1rem 1.5rem}}.cart__accordion--closed{--accordion-header-padding:1rem 1rem 0.5rem 1rem;--accordion-header-mobile-padding:1rem 1rem 0.5rem 1rem}@media screen and (min-width: 48rem){.cart__accordion--closed{--accordion-header-padding:1rem 1.5rem 0.5rem 1.5rem;--accordion-header-mobile-padding:1rem 1.5rem 0.5rem 1.5rem}}@media screen and (min-width: 64rem){.cart__accordion--edit{--accordion-header-display:none}}.cart__accordion--checkout{--accordion-header-padding:1rem}@media screen and (min-width: 48rem){.cart__accordion--checkout{--accordion-header-padding:1rem 1.5rem}}@media screen and (min-width: 64rem){.cart__accordion--checkout{--accordion-header-padding:1.5rem}}.cart__accordion--rounded{--accordion-border-radius:1rem}.cart__accordion--empty{--accordion-border-radius:1rem}.cart__title--edit{display:none}@media screen and (min-width: 64rem){.cart__title--edit{display:block;padding:1.5rem 1.5rem 1rem 1.5rem;border-bottom:0.0625rem solid var(--b2b-cart-border-color);align-self:stretch;font:600 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.cart__title--checkout{display:none}.cart__content{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-color:var(--b2b-cart-border-color);border-top-style:solid;border-top-width:0.0625rem}@media screen and (min-width: 48rem){.cart__content{padding:1rem 1.5rem}}.cart__content--edit{max-height:40vh;overflow-y:auto}.block{--accordion-border-radius:0.5rem;--accordion-background-color:var(--b2b-cart-block-color);--accordion-header-padding:1rem 1rem 0.75rem 1rem;--accordion-header-mobile-padding:1rem 1rem 0.75rem 1rem;--accordion-header-font:600 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.block__wrapper{border-radius:0.5rem;border:0.0625rem solid var(--b2b-cart-border-color);background-color:var(--b2b-cart-block-color)}@media screen and (min-width: 48rem){.block{--accordion-header-padding:1rem;--accordion-header-mobile-padding:1rem;--accordion-header-font:600 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}}.block__header{display:flex;flex-direction:column;flex:auto;gap:0.5rem}.block__header-row{display:flex;justify-content:space-between;gap:0.5rem}.block__header-amount{text-align:end}.block__header-details{font:500 0.75rem/1rem \"Inter\", \"Gilroy, Arial, sans-serif\";background:var(--b2b-cart-block-details-color);padding:0.25rem 0.5rem;border-radius:1.375rem}.block__header-indicator{display:flex;gap:0.25rem;align-items:center;font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 48rem){.block__header-indicator{font:400 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.block__header-icon{--icon-size:1.25rem;--icon-container-display:flex}.empty-cart{display:flex;flex-direction:column;align-items:center;text-align:center}.empty-cart__icon{margin-bottom:0.5rem;--icon-size:3rem}.empty-cart__title{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.empty-cart__description{color:var(--b2b-cart-text-color-secondary);font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.summary{display:flex;flex-direction:column;padding:1rem 1rem 1.5rem;border-color:var(--b2b-cart-border-color);border-top-style:solid;border-top-width:0.0625rem}.cart--sticky .summary{box-shadow:0 -6px 12px 0 var(--elevation-six-layer-1-color)}@media screen and (min-width: 48rem){.summary{padding:1rem 1.5rem 1.5rem}}@media screen and (min-width: 64rem){.summary{box-shadow:0 -6px 12px 0 var(--elevation-six-layer-1-color)}}.summary--closed{border-top-width:0;padding-top:0;box-shadow:none}.summary__notification{margin-bottom:1rem}.summary__savings{padding:0.5rem;margin-bottom:1rem;display:flex;justify-content:space-between;gap:0.5rem;border-radius:0.5rem;background-color:var(--b2b-cart-summary-accent-color);font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.summary__savings-amount{text-align:end}.summary__monthly-payment{margin-bottom:1rem;display:flex;justify-content:space-between;gap:0.5rem;font:500 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\"}@media screen and (min-width: 48rem){.summary__monthly-payment{margin-bottom:1.5rem}}@media screen and (min-width: 64rem){.summary__monthly-payment{margin-bottom:1rem;font:500 1.25rem/1.5rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}}.summary__monthly-payment:last-child{margin-bottom:0}.summary__monthly-price{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.summary__monthly-price-disclosure{color:var(--b2b-cart-text-color-secondary);font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}";
 const TetB2bConfiguratorCartStyle0 = tetB2bConfiguratorCartCss;