@tet/tet-components 1.3.155-testing → 1.3.156-staging

package/dist/collection/components/views/tet-b2b-configurator/tet-b2b-configurator.js

@@ -434,7 +434,7 @@ export class TetB2bConfigurator {
         this.formState = value;
     }
     render() {
-        return (h(Host, { key: 'e8ab791edeb75ffcde0bd546ffb3020893a55f84' }, h("div", { key: '45a92c46a0024d36f5d11d902afa003aeb9d9c6b', class: { configurator: true, [`${this.theme}`]: true } }, this.isLoading ? this.renderPlaceholder() : b2bState.data && [this.renderOffer(), this.renderCart()]), this.renderCheckoutForm(), this.renderConfirmationDialog(), this.renderSubmissionStateDialog()));
+        return (h(Host, { key: '1e097cec9901e3772f4dbff047f1a28aee8630c7' }, h("div", { key: 'c2b15b14deea0b7973dd7fee59d48a3ce4a60f40', class: { configurator: true, [`${this.theme}`]: true } }, this.isLoading ? this.renderPlaceholder() : b2bState.data && [this.renderOffer(), this.renderCart()]), this.renderCheckoutForm(), this.renderConfirmationDialog(), this.renderSubmissionStateDialog()));
     }
     static get is() { return "tet-b2b-configurator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h("section", { key: 'b90bbada44b4c11a732a82da2e23c987a93df6c9', class: "container" }, h("div", { key: 'fb14be59ae47bd60c35d6be467cab6e044a4f81a', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: 'cbcb289435248865a5dfc2a553fdade339427631', class: "calculator-block" }, h("p", { key: 'ae264205c31cc56004293cdc469ec367aad7e234', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '5b2cb56cbd451b2501b0c8cc8d99f373862afb8b', 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: '94383666dd65b6467ef222f986f3bd9c54d196ad', class: "control-container" }, h("div", { key: '6407af442142592aff065aebf7f82dc08d293001', class: "control" }, h("tet-checkbox", { key: '5e24eb2084003e2a286382161bdc1b9924f76964', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '0f60d845e82d612901b90787088d0cc87a96b026', class: "control" }, h("tet-switch", { key: '45b990236d805924b92264d4ba9ece7a99e56a56', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'c5ed38c040d9ce8a57437d8df4de2d7bb9593f71', class: "monthly-payment-block" }, h("p", { key: '5019a3914b27be60b92dfe3fd864e05fbcc549c3', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '3e69a588787092aa32111cec93421197f1599b04' }, h("span", { key: '45882224f9f3a10b80dfd05d1afe79af9b604d8a', class: "price" }, this.totalPrice), h("span", { key: '1bc42a6911eab441f998f714e91633e8be1734f6', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: '60fafc2fba61052efe197138c26a62de044a1274', class: "container" }, h("div", { key: 'fc05c180f3e223c8d6f64819435268cb524267aa', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '29a7d8e18876f0847ee18ba9a9953e8f1c1191f5', class: "calculator-block" }, h("p", { key: 'dd0e5b877a1736545c597b0c5f8988f426f6237f', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '920ad471488bb8bf857f591a52e40854a82ebfad', 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: 'bd23c4adfb284c4878c78cb2f7b30da395d08cad', class: "control-container" }, h("div", { key: '268d66e7ecfa4e1dcb46d4d4e1902c9fb7e396ab', class: "control" }, h("tet-checkbox", { key: 'a6135c271dce622b647a1aa2c1c7e64916e9742e', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '5342b2489543a8ea96445904450d049c84818a8e', class: "control" }, h("tet-switch", { key: '1390fb492c1b021295b7f59e321ba135972398f4', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '80d1534c9410f61c2891ad86a026025eb3ac0b6c', class: "monthly-payment-block" }, h("p", { key: 'ee48aeb873b308320a5c548772669d7807ab8ded', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'd03f9e14f80c7dd33db7c6685a714aa33137bbbd' }, h("span", { key: '279633ea53692be5b6e5f9fe250575f131231369', class: "price" }, this.totalPrice), h("span", { key: 'e8ead6f10a1f7ad6336b6952922d37f3009327ba', 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

@@ -46,7 +46,7 @@ export class TetBusinessLines {
     }
     render() {
         var _a;
-        return (h("div", { key: '9fb0f9c27ef2d61a576151d7bbe60c46e4c14d7a', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'e0e8adaa7ca87200b79da220bfb1d3ad4ad5ea0f', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '97d449a59b86105e2470fffedf30d04d7805000d', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '9ecbea6151d74f7dcae9d7ce86d57bb61ca5359d', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
     }
     static get is() { return "tet-business-lines"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-contact-info/tet-contact-info.js

@@ -13,7 +13,7 @@ export class TetContactInfo {
         return (h("div", { class: "contact-info-card-block" }, h("span", { class: "contact-info-card-block-label", innerHTML: contactInfo.label }), h("span", { class: "contact-info-card-block-value", innerHTML: contactInfo.value })));
     }
     render() {
-        return (h(Host, { key: '3576c69904d377e742502b8326a48129a6bec428' }, h("div", { key: 'b93e51999899891f2174831ad4c510a5abfa3541', class: "contact-info" }, h("div", { key: '603efd9a9400e7ce8b971c3e1c50a07b664fcb96', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
+        return (h(Host, { key: 'ea01d827452b55ddfbceb1bc9f388daf29a96894' }, h("div", { key: '7b3d11ab05b5dd3bd780f91264c4f1964c762c6c', class: "contact-info" }, h("div", { key: '9acdc74d2a3111d761e6cef4e31f8a0b61d8cb6c', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
     }
     static get is() { return "tet-contact-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-macd-view/tet-macd-view.js

@@ -255,7 +255,7 @@ export class TetMacdView {
             this.renderMacdOrderTypesList();
         const content = this.showLoader ?
             this.renderLoader() : errorOrContent;
-        return (h(Host, { key: 'c405bc472d38520fe57d4fc6570bfbec5b8e4807' }, h("div", { key: '4ce2f21b6f6c914a15ab5c9488800de974bbfcf2', class: "wrapper" }, h(ThemeWrapper, { key: 'de5bf02d133391e858f3703dcab6ff632082b78a', theme: this.theme }, content, this.renderDialog()))));
+        return (h(Host, { key: '7d977857558224677e16c449556c5acc47d948b4' }, h("div", { key: 'a47ddcdefbb21fd47ea92e748f95e44e03bb1d0c', class: "wrapper" }, h(ThemeWrapper, { key: 'b3a36ca22120b7feaacea4bcd208d2efb639e4b1', theme: this.theme }, content, this.renderDialog()))));
     }
     static get is() { return "tet-macd-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-price-view/tet-price-view.js

@@ -197,7 +197,7 @@ export class TetPriceView {
             }
         };
         const isCentsPrice = (this === null || this === void 0 ? void 0 : this.centsPrice) && (this === null || this === void 0 ? void 0 : this.centsPrice.length) > 0;
-        return (h(Host, { key: '61e8de9dcb461fe0d63476ea6f53381f44a153bf' }, h("div", { key: '6380a4d2b338dedbe6d2fdbf2b3094797a975df0', class: mainClasses, style: styles.container }, h("div", { key: '90bbdf0e401fb67270b3226e1d1ec023b53e6eef', class: "price-view__body" }, (this === null || this === void 0 ? void 0 : this.headingText) && (h("h3", { key: 'e727a4164b17f9218c26353b71cf93d61b3d6758', class: "price-view__heading", style: styles.heading }, this.headingText)), h("div", { key: '06ab1fe1e65e8f812bcc5b1cc4690a62a7aa1cbf', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: 'c6c5fef99378107772bc67544ef1b5bc75884102', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: '9a899bd723d8e794b299217923646c8e60ebbbd0', class: "price-view__cents-container" }, h("span", { key: 'ee8258a0a89a7a500882bd677ab1a6fe6cd3b3e4', class: "price-view__cents", style: styles.cents }, this === null || this === void 0 ? void 0 : this.centsPrice), this.priceType && (h("span", { key: '2f9f1b84b62e0268eb1bc31c9f9a96e45c3cf017', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), (this === null || this === void 0 ? void 0 : this.footerText) && (h("p", { key: '9836aecaf7d08d6709d0ca32b0abd304139f6391', class: "price-view__footer", style: styles.footer }, this.footerText))))));
+        return (h(Host, { key: '8e05f557e9b657da2c397f03ea0ccce84f5b938c' }, h("div", { key: 'ecb7c516269d213504dd668140d982dde3e634c3', class: mainClasses, style: styles.container }, h("div", { key: '529f75a1ea9e0ddb8a1f3a920988a9b848d6dd6c', class: "price-view__body" }, (this === null || this === void 0 ? void 0 : this.headingText) && (h("h3", { key: '0c3595779d5150a791b95762911e87bd108e7f06', class: "price-view__heading", style: styles.heading }, this.headingText)), h("div", { key: 'be33a2b4025fbb8a7a5c8bc6c078e62ed098ec95', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: 'c3726df516671ef511e9be1641250495dd5885e1', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: '7e07be30ba9c735debb4eff37d26d1bfa683960e', class: "price-view__cents-container" }, h("span", { key: '21425123b6d56f0e947ba50b0b8e3397972a4c09', class: "price-view__cents", style: styles.cents }, this === null || this === void 0 ? void 0 : this.centsPrice), this.priceType && (h("span", { key: '614e5634e902c22b3ace04150b4e1a52db76547a', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), (this === null || this === void 0 ? void 0 : this.footerText) && (h("p", { key: '93e7551ef0ae1c7cb63c029e4ebfb37d63a87d60', class: "price-view__footer", style: styles.footer }, this.footerText))))));
     }
     static get is() { return "tet-price-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-thank-you-view/tet-thank-you-view.js

@@ -72,7 +72,7 @@ export class TetThankYouView {
             'thank-you-view-main-block': true,
             'no-header': !this.headerToolbarSlot
         };
-        return (h(Host, { key: '36601fe8200bec96f83a19948f45628c313d813f' }, h("div", { key: '32c47bdcad60b05ce0174dc87b4a09ab24e407d4', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: 'b9c1b2ea0c8b709ac5cb31d152c0df6dc8a311a0', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
+        return (h(Host, { key: '3c8613c4323081e8e59c80de4f56421cc1a3b2d1' }, h("div", { key: '9b1083e13c9963c4dabe966e4811b63d27e1dc81', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: '19e36c52fdff6e9b6fb3ce981cfb5efaa54689c1', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
     }
     static get is() { return "tet-thank-you-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-thank-you-view-v2/tet-thank-you-view-v2.js

@@ -68,7 +68,7 @@ export class TetThankYouViewV2 {
         return (((_a = this.stepperData) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { class: "thank-you-view-v2-stepper" }, h("tet-stepper-v2", { stepperData: this.stepperData, theme: this.theme }))));
     }
     render() {
-        return (h(Host, { key: 'b45532b3c5af6f7a3054d054dca57a8b0e4c4363' }, h("div", { key: '77aba73ee208306cc5313599c2f7233d89117551', class: {
+        return (h(Host, { key: '6f6ca372d2f77fe3acc92e8bc695fd40a747286c' }, h("div", { key: '3daa98aabc1bae5a4eaea3faed1a6cc56c9c5124', class: {
                 'thank-you-view-v2': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

package/dist/collection/components/views/tet-thank-you-view-v3/tet-thank-you-view-v3.js

@@ -68,7 +68,7 @@ export class TetThankYouViewV3 {
         return (((_a = this.stepperData) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { class: "thank-you-view-v3-stepper" }, h("tet-stepper-v3", { stepperData: this.stepperData, theme: this.theme }))));
     }
     render() {
-        return (h(Host, { key: '98dab92980b4d57cd315bc4585bd5e78356f3d39' }, h("div", { key: 'f86db8807ee8fdf122d1e38cbccf3f4bdc87dbb8', class: {
+        return (h(Host, { key: '8ddc0d0fd3dfd7a0c66715cc17dcc0ef066bcf28' }, h("div", { key: 'a1d4a6b253f90c435e5555bd944fbe63a544d8cf', class: {
                 'thank-you-view-v3': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetBorderRadius {
     render() {
-        return (h(Host, { key: '7378875bcbd5a1d82ffef794fdedfc85c85b94d8' }, h("div", { key: '51f9d8d523acfcb51975118e675cd8c55e80263b', class: "variable-container" }, h("div", { key: '11a9d4570b5f1c9e6b54b9592900e7c93ca35ab7', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '6207ff56456545d002b04c64797f99987d21d500', class: "container-section" }, h("div", { key: '96723250a5a61a0d028c5781bb046b3c07f8f95c', class: "variable-name" }, h("div", { key: 'c36da0cf34a258fc84b93b8b07744c800bbb6c00', class: "variable-part" }, "tet"), h("div", { key: '6e35273bceff85d4aef427ea9b7fb0ca1b32b05e', class: "variable-part" }, "-border"), h("div", { key: '5c8674d75c7e0d253b6372c67132ec42a0857a96', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '9c35db215b70ae63e2813da73570eb3ff7f4b518', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'a53ab502110ba2d7a23d572bd79bfa58abc235d5', class: "tet-fonts-container" }, h("div", { key: '1349bfa122fb0974bf20c71b9cfe01fe1c9f4c6f', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'e55662dca0fed998f6ce50e7a9a3bdbb4ddde871', class: "section" }, h("div", { key: '9ff6a0b16209d4cff6851fb2db9d39ad6f5869c9', class: "section-variable" }, h("div", { key: '58979fccd28aaffa17667fb1b187bbcda3562b8d', class: "border tet-border-radius--xs" }), h("div", { key: 'bc3d67d75d8de1901a9703abe72657be952f9522', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'f19f56b0ea7d8c1d0c2da42710e89dc213ac86ff', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '9b579464c84a426dc334b730aa4679b21661bd2a', class: "section-variable" }, h("div", { key: 'e8af0c65675a73041402cceb01fd14bfeff380a0', class: "border tet-border-radius--sm" }), h("div", { key: '7db564233c1c14c7125383928eb6c846e284c7a6', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '3e36a17a82a14b885caae21a9d941587b50b9baa', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '49c5543603874906f954833c445c97096ad86e21', class: "section-variable" }, h("div", { key: '8e5e78cc83e4eb8508b4035087095f1309241404', class: "border tet-border-radius--md" }), h("div", { key: '53caa4b1c6bc359bb1772f1470870a9634a1379a', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'b0d86f66a15a0081480fb389809bc4117cddfc9e', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '20f78531b824ddcb724e6934e13c0c1786dac384', class: "section-variable" }, h("div", { key: 'e8e5ee6f18825bc664217b10d789492bda152927', class: "border tet-border-radius--lg" }), h("div", { key: 'd90b15475eb5c3fe3a9d471ddb8d2c8f90444991', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'b02b1895bc13e9f2747a37bff6b5b47956cc7705', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '48ebd9f825d53bd6b77c5bf43552a501dbafd10c', class: "section-font-size" })), h("div", { key: '3ece553371c3652a980e2ecc0cde4ca3dab8caf2', class: "section-variable" }, h("div", { key: 'f0f065a997ebaa7d4827178f9a2cbdb26c5ac7d7', class: "border tet-border-radius--xl" }), h("div", { key: 'e7fa1904bff28b385bad9492f2adaa2f61c630d3', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '231f13bd71ee10e65a913d6db75f6217698a7a32', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: 'ce2b84e771e15b4b5731064c83587b33574f755e' }, h("div", { key: 'af53a39acd7507bb0257a709f67065584f71a5bc', class: "variable-container" }, h("div", { key: 'a51afe2109978ac8f00f8485c197129dfe5e2d67', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '3d13d772d964e29cccbe8057eebb338af60c0938', class: "container-section" }, h("div", { key: 'a1e078fa221ef86774bbda049d3fb8c8f67512df', class: "variable-name" }, h("div", { key: '688a3d0b9259856fe955ff9ca634c277fde0e5b4', class: "variable-part" }, "tet"), h("div", { key: '84eb1dbee848045f1169a481b433ac94c68a3ab3', class: "variable-part" }, "-border"), h("div", { key: '41b116ea054e7c421e31ba3c7bc367f5af7acdad', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '10dd7815b22715f247bcd0d880a9ab6180dcc7ab', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '1405dc161538342ccbf2b342ffe7629361c9821d', class: "tet-fonts-container" }, h("div", { key: '5643a8632aeb5b3d07acb99c66350560991c2e2d', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'ffa50d6eb314dd3246044b2b54690e3e3a2b0302', class: "section" }, h("div", { key: '4fd4a66eda1bcc020aac6d472241db6631c40c7c', class: "section-variable" }, h("div", { key: '86b4548a67c9b71d531a07e4f22e576d5bc97ed2', class: "border tet-border-radius--xs" }), h("div", { key: 'f42127b52b950491882277c809be285162b0244d', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '64f6fb636df637845bd5e1939c1945b1e5131d00', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '434c3c344bbdb9fc7bef582ed2c52b220c7ed2c5', class: "section-variable" }, h("div", { key: '3a0e07728ce2afe29c46689501aca0ae3f3a9756', class: "border tet-border-radius--sm" }), h("div", { key: 'd71350bce3eb1d3a5f32228c5fb51b1e69bf13b7', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'b7d610a07153dc3830da980eec1371183a900128', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: 'e880e84cd6ee19bf0abdd6cd7657e834d34560d4', class: "section-variable" }, h("div", { key: '1d7eebb05c3bf2cbb9b773009a7759619e1c9f56', class: "border tet-border-radius--md" }), h("div", { key: '8995baa7dea231f3dd91a530ce9ff90d62e40d87', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '53c259fd95dabc7a372206cd05ae8c20393e3ee9', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '5df4d11c669d24aad3621d3355949100d7f5c45b', class: "section-variable" }, h("div", { key: 'e5138a0616c221cbb1511257d640fa60ad50f581', class: "border tet-border-radius--lg" }), h("div", { key: '7b912c3f36f3efb2a818140f44b9fbf8d16207f3', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '311b80263574d57b63b267e9a4e8a7cb5253d90e', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '450be0248831baa239e5cfcccef09950daa7d59e', class: "section-font-size" })), h("div", { key: '41e9dadea3f99ae1b95c69de7dd26d6e79cbdd9c', class: "section-variable" }, h("div", { key: '5d6552594c24a769079764bd8cb0080ddcfb876b', class: "border tet-border-radius--xl" }), h("div", { key: '9c83345dbb75028ce06ad3d224d5aca6efb853fc', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'a4119c7a3ee057f9ace45a104228fde8ea40295e', 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

@@ -46,15 +46,15 @@ export class TetColors {
         this.darkTheme = false;
     }
     render() {
-        return (h(Host, { key: 'a4644e7acd30eea7e9e3cbf38a4e5a0c922d28c7' }, h("div", { key: '5eb911fa38f2594fef3f275526a570b5a849ea6d', class: {
+        return (h(Host, { key: 'cac8414fefa6e300d17d4baa6cf52968d81c622a' }, h("div", { key: '9060ef225ce2964e5f60966853959c011dfd71b3', class: {
                 'dark': this.darkTheme
-            } }, h("div", { key: '20986bb91e7477cb32e1a472e21bb2bb229a8644', class: {
+            } }, h("div", { key: '25def175bacd4f032f3a20bfb7a205e7f42dffcb', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: '9b5e0981b2187cd447d4b8530c43bc6c05226908', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '6c5b49894cfa90a6292054288717ce32d8704103', class: "container-section" }, h("div", { key: 'dbafbbaca9b9f8f4cd36db93eca9aa36c0a3ecbf', class: "variable-wrapper" }, h("span", { key: '3823803b392adfaed03a7965b52419d873acdd71', class: "variable-name" }, h("span", { key: 'cab7e33f04365dbce2a85a0e336de78cc083e352', class: "variable-part" }, "tet"), h("span", { key: '4523a4c2779cbdb0e980c417ac458cfb8fc7df78', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '0ea226762a2b15b6c602a46c0971adeeb421aac4', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: 'b8c7a738f25b181db61f12cb09b8bd58089ff426', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '07d5c49dd1415b98d53ab6d8a8eeeee43b07ac07', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: 'e3bab45c6cae0e4164de03e18d712057b77b4e54', class: "container" }, h("div", { key: '0d90b420af41bfecbeb833729f8ed599dcc91f57', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'c61a74c6fbb3fb218168f8539b6cf3854f53e9a5', class: "container-section container-example" }, h("span", { key: '373575fcf77dd1bb3a0b597fe75e0ed75955abfe', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '78135ff6af344e716ccf6ca6c77a543d496493af', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: 'bb90c5252163dfe914539ff614de4dfe18565ea5' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'a45474c8988fc0b9e8dc99e357c9015fed57a99c', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '5aa3eb07e1cf576e9b56ae0989b1858ad95d066f', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '4bf2e19e7e6436e5e41a44f146fae7300506c2c6' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'b0ce1d828d01b54899afafebe30e36ab48557c0d', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '6b714e093bbd7e79defc912d68505017cf6b9269', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '570535a8092b27bca6bdc0df61853408e6c75498' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '8a400ade570e72fa6ed200ddf5e2a8973bc4b498', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '5b9309c9f7db3a11fcb2f3ce61aff036de5525b2', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'de723b29ff2a5fb25db00addabab69dabcd883ce', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'b86b248d907c2e40145859dab4e88cfeca154db3' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'b88fab7599cd4263d153e69626891f1bd24a1a38', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '3249261a8116ceef9e4eea7e687d1e21e5d0bd95', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '08e4dbcbfc555425e19c4c14cd5a9ea2e9dee440' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '46c5bba5e1b0246de2a2d68c26991d1ebdbf62d0', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '812d29d74f58717be6a149ef74387001a0535b62', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '8e267bfee45ee58957c83222985b9377aa27830c' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '456653b32c6d1448e9a208905435ca457d35b8c0', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '5bc2468e73b5debf6a195edb1c51dc74a034f21f', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'ad9b4b669dce4d7649100549f6ee7e64b80e1e74', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'e98404613ea717d8381a13339eceb7533d62d308' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '19a4bc54d1594d91747e84e3f1af93a4dfed2124', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '59e6ca128547b551ea2d50fefd946345f3161a9e', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '7e7fe52c440e800ea9c60ac78ba870b27fc9bb48' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'a1bef0bc7da2117a9c722c30709fa8dfa7c49bab', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '1863a344a7d344911804a617acd6e03b57b33129', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '611536db2f74f1f0ceeea63aee23efe04a255d8e' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '921b36ae5f08d2883d5c184e1bd820c03e3e5012', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'd8ada97f988e09bac6eac409cc8646c6f71ad74c', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '3b73a88f24f7af5c991cf592f0bd257fcaec5cc2', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '0bb76458f184cce79afb5de5a00fc13f0299100f' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '85fee7c09937d01c25bdd0dec41fcde9fb256b7f', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: '8f9a92da379e4afb3eb60876d9aa9569d0aff263', class: {
+            } }, h("div", { key: '5677f84c82a1bc04045a0f8640e536b741394e53', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'af0c6ec607045cefff7b96298393d7d820350e7f', class: "container-section" }, h("div", { key: '3d646e82d0134352f5fc8458c07746413146d2bc', class: "variable-wrapper" }, h("span", { key: 'b6b0525c20afeac267ec9e7ed19cbce340fb1968', class: "variable-name" }, h("span", { key: '4dcf5a4f4dd2befb491f16199c022e558cb3b284', class: "variable-part" }, "tet"), h("span", { key: '1953de6b1e7ad061a518494c06c17a46859bf939', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '807f085fcc892601e31fb12820f6eaaf733e51f0', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '25c7d9514839b3a7aad6736bb008de1396ebd94e', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '1abc70a1be8feb43aab6dff0044bc80917f7c391', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: 'a824457d324bc69daf6711924d942993eb2abb33', class: "container" }, h("div", { key: '9c815cec5505ac8783239048c59be7daf0276243', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'd5193ac5d00787c0fad7a5d63f1292b4680df2fb', class: "container-section container-example" }, h("span", { key: 'c5ae6cabce18c7f1bdb6e7951f1b314393bc5a27', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '110c3adbf5b7026115b679e4daaa336797d432b4', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '61ef5030726421061c66db1486caa7f0a9f26f79' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd40ddcd35b3555d90ffe0dce960b595c9956ca78', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '52fdabb187893a28e952e9fda3c6fd398c5a9648', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '8b90844669586b17e5ba2105483c276ce2b04c8b' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '4fe344d65501c7ef95f7b2bfdcdd1e64de921379', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'c6be8e30b9d85e23e891876923cdffbeac688433', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '17cfddb5b02b5cd25f2cb1dc39048965180ab1d2' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'ba69d8357d34982ce3c98d74e71d48f131727386', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '422774faaea508b2d3a476feba3eb9f7fc8f8780', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '50c3b72043259e5abf4e3caec04f9c1fe2f203ef', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '99ba5406de04153d6b71c19cc1db9c2641c5ebe3' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '7a191daca0ead85acffb26adb7053b906dcc62dc', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '78142a297d619f4e2aedc8767920bcd8d27dc300', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '835367b66e220d7292d767837cafdec990980604' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '13be4008e1d679d633839b2ce6a9b03b5acae3e6', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '9cee26935843f0186e286e6b7f401afcf259745c', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '17a73b646896d0f41144a1ab2aa3aaac25b67f26' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'bed193ed7e1000bcb2145c329fa36772fbb054a8', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '184dd8dac486768087d35aec33573c7d195f2ea7', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'f6da4b8f35a84f3a3bef97753334c8d2fd12893f', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '1a200b70fdbc50fbe2aada5d05864d39d1371e72' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '7e1a973588558bab4b8e711b0a33130fc673e422', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: 'f712f87e0887038bf84a01fe07ee904b5e8e0f0c', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '2188fde2a08910b41ac48761c2578961b0d4e6e5' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'ce9ebeaf135a69fc73f385f605d3902e9c37ba8e', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '7b667100c6ca7447e7c7598aaae77aa8ead8b6fc', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '354b5049084e94bd908ac8f17a5c77af60207848' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'b6c42b824fad16657761af9b5b98466f25d5cb90', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '5d484c56499856d11f51de30308bebd7ac02db58', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: 'f759075b8bdee1e50173e8bd5116623999ac7396', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: 'f889df42a739499be75952f42881c610396e4550' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '7b11ff80d5aa5e0a58c80244ca1fbbe373056d83', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: '00db753f8ea8a40358c9c76be0cc6ff600bea832', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: 'c506c96a2902852966742ade6e0bc44661744bd9', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '3968b1de4c531cdb6a194b8fe39f80b14bd83701', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
+            } }, h("div", { key: 'd573c171fd3d2be6b3bbb5165fb038bb807701bf', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'eac1b0cff9338ed46713c6744a65469d518d90ba', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
     }
     static get is() { return "tet-colors"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetFontWeight {
     render() {
-        return (h(Host, { key: '437890b8f65b447175ba5ea29c16e43a2db5b7c1' }, h("div", { key: '6814efc3694b3232fe2e760d744939aea31cf2c9', class: "variable-container" }, h("div", { key: '9f54d7b637286f52841da5b2de1a3261406e7735', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '79af5ab9d9b74c24400b55230a78aafd9329ae40', class: "container-section" }, h("div", { key: 'c7f74d05a64a00ce7342c019223b32e704204695', class: "variable-name" }, h("div", { key: '7a914f8fd8f54018395a1878ee2e4100d342c2bd', class: "variable-part" }, "tet"), h("div", { key: '3633e5ad940a1c4d90747c900118c70ceb7c2444', class: "variable-part" }, "-font"), h("div", { key: '1ad3deb27adf31f91c9681bd24a34e95182d64aa', class: "variable-part" }, "-weight"), h("div", { key: '801576110b9a30188c3621714dcde34d1925cfc1', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'aa5b97a167b95389b14b17f31e1d2dcd758cc622', class: "tet-fonts-container" }, h("div", { key: 'ccbe6a31df505ed2917192db3b1a8ce64ec25e53', class: "section" }, h("div", { key: '4d5c37c5cac43c8da7c6cd63b0a650193b57efa9', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'bbda4e3974c03119c619af27b51fe906ef816875', class: "section-font" }, h("div", { key: '502e0712c4bae8554e7cc2cdaf63f68a2216bb70', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'a9aed24f2c9550ce50718044bc3d40af39fe88ca', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '7a1ba6390b7abd7384e3b2d5c781171a72d6f6a5', class: "section-font-weight" })), h("div", { key: '0a176147a4df3722a2a6445a99341d6a8edecb9d', class: "section-font" }, h("div", { key: 'f94402916695b649452a54977694d69304ab20d1', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '5fb787904d2f3716591d8a0ee1ca4bf589c79f9e', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '7da91ae1fc687424c038f400cf02bcab56f2cb09', class: "section-font-weight" })), h("div", { key: 'd00a25a24d4909ebc1daeb986423f46fe355155c', class: "section-font" }, h("div", { key: 'ca4141a67a8272c265164aba21f1b6b0b578e880', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '5e9e2149bc07c2e1a130693332b740db2b7424df', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '6fba6050a7955d01059d94f6ff443c1ea5e1c80b', class: "section-font-weight" }))))));
+        return (h(Host, { key: '03d48ebbd93c5a33b31505ca2a768fd08dda7ff4' }, h("div", { key: '57d15d43e65db08fca5d7f98d8c5ea6a2f23d5b3', class: "variable-container" }, h("div", { key: '796d99e6e9e318372d2cf0620f2cb8c1c04f0c9b', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '982299debd1f78a2ff5f22a793837c467c0a914e', class: "container-section" }, h("div", { key: '581468d7adebc5b7044d04a4a3ac19edc6d90490', class: "variable-name" }, h("div", { key: '99967c5f022c29b7d1915cec84906f7202277b6c', class: "variable-part" }, "tet"), h("div", { key: 'bb072c41607a0d68a2e9837e2dbf2004cf12a34e', class: "variable-part" }, "-font"), h("div", { key: '8782b93507cfbfb3515293c39c2ec1968949142d', class: "variable-part" }, "-weight"), h("div", { key: 'ba84609feb8e4f0abe31760e809609320ed5dbed', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'bb021d5e4079dbbf0dc0df8b405ec175eefdc4e3', class: "tet-fonts-container" }, h("div", { key: 'a5346b6cd0fdf4ab0941ce673706d8b09e80da31', class: "section" }, h("div", { key: 'd1adc1c94d5efde93fab649dd475509f1ef80877', class: "container-title" }, "Fontu biezumi"), h("div", { key: '391a70e64cf3d6cece1ef42e957f92810a175688', class: "section-font" }, h("div", { key: '380e4279ac915535eee3f1855150b838eed26878', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'acd1d8fd54009cd9dd58e6c00b048ecca8622a36', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '6f68bfcab594a0d64ce1e53daf4a1be5c9724209', class: "section-font-weight" })), h("div", { key: 'daaec0560291d0f9015a500a4b47596c9c531881', class: "section-font" }, h("div", { key: 'f97e36a09f0dc8e98713668527a37ba795ee90df', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '904268682804d9b79fdff07f00c45e1792bac12b', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: 'adff63b35c95de514a45b5bca1d6614448416052', class: "section-font-weight" })), h("div", { key: 'aa01f311aff81977207b63839f9999f88b9542db', class: "section-font" }, h("div", { key: '4282fb5bd13a9f1bbdf1e210eb6fb19abd5fc277', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'd89d50842a51950cc54ddcb2f6d3ef3fbdaea492', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '4af317586ce93f2de0ddd4135fec2da48746a8eb', 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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetFonts {
     render() {
-        return (h(Host, { key: 'f68554dfbe8a92ce099e74917355d93aa8ec525d' }, h("div", { key: '3955a3466131c17078451e574ef8d844529d3bd9', class: "variable-container" }, h("div", { key: '47f5f48a431855d93a22e724575e3ed827d9541a', class: "container-title main" }, "Fonta klase"), h("div", { key: 'd4cb215399ee81df7632defb38852a39ef8d34e6', class: "container-section" }, h("div", { key: '0a0109ad1006e9dcb2d4c6b5b894a95fba63a793', class: "variable-name" }, h("div", { key: 'a4378c0ef19481a8fa0d20d4023051e3869f9efc', class: "variable-part" }, "tet"), h("div", { key: '867f14e3e65bf1edfb85289b995673fbd0df8394', class: "variable-part" }, "-font"), h("div", { key: '36084da0193f4b7a8611dfaa4df380d2efdf3878', class: "variable-part variable variable-type" }, "__label"), h("div", { key: 'efe5a47f2c8752690bbec14657038f6ebc58acb0', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '57bbcd51b20c45014008d0c9c1d5a5e86df32067', class: "tet-fonts-container" }, h("div", { key: '96699f5f95b60dfbc1657cda1080acc3641f94a9', class: "section" }, h("div", { key: 'd7a821f89b5ceb1fb1c1d2f737149e16c1db1f80', class: "container-title" }, "Body - Inter"), h("div", { key: 'c4be908f8ce9925fb675babcc5d1e7e9cf508d28', class: "section-font" }, h("div", { key: '5715c48342b9c71678f4350708eeaf91df253ffd', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '79c192ad6d877baad45548e407fa205921b7f2a2', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '6c4d162b05075f6b74aa0cd350f1267689376eb1', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '2098321ee88614465681e9baf92d79448372368d', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '8d276da039360519b1c4d3f691bca00e05796b8f', class: "section-font" }, h("div", { key: '4e757022067242e1fcf27251d5d9731ae66ccba8', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '507be34f39ee8717fe73c56ea4b69dfd7beb6582', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '4f144f6aea6357644639c7eb39724e7f72d913e9', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'd78a8a58434fe0942f16d4f1c44fab782e29a729', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '5a5dccbc415fa750cbd6dd42699ababb380c2975', class: "section-font" }, h("div", { key: '146b9bb0093ff23d2ce832b1c325451bedd6cd8e', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ef4842b841b6baac8f018f1d40ccb65a12325a59', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'b64e0ae9552c6d6d79594ea1681819d5ab69543d', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '979873ff8229641a23ebe5552bec9f54a55a93fb', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '3c96a579c6e3656bbbe84f3a3bcdd3b6705bc118', class: "section-font" }, h("div", { key: 'f2d46dbca1aca6b944a64ef33012e21ef78f7fb0', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3de52c200c59d7e4ec5b8d57608751215c690ef1', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: 'b6a3081ed7bf8a73a9bd0aa7d9db35c882a68278', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'fd0053fb4db3bb2cf8ca3586f6bd21a15cc772f0', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: 'd55af499a458ec7fd8d19e9be3565f9027d49f5e', class: "section" }, h("div", { key: '9a6c50df3e3346752be967d0a318802f669931c2', class: "container-title" }, "Label - Inter"), h("div", { key: '8912eae8d6988cdb72424bf1ce655fdbda83bc32', class: "section-font" }, h("div", { key: 'f1531bc1fb526ff7e657c68b584c5ba311ca1b0b', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'af1ed4b6f67b9462e4feb86f57c2c20f527eed83', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: 'dac167bcb2d09290d3b5d46b6befe75e6376c8f6', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '97035704ba367beff5c52abf487453d096536a57', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'a6f248fd866a29eb98b49466ec0110121fcb032d', class: "section-font" }, h("div", { key: 'a60bd4f92ea6624d1131593974c67637b249fdc6', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4b898b8d0f0361037c111a0d951d8a1fe0bc4518', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '178af317749011b7fb7b9ee0277ea34f23d619ec', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '314f8ca2c60db6795aa3c93c7fb00c2c193fb34b', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '7af25fa42f877af03cf4f0fe4fdcfd2cdb187e61', class: "section-font" }, h("div", { key: 'edb9ab4b5eba207ba31604d571a9b1f581665a96', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3ac829b36404db38e9ab71cc9f2c3ab93fac80c9', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: '661a7be12ccb05f662f3729b729c36f319998f59', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '9418d7ed881c15df14595d8e83b078fd7892f1c7', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '49071e3e3607c1fa2890fc6a7032e6c9aaa9529c', class: "section-font" }, h("div", { key: '1d7bda67808fa52779e01418444f6a9576275b84', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '54688ef3af7e7e03dc47b4a4fccd5b338995a2be', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '69b5f06368ba4fbb0a5e98fc3747ae74304fe5c7', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '34a03f8c7e568730d35f7dc1a3489a716dc1ab92', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '8afae72a90265054e54d246cf73b806c8c375624', class: "section" }, h("div", { key: '7a7b39243b89dcc26a65b0480fea871322166f6e', class: "container-title" }, "Title - Inter"), h("div", { key: '3a08e6c5dc24ee2af80b751488182f1a78baf908', class: "section-font" }, h("div", { key: '09642a186e5761e4a098ff6c6b8eeac30b8ca17a', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fc0eb668aaff23c03b88ff07ebe4f038ea459a0e', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: '9440a764f167c359c7c541c569c79785809ef5f1', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '11cfcde2405d4e7e0fe319de081a1dc3eb3e70de', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'd7e74e1a3cf9364497800a86e24acf2dcdb22e60', class: "section-font" }, h("div", { key: '6e0b373fc25fc88abc881557bcb3d81f9b647b2f', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '36e4da696111191ee875ea51ce4f44338e58647e', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '8f9f35c957bf3476dd184f5de21d5718e7db257b', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '37c5260aa2e0828b82258113ae57a7744dda3500', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'daee69a7c665a777c2f716a968d82ed870e0060d', class: "section-font" }, h("div", { key: '59c11564cabd6ff8c568e5dc344adc030fbe81fe', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '441a574dc36b1c26fe97bf8fb3cc047d528e15ef', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '106bf323ccaf7f21652c53050dcfc7659ee5b5cb', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'e28b5fbd942b3d928c11047f01a8a82c080225d8', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'f565acf0f924a0cf2c0252ace119592998f179c0', class: "section-font" }, h("div", { key: 'e3206afc3f1fbfac63311d9aff5a88dab6305647', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5a2833fc2969eb3b57d774e456c93669116192b1', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: 'b4adef280f4aa5f4143c6ab887571cbfa4cc9e86', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '30609225d71b35eb620299ea1efd9a9c2db57fcb', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '099b6e713a8f402477dc48b5aadb57185c20a71b', class: "section" }, h("div", { key: 'd4260ab12b0c5f27e2719b3c42969158d6ee7e2c', class: "container-title" }, "Headline - Inter"), h("div", { key: 'f4407455773fe2dc3dac1ea54f57ed5a4deccc0d', class: "section-font" }, h("div", { key: '72fa25ac58b34cfa1acec78acf7f6aab816cae47', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd5d8e3b1abc1300ae13e1ca2bd2da57565170a7d', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '08d8fd862cca96938e8fdaf1503c83e43e3e7828', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'fa917a71c674a8e245ea432956c9c099096d6fa9', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '19b0b27758e759831401d98964a8e0b4cbf75e31', class: "section-font" }, h("div", { key: '32dc68fe24db2d7bccbb03a54f32fa09c38067d7', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7aba17fa518cec8bd59fe686dcb5c485afeb940c', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '0ca167417127225f9c647b633a62a4991fc7e067', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '1f26b9197f90344697e9bfca2bab3b7eb3ec4f98', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '71890d19f0190edbbe080e45c9ad40fbc67fa286', class: "section-font" }, h("div", { key: '2920714866e9e44470feef03f464e612a3c55d10', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1d5f10718247f0d12fe72b4a0c36d10aca3e484d', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '5692cbf4a08fab2a37cbc5a1675ceb744d94d0d9', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '3352f190f6dd64ad184c71ee012fd7a3a44df3ac', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '4abc979bd1fdb03f37fd8d7e72ab46760abf614b', class: "section-font" }, h("div", { key: 'ec6d9626761975b4dc275a06d9a4d1ea1b662885', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '52f7771c74fa93b8e497b37270c8fdd9e9ac584d', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '426707f70af0ec7be8605fe9bc7e957d41f7c76d', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '2d6b14bb41cb762c13e3ee426145633a3606abb1', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'fba2b4e7b37c8485814ea86e5f55beb17858beb7', class: "section" }, h("div", { key: '5a8271e6cb88b46e82bf7fb092e4acfa4c0b5c19', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '96a42ac1902ac3588ff06003d1609c922100e85f', class: "section-font" }, h("div", { key: 'e75a86e043382c86262a5f9e2002bb9ca0cd485b', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fee6d93b8aa85c57c89eabb87e9b2e88433ed453', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '5b79c3a6fc7e2da6ccc155a2702863377d704342', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'bac84a7446db3e420a85c7ef25f3dd121ad20068', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a0b1d1bb37be46ec7325df03a1cda76407b0a10c', class: "section-font" }, h("div", { key: '2e3f04f1267bd742c0d3e19b7c989ee7c3e8eef9', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c9fd66403f9ad024c917e6d02bf7ea4f4c090e5e', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '38e31f06799c0d35032ccace73d1cd970e3c9d8c', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '87406c66b3649612681221fc8fb8e044b6f3b69e', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '8d6014858f6062e79b141faf8f582ca9986eff6a', class: "section-font" }, h("div", { key: '04bec0d1c0a377bd58bcebd2033d76ae90abd77d', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '65474e2d2e6636c5d14589013cd72a86a8346a07', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '600015f81cd1dbba7bbdabbd98a1a510fe2cb319', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '01115232a8b8398c6eb70d83c3ccf053cb32090e', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '16dc82c7f61617cd07610c6351360a028473f423', class: "section-font" }, h("div", { key: '8a21bcb1fd935b2c4268aad4d8e14fb92e3ad81c', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '608045cb9120a3356afa443da9670fd90c8d4334', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '412aa276cddee9434af1723d4167125fa8481b37', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '96b430e76b2e18ea95e80b7f7117c06cb04b2b75', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'f3d1bba029dd4e5d478e0d50e7654eed90e6bd3d', class: "section" }, h("div", { key: '37445923388a33fe60f5f0dd7d6af67e75832683', class: "container-title" }, "Display - Gilroy"), h("div", { key: '65021505e12c6af5029ba095bc1b153568019ed5', class: "section-font" }, h("div", { key: '683db651e946203cbd1cf868da9192bcf4880bd5', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4da44d73862f3cdaedec3e37f0c4f31a4a5d5678', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: 'd94375c6747e4e21a299d8492592a89d6a4df537', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '9eb6287c9d86580ad8063dc4e59af10f68c6a08c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '2f50521b4439cd19194cd13789742c7703c514e7', class: "section-font" }, h("div", { key: '91f88ec760cc70f92100efc359102cafe1b59190', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '499faee96a5b4eb784d051d3091139c668238016', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '988d969b5154e81a79c5a0b26d6cc31f2f00372f', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: 'f01cb4ee639a5d0406337ef25f1ad4201bbcbc6f', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'f3736b0d463d40f59e45d562448c1e566d0c0fa0', class: "section-font" }, h("div", { key: '755d32418e40c9e3bc229079bca49968d2f2e130', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ae00784a2cf1987f7f530c8701b6a36a1fc74535', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '304a8dac8b801198c5d1647af9335f3664f000a7', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '740607acc02d6d3fc09740d8d45f8e7b938186c4', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'afddd7b0f1ecddf443086a4065c4dc330f78523e', class: "section" }, h("div", { key: '8573e124178f052b51f9bdb3e299523652031714', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '6953ba7492e1c35008c2409d9278dd8a4a8766fb', class: "section-font" }, h("div", { key: '2be3fe713b6e09b7597538ab2bf8bc14348caa36', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f5325b82c819d8f7fdf8d2ca1fece096290fba52', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '133cbe759fa204d6ba69816ab082782403072050', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: 'baeb7cd03ebcd04c6076f5aca6daa1e2262a4b8e', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'd37accf793d73668896bb61c0bfe2843a9b98298', class: "section-font" }, h("div", { key: 'ab9e910d572a536636e3e39bbab15f6312cc4fdb', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9a0b792dc0d2d4adc1cc62787341058a4f9364ad', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '4f455634f067c3d03d640977bb8da4ea13189a22', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: 'b44e051a0dca899992d1695087a94a2abd2eb50f', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'fbfb930d09c59c3721cd24cc0bf20458caf9dd70', class: "section-font" }, h("div", { key: '1eccf5872e7b5b0475fd60a58b46433460240373', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '49d4e0fd408bca35d1e6c5fd753256635f5669d5', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '7ffb793ff928de41966b1493c958baa72acbe5ff', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: 'd0fa79f27711e62f0c5f34118079ef889165c733', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '6b2e35bfe817da6b324aeec5f58f1b6bf026977b', class: "section-font" }, h("div", { key: '85b7dabaeb6595421b7cf52367ce17ed054b69e4', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c6f5ef8debba2974b8fb4425cb1158760e61ede9', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'fe4d154a3c9ce47c4c501aefc3369c38922bff1f', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: '04148567c5fed1a8eb8cfedfbc0af2b3faf6381e', class: "section-font-attribute" }, "Font weight - 600"))))));
+        return (h(Host, { key: 'c08c56a9eaa6cd54d97147f59115b01a68d2d487' }, h("div", { key: '1148667a0ca9e0912ddf0d127424b9c98c7cc4bf', class: "variable-container" }, h("div", { key: '83fc0e04cd56abf316596d38d1d028aee353f24a', class: "container-title main" }, "Fonta klase"), h("div", { key: '37eab9917fd7ab4ff6ce28ccd67a44ab2f6b6fe7', class: "container-section" }, h("div", { key: 'd953476a69508a974b8fc592ebe5fe4dd4670131', class: "variable-name" }, h("div", { key: 'f27098651da5e36e33fb7dd4d2e397fca59f3b27', class: "variable-part" }, "tet"), h("div", { key: '232dab658fbb912728adad8fc83b26f03b2c4b61', class: "variable-part" }, "-font"), h("div", { key: '628511daab2fed0467064fb2f8378345e0e9030f', class: "variable-part variable variable-type" }, "__label"), h("div", { key: 'a2a5cb8e9e11b1fd62cdd7fb2cbcb39fd5049db1', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: 'c13fd7d042d4a415b6c048e7ebca0417ade72713', class: "tet-fonts-container" }, h("div", { key: '4dc0712f0a560014777396b2ef97dc4fd9e192cd', class: "section" }, h("div", { key: 'c7335dc08efa8f93c88bba573a7e424c1403ae12', class: "container-title" }, "Body - Inter"), h("div", { key: '732c0b750c061fc902e71d9ed9b7a893f825efc9', class: "section-font" }, h("div", { key: '24b2b0b2f28d7ddb08e411484466ae6163f02bd6', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9512824dea588cbbd2a4ed5e638f08f498a28cf8', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '3fcc8ac9bc4053ac83d7c63196b4f988e1a214b8', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'e78e46122939c2ef74d78f424dbf2c9a8e56436d', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '82c4a9608f91358447da6ff8d7969a55cd40b8ef', class: "section-font" }, h("div", { key: '85ef6c3c11677b05b16477e2f742518e26116a2f', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'bde7fe28db2515cf62697249bbc6cd4c6bb90e4b', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: 'fd467acaacbb1ac2235d5fb1025c09923c6d44ea', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'ee31fb889b9cf802f4372336bbba93a9d8996a50', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'f47ee21745bd63e097cf5b44b24ba1ec76dc47d2', class: "section-font" }, h("div", { key: '04e8dd5765f7f647a5d88e4f0b9d2ec54a6f988f', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b62e2d1cf154dd9cc18aa68cc4b0e3f90d9b341d', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'e9f5609e5c3af9d24d3bd38a71e40f18ecb57497', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'ebe68a85b34b21cff1d430c964c842068824605d', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '949de4415e4829620dacb84d93fd13123f567baf', class: "section-font" }, h("div", { key: '26897cb862816c0589b33472b2f6bde442d8873f', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0c48ac86bcc354be0f8e602596d32848be75dd20', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: 'ec5cccc52156d406cb0bafabffbb1777b25262e0', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '8ac0d6ffd0ffd9a21ddcfbc8ec713d1058a147cc', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: 'f47f53bcd7b911866400f209df1666e28461f3ec', class: "section" }, h("div", { key: '6db4da44f421ed374ef07ff72d901193df42439b', class: "container-title" }, "Label - Inter"), h("div", { key: '13dbf1dba1d7869089bbec2509e4f4b66d8961dc', class: "section-font" }, h("div", { key: '84581fa3037cab2c9f42d56104630d71dd68fe60', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '999e1bb0aa9e8a821e6f79d383bf7ae3b9f0e2ba', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '38b5a16fbe40423b5bdab4d51acc333d880af1b7', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '87152a0369392ca4994956118122e9d658285a9a', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '409b63bcdc413d78fc4764132a22d101b5ad5ad3', class: "section-font" }, h("div", { key: 'ab4c6e02c9dce1da4e72fecf1605d0b780ffd1fd', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fb4b28bf723dcdd8432cfa3c534388650e9dca18', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '8e8f6bc5e2f1e3b46350e48761473812721540e1', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '3f526825cd3c808077781ea76f01edc3b4b6262c', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '70bc39d844ffe9cd7498f4532444779dbb824a33', class: "section-font" }, h("div", { key: '89c5cfa1f437fea39efa33dee4455c97150a5405', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5620c9d0c88f2815b1a5de64aab8b49efdcf083b', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: '50a19d039c8a4f1f5877b681069a11b8d8a98940', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'eb8848ee3486c32f4c776aaf77d1ecc83a13db66', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'a733c4f04bf2b7ac4b5120b1d422dd798063218b', class: "section-font" }, h("div", { key: '27174316dc786022f70de34bff30a6b852e46745', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '67442c8a159740002b11874a9a75189bb1f199eb', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '06bef8f1bcee2b7bf387a75bcd8f623cac69a744', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '39650824f3674e9c5d06f910462165c0c6229e83', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'f63a15c922bbcc0bba7eb22ef5e3fe1d99987582', class: "section" }, h("div", { key: '96c257637b187d0e64310f3d413687db1450187e', class: "container-title" }, "Title - Inter"), h("div", { key: 'e18870f20a2789f2e31634bb2a4c716520859da5', class: "section-font" }, h("div", { key: '3c0f7e973ad25bec7f9ef7ff80142d055e8d0745', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c61f8bdf3722c3a838a1e391c23676bcb4bc2a40', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: '6daecffe77808b2d23b32037a867c187a3447922', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '81ea47b3cba31df5daf7c68c332463246b58bdff', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'c1e7d78dce5d98002d48950ada231e43766cad5b', class: "section-font" }, h("div", { key: '4ea4adf5c8b73c1cd91beb02b143081504536d0b', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e72537b4957e01a22a61ed241f4854864ec0415a', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '4f244d4fa758b115191ff0306bdc12c225dd17b3', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '5fcfac5daab099d22418f81d4594bc6cf7407f10', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '0a0e0309a49668fd2f1d659010247092a327f3c4', class: "section-font" }, h("div", { key: '48481a5cc4009696096791fd3a31bd492a60e316', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '19e4d2558999bd86f5666dc2f97290844c3e64cc', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '7338a2fc1e3c17e38858992ed6026b8b3a724426', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'e5d57e719a81be74838cc40061f5ad3fc8e65e85', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'b39645b8052f4403bbc7e00e69cd50d9fc8480f8', class: "section-font" }, h("div", { key: 'd8133503ba9311207631c18c20c0171960a62168', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ecfa8df1e6e99eea2567d58267e8fd59a75bcd44', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '5318600bc781420ff997865b20459702ed7cd00f', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'c2919ec6965cf256c4ff3965eccb23e0c3939086', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'eaa03e892a1d4109a158c1b204f42f035d2ae24e', class: "section" }, h("div", { key: '21b51caeed75823bbfc76e5b00317806043683b9', class: "container-title" }, "Headline - Inter"), h("div", { key: '1a71251e220a6036b3e12bf1a593609c98fb43d9', class: "section-font" }, h("div", { key: '28ea7a2b7d200f89430a03feebc6d699defdd3e1', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e5c95f597928b54e34ac7e9ca25fb3b2e013e362', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: 'ade6a03b971ac4b865c43fb25b123320c84cca78', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '0b70e83d37effc8e160e6f6f42a5f61e4499df99', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'e869d49be77adbd1f7b1bc01f2eace177f3622ec', class: "section-font" }, h("div", { key: '1102d108cf224c37777db87bdcd507de7518c95a', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b20fe86ad5ea46424f920177aca7bd21fd412d8d', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '29ac263bfde973f5730afb0f1e3a868d6fc9d11c', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'e0cf2102e76b5b405bc8b2661285215f9856ca51', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'bf7c3a4f11b809de3ea0aa73a963acc15752c89e', class: "section-font" }, h("div", { key: '673cf47c1e2bd27d7fa1839aedaf6420afd81961', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'cd05590087ea9447094ed8aa2a72eea99982543c', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: 'd31262132e4d972fde5c917a93a182b0cb7b151d', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'c34009d57b8ee9cfa5d16b2aa520f35ee66ba838', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '0557405da427377de0334471a6e4b22f5846a83f', class: "section-font" }, h("div", { key: '669227ce3baa5e11a17059535ef0a75bb6601a3a', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2a0a6d548557330a74638702d2af002a1e4b3976', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '5774125a85893c37314eb66bcede3183f95acfb0', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '9b55f255ec9e162eb726f7aadba3f8d53c65b2c8', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '775d45c3139b18148066f2c135a2cc0eb9de5e18', class: "section" }, h("div", { key: '709e49f55ebefb40032d14db77cba7cbced475fa', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '81ce4acd996fcf206cb133bda50853ff52601f26', class: "section-font" }, h("div", { key: '8776155a750a169e694e6aa9061d8b7788433b7d', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ebe8b2e6cea2b7e20cd5ab629a78e5c4d8c6f21c', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '2140aaaa090c3dd41e8c6d7511e4ef2c79d3d773', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '01ebd8fedc2955b02b01aeb2a0916285f3abab97', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'cc028f38c1d99918c81ac073f6df170b10bb709c', class: "section-font" }, h("div", { key: 'e3d6196ee255e98c6ad4945e2f5a0288b8d7de73', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c4adcd60143e6b395cba3a1005559e216ea0002e', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: 'b063f33856b3b06be2b160c1aa04d854fde51e63', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '62ffa56b426d84f8eb3983f8d809e14e15b6bf4d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '5bb0dab6ad341dd798719ea5a8dfc391f1216ef7', class: "section-font" }, h("div", { key: '45c796c43493e2ff90ebf0332c15fb0994eea495', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2745249313e8432dd81ccac48eea3b33cab7585d', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: 'c15f9c1d063feb9dc25d18a8f88bcab4fd03a384', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '469f3618ff1d9638a141f49bba9d0e5442240803', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '137df51f364d3ccfff50c141b0dfab56872254bc', class: "section-font" }, h("div", { key: '07f3e2c798917cb695023c0eee2f498d8185cf3d', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0824a7cf9367f4c5ddfae186054f1a44b5445d0d', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: 'aad2c38388155dce52b6badfa6c384586d46a13b', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'f5e43e3121980d4a0847cfdfb519e3211ce0166e', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '869282606f0dfd053461d30760414848d9a9a6c8', class: "section" }, h("div", { key: 'd71978ba211d6801170e3a3cd31860e55c26c206', class: "container-title" }, "Display - Gilroy"), h("div", { key: '8bf2d0f202f6532e1334ed6a01a5b87474ab8afb', class: "section-font" }, h("div", { key: '869719bf785625b024fa539d5e11c06969f3c8c6', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2bcda9741b7a7f1cc7205b82a38cf4087988491f', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: 'b49ebe647d420316c4d4b52f9850886c2b6e7037', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '59c7a519c59fc9ea719cb1dd9141edc1c0f0b557', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a5b1ae59f4ce511e69e7a99cb6b33fd862b35aeb', class: "section-font" }, h("div", { key: 'b7c48f4479f8ca4a82d02284e6b4144d720504fe', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4892bbfae260a8c4fb74f1e1547d756a921af3ad', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '96ed3adba5f72cb592a5868603ecfb8efb105f8c', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: 'b8da45d8adccaeec855ae497d7764722e60c7c6a', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'b1d95468637b9f97352d90314f95c851499495ce', class: "section-font" }, h("div", { key: '096207423e0c585deae29f1956e2586ea8a39c0c', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '16a9d47723c1a5b1c70ae585a58570ba7d3095b5', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '22dde067ca21a8cb4c2c8dc2cf7428af77f7d43f', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '3cec3fb580c279689ae04f7e437ff13775781110', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'b6f88c7c5463acafc8a4467eca1d9d3fcc94164a', class: "section" }, h("div", { key: '3207e70cdb4f61b2cb8006691029af54f52d7df7', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '6d0871a4a5f0e60c95be86075982f7263bfc426a', class: "section-font" }, h("div", { key: 'dae338d55ca344687fdfe77395f6782b6c28804f', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4754c0da5e79ad21aff2b294521f25d23ffcc670', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '6d78552db9248b63132ad5d39bd9cf2e7f4406bd', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '39ba63aac15b690aacd83b1de808091a6fa0f7b2', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'c5322a9f26aa4f8dbc8f7ce1563175343300946d', class: "section-font" }, h("div", { key: '960b90e5bb4806c1df4abe1196a7e64dea89b97c', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd7f79b1400cc02bcf43ae23a93993ded9f0514d9', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '97434c40a1c3cf1ca387f117e30f219fa1ad13b7', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '8174fc3636a989cd11170ad226fa689a0150c38f', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '80b18a6c5733880e25a2aefd4eaf4c7e101b2739', class: "section-font" }, h("div", { key: 'dfcb80dc03159d1b81504033326c1b39decea536', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6467a8e7f1698fa28c3493ac882fc3a92cdeff78', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '83eb4ba70c7ca8d98d603c8a42887d123513df86', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '22067a1efe30fd363ee4aeefe54c4fdabce11c92', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'b53bd235e26dca556eef09b0495d6d7d39fde611', class: "section-font" }, h("div", { key: '417dd0315aa869386865b93b766ade4373513851', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '79a47c7b556a0a622486a0394f65cb4337e0da46', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'db5c4580d88691281881e810a16dfc8af3d310cf', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: 'b742a31a4585d9fa0862ea53fa528cee7a03d1b0', 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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class TetLayout {
     render() {
-        return h(Host, { key: 'e7da18f3831acf025f9fc37a5f030a3ff7e9a2c1' }, h("div", { key: 'a2efe879cfb6df773438e4f9ef48788654ff89a5', class: "container variable-container" }, h("div", { key: '5912759c53b95fde1cb36ab6d14d907049d7338d', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: 'd52d59cd0ea40b9c9e2b0a3408a8b98b7252b85b', class: "container-section" }, h("div", { key: 'b6087ca87a22c8b4bae880cc043538dac4435a20', class: "variable-wrapper" }, h("span", { key: '705efe95947096ecd5dfcbfb69cc21e8507376ad', class: "variable-name" }, h("span", { key: 'e9ef833815aaeba3d70b295150ff3b7d8410021e', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: 'e24543aa685e301edc90e7ee9c6fc05954630c10', class: "container" }, h("div", { key: 'e5bd0c330b9393ffb10a2c3d854083ac0bf9637a', class: "container-title" }, "Piem\u0113rs"), h("div", { key: '3f5bf786b8f7df433c01d7fa5c92463ba1918a01', class: "container-section container-example" }, h("code", { key: '84f5cc32a608e7422445bbfe224ea0c210fb2f0c' }, "<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: '81e5b448da79b024b346caf9e2d0bf0ba7f465cf', 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: '7588e3ec67c297984a48d26ad8d21fd478c5f95f' }, h("div", { key: 'efd2d7b57b62223e6e02edda4cb64b0258a71760', class: "container variable-container" }, h("div", { key: 'a19e06c0a0fd0adc06b299f1ff996b05d7975b9f', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: '2b2c07f88d3d544ef3c70bec5648db77031c28e4', class: "container-section" }, h("div", { key: '10671cfa1480a7f7bffba945c465aa21130183c8', class: "variable-wrapper" }, h("span", { key: '4188038c19d64dea57669b2b100d432adbc7b128', class: "variable-name" }, h("span", { key: 'e264492a81db44c05fb48dfbd5b5392b825d1bdc', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: '8351d54916dd8e930b844dd999dac46aa5f6f21d', class: "container" }, h("div", { key: '137b1ea87d6fc70b6744707f4224e51e81d09a69', class: "container-title" }, "Piem\u0113rs"), h("div", { key: '6cc93f877af6ba0ab031f7f10bfd45a3e5c17c1d', class: "container-section container-example" }, h("code", { key: 'cbeca1e9aabbec5a20411596403cad605f32103a' }, "<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: '04bd9c02d9142e7e3903fdbf12cef4c929f12427', 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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetLink {
     render() {
-        return (h(Host, { key: 'f8916dbf5428a932f4acb2dea740abcbbd4db222' }, h("div", { key: '4f16d2730ddf9c48c1afd47cd41143aaaae1aa7e', class: "container variable-container" }, h("div", { key: 'b9a8dec12a79dcd402e385d9a9400f838e82dac0', class: "container-title main" }, "Linka klase"), h("div", { key: '9dd90d1d5e2980173484b10db752579f7f023403', class: "container-section" }, h("div", { key: 'ddb6c6d336fd2a4bc826e28d1293ba5bb40b8894', class: "variable-wrapper" }, h("span", { key: '497305f11e7cea10191d87e1eac4ba3c51fafc8d', class: "variable-name" }, h("span", { key: '7942d04d6aecce0e4018027fd8a640ad474c6f29', class: "variable-part" }, "tet"), h("span", { key: '3112075be16b919e01292558a02087b335b467e7', class: "variable-part" }, "-link"), h("span", { key: '9c79cc195f145e7a255730320a491de6dbfdbe7f', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '9e2dbfe0b2a92ccc2c3a702b10aa0b38187e3c0d', class: "container" }, h("div", { key: '49809fa250cd2bccb4abef6ab1ee1a34b9c65a0b', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '611239b66f099c0936db8f23b853a94db79dc097', class: "container-section container-example" }, h("code", { key: '97551e3f5128cb6e86e81b0a195b89f3499622ac', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: 'e4673bfeaf6edd0c4d2e8f1e7b7cc8d0c8c29955' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '1ff3d106a6fd58498907c6dc185642558804cddb', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '466325d0d7f06d5e91c217ee6a0b8f118abee22f', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: 'ab0671556f42086a5050e0544537e4f5bd0a801e' }, "Link klase ar bulti\u0146u uz ", h("a", { key: '0780cab8c62fd9e083175897d1b7c70db603310c', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '7c4b136008553b3dde413f0157369e728a92450a', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: '372bf65ba49bf799344a225f3e9df21fb5e8d888' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: '19a32bafab4dac4b4ebe7092ddda81a38251198b', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: '5eefe8474b56c1161443209ad7299e6c3e1914e2', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: '328716dd58fc8ccdd0219bbc3b8e681ebc3b1456', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: '64e929d93bd25790cb199b970070234addc44234', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
+        return (h(Host, { key: '460d980f4f900f64da42918241221dfbe1518e27' }, h("div", { key: '15ec1c8f9913f43ed442047eac50470245661fe8', class: "container variable-container" }, h("div", { key: '54db9f6c68d781264c3b65d4cb1731c227c18ffd', class: "container-title main" }, "Linka klase"), h("div", { key: 'c285d20ad5732bdc3a2294c216cd8a103956d4c0', class: "container-section" }, h("div", { key: '7b9ceade7c1eb8e6806017a3a8c770da7a98bdea', class: "variable-wrapper" }, h("span", { key: '4a199378388d0eac5cf6314ba2b014a8acf1581d', class: "variable-name" }, h("span", { key: 'd1fe8bda3449fd5332705633418a3174d2123525', class: "variable-part" }, "tet"), h("span", { key: '52c596487cb7c9838dd60936bd4f0bfe8ea61590', class: "variable-part" }, "-link"), h("span", { key: '39c101136a1f0b4a625897920351f3fb06e865fc', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: 'b9827fae88f6b759189dec10db6d0e0a141b1f91', class: "container" }, h("div", { key: '1121388a33a35f59b49d2766c0f253ec7ffd6a77', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '615b2f82ee83f47c2f4162e7fe80b990cae268b1', class: "container-section container-example" }, h("code", { key: '125874a5ab1582e52431182512b5658485c768b2', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: 'd0afd116debc40f0fc1131353278582885dfe933' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '9dc4d690d441c4a467339df490c6b0355b137663', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '2d02528c3cf5d226f99e1c4afbd28d88c9c83b3b', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: '00fc41dceec77d85635bce657ad77ecc0cef12a5' }, "Link klase ar bulti\u0146u uz ", h("a", { key: '052440ba8713783ed9fb2e38ab22ec93366f6c0e', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '2f0ca23c20b55875e0858a509fcd8ab4a81bd6f3', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: '1652f5cb0899caf56792545fb556977d0afa1b8d' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: 'a057472794f26794f3a551a35054317c9866c9c7', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: '02954855a92151ecba269a221d41b38a89b796bc', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: '24469902c99e568ead7ae496f1d94144b69aa5b2', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: 'f0afbfd0fc25092436ab80ca9beaf7319f7d217a', 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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetSpacing {
     render() {
-        return (h(Host, { key: '629c0f79f05e62046a82d29ade8adfed1cca2239' }, h("div", { key: '227037e5b17b653165dbc22db97ddf168e039ab6', class: "variable-container" }, h("div", { key: '414a1bc159e1420eb1595416a5549d379ef6a647', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: 'f3e325df830b27aa39d0a92c7795f2e4bc3a7b6d', class: "container-section" }, h("div", { key: '8dbf27c12887fd4685bad61088e8da20d8218353', class: "variable-name" }, h("div", { key: '3106f886b74da02e87edf974998e743910c71a35', class: "variable-part" }, "tet"), h("div", { key: '8568beaf8c4217a5dc81ec26481e1c67a843ad12', class: "variable-part" }, "-spacing"), h("div", { key: 'a4baf83e530f35e6e8d1af3400601f84175649d7', class: "variable-part variable variable-size" }, "__md"), h("div", { key: '45c9bc1780c20f966a3b4c545dffc1209c539252', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: 'e142d725a46fde9b7f998c7eab25972ed9465bc7', class: "container-wrapper" }, h("div", { key: 'b5cbef6761076a8ded842ecd4ab543cec4c1960e', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: 'd34d498b71c7ff2c908325e73ac7faa4992e2e4b', class: "section" }, h("div", { key: '312831a7ed53aa022f2e05bfd47e545085408f77', class: "section-wrapper" }, h("div", { key: '204b752d1f78039ba5e68397065c36d18946f63c', class: "section" }, h("div", { key: 'a00e423ae4d9bbd020ba0c91be60f7860cfbca40', class: "section-content" }, h("div", { key: '58f6a336e8fedc7e61a4c4e06c633dd770ccc66d', class: "section-style" }, "__null"), h("div", { key: '27767303cd028dac53bac0a9357c6f8b91482223', class: "section-style-attribute" }, "0")), h("div", { key: 'e809ddd1d7e19ed75bc3606c6c990bf8a09c5616', class: "section-content" }, h("div", { key: '9b951505c01973da6a03d634926115e3d0502138', class: "section-style" }, "__3xs"), h("div", { key: '5083450796c60f643c24555d52624c91298b7088', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: '3014aabf44b634b6b51d47aaf9f18c7ed560d573', class: "section-content" }, h("div", { key: '6ebe296b6ed1b27ff64b5c51f95cf631e841a557', class: "section-style" }, "__2xs"), h("div", { key: '9999d5f232243120a759d70d0ce3917019a8e4ac', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: '1c3f9abce5c0b842c6712666c4ca39b9c7117a5b', class: "section-content" }, h("div", { key: '1a702e93f73ca77e938290306bdf54c1d3f2323d', class: "section-style" }, "__xs"), h("div", { key: 'd08232c347750bdc1a680e688615cac945dbe10f', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: '9f004c452ebc223777807ae8174e7c51bf7308e6', class: "section-content" }, h("div", { key: '589a761179105a749c18f1571d36e6f4824070e2', class: "section-style" }, "__sm"), h("div", { key: 'e3210b64240b3f30c4d6785f1609df1b63e6b101', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: 'e2b7b0ea967d8f1375cde83573cba107cda32697', class: "section-content" }, h("div", { key: 'b2c5487a7f5e303c776b5b9a28ba90eba238be3b', class: "section-style" }, "__md"), h("div", { key: '99888b57e0a884542da1c0fbf50b19047de7edb6', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: '708b1a0c8dcaa4388b359a47e27b57cac802cc4a', class: "section-content" }, h("div", { key: 'c6d33870f007b4d005aacb32120ba43fe1099ca0', class: "section-style" }, "__lg"), h("div", { key: '464575020ab6ba47ffb50a4d3fe4237d7b9c08b6', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: '8a632ae4c94af703763c3a4f9447c47d4e21e443', class: "section-content" }, h("div", { key: 'de2733cdf5ab2ef7aab22c02ebc295e91952a5ea', class: "section-style" }, "__xl"), h("div", { key: 'e4f0216fc2681410f8478e5cdc418c7e09112527', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: 'fce47c87e98ddb82834c50e8a82e075268bd77a2', class: "section-content" }, h("div", { key: '9d7905fb9e0bad2afbf5be04f83bfc6c06da1a35', class: "section-style" }, "__2xl"), h("div", { key: '1125dd80d18f0aaf21c7a414d1381d66aca87b96', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: 'fc932b646c2c6cd3b644c97cf0bb40e5951d837d', class: "section-content" }, h("div", { key: '91bd273cab8299c422d8097f1895b0cdb69c9cd2', class: "section-style" }, "__3xl"), h("div", { key: '8db66653d6f48d1e361144bf16090d6b3ce1d573', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: '2c6467ab8a8937771ab27f85799e94bea1d5a800', class: "section-content" }, h("div", { key: '290fee4acda75b547e6ac85d8f00055c6fcd4ce9', class: "section-style" }, "__xxl"), h("div", { key: 'fbde8e07d34aeadd911a1039b408af8ba1dd4593', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: 'e27bfae133478f87b8b6a3677f76ffdd610f9e42', class: "section-content" }, h("div", { key: '050d9c82f881b5d2eddae14df75bbcad5fe5f450', class: "section-style" }, "__2xxl"), h("div", { key: '32a171eb1fb8155891d73a08ed786d22d1ff3d4b', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: 'a5aec2cf86291e5ee14a3321a578ac3bd75723ef', class: "section-content" }, h("div", { key: '05e3de4a5cb8018e164f73fb7aa8a3d66f0b24ef', class: "section-style" }, "__3xxl"), h("div", { key: '72880fe861d7f8cec14ca8f157dcce70328660bd', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: 'd1a366d3acb10c326726bc7933b410cc7a02168d', class: "section-content" }, h("div", { key: '6b71944aac2a3a82e59144701f8e4b265e0ea2e7', class: "section-style" }, "__mg"), h("div", { key: '68a957a7d65aa606e0cf47b8372ea13c58b6f39b', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: 'c9097cda3886c17fe7dd42e27b07fe0223b00c06', class: "section-content" }, h("div", { key: '8cee2637f3cefa293859098698c75c66cd59238a', class: "section-style" }, "__2mg"), h("div", { key: 'c5acdf108d3734c18c758137a97914669640de6a', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: '22f72ffad9cbdfa50b7e2ba45c3d047a5ba172bb', class: "section-content" }, h("div", { key: '4c60605948f90b23f816e1466ad4ba2e419299a9', class: "section-style" }, "__3mg"), h("div", { key: '7387dbecef7e6b3a515d9ce5e582f0aaeadca997', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: '9934b10c76f346b0add403d903e72eb6ac97ef59', class: "section-content" }, h("div", { key: 'b890ac3f02555b4174563745289404278a4c9f3d', class: "section-style" }, "__gg"), h("div", { key: '6eded28312703bc5ca87dff334da67afb64a2d67', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: '1c83f7f7fa304920f911d9088ac96e3db283a7e3', class: "section-content" }, h("div", { key: 'a7e0d6e3115cac099eae357f7fd3ea0fbb8cc86b', class: "section-style" }, "__2gg"), h("div", { key: 'e3585530f02cdb77cd288195f32f63f0e739e746', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '92eba635d63376da6b756e0ae5303aa7624d8639', class: "section-content" }, h("div", { key: '56102a94d0832c7b9f64835a3e5e35f0a67a8d24', class: "section-style" }, "__3gg"), h("div", { key: '6b96dd59129a2ce21b2a2294543179475c89eae0', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: 'afa1178e95a689a2c7c337c756c333cec0803a91', class: "section-content" }, h("div", { key: 'fa7ee3f76df6b75cff8803cf0f1434aeed0c62b2', class: "section-style" }, "__xgg"), h("div", { key: '7726220a43bf08e1465a2b4da284b8aed4b0aa92', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: '85eab543ac7a14ed60ed56af42481ed5f55fd21f', class: "section-content" }, h("div", { key: 'b4087d45f6ff3b792cfa9c96da9bdb4dc4023038', class: "section-style" }, "__auto"), h("div", { key: '23e9d9a0e9e7d1c647c07a23a71ed1f385c1ea59', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: '16eb6d13fccc7151c478848dd4fdddacf1d4fd3e', class: "section" }, h("div", { key: '6ebb27a8ef938a5932372c5ad6028b00cc98227a', class: "section-content" }, h("div", { key: '722c97de21d6d3563179c6e4ba7b5dfc8426a89b', class: "section-style" }, "--m"), h("div", { key: 'c558dd44a9a13d71437cfd12c93a2e40aef25cfb', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: 'cf83b62b6a334a070e216d9a434e4942b1a03018', class: "section-content" }, h("div", { key: '2fbcb158e9970a56a785b432d95570f9db8a966d', class: "section-style" }, "--mtb"), h("div", { key: '2f954982b67c85da1f8aad9692f4b975f456bc67', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: '995cb016518dd4bdb3f17c1dfc8d6976197f4a88', class: "section-content" }, h("div", { key: '2644d7de0ce4176fba75ed425a7e0bfd2b491661', class: "section-style" }, "--mlr"), h("div", { key: '74a3b06d6123c78fa19c1bb0d34c7b52882f3a13', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '979b474709e9adfd8197cd3d2bdf5774c1b18192', class: "section-content" }, h("div", { key: '0ac87ee74c96659fab79534a2460bc646c4c2222', class: "section-style" }, "--mt"), h("div", { key: 'b2af5fda9ca6dd7b448518dfcea57176b4905e34', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: '5a7828740a0715ef579aff9d6c39ebd43b6d8e76', class: "section-content" }, h("div", { key: '073b796d6a1968d19618939084ad1c19a5d26001', class: "section-style" }, "--mb"), h("div", { key: '948cb6bbb8d1994479617cc85e3190fd15488f40', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: '34fb7ee57248a3a5dfc0f08af3afaa2a105b5402', class: "section-content" }, h("div", { key: 'cb0e5d45d3bfecb99c08297892042d77a3d9a1bf', class: "section-style" }, "--mr"), h("div", { key: '262ca84ca7d13afde5229e7a5152c91423959229', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '8ce24d302e25fba1785846538c3a1967e2516379', class: "section-content" }, h("div", { key: '0bb9cb63e4f539bb953629b8b083ab2a699d21f3', class: "section-style" }, "--ml"), h("div", { key: 'c99aaa5cd24b9be4cb0d758d89c5791e301bde6a', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: '3892094b73d7df33204fa1be52fe7a041eecc580', class: "section-content" }, h("div", { key: '7e0ea0d6e5e6f5d79797d0e20ca3fe157c8aac85', class: "section-style" }, "--p"), h("div", { key: '49f8eee64954d6cf0142209fe6cb0a2f339349be', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: '36022cc069be7c8239419b55d7ab0c58e0b34ac6', class: "section-content" }, h("div", { key: 'fc88e549672e77ddcac9dd977dad8fcc45a8d437', class: "section-style" }, "--ptb"), h("div", { key: '46021c8a76c6d45c367af3522259bba25c8beef3', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '785923d7ed55cb5819aa9cbc00288ac4b583446c', class: "section-content" }, h("div", { key: '5259f1f4e31f460b5089279990bf3aaadb279667', class: "section-style" }, "--plr"), h("div", { key: '60e57880bf888d456464f3c543e8714630e5aa7c', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: '3c5aac552d03cdbd54dc6dfe04d0eec0afc5ecb4', class: "section-content" }, h("div", { key: 'bca3d1791d648fca4e10ed9fbc2f92582478d80e', class: "section-style" }, "--pt"), h("div", { key: 'e3f3b05c1e35b810058e8e84bdef2947e8c3e4f7', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: 'd4123549a9011728ffd56575bf8b6f009818f98b', class: "section-content" }, h("div", { key: '0fb952a9c3ccda2d88a71792940fb7195a339774', class: "section-style" }, "--pb"), h("div", { key: '109b7196dfbec7ef9375207185ac40cbe25b8af5', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: 'c5523334c451dcd88c4c693333e7a2451eba5b95', class: "section-content" }, h("div", { key: 'cfb21c79429d12f1f41b3f43c6b1bbfe0ba307ec', class: "section-style" }, "--pr"), h("div", { key: 'bdc72dac793f56e76f6a38a9c3f09704e5829ca4', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '965ad674e1371dfd64343dbb769b04b1adc38e8a', class: "section-content" }, h("div", { key: '9513ba3cffb503c2b34fe99960354fdae89b7ac8', class: "section-style" }, "--pl"), h("div", { key: '135bde718b3f7f3bc943094a64416c0b328b537c', class: "section-style-attribute" }, "padding pa kreisi"))))))));
+        return (h(Host, { key: 'fa3dd05abe82964593810d4accd1f3ddd9b02803' }, h("div", { key: 'dd9cdba4bfe684184b4a48a83c3bba63a7242f34', class: "variable-container" }, h("div", { key: '24471428007922432c6a83353f30ef665c6fa825', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: '7920b65d167834fd4fb0cb6669e48a18b14f8169', class: "container-section" }, h("div", { key: '5f57284ea1ebc4585bd633af184a1f7313fd579e', class: "variable-name" }, h("div", { key: 'fe6b66f8065a96b92675987f997c1d20f6e93134', class: "variable-part" }, "tet"), h("div", { key: 'e7e525333b923593f486532cd76b621c5ceeacad', class: "variable-part" }, "-spacing"), h("div", { key: '9869d974199447e98c5dbf73ad7a4258c45e4010', class: "variable-part variable variable-size" }, "__md"), h("div", { key: '01d0b548f1a0f7f8c9996245ca7e5f38b5ece791', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: '51f37ac5bcda88ba0f867ac7d0609a5247defe81', class: "container-wrapper" }, h("div", { key: 'c1a4dbbe49a22031c7c53dd343dbb4a4e616cc49', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: '447f40c2f528535dbd3a9e0b233d34e2e86a620b', class: "section" }, h("div", { key: 'f02e68e6e67766c3eec1471899526ef56b946126', class: "section-wrapper" }, h("div", { key: 'a5ecde7dfb06c16dffec55b5a1c85fcdefee6e2f', class: "section" }, h("div", { key: '190b320afdb551a22ad9e70be17d1236a9fbda2f', class: "section-content" }, h("div", { key: 'ce54bc4fb7efa20fe2f2525bad0aa07dac952663', class: "section-style" }, "__null"), h("div", { key: '9f7526a21f29fe4707ca727ea21267e6029f25f1', class: "section-style-attribute" }, "0")), h("div", { key: 'eeab2092270f9f00dd72f909b4d081e8c901ee34', class: "section-content" }, h("div", { key: 'c865d97813ec963b041786c84b38d7de833cbbf7', class: "section-style" }, "__3xs"), h("div", { key: 'dba21a829c608c25273a3bb84d489d262635b6f6', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: 'c3b0817f9567f7bdd6dfc28746b1dcfa7c3a2807', class: "section-content" }, h("div", { key: '1817e46c150142048cf49a73d7e7b2f7c0659aac', class: "section-style" }, "__2xs"), h("div", { key: 'aafc71e98cf51c4ec6c9da520039abf5d4c7cd85', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: '214876dcb9e24c2c69f4293de60e7a7bc8cf66b9', class: "section-content" }, h("div", { key: '53f1d22c8c47f1ba3b5bbf1d651a752877825b2c', class: "section-style" }, "__xs"), h("div", { key: '3d9e80249f8ec14d617704c64bd858e7cdc6ae6a', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: '89e161569472fdf62a63dec09441f17f917f33b5', class: "section-content" }, h("div", { key: '8272c8f7cc11b56c55d6a5eef36b4e4ccb1a80e0', class: "section-style" }, "__sm"), h("div", { key: '5a2a55c8b22ecdfe05adc98194711f4c4755fa4d', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: 'c9e1a2d6968dcdcfcfd6e4bd934f93b1e16af257', class: "section-content" }, h("div", { key: '7550ad3425e89aefa16d350a24bf264665281d15', class: "section-style" }, "__md"), h("div", { key: '7897df6252b377846db3e6209a66eb97e7a4a146', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: 'fcb4095dd9c4ef8d3d04de18f31b3787c4cbf977', class: "section-content" }, h("div", { key: 'a79af1df097babb7e3e8d6dfd4dbff55ed3570be', class: "section-style" }, "__lg"), h("div", { key: 'c0beb16b59e1218fd447904f9af7c68459af85fa', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: '0b2dd95f61b02b394e91531c71c1e6aaa5782b42', class: "section-content" }, h("div", { key: '19106d0b4cf8622a0ab1dc861d46e51200e25399', class: "section-style" }, "__xl"), h("div", { key: '4051e11c39dbea68dc8f611cdec3a2836b0a2afb', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: '064ea7f91a194f6d731ade44ebcaad2e1c428795', class: "section-content" }, h("div", { key: 'd822c3a4d81f8a0752771775025e681ee120ddfc', class: "section-style" }, "__2xl"), h("div", { key: '4bb6a94994cbe691733e8bfb9cb936df84ebf9a6', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: '24ab44d7e2358654cfa1a17d772d211aec1203f4', class: "section-content" }, h("div", { key: '586feaded0dbc831be6d5ebfee0a15574c4b09de', class: "section-style" }, "__3xl"), h("div", { key: '358a55cc495d1ccd9d278a60480f865d78662940', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: 'a4036b53e0054e2f999556421b923633e96434bd', class: "section-content" }, h("div", { key: '377ed9bdca3174cdafb26887ebb511173aae67c8', class: "section-style" }, "__xxl"), h("div", { key: '9e8dd8f2c8eaa6055b04cba080a143042ea2e9cc', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: 'd001627c40cebbe1f338d59e4237984893738658', class: "section-content" }, h("div", { key: '50a6cdd8df261aaade2dba6e8f1cf2f1837af0b5', class: "section-style" }, "__2xxl"), h("div", { key: '2d939f91b4bcba1a0470818fcaa4efd436888c05', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '9d3a97ca206f6cda538e0154753b4ac698ec6d93', class: "section-content" }, h("div", { key: 'fc64f6c2288d3f506936d071aed1ba61dbd5085d', class: "section-style" }, "__3xxl"), h("div", { key: '05c900e954ee4807c846ac7c9a22cf603db285a1', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: 'f7fba14e3e02dc5760fc3398139427f9aa155d49', class: "section-content" }, h("div", { key: 'c3e09213a786a054480ab0c389defd8a6f8b232c', class: "section-style" }, "__mg"), h("div", { key: 'fa07dbaea328d5e709615ccb97758c232e6d23f2', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: '13f9cea470d53efefe1cdc0aa9e1fd00b8204f79', class: "section-content" }, h("div", { key: 'f7b766f3d726aac40977b3968d7cc8fdbd0fd94e', class: "section-style" }, "__2mg"), h("div", { key: 'fe91b728eb99349372d375ccdf53d4fb78df96ea', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: 'b705b441f86ce47d8de4d11af00ad5351bb3736c', class: "section-content" }, h("div", { key: '69e8d94f42e6f7356472870cca8a46215b96bbc4', class: "section-style" }, "__3mg"), h("div", { key: '1edf4e3709329e5b848040911428a825afb88fad', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: 'b1b54d94e1bd49db8815408ccd7e574372bf4a88', class: "section-content" }, h("div", { key: '11644c73e36a63bcaf2ae222fdc239e5197e244f', class: "section-style" }, "__gg"), h("div", { key: '1d204f9ef95fd0de75d3aa00ab258c30627ba271', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: '08b815837dd6e20f0c849dd081ad0a8fee2423f8', class: "section-content" }, h("div", { key: '380375daf0ef8890e6cc29b993f747415e94db77', class: "section-style" }, "__2gg"), h("div", { key: '0b009c7e8904336b306e3e14301920dd5672249c', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '6aee9230e54f8918df6d85239a3edbd101c1cec1', class: "section-content" }, h("div", { key: 'ff765773f1f17a8b60813868e4771a395b9ad77d', class: "section-style" }, "__3gg"), h("div", { key: 'd3e70a29def56c2467924867e7e86e150c9730b2', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: '9c42e498161d16ee503df18f6995ff6177e5eeb8', class: "section-content" }, h("div", { key: 'db805e77c3f3bb6b1425c4953147b28ce39c2481', class: "section-style" }, "__xgg"), h("div", { key: '9aef3d059d374106a3e2085cd44171944c6aab65', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: '888822afe19b3d294a995a0255695ebc5d8fb865', class: "section-content" }, h("div", { key: 'a206967317a41bb18cdfdddf5bf5d805ee02aa9b', class: "section-style" }, "__auto"), h("div", { key: '709bdbbfbd3aca5131ac36ec306e57b598087403', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: 'b815637e45f1c0ecee25f6a95b2d65f04545185a', class: "section" }, h("div", { key: '3d5e26f7052fbb7b0a20cad6579cb9f988bcbd82', class: "section-content" }, h("div", { key: 'ff374266a292575a6e42872d4b140966ad8db3d5', class: "section-style" }, "--m"), h("div", { key: '1d8f56698845e0b81b5a6cf73b1a77af6dfb61cc', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '148a162baa3614734c2c4b10f565c9486ecfd159', class: "section-content" }, h("div", { key: '7fee35f3061ac2c501cee0474bd2907486003d73', class: "section-style" }, "--mtb"), h("div", { key: '60763ea3706bd4d15bfcc2e64a0cd6d08e37f2d6', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: 'f5d2d213c5015a80afc238613fde9c9599cdd219', class: "section-content" }, h("div", { key: '4e6c03e3d983db9f931ef90bb5d5651e22d4db17', class: "section-style" }, "--mlr"), h("div", { key: '11b9d16b785e056dfd0ca31408aa76fffa5476f3', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '95727d263b5a73e54dae2355568f7c5daf721e1f', class: "section-content" }, h("div", { key: 'e599961e88ac86224ad3300ae4cbe368335165c1', class: "section-style" }, "--mt"), h("div", { key: 'd2b27e148c3579ad4754ff6c5c105d0fc83e8fb2', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: '826927693462df36c4e620ea223fc6252800477f', class: "section-content" }, h("div", { key: '82923d3dea4f08fa3a24caa2181fe31c7bef25af', class: "section-style" }, "--mb"), h("div", { key: 'bbce045353546cf62b9e95ddafe2aaf2f5ab18c6', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: '274602c8caf928280f8c11f2993e010d27862237', class: "section-content" }, h("div", { key: '1c94722478c259d79301a7426b8570cc7c8c3a33', class: "section-style" }, "--mr"), h("div", { key: 'a0ec51a34df48a552e946767580837c384889ba3', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '84342e0977a41f5ef43a0dfefe0f9a3d46bdd057', class: "section-content" }, h("div", { key: '2e0af48f65866c7c47ce1c9c3e2943e86d72ce28', class: "section-style" }, "--ml"), h("div", { key: '22dd64273b78fb4d2591d8ce83e5f9bad54a8369', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: '0b7379d75f31a87bdee75b064dd6bd8c730df069', class: "section-content" }, h("div", { key: '61460b6f887ccf666248b07bce08d7b27f7a073e', class: "section-style" }, "--p"), h("div", { key: '70c90d710c43d01f11000336395133f8c5db60e4', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: '60fb2b3e5da3083a803efe93d894d104682b2aa7', class: "section-content" }, h("div", { key: '26c6203a71c5d91782789c152952b7a94464e5ff', class: "section-style" }, "--ptb"), h("div", { key: 'cdf536299d7e41535b54f2cd6e974ce8e71c6a3d', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '222920215a8e6281737831c95ba4a4679af59688', class: "section-content" }, h("div", { key: '830c09c28beab58eaa23b8b7ac9920aeac73bc38', class: "section-style" }, "--plr"), h("div", { key: 'b33cf6c1e9782d82aed48388647ad7eb2d175c41', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: 'a017fa12e18203e125d160b53d24594602dcf2a6', class: "section-content" }, h("div", { key: '799163a8098e9292e231e5d3f31f6a18ab7d3e37', class: "section-style" }, "--pt"), h("div", { key: 'c1d21906c34664fae3ef2287dc47a3c8687d24bf', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: 'f78d275bfcaeaa2192de039970de5a0b849e4d88', class: "section-content" }, h("div", { key: '5d0c1ec1d42a5ec262d36ad4a509195898192881', class: "section-style" }, "--pb"), h("div", { key: '3a016de71a559c9b0c5b5d19383cf221e47615c1', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: 'fffd832fffcbe9d2a542bc65e793577948ca8c09', class: "section-content" }, h("div", { key: '9ef4582307cbf0b76d3a51f7f4bdd76b697b6a89', class: "section-style" }, "--pr"), h("div", { key: 'c71895794b5fad2963d048c9b8afbf35998d7939', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '6de649244a2222465fc1a5ba759d8e9725622740', class: "section-content" }, h("div", { key: 'ff2c49fa6550b363c14a04b1a7369548047a7675', class: "section-style" }, "--pl"), h("div", { key: '84ec6c137b6cda16f6653de1ff343b2283ff1ce8', 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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class TetGrid {
     render() {
-        return (h(Host, { key: '7093e85c71439bdbcfbb0add263b4a8df693904d' }, h("div", { key: '721f24c2afc8251b4db5a607b2b66205f85e4402', class: "variable-container" }, h("div", { key: '5e59726478111751ebb2e7fbdff0cc12348cd7db', class: "container-title main" }, "Grid klase"), h("div", { key: '4b6e7a1c6e5b23aa6d6fd7ab027f003a631825d2', class: "container-section" }, h("div", { key: '93a3b2ed3c797463bf9559e688923441ac114497', class: "variable-name" }, h("div", { key: '75e8f0f26a011a7131d4c2ed05697f8a9dbfbe11', class: "variable-part" }, "tet"), h("div", { key: 'b28e61d2d0b003f29eef9d0679dd40b193ce4a07', class: "variable-part" }, "-grid")), h("div", { key: '06f643c786d3e1027e51a8db05ac6fe22feeb5c3', class: "variable-name" }, h("div", { key: 'd6eaa8c6881d73d600361c75b760c357badceb8d', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: 'e8469a92644124de057869608d3449a3100d46c6', class: "container-wrapper" }, h("div", { key: 'ec234c5b78fa65c1a58bfed3f8ae2dc93cb9fc58', class: "container-title" }, "Grida lietojumi"), h("div", { key: '7c086585b3d6b41870c7a2d48524bbe144b6914f', 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: 'c844dc5e3c821987d9697cc9838eed6fb52705ef', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: '3e87df6b5168580cab76db256786fe70e7087ee4', class: "section" }, h("div", { key: '2fa3698a911cab6df7bbfafb3832bafd16712025', class: "section-content" }, h("div", { key: 'd36700cbe490a5a01e7f2e5ebd45dff174bbbb57', class: "show-grid tet-grid" }, h("div", { key: 'fd2c8094caa43fcec488a3921e0b07d611b45d79', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '129ec3aa469beda2dfb8f31d832103ad6546082c', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: '986b23de71c12feb0e624af45bf65c0b2f6803f8', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: '2e69b70559d6ad55e79726b1c157dfa1711c44a9', class: "section-content" }, h("div", { key: '572e5702fdd76f4bea48e19af25530a29c59ce14', class: "show-grid tet-grid" }, h("div", { key: '04c854036d40b5b7b2ead9d27b462b6eb99b1bc1', class: "show-span tet-grid__cell--span-4" }, h("div", { key: '0869cc42f39eba91a88a3ab0d68614509808757a' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: 'a963c2b220ee49b3deafce9cdcc5e72d683b3e14', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: 'da0ee62b2fbfcacdc8c74e8adca73b569d4b4e20', class: "section-content" }, h("div", { key: '9e3975407b63393b7c6f48c989ed8f37a5cb8720', class: "show-grid tet-grid" }, h("div", { key: '9ace1f7f9ae097283e29b216196d8f0c44790181', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: '9545350aed4f5777a2042f7015a2418a43f7e219' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: '2f32faeb448a3564ee69aaf548617e9b52cba307', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: '512eab2e49746144ce67ce53375fd213a4d8520c', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: 'b97f2de0f44769dc62e5052c5eb008572fdca8d3' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: 'b7b2a599b81d02f93a93301add472e74e0c51aca', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: '89feaa5bc1c28b88912a5f24ecd62e2683956be7', class: "section-content" }, h("div", { key: '611dd0ea7470e1697288c136e48c778b331b2594', class: "show-grid tet-grid" }, h("div", { key: '0f58ea6df6be457aea3012addcc27867b164279e', class: "show-span tet-grid__cell--span-all" }, h("div", { key: 'cc91ea0dba1aa41b17f6d13330f8b59c52348697' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: '65c54465fbcb9e8cc4066c47307be1faf3fc00d4', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: 'a1cd2d1e220ef63a6bebc893741fedbc6ba9c926', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: 'aaa6cb139b592edaf0e017632ae6b0831800960a', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: '969157fee3f91e95441f36339472a652fe2f6993', class: "section-content" }, h("div", { key: '643330e4802ed75a4d07a89df139a9414962504b', class: "show-grid tet-grid" }, h("div", { key: '142977b58f6688075fa1d7e65a793bdd2a0249dd', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '0d716ecd366405f1c5493fa270bafbda91f340db', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: 'f6920f6348fee153bdab09d99bba888597707488', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '972b6b2895579c19f9d46a5eacb26df40b693218' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: 'ad031d3ca87ff531fcedbcd67bb7e88e747e98dd', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: 'd084db53b3d0d29baac47925ecac92275d0dd302', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '76d68b7655b4c28ad2a5b0fbcce13f725d74f62b', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: 'e431e90999cff646c4962651cbaa26cd51abf53d', class: "container-wrapper" }, h("div", { key: '875e664b5bc1cc5437884922b9aa762e9a2983cd', class: "container-title" }, "1920px breakpoint"), h("div", { key: '42b25314065c2b2cd8de103211b48a8f7bd90949', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: 'e771a4fab48fae7bb1756795b1dd53aa1aec630f' }, h("i", { key: '63a1e009860860e169e9a1d70d3085019444a282' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: '3fa1ca63da297abe0f6aff35cf94dce6b35b44ae', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: '4a69c0c05b720dc7d2ab0bffc1f6e58dddb203f6', class: "section" }, h("div", { key: '593f4779fcac336b6482f84b4cb10d8b0cfc2b6f', class: "section-content" }, h("div", { key: '2bef179ad8a847401e319c479c625866092f7020', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: '6de098fb10b7441f89fd7ade8f3d54f6aafe5379', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '444359749655c3660aac79b924f71a4b7b08404d', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '0acc0a46b386cda6bedae0297841bf5ec1e362fa', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: 'db723e3627b8e66f504c53b6cb1e513f3488b2d3' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '613e78ce6770a3427e97df9ca96b6722ee6b4468', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: 'bfb0bdf29385cabe10983f380c4b3278a41d48ee', class: "tet-grid tet-grid--gg" }, h("div", { key: 'b38038ed0374c4f7fbc0b4b25c90348e5328419a', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: 'd03fd8cb2f4b479400568eb251f0b1ddb97eba32' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: 'a510fece532adb40523c7a033f9c99a6deb8a458', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: 'e11000d6113857db77f7408e66b6be95c3d203ba', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: 'c75d06b6ebaf912035482ea68ae43a8a4dd71e04', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: '1ff0fbdbc4be655bbe7856a19cfd283d9bbc8b17', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '1ae716104196e83a6f58f6296db4bcc55ef8afbb', class: "section-style-attribute" }, "tet-grid__cell--span-2"))))))));
+        return (h(Host, { key: '04207cdd1d5a03a1b14a620a6e4bb4afa33ed071' }, h("div", { key: 'ba26e012e9a41373dfdea4352c78afef16dd1018', class: "variable-container" }, h("div", { key: 'c2fc54855b1b67f2cb1ca0ba76db0c97f60a5e0e', class: "container-title main" }, "Grid klase"), h("div", { key: '39028c22bfd4c4ff6f0aa5277a8c9d0c0d7de275', class: "container-section" }, h("div", { key: 'aaa4a6a36485824beaba1af2af13f9302df3651d', class: "variable-name" }, h("div", { key: 'e7e31d92014ed15034a08eb817a24d7ca63abf79', class: "variable-part" }, "tet"), h("div", { key: '66f91e8055b3ec211f115485d31dc28226230e33', class: "variable-part" }, "-grid")), h("div", { key: 'a18883a1309a1aa7709c014a2ca9a7acd5220c6a', class: "variable-name" }, h("div", { key: '52d201e68d6163ac824a8fc47cfa2574b47b4303', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: 'fc297eb904f512970c53343807ddb61b1d94a04b', class: "container-wrapper" }, h("div", { key: '7907afb66d7f952c33a808d9119e757d1ce3ad12', class: "container-title" }, "Grida lietojumi"), h("div", { key: 'dab068bd8085b6b20e2beb7bb5054ecc50b5fdd0', 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: 'afad588e11adc7ddcd3124921a438af96f129ff5', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: '48c5c06eba7e0219a68a113c4facd212fd94eed6', class: "section" }, h("div", { key: 'afc9c2597d0cc5f48e134188b34a976dcf835f9b', class: "section-content" }, h("div", { key: '2f21edc739f6a9d35cf33b76f3c30a531f031b0d', class: "show-grid tet-grid" }, h("div", { key: 'e3319db36eeab0da3469643f1e9dd8eb98e2b43c', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '09f2d24db0aac490a70c0f56458dd44f49519c63', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: 'b0e0ac1ff76478f4dc459561571f5b3db0646739', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: '52e7f51f237c54351f3ab1006763061875ad6363', class: "section-content" }, h("div", { key: 'd311cc45e358d6e8cd9bfd6045f9ffaebd8dd5bf', class: "show-grid tet-grid" }, h("div", { key: '47c7d59ccb4b411e9a29ab23b4b4bfd28aa2b942', class: "show-span tet-grid__cell--span-4" }, h("div", { key: 'dd500d3163e31b6d8e62cfc82e7c37654bf599e0' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: 'a96f05759eae1382a34fa47a462b55f9dec9e9e3', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: '111947b0aa734e9f939e0c5df48b3178bc753615', class: "section-content" }, h("div", { key: 'a8f18b088c6d5d21cdd545db260c3b8b1de5ff72', class: "show-grid tet-grid" }, h("div", { key: '32c01b5f2c18a85bcc8a003d3e1184ba5e85a5e8', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: 'a5ad0c0235201d175e46e5a2bd4a90cb31182afb' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: 'b74c76cfaad979a2c1f010f0f0600750718b71d0', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: 'ec7a17037bd6ed670daf781f329083d1995fb2db', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: '84a833d77b5e2e1d1c9a4468db68da2c5d6e9b96' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: '7f6842995be78a500550b96d9a1026f79c012f3b', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: '68c02cf6e2da5b84af06d316bd6681cde4761faf', class: "section-content" }, h("div", { key: '5fe861b365d74e2f117ffa50b4361d706d9c15a9', class: "show-grid tet-grid" }, h("div", { key: '8d09b3dc96d9295607b56aeac07945eb37e7cdfd', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '3ca4b5cc3f678806d34ca86872b8a8c2bad8ef48' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: '1956c09bdabf2de1af191152f886396c13416b1c', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: '0fda89bcd371ef503f8269e0451366a52d540983', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: '2ba54be2fddf21dc8f28268675c2bb09f3404159', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: 'c56ab97a681389df662cb28ae4df4438c9c27bea', class: "section-content" }, h("div", { key: '8d863e323f01514c6fc6b206f5b218f5a4a315e1', class: "show-grid tet-grid" }, h("div", { key: '975b996000ef1874b303ce49b9aa376d5f1660c4', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '9728b7298e95a0e6c3db585b704648c2ee0c5db8', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '6d087a755fe347ca1dee1ebe8b18fbc08d7e23a7', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: 'ad0c4e6335745884293f5d3e6e0cda2fe8cb208f' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '133c5ad71379cadc5d4c3b57c7d75eba3c6fab33', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: '8b8cfce0d6f1d1052a823686444735c986f77bcf', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'b216b83a7af77364f1ebc023514facb192d5ae67', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: 'f6e5e4d5c10347a383001d5d1b22758c746b6167', class: "container-wrapper" }, h("div", { key: '06303a63e97bddfac202bbfa96e303293fc40e9b', class: "container-title" }, "1920px breakpoint"), h("div", { key: 'b004364d4eb1a2bcb9df3c4afaac5c65eb751c14', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: '69c0fb060afb9e787774cd73212d0ce0718e1eeb' }, h("i", { key: '466daebd602300021eb25239f0f4355ed13ebfc8' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: '42ea4f26605b8030c801bcb2e08305f45bada16c', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: '73fb33bd4bee73e63b2f44aa42eff0be96123b4d', class: "section" }, h("div", { key: '2e8f8bf9efcc24dea9f9bf7f980338ef6729eb0f', class: "section-content" }, h("div", { key: '68e0d035a67d74af34e5d54badca8c208d0399b2', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: 'a5d92bfacd5076d66243655a7c87b8fb24954cfe', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'f2f8677f28196a3dcdeb0363711b3cc6a67c27c7', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: 'd07083740aeb17105e6e5c10a9786da8f79cb6ff', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '419ce5990d1e7c10aca47d6c60454ea8f30d97a3' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: 'f3072eb9ed1387273704666cb1c5e11285376849', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: '62378e7d2b71c1476f5d3c0573058db19abb955e', class: "tet-grid tet-grid--gg" }, h("div", { key: 'c077ac9f86cc11c256ed53c6b0949a07432631ee', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: '00056045925add05f019bf3be19d8ae10ff0ce8c' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: 'b97e2e742cef0095283b81ede197f8ca816670c4', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: 'd735cf4babc88f13087affababfb196e5f2e3745', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: '08dbd4acc110150ece05d4d732dd25cafc0c5604', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: '7eb4664473fb872655a5c70056bbc1a14556bf9d', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '4d4b4eddefa099cf0f4eb7206c7cddb04dd43909', class: "section-style-attribute" }, "tet-grid__cell--span-2"))))))));
     }
     static get is() { return "tet-grid"; }
     static get originalStyleUrls() {

package/dist/components/index.js

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