npm - @tet/tet-components - Versions diffs - 1.3.137-testing → 1.3.138-testing - Mend

@tet/tet-components 1.3.137-testing → 1.3.138-testing

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (257) hide show

package/dist/esm/tet-datepicker-header_4.entry.js CHANGED Viewed

@@ -83,9 +83,9 @@ const TetDatepickerHeader = class {
         this.internalDateChanged.emit(newDate);
     }
     render() {
-        return (h("div", { key: '109ec7d2eea9fa0600ea9f9366692b925eca11bd', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: 'b45a4b4676bc7b8c735ca45e5067d799eb7dda58', class: "header" }, this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.subtractDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-left" })))
-            : h("div", null), h("div", { key: '5efe15ba84a161f35233806ad31cabaf2a3b04d2', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '84ca22b102b2258a3a948b6e3c6a93659e19a64a', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: 'b9c6818f3582a4627262405f781c4b2a4b439a99', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '040988e761fe3ac28ff59d2108343358867278ff', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.addDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-right" })))
             : h("div", null)));
     }
@@ -255,7 +255,7 @@ const TetDatepickerMonthView = class {
         return date.toDateString() === this.currentDate.toDateString();
     }
     render() {
-        return (h(Host, { key: 'f16154d28915c22cf06afc2d8f0ad60dbdfd7961' }, h("div", { key: '02a2ae96fbbf9e1975846f545c07b5ffc40124eb', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '3686d99d34eff7c0beed499b818d091b95ccc55b', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
+        return (h(Host, { key: '9938f81c023c0a78b24862282b72dccb1e544a45' }, h("div", { key: '03c0022ecbccb5b2b0197ab4f2f4431d79a35944', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '8f1a5e99a7cf67caf3db2b0dc95087965bbcf1cd', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
     }
     static get watchers() { return {
         "internalDate": ["handleDateChange"]
@@ -299,7 +299,7 @@ const TetDatepickerMultiYearView = class {
         this.years = this.getYears(this.internalDate);
     }
     render() {
-        return (h("div", { key: '962921db16c6d9887d54278e6cbad40f2a8d0b5c', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: 'd6092a99da16905b3219bc57eec53d12afb0ddd3', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
     }
     static get watchers() { return {
         "internalDate": ["handleInternalDateChange"]
@@ -346,7 +346,7 @@ const TetDatepickerYearView = class {
         return this.todayDate.getMonth() === monthIndex;
     }
     render() {
-        return (h("div", { key: '962fb26f4e0ce8b8b85505f8e18d6985a7d6f05f', class: "container" }, this.months.map((month, index) => h("div", { class: "month-container" }, h("div", { class: this.getMonthClasses(index), onClick: () => this.handleMonthSelection(index) }, month)))));
+        return (h("div", { key: 'cdd31b03e4606c17528f12766852b6459ea29339', class: "container" }, this.months.map((month, index) => h("div", { class: "month-container" }, h("div", { class: this.getMonthClasses(index), onClick: () => this.handleMonthSelection(index) }, month)))));
     }
 };
 TetDatepickerYearView.style = TetDatepickerYearViewStyle0;

package/dist/esm/tet-datepicker.entry.js CHANGED Viewed

@@ -98,10 +98,10 @@ const TetDatepicker = class {
         this.rangeDatesChanged.emit(newDates);
     }
     render() {
-        return (h("div", { key: 'c0577565af339943670071481e75fd61077a2688', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '6d905cde52c184f42a53c3aa063b112840bc49b6', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '81b190f181e0eda75bbd69ee509191f9126ac5fd', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: 'df5560d84a00fa1a8951089daea7d9e95b9552e4', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '79f81561239a5c9dd8f0e4ac9454bc4fc249b1f6', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: '089b2d899c52348112bb274ed6dd9c105b8db7b1', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: 'dc2747c18605e233b3706e63d3fec629e92c571d', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: '2a037da3e6d2a15d1df4cec0885c7b9babdb7b6e', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: 'ec5e7a951981802163bfdbd34e9a743d91d384fd', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '94d0df64f1651025a1a3b8b89dc763d3cd5f1b42', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: '96d25875caee051a45a4fc79451785b71fe61a90', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: 'e160d8fab5e54bde32718444f5fe50c73763063d', selectedDate: this.date, internalDate: this.internalDate }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/tet-dropdown_2.entry.js CHANGED Viewed

@@ -725,7 +725,7 @@ const TetTooltip = class {
         return isTooltipOutOfBounds;
     }
     render() {
-        return h(Host, { key: 'ca927c2367e411724f72f033995f79b5234bd8f2', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: '9eba348a363d166e53197a01506c863cdf1a4a20', class: { visible: this.showTooltip } }, this.renderTooltip());
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/tet-expansion-panel.entry.js CHANGED Viewed

@@ -63,7 +63,7 @@ const TetExpansionPanel = class {
         return this.state;
     }
     render() {
-        return (h("div", { key: 'f95708e6604355e34dbd525a55d04288bc19a0e7', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '952198be90258ade3285ec83d40a7b46aa8f1417', class: "tet-expansion-panel-content" }, h("slot", { key: 'cefc1f764e78c6bd379089f11c5cf195cffc07e8' }))));
+        return (h("div", { key: '20f9f38cfde2f4525f6fce83102426930672897a', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'c1057f4819895ed1b91a849cb3e3cd629c513296', class: "tet-expansion-panel-content" }, h("slot", { key: '4bf5c2f44d8cc01b2fc9703d15eb93cd8d107196' }))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/tet-font-weight.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ const TetFontWeight = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'c8a359e383dfe33736ab66614a724a44c481d9c7' }, h("div", { key: '4ff0930cb7ac27af0daa87bc7bb6f5fc5e8060be', class: "variable-container" }, h("div", { key: '75aa774bcb68deb9d442c68757d532237c15cfb2', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '28ae006f76ca57238d69471c2373660c7bca4c18', class: "container-section" }, h("div", { key: 'e654e7acdabd0fd1e604b8fe4301e52f3d63328d', class: "variable-name" }, h("div", { key: 'a973a0aebfd6f5006cf22614e9f31cfee19798f7', class: "variable-part" }, "tet"), h("div", { key: 'bce70cfda57791aadd99e4c8bb83ab82a159ea17', class: "variable-part" }, "-font"), h("div", { key: '54d1ce174563ca13c8f049113bbab2f99ccea629', class: "variable-part" }, "-weight"), h("div", { key: 'efd643efd5252193dd997569a95da0fea8f2510a', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'de01bb2a7cf5b6afb22e0793e9660c24d1abcdd0', class: "tet-fonts-container" }, h("div", { key: '2640a9a4467292490deaca4ba60e7ea7e3aff669', class: "section" }, h("div", { key: 'f172f106772e9108fab2352d24aaf2e50bd4b8d3', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'f23b1a2cedda7527d415b024227dd5f9a48d9eae', class: "section-font" }, h("div", { key: '4129d1ff6c07986e7e75054655733326a62520ad', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'b3dad4ac9667da46d0b92047d8335e9260a8fcbb', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'e260097e9d10d3fc62d3d058d384f2f7021157b4', class: "section-font-weight" })), h("div", { key: '639439c9ff590416edaa6907ab8e1a5c15236e4c', class: "section-font" }, h("div", { key: 'fc7a8cec3ab03bc0871c93f0cca268ddbdd5bba2', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: 'cecc641283966a951a97ece1944ebeb85ce96745', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '0b1f4c7827e42bb5aa3373daedd0e2e32aa5e613', class: "section-font-weight" })), h("div", { key: '2c6c8c61886a7dbd917911398c17e8a12a5599fa', class: "section-font" }, h("div", { key: 'a4bd897a6cb5b36ee26a380a3a2eba7884f92013', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '4741d2b3b63256041b52434e11d35b8bdffdc9ea', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '9fb720aa36735a222c5a46d024d701542e6cc674', class: "section-font-weight" }))))));
+        return (h(Host, { key: 'e98765c70a23b80f56250ee5c2d2b3c69611d89d' }, h("div", { key: '5dc698e0627fe6458134d71e4039432b3470d308', class: "variable-container" }, h("div", { key: 'ecf78bc5db99458bb4f8eea02077cfe57eac1255', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '02140fff2d97d1b26e6c0cbb4e2c9afcc8a9ed0c', class: "container-section" }, h("div", { key: '0b623935b435754ffc8dceec3ed26df470a6677a', class: "variable-name" }, h("div", { key: 'dbfea94d0ce428bf6310a9e8d467145d58bc77d1', class: "variable-part" }, "tet"), h("div", { key: 'dcfd13943cc7953e03c090827338c69199a19349', class: "variable-part" }, "-font"), h("div", { key: 'd8cb9a7c0114fcc760a2ae04e63e7ae94bcff5d3', class: "variable-part" }, "-weight"), h("div", { key: 'd76d6748fe60dc75dde0ec9f5bc4602ae666f96c', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'dc3d2b24ce594f8b1aac97452790389067c3ef8b', class: "tet-fonts-container" }, h("div", { key: 'eb9329b0427785ec80a3fca516377b5f610a14ea', class: "section" }, h("div", { key: 'b574b9d841103a08a8937bd737abeb199df1d908', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'dfd500186280764cc3cda8847aeb2defafe0eb1d', class: "section-font" }, h("div", { key: 'b39c0f229b5efa072cbaeda2ea6400eca7cabd8f', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'db3dce5c6fa25871f806fb6c6ca6c96ecfa724ab', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '78f79d22c81de82fc1ad4adc6361da61ff4f8b38', class: "section-font-weight" })), h("div", { key: '032976246e87ac3f5877da3cc83a0687753aa03b', class: "section-font" }, h("div", { key: 'd4dafd79eca24add3705cd0d732be88907e29d37', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '53f5c806e425bbc59b63a85f775bface7e36b42f', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '9f0a97e81ed6557eef5c0f0e059e59d551cd0566', class: "section-font-weight" })), h("div", { key: 'd6b8ee517ed361080f3f148f49ce5605db2afaf1', class: "section-font" }, h("div", { key: '13f31938c6acf00d06b7423f6030d488b292a591', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'bea2c522600a4a72970e91f9f496b1c46fae4522', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '3d9ecf92cc8247513259eb44e40d783a08a96c63', class: "section-font-weight" }))))));
     }
 };
 TetFontWeight.style = TetFontWeightStyle0;

package/dist/esm/tet-fonts.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ const TetFonts = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'bd68add75832d5edd8be62cce9a65dd5033ed3da' }, h("div", { key: '52c05154095ed7f89c712eb8b3ae3d2f2f8168c9', class: "variable-container" }, h("div", { key: '8633fea1fb005b792c777dc46e3410127b081a15', class: "container-title main" }, "Fonta klase"), h("div", { key: 'd3a263c02287749610352c2d3ffbe6e429b2a952', class: "container-section" }, h("div", { key: '343732743838e989814226580c4ff7acb2d69cbb', class: "variable-name" }, h("div", { key: '5c003f642eb11cd8eeda79b38e2fb53a8ece375a', class: "variable-part" }, "tet"), h("div", { key: '7835fcb0722829c2a7edc68b05170f3526444dc7', class: "variable-part" }, "-font"), h("div", { key: '8cd203ed777715b0668343c761ad4a3362653a1a', class: "variable-part variable variable-type" }, "__label"), h("div", { key: 'dbec59164945e1735f3773e26cd528a143da7ab4', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '6d8833b17d58a2d91536a97eda5a71fa70294f4e', class: "tet-fonts-container" }, h("div", { key: '75638ae256938db4a72ce054b8b16c5f60dfcf0a', class: "section" }, h("div", { key: '8dc43a7c990f956bab07630de4298b7ef9a8775f', class: "container-title" }, "Body - Inter"), h("div", { key: 'e76a4174d71998fc91400409cbe82cc03cb93b99', class: "section-font" }, h("div", { key: '8d07d3a10569acfed1b8c857c13e642b128dd257', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0b7c053897ab94d138870d34414fb20d947bd39f', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: 'a2c91e6c4794b9de5c1339f50913d92f78890178', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '259e5a7174f537b152f58d7a9bc3adbedb6fe7f0', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'de97e1023c543c0ce03a1a8e91b33f8d0411e790', class: "section-font" }, h("div", { key: '3443bfbd153c383d37cf69f7b06e670c428324d1', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'bbf4c42ce460a236f7cbf3b989ef69f2e6b6684c', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '7187ea0828015a5e99fa0c740d69bf2d0f6a94db', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '926dbc2d57af8daac3890f7cf16904e889b91223', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '7d80b40429aa8912fd6c944113d9895252ce633b', class: "section-font" }, h("div", { key: '8ed944bc5ddf1e16e6461b3703252ce79780c7eb', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f6b047f7759ec346024ed5291de41051514ca9b9', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'ea634b2e00663596cdcfdb4bfa339da89a4ee885', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '426ec5fe398652c6c209d8cb765b5c18580fe926', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '121c0c3c8a0706a3241b22c91827a2fe248dfa4a', class: "section-font" }, h("div", { key: '3a446135d9ea0420acd4997f9e88d55ccbaccf80', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '20faa02b5d7028cafb6b4b25862c080fe34374f0', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: 'e902b5ef162c34152fa342dad0baa3bef6605c70', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '26665e00b4d8feabea954a5883fcaea233f5c46a', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '519ab8f9157cd11be2e26cb0fd87d127afc8356a', class: "section" }, h("div", { key: 'eef8193f374df4d3275d948ab5e48666e371e40f', class: "container-title" }, "Label - Inter"), h("div", { key: '79042e881ee84246742bcc504e9049c7074c0a1f', class: "section-font" }, h("div", { key: '931aa6e8277f893817186be924ddaee4a4fc5ab0', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'de592c3cdffef5503c638db34a6cd8c1480872b8', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '7e7357b78c40057175442aa9bdfb61adfbe077f7', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'f0e980f8b179ad6a577cad02c5acfe7bfb474a32', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '1e33e543f39813b740b3b9c12f85d43d0a96c930', class: "section-font" }, h("div", { key: '401a8be03a22dcbef7802e15a84bb8f6d9e59b44', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9a32ec4b0e2cc37555eae780dc277e8d68e2d6da', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '37ea44f9babf281797af8789500d8c6f1e2431ee', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '3dd0deaed00f5924800685595e2ceeeecff68b0d', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'f272b53fbc89a030866e210de728a7597facbbd6', class: "section-font" }, h("div", { key: '7ec10d76c9c2bd154b372181b30d58ae4ca81af2', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c1d7f5a261f2f6692518793388a432b6da45e70b', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'cc2f7e10068edcaa54d7ffcbde4c1995b2bb53ae', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '157f93d113793b0c1fa32eaa734a8756d0221e23', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '8cbb548de42c9da3a8b79fd7d5d143dbedb96aab', class: "section-font" }, h("div", { key: 'b738084478e9b2a86a15ee98183bcaeef361ec3e', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8a0dcdc8022da1ca76f2c353a83aa5c2e5e8d160', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '5ef7e71012482f75b7e60669b2f2f17a1ecd1740', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '5d333141ca5f29090f11a6554f2adc68e400a42e', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'd57a1a12e61e664718f3469c9dea765c8383d64f', class: "section" }, h("div", { key: 'd83dd015514bd91f4280991b16a18d6b2b829f51', class: "container-title" }, "Title - Inter"), h("div", { key: '9208b93e8e97c1182c316d97359d07d246c42b94', class: "section-font" }, h("div", { key: '561d7771da952de5a3d471db4273d9c90f5ce955', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5305d3b6a100e5af11c7afe518099e576a7e6fc5', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: 'b09d425a62e5eba451779c89353a9f8c1f366df8', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'e7dc66efa121aa8f24f812bbb54b09dfd5ee91b0', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '18c9c850c0ee96d845d228d0b88321ef75eb6692', class: "section-font" }, h("div", { key: '6b082b4c2c7089ada2c1f22ed200065e618254b4', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c9e97f1a4814af5d700ae9cb4f1ce1737f2cc896', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '3733f9facc36995b34c89a465e91ac6160adcddc', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '859c619bc049480d1f6c0e3a0e00f271b79de706', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'd0be243390eec93172552aeaf64a76005a508ae5', class: "section-font" }, h("div", { key: '401fbc9036f6474b7ebc6023f88daad5c017ae4b', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8ce993b8b3422726b7a8e39ce4a746f6e1bb1430', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: 'b71dafba47ee3ac65cdec6e3cd2d9558e1b88ade', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '0e34b2b969a443f82d96dc191f944404c33cd1b0', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '8b2303a80b4cfbfdb8bdcef3006077b649d8934f', class: "section-font" }, h("div", { key: '85cb2909eb52ce117462c1cd1cb9075597655f25', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ddc98794710177141b493d567dc5a3c9280124f8', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '8a47ca7fc7c1bfaf9bd4b41a3602993e93b4a09c', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '7abe730f1f08b1584267459fa16184e8e861e748', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '53ab62d56b1c776a4b554e33e7d2a5c476cad575', class: "section" }, h("div", { key: 'ecd95c6e9f224456a669a58f8f718b841cdeadee', class: "container-title" }, "Headline - Inter"), h("div", { key: '3e185a9d62519ec95233e9d49a68f63b353d4213', class: "section-font" }, h("div", { key: 'bf569caacc4bb08fad7f2fb188d40dd14a48ecf8', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'eccf00921d82c3fd2a8554fa48a142b0c62b432e', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: 'e40adce677b991726cf99b7860d634ea6955e13f', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '058be148ca7b8cf6aa3d575dfbd0ed5cfcc1fb31', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '4bbf4a7d9234735b2bd632c1b2ef23b56bb29467', class: "section-font" }, h("div", { key: 'd09f57bdc1417e3f94c0886fe4221c724ce370c8', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e720115692eaf99bce04763cce1306a2f6d4c059', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '6aa39a1b34eb1c62d72cb34d0bfea9f9415fca53', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'b39e67f5121557c2df0ddcb843c9a1636170d3e3', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '856454823c886712d3f456fc1f7e428d47351243', class: "section-font" }, h("div", { key: '1cdf5731668893453e1280ec8f9329e61f0cbe54', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '90df84a88319d74bcd72199fb32dc14197b28ea7', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '74e44aa98a16bb336690120db19bcc2e0e7ae898', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'e3f76e716dff33dbdb143c64271231e5ecadf9ed', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'dc6009fc9d169dd8c75ce6baa421e652b8eea403', class: "section-font" }, h("div", { key: '0c76ec758aa5233c9a2a1e2933e334e23cdc1bed', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ca76a5094d7b9b89e35fae51f6e1fdb132ed72f6', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '64099b623c89e2b74a5b2fad73779d667f638ab2', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '589e944d01bc0a98379a4d5452a4ccddde1b4b2f', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '9a156635194605ef86bb58d557214da9276447fb', class: "section" }, h("div", { key: '58474a081af181a191e7652d31abf71e3fa2011a', class: "container-title" }, "Headline - Gilroy"), h("div", { key: 'a1373a8d219db03dbf4618ea0d2c3c8341b61540', class: "section-font" }, h("div", { key: 'fe75f78c63373d862421fb88d9f342d8a9ea6d4f', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'bcbcc5732b415b3074aa6ba37443001e494fd5eb', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '84847e2cf135698815ee2ac76d1ebb43f15a28b7', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'a6746896405624459a9c8cf180da41c1dd321160', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '4d6a7439c39502ffa30751b077c9efb13f2ef7ed', class: "section-font" }, h("div", { key: '16384f78d025e3e2f8f08ac897ae61ba719a7e99', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c828103d9b90111fbeaf4ac099222bf4badb3c10', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: 'b664312b2728db8a89040581fee552c96350a3d1', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '56bfdf8c545241384c76dcd737fe2f193e927364', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '4d783b2cfbdb330c4795aead35175165c6366dfe', class: "section-font" }, h("div", { key: '7e571d2a6050f1f2230f30e2f7dd187b366690e7', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f50843fae888444501cbf5acb0dff4059ef94130', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '912f0e9ebcb541379fd57817d9a9ee46066c84c9', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '335bc056f881732153a6427f6c0b2383118dbf06', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '7c9d49a8df59565e37c34d6c20e43fa309a0de09', class: "section-font" }, h("div", { key: '6ae8132a5ff36973a364e3aea630d760a77ad88c', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '690ca039bd496e402ee7c51f87d9a83348139eb9', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '7e8ecdc65354fec70e3e2b85b6efff5e969e1a37', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'c75a15f8adfb47c09a6e4505ecaf1cdbed369ad7', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '3e5ebfaac7c762ea8588199b04c3467f67f7fbcd', class: "section" }, h("div", { key: '8871c8e7820942a0be5a626c72411146a2768356', class: "container-title" }, "Display - Gilroy"), h("div", { key: '2cd5fbf0de8875492fd1fab3d51c77582b0902b0', class: "section-font" }, h("div", { key: 'bf5f675e16d3b6fd90cfca7e58b1b17dc12901ba', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4f621a7096468d244fa536c5e74f0b91d798f01b', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '10f812436dc947a79ba0a8e881e9e6d566e6e8c2', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: 'bc1c7a70915c6a81a1981adbeec987764d8a18df', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '93ce7f104b4e118e36650bf9fba450753731dd15', class: "section-font" }, h("div", { key: 'd4df9aa44f5ac370050d351fc671c7f0c36124bf', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '408764a174146b56ee4a6a2d91d05357d0b9ca75', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '5d91eafc68b9a455eb512e8b63c4b426b3b07a9e', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '60ef0e2f2a17825448568c079475361a19f6d844', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '0beae24fea2e1e5abfd4af18728f78135b7e04e2', class: "section-font" }, h("div", { key: '29464cabb2b8f72867181071d1dda190cc518d82', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a960a111bc3eba74ea9517f0929d2b5f4d679f4e', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '87eb9d60cc73f6bbaa6287f7c3490be16e9c0364', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '1d30deb71d261b9bd12e6ca19ce5695633044af2', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'f01bd69cb2fb0404ab23c08e1fd2191765004776', class: "section" }, h("div", { key: '14f713320720abbaeabd7081737fb3f451dba4f5', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '6406d79d9ea470209043857199d2201f6d8aae6c', class: "section-font" }, h("div", { key: 'd490761bfbac18c28075fd904a4b90874ea2dda4', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f6639b79d083aaf440e0d14e95ee26e41997ea93', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '0b142bd0b45b2187a8c80a6d2a2e0f7592ac3e0c', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: 'a843a411e37568853ab1d5e2b92706d33b1d85a2', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '46416117907b7726732cb3b1ca96c1b4e8b524ee', class: "section-font" }, h("div", { key: '3baaf1ef2db2cc672a7e4659f12269761df57ced', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd57798dbaa99bc35a536d640536728f8ff1b0977', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: 'ec53e95abdd5c2ae4a5ded4f531ca4db33bde8d4', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: 'b00ddcaa953791a6f82533dccfe05e8c2fc51696', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'd233dcb7c6ca169452712e348fa19d8b91aec3e7', class: "section-font" }, h("div", { key: 'f3a3f0828e589caa3e769f330784a4360184c446', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'cc9c1cd9736178e30ad427c0eb1e60d478bb8462', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '5df65b9ca94c8f15104ec0090f34be3a329c1805', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '71046351ec513457e12d8e0ed0c41a12c3b5f056', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e089ec67b67084a26a40d6b1657ae62be471cef2', class: "section-font" }, h("div", { key: 'bead7c59c82584aaa39e17cc24aa1f53c6106177', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '241b009f0a94a0fac6a1083b72ede9f7ad697ee6', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'd98533678e18baa32ed590c0b9bd2b323f1309a3', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: 'f8d566f2b9c55336c6577483ea965900feabf174', class: "section-font-attribute" }, "Font weight - 600"))))));
+        return (h(Host, { key: 'eb364aa730db6e47cc1172a0ba9b19a90ad3d84d' }, h("div", { key: '3ffad4589d517dec161590078880aae56635a468', class: "variable-container" }, h("div", { key: '5b7832f993baf66fcdb18968ce088913fbfc49e6', class: "container-title main" }, "Fonta klase"), h("div", { key: '47fb5b35fac3fdb14d8e8b537a0c78420e3a0198', class: "container-section" }, h("div", { key: 'ec00cd3c7d641201f2269072de0647f2558ae05c', class: "variable-name" }, h("div", { key: 'b341d91d1434977c47a58c9392a2165c0aba4775', class: "variable-part" }, "tet"), h("div", { key: '04ee9852fb467d34ddbb0c369dc9603c1153a4ab', class: "variable-part" }, "-font"), h("div", { key: '5df6339af959653f66ba359702e3bcc0c052cd94', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '18dde82205444926291683f347a012ed9f7421f7', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: 'e4d91eb53473d198cc1776bb63a7e5aa82026d55', class: "tet-fonts-container" }, h("div", { key: 'ea1356edabe635c2099b27d199b7728b08d3ba65', class: "section" }, h("div", { key: '9d1af47d68aa47b23705cbfaedfdbf2d901ebb40', class: "container-title" }, "Body - Inter"), h("div", { key: '0c56fadad687fabde78ce2f1d12bb31eaa6b8eae', class: "section-font" }, h("div", { key: '1d5748a7fe98ecae86c1556e5a6441e7a74d3688', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '57eac81805158d70692c7c270188aa6f9721958b', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '633c1d585e45b70ef1970c293c7f4886819f3004', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '561b45e8cc256a753605fd75b32cb0eaf875aa43', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '35beaa8970d3227bb70e670c8bbb17ca97910e9c', class: "section-font" }, h("div", { key: '8a187a8e4b837fa2c0753b01cf21825b5e46a137', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1f6dbb2b94dcb10e99cf6e37d158fb13ac5aaf90', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '691815d3a4e8ea1138c3c80dda422d5d69b1950d', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '8e7c8ea47cc93da8a4a04fe9348a082a08d8b5ef', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'd0d3e3abb0af866f79a44865abe6b8abf5d27707', class: "section-font" }, h("div", { key: 'bfbe71605fe0abdc1ebfd037a95bac2b7ced3efd', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '21b1c519b1c0eaa15dd1affb78e83b43b95836f0', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'a7fd845cd968bcd1f8a430855d1aa20ef5fdc1df', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'f2e83a5e153373776ade24eb5307defdff42e76c', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'c0227c3bf4395893e3cc5e6ba17b71c9d7d494a4', class: "section-font" }, h("div", { key: '96020398879b3855649cfbc432319321763690e4', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '084e8cc785774d64c04e016459d7b8820a1266a7', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '0cf40b56744eb65cdc5c114b63c5fb0e302602c5', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '716914f695c9bc08a0de308b597750238adcf272', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '352950f13363347b2562c06796864746e2b60f66', class: "section" }, h("div", { key: '24c5a73db6aa7f6399fec69911df1692c00630ae', class: "container-title" }, "Label - Inter"), h("div", { key: '57f29befd7c9c1297ecfc6e3426f63c7bcb4344e', class: "section-font" }, h("div", { key: '1627df8b18174f29561f42190c96bfbb93f834dd', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5edd469ea492696ad89c9678f88de499bef61e64', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '4bf2d51f4158e244c79b27bac38ad5e17a191b49', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '84c48fed1151d25b62ebe8bbf7fb9e6d1b0d0fa0', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '2eefba5c3c1494f40dd601a1e0cbf543c5ab7cca', class: "section-font" }, h("div", { key: 'b915607585ea868dd95c11b2e20037a9e92bc42a', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f8f6f305307944671801856b5d473d9b8e10d06f', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '0953fe0f25ca1708a272038b0cb229d75395a923', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'fd67cf49fe27368cfc3f1a7ddf00e4b06c92b2f8', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'b6ae4747f754a2d0f9613767c9b5d8473e5de6a0', class: "section-font" }, h("div", { key: '95e9e03941ab166a2c791cc33db54ec7bcbf7b78', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b0d3ca91bc15afe0809686d9cf2c29c66f1f6faa', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'eb4e85d608abba79154fbfd356d8466c08afcea0', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '3728dd3a586ded8ea4ef87247790e0691eca87a5', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '1c9ba73bd3dd8004325e82e847261ee954b25f2e', class: "section-font" }, h("div", { key: '5d4a99025f34d655f877ffe39a70a3ae1341f798', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '83c468df9caeef513c9f2d414f6e369bdd2c7d1d', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: 'eb7aca634dc974f3a191f215195c6809259b3d43', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'fc46a2b8edfea2fd27035b1aa7cd59da2805d2e1', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '828d228442a69e627472455c632c182cb0a04056', class: "section" }, h("div", { key: '81001fb4f18e6e6b5124248197894221a86dd89f', class: "container-title" }, "Title - Inter"), h("div", { key: '42c29dab0ed1197c035eca0918b8d86f6b547fa3', class: "section-font" }, h("div", { key: '29ff0a5065b96979914e40194781490594b7ccf9', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '79094c080ba729c503a909f0bb4cba45aae8b3f1', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: '0175968cf568acc7fe38be3cd24ec4ffabc7edef', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '6688a54db618180cee2400af1cd56f3934ec8adb', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '1cbd11e116c9cccb9fe79515f8cf4bad6321cfaf', class: "section-font" }, h("div", { key: 'bd4dd78e9882205d3e6dd5572205d235b63b65d6', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '072897397dcfeafc76f448d6c803f14097c2458f', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: 'a5265ada73aeffe4c058d218baec3f8ce7f30883', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'b4c8cec9c24a94412d4635fea0df1ffd5fa14158', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'afeecdfcbab15f7e2430f183c40b7a36b0caee56', class: "section-font" }, h("div", { key: '52524b0abc70013af84d6113f46afb49e9cd5557', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '47281838922e8a66765e7b8a742c4dbc45ebf385', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '611b5ecc111f0d40c2f0c9211a93132509231010', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '68c024020e9f69c85a73cca6a8cd73c8af5a0c0e', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '3b395a5afa81094f278daaae61701d0c8a2eb8b6', class: "section-font" }, h("div", { key: 'c3015e6c8a9a30d077ed13c80bf905921cf62e1a', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'aced7ce847fad8968dc0d3a677c4af52ea52e032', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '5e58a1d0c7839ad2544f86222a58bc0f1a839845', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '52fdea183864b0b93443dad631c90e95691f368d', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '38859595925a3f6a02fa5f66f7199d8d9a83beb7', class: "section" }, h("div", { key: 'c8f3bb6300f32c9a0a9d487c9795279fdc15a946', class: "container-title" }, "Headline - Inter"), h("div", { key: 'd15f315b947d4d1d4b55a1eb989031c35cc24ffe', class: "section-font" }, h("div", { key: 'bbdcd47fa0af67a7811c18a94b1469b6bce4abb5', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '71518ac0d8bc207a7c61c301229aace69adfb790', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: 'c4db6830c24aa294229f8cf8061cc2b56f652f81', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '1d01f6720154249618487a33c8cd5772467938af', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '6135b11706e10936ce96ec6d5992857074f6c9b6', class: "section-font" }, h("div", { key: '5a5773dc45943e3ab35f862c63ab6e50d1f0fd8e', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '64ad28b2fb0fe0c1ffe7cb21324f9b112ebac831', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '7a51c9da0eb1a10e5976689497cbc08eda9ffcbd', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'f147928fadb7799b668d76cddad6dcab7c94099e', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'df91e35b87a9d6f6cacfc82ea3f2127eb553ef9b', class: "section-font" }, h("div", { key: '2f947f95ee78b5e5c12993c163d2cc41e9f64ea7', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '556554f06fee304507752faf053a7404a1727782', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '9669b5e58625bfafeea91797c2f97fa00649cf9f', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'd9837455e320e17d105eb098995d345bee60e98a', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '1abb7226ba194465f6ae7e5426812f2c79945f03', class: "section-font" }, h("div", { key: '51e3b29529f5bb53ea1e77fb015d2af4ce77c5b9', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e2109851fddcaa156d446b6b420c511d9e11dc92', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '347df0f7b2c2841214d39791ac585d1781f1e1c2', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'e38975c4fedcd117ea0e095b21908a28f6314667', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'a4cad48c1d18544a73a63edb9ce78bb99873b7a8', class: "section" }, h("div", { key: '2ca23730f99fa682749914ca84fd94df61c52bf2', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '93d6aa9efccfd9db7d35cacaf8b283fd7d2e6d6e', class: "section-font" }, h("div", { key: '38ef1b05fce79d7de15b503deecb9029ccba3df3', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5a2569379b2995f0c56935ef6cd65987a0bb82d4', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '61721eacb633defd8b2ad682829ab9d426b74a65', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'c986de67411315d4e5a0d5dbf8a9221649e48e95', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '3193b17fe7516183c14dcdc568b02b84e430a039', class: "section-font" }, h("div", { key: '70623b35c8ae46312612a9a5498fb301f2b797ef', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7a58f1b19cda2702885ded5c1370c14c8c5531d4', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '20e11d0ce30bf0a0f975b3d8cc4d2bdcb197859a', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '5b94bd1f3d9bcd66b3236094f15e43c935d1d5c9', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '45792bcba389781a92100c9180474ba2f329d032', class: "section-font" }, h("div", { key: 'c50ff8cf472ec157b2a686892be7023c6b781ce4', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1a00c6635c53c6fd2ae6652e090a84b18842df63', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '56ca976f39491d67d8eda307f61a9f045024f1a8', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'ad7e63de1563b0938b13be4cf8239ca9771d6900', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '7ed753c1e01f7f5446138c05ab2dfa7726ba1131', class: "section-font" }, h("div", { key: '3fe67eccd5f8b3aceed592c01070a231aa767b1f', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3e0a3da5727f54677453c54e1a8bd65695bcb9d8', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: 'd2780cf79aed1d3bb5b1acc82d35b219d0cf4690', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'f533a3baabdc9caf7ae2e33593d4e3b989825e95', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '4dce6a40e21e311eb0b03cede1b8949e3621f778', class: "section" }, h("div", { key: '11a6abd30b7c48084ab4a6b450f94155fa9f0a4a', class: "container-title" }, "Display - Gilroy"), h("div", { key: '8d0f9194f205ac187aea296bafa8b731565bdf5d', class: "section-font" }, h("div", { key: '8e3418f9c11beb44ae9246b0db69d69012e1880d', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6e01ec5d8a51945f322e4a19be1b7aefa8fc75ab', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '97ba5cae3b124d7936d52d537293bc8fe6931826', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '7deca65491551816ed30bafd5285a32d749e38ee', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'afca921188fe2fd073bbf676b5036db7bce43ca8', class: "section-font" }, h("div", { key: '6d0d70213b200b27912eb2b6be8243c2f0960ace', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6b3b7090e3e87aa521df024631e230540c61bdc8', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '7a6b15dacf3a09ec8011d8d7a8448dbd4304ff35', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: 'c90a541c9c9626aa7e561148352dfd152d5ed360', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '0588b93d3caec93c3c0c70f21d2f1c717b513fa4', class: "section-font" }, h("div", { key: '27398a3a896fc6f62ffa503ba63d191435af776c', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'cce2bb4032e5e339f87fb3df365d3b1025b99771', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: 'cfcaf4765771628ca645c3533c6a988fb3704c44', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '2e0c53c35b803d6788524d4676eea29d98e19c66', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '9e35a45c8b3207bf8eff8423daa702f360c76801', class: "section" }, h("div", { key: '2b71029836b59baf1ee7b26bd02c542db75010ae', class: "container-title" }, "Expose - Gilroy"), h("div", { key: 'a34c0e680ccd4cf2a378111c7795c6b284a099fa', class: "section-font" }, h("div", { key: 'f2efc0a08a3efd0f08e43e0edb8c811258a3dd35', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '28dec0f2a9d7e5dc71cb7d86ae129ac9cc2dac88', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: 'e6e687c849ceb99c7968f1068d6a7abe1ad8757e', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: 'b256ee84f7549525d994600967e465136a1a139a', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '47d844ef63a8b18ab260fa69031f07d9691e2030', class: "section-font" }, h("div", { key: 'eea515480dadf4f817d9fdae200c6b79663c3e0c', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '499aa3b7faaa508001292215a6292fb49192582d', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '72184403a1e1656926e35a913fee3afee640599b', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '2a828eeb9fe09604e53fff0822bce1686720a000', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '976c0224eb75dd9129c5d56a900bb5380c99aa2f', class: "section-font" }, h("div", { key: '32b3da530537f783e55053e116fa71f35a4bd232', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '32603c9ea8ca4ede679b635548f9394e3b9de083', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '93c217cff5ed0c3faceb0df5265169a55e06209c', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '0ecd4335fd0bfe37b8bcdd5878de05dc037e1c89', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '9da2b51e71f98c13c4068f938193264ccfc4fd8e', class: "section-font" }, h("div", { key: '8af297f7457cd9d27724d4b30060567179aa16a5', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b90b95c6b56f7e3b8c7fa48e0f7ea7a8d75e6ea0', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'e2283ffd3baaddc7e6319647dc654d1133c0b1d6', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: 'a758a5d0f7831eac24d480973be66039e4d16708', class: "section-font-attribute" }, "Font weight - 600"))))));
     }
 };
 TetFonts.style = TetFontsStyle0;

package/dist/esm/tet-grid.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ const TetGrid = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '0d74be4a795b0d6f2e1155dd8ca75e7a3ae37dbb' }, h("div", { key: 'd3d553702afd57fa4e2bcbff75b0383e73fe168c', class: "variable-container" }, h("div", { key: '2fefa9e304dfff3913b8aea9dd972e0047c6c122', class: "container-title main" }, "Grid klase"), h("div", { key: 'a27cdf99a8d3c2bf18f6f7f6252580e15b522782', class: "container-section" }, h("div", { key: 'd30aa8fc7d86982c2b86d24e1c2f6eaa81740397', class: "variable-name" }, h("div", { key: 'aec59db1c3b60ca6a4324d5d0e5a02a371411bdc', class: "variable-part" }, "tet"), h("div", { key: 'b5d6068f28de0fbbf81e33a74522aa40972d3ade', class: "variable-part" }, "-grid")), h("div", { key: '21411a29451b765cf5b5dc2cfc93fd7d76b53ee2', class: "variable-name" }, h("div", { key: '4e1c0c8193d14d208bf968d2b1afa4d61780eb8c', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: 'c9914cd3cb7a185bbd70e6dfcbddc0a1f30599bf', class: "container-wrapper" }, h("div", { key: 'f41592afe18478e1b2b08b1d71e2b862185ba8bc', class: "container-title" }, "Grida lietojumi"), h("div", { key: '7e45a57161795a91917ab259408829999dd06eda', 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: 'f8ca9790479e3ac8baa9e2373444c95c5fef468b', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: 'f73742cd3a0603f0db2002532f967e4270269d36', class: "section" }, h("div", { key: '78ef90a38cc4dfdb9ee5c68821acd6d69c1fbdb4', class: "section-content" }, h("div", { key: '84251fe3d2b52fdea00f7129944a087069f2da2e', class: "show-grid tet-grid" }, h("div", { key: '55286d5d95f8e5faaf529dc193b9eb776fd15057', class: "show-span tet-grid__cell--span-all" }, h("div", { key: 'a969d73312a8e1dcea42f840ca76cf4add24411b', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: 'de93e28e3a18ba61e6bcf3e72788491e845d4869', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: '92cc5ec2cfb277c9c690fc092a8b50778aec83d2', class: "section-content" }, h("div", { key: '9fd22195f83faa0e7c90d3a7954a361b6cc4851f', class: "show-grid tet-grid" }, h("div", { key: 'a142acdfdc6773867ef793ce945577d3d500ab80', class: "show-span tet-grid__cell--span-4" }, h("div", { key: '62cdff4bea03acbf9a24dafad4d83a50453dd794' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: '2d52bef8ca76cb6fa15c01dc74762bf7037bf489', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: 'a03486e732a64264fc6fd115999ba60db2fd3bcb', class: "section-content" }, h("div", { key: '3ff14d1eb17ddf412455e669d9f22cb0c723c525', class: "show-grid tet-grid" }, h("div", { key: '302f900eb9f84033fa9fdb372f88c21a49fa0336', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: '3911cb0fab9fb966b73d000b17adb3eff2fba10b' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: 'abcbde51c0657ee95bc7e1d2c917044fe420e9ab', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: 'eaa9d7ac443695ea54ae74b80b7f082d8bdaf90a', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: 'ef3bff4d6002a7423ccfb3e5f8294cadd6ba0c40' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: '5ac7ef65209216d61cba6a707915e87683e84181', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: '31414eab1dd3138d0b734d3220d6988f1dfbeb04', class: "section-content" }, h("div", { key: 'ae3c70dc34f727ba3e5ecb67a5016d3d3c933348', class: "show-grid tet-grid" }, h("div", { key: '71a55b8f07a50c7496814c8f472897fdadb74610', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '28ea690422de2e828fff35fb0519526962328b66' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: '9fa912950de4c03ba68e0fffda627e8d0f3da1ff', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: '893f31117140408f2b2fe05f7d626546e03adff7', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: 'b303a49eb68b51d8fe574a6029accf04afb05d6f', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: '8debb8686058fc114ba0ef518ee158a6d083df49', class: "section-content" }, h("div", { key: 'c1ea0a8015917de2d8fadbb6c43e07f7b14bdd74', class: "show-grid tet-grid" }, h("div", { key: 'e243d3b9d5844d6d2595107e80f4220d0c53d0d7', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '4732ab25fcccb7bead7b4e35e99c8b0368375e80', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: 'd8ccb10f79499c791919384b9b8d6074fee57fab', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: 'a61b78ba52c431d485b6a3eda406aa4a717ca26a' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '93fea2a5811c614395228b92c43549d326ccfdc7', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: '1bfd32abf5b4d8e75e6977f931d409984ad22c09', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'a0baae5a3aac8b059f2458d6b8f38810d9040dda', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: '9a5cbd1e3030ab1dd7ffb3ba379eee9460341c7e', class: "container-wrapper" }, h("div", { key: '56cba61ee03c02f343c792b0da52481c9c514b7a', class: "container-title" }, "1920px breakpoint"), h("div", { key: 'bfa5524db979687e349e92f865d1f85613148c87', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: 'd869b791a2775b0fe6e5d2bdf24c5c6f8caa2ddb' }, h("i", { key: 'd0071fff8e0f0b45de2b3071957c34dd3472dcba' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: 'ad6b1906e1b52d84ebdd4d5381b8522a5cb53af0', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: '3d2676df9bfdbb30ad8f5a9b53982dd220696a06', class: "section" }, h("div", { key: '0436a09124ec74ef16a990ef013ed9f8ab7f1572', class: "section-content" }, h("div", { key: '80edc95d9fa936a839b3a8b104d108cceb35a97d', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: '3c3a7099177470f93123c82796fe84df1fafa3a3', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '4bd2dd8f08a55ca07211ebd20a73e0052de01112', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: '60c7aa9e56c01820d57824a34a25e38c1fb36029', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '179b7e69c2f9034dba75100f4174e8f450b94edb' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '5c79e3dab04e845523dbf2ef2ef6dc3df6bfc4b3', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: '13a4099b98066aa7740f6e200d684cfb59620b26', class: "tet-grid tet-grid--gg" }, h("div", { key: 'a89b8a38c483bdb14ccefdd02f3c8fb2c39f75e3', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: '07c80159c7f957474659edc31afc170ef2fb9f15' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: 'c7ee2a12bd45a3ec7c362b78f94d9e6ecd7d9128', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: '276ceb85a8955a80f5762b914ce89f6948b46d3d', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: '9ac2aa5f3ca82e78dc96723724d40c413bb86013', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: 'd016d24f29a6bb75f62f9c4c0e9a4c9096dced20', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '516d314287889ec45f9cf3bf4a4c30079befa72c', class: "section-style-attribute" }, "tet-grid__cell--span-2"))))))));
+        return (h(Host, { key: '27e0ebb9fd6040d530d7725c84d2d627aaaeafd7' }, h("div", { key: '0c348842a63cc6f3866417ec4955406de5603fcf', class: "variable-container" }, h("div", { key: 'aca98c1081aa5f6e9cd8eaa346813c4f1ac12c17', class: "container-title main" }, "Grid klase"), h("div", { key: 'f3c6c53cd73b796df20d969739e5e2a528878641', class: "container-section" }, h("div", { key: 'd7f8f09e4e7b1532af87d5966ec41a03ce09cd7f', class: "variable-name" }, h("div", { key: 'f38c0f408f3266b821ae10cf9931288c9e833e5d', class: "variable-part" }, "tet"), h("div", { key: '8f418b785c164dabf03f2cd4845a9badc5653616', class: "variable-part" }, "-grid")), h("div", { key: '358aca18ebdc65fbc9ac723f402e85451dc984ec', class: "variable-name" }, h("div", { key: 'c9b9f26acf66a9f75ef0f6676d9e9f5d832e59b4', class: "variable-part" }, "tet-grid__cell")))), h("div", { key: '0ec87160d342d912548f55259bda98f40ad5d0db', class: "container-wrapper" }, h("div", { key: '69e059c5f1cb29b1c2e7b084bed989667182f3f6', class: "container-title" }, "Grida lietojumi"), h("div", { key: '8ae501e8df59a6da3f9711a780dc964c7f59e864', 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: '4fa0cb48e53590dd7af8687afa8edd545dd174bf', class: "container-comment" }, "Piemēram: <div class='tet-grid'><div class='tet-grid__cell'></div></div>"), h("div", { key: '079cb0500c3a3996325337a9a79931dfbd03d599', class: "section" }, h("div", { key: 'ce2be817239ea45cdad17b6f53fb15d705869572', class: "section-content" }, h("div", { key: '13166bc42c05aeb2305e5ae0b1972ea9ab26dc5e', class: "show-grid tet-grid" }, h("div", { key: '9b9518ad6441d2caf6b766695f9d3a2c565b9d4f', class: "show-span tet-grid__cell--span-all" }, h("div", { key: '0388a61190d7b00742718f39421ed99211c538b8', class: "section-style" }, "Teksts pa visu gridu"), h("div", { key: 'f32a49b06d0989e9001d4cf23604ccdfa6bc230d', class: "section-style-attribute" }, "tet-grid__cell--span-all")))), h("div", { key: '370eafb45e9ad116dbfdb43a895a60539c1d1858', class: "section-content" }, h("div", { key: 'a89fa3145f287acdd8f1f8c59d89e379c8c3e89b', class: "show-grid tet-grid" }, h("div", { key: '0c85c2dc4d21b525991797d0615ee228c00b2096', class: "show-span tet-grid__cell--span-4" }, h("div", { key: '722de706559fa6d5358253d66b0ed3400cc65196' }, "Teksts pa 4 kolon\u0101m"), h("div", { key: 'fc076a254c01c88d917d5ae5a4a1fcf79369f267', class: "section-style-attribute" }, "tet-grid__cell--span-4")))), h("div", { key: 'a098045e8e72e36f73b06d3fdb59caac3544db17', class: "section-content" }, h("div", { key: 'c85ff10567b4e5688c74b79420ff2874eb91f718', class: "show-grid tet-grid" }, h("div", { key: '1f3d177bcb4a6a167a291c59584a429e4fd36355', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8" }, h("div", { key: 'c2ef391ea81306da3aa862f788367a6bb7022ced' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 8 LG "), h("div", { key: 'f86a9745491b02b2f1752fa910972e3a46989836', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-8")), h("div", { key: 'd64fce0f660bb212c2688e0eb6d152b2bf7bf110', class: "show-span tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4" }, h("div", { key: '973fc646af9630aef5d74624678dfffb0a93db16' }, "Teksts pa 4 kolon\u0101m DF ekr\u0101na, pa 4 LG "), h("div", { key: '550e5c57b17e4754dbe8e80b2f14e0319bfeaf67', class: "section-style-attribute" }, "tet-grid__cell--df-span-4 tet-grid__cell--lg-span-4")))), h("div", { key: '6b838dcec827fd409fc455fede3ce0db13a7fcd3', class: "section-content" }, h("div", { key: '02cafd50372a44e11041ebb751f71f3370830cd4', class: "show-grid tet-grid" }, h("div", { key: '28760e711063400c4e246e780bfb4ddbe902dbac', class: "show-span tet-grid__cell--span-all" }, h("div", { key: 'abeb735d7b281f682a9f8fbc3575b40e9d8f710e' }, "Tekstu, ko redzam visu laiku.", ' ', h("span", { key: '1917b47999f8a68690a8f66fd04c1d096d67df3e', class: "tet-grid__cell--hide tet-grid__cell--lg-show" }, "Redzam tikai pie LG izm\u0113ra")), h("div", { key: '636dd47d7aba2e082c5a70a18b1f11cd4d65648c', class: "section-style-attribute" }, "tet-grid__cell--hide", h("span", { key: '2870a3a0f1cb647efff02e089ecd9e41c17676a0', class: "tet-grid__cell--hide  tet-grid__cell--lg-show" }, "tet-grid__cell--lg-show"))))), h("div", { key: 'dfcd5c2d38f315c0e7d799b2905f6428ce6eacb0', class: "section-content" }, h("div", { key: 'd9e8b6ed60d8ac2ed02f8569fc5024aeef2925b0', class: "show-grid tet-grid" }, h("div", { key: '699e52bd80a21c79e3d8a643a6f80c498b1acd23', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'a0f0597df45b521a7d73dbbc9f15a558208a4a7c', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: 'ba3c3c97f6fd81b4543740a8ea728fc49f70e61c', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: '4cb4f00c3a7a58a2bdd99895ee22102de3688529' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: '6d90e7cd2253b3c80f45cbc3e3f447f70657b0f5', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8")), h("div", { key: 'a9008083c9547345763a64fec1cd13aa9dbcedea', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'bb460be3e7a451d9f07a7388c3fa63a940810632', class: "section-style-attribute" }, "tet-grid__cell--span-2")))))), h("div", { key: '78a332e41d2612462ab995e641b954490bbdc4b3', class: "container-wrapper" }, h("div", { key: 'bea2bc3f4834bb9a5dcb79ecff70dafeb88aa8b8', class: "container-title" }, "1920px breakpoint"), h("div", { key: '760d30bc1cdf8d57644a22558c9252ef275b4f89', class: "container-comment" }, "Pievienojot papildus klasi", ' ', h("strong", { key: 'ad0606587746883c0297bc9516f8775519e2a541' }, h("i", { key: '90577c1541495daf74bf43157a72de1e778add39' }, " tet-grid--gg")), ", tiek iesp\u0113jots elementa maksim\u0101lais platums l\u012Bdz 1920px."), h("div", { key: 'a9acfc5b673d1adc0482d6a4989013c8aa7eee3c', class: "container-comment" }, "Piemēram: <div class='tet-grid tet-grid--gg'><div class='tet-grid__cell'></div></div>"), h("div", { key: 'd8a8ad08d5f53113621fb4ab919fcc7f2e6269d7', class: "section" }, h("div", { key: 'b2b8fe2173d4d4ca60e1ccee8ceb06e5ca134bff', class: "section-content" }, h("div", { key: '2c5cc0524c0f40b648533e98057b8454ff3b822b', class: "show-grid tet-grid tet-grid--gg" }, h("div", { key: '2e67e15e44bc26a37f8d44c8491d0aa7edde794e', class: "show-span tet-grid__cell--span-2" }, h("div", { key: 'b1398ceb139d192f47c941127587dbe3cd65a8c5', class: "section-style-attribute" }, "tet-grid__cell--span-2")), h("div", { key: 'a010a6d5431cb55be247179ae7f68b4b3274e8a3', class: "show-span tet-grid__cell--lg-span-8" }, h("div", { key: 'f07e618c2c7408b7745b852a41cbc22a9403a3d8' }, "Teksts ir pa 8 kolon\u0101m un tam ir 2 kolon\u0101s robe\u017Ea no ab\u0101m pus\u0113m"), h("div", { key: 'b15fb9ac25d2bfa286f962877d24884020f7e9ef', class: "section-style-attribute" }, "tet-grid__cell--lg-span-8"), h("div", { key: '999b831eef33462cbc60bb0648ec2826792a4978', class: "tet-grid tet-grid--gg" }, h("div", { key: 'b0ea6abf71d8e0da34fa8d8b5d05ec3ea00d837e', class: "tet-grid__cell--span-all tet-grid__cell--hide tet-grid__cell--gg-show tet-spacing__xl--mt" }, h("div", { key: 'dd6afc7c31d0aa80813775654f9d45fa81050b48' }, "\u0160is teksts ir redzams tikai no 1920px platuma."), h("div", { key: 'b6701d77d53b872d6d852cd66f179605de9215d8', class: "section-style-attribute" }, "tet-grid__cell--lg-span-12"), h("div", { key: 'a9bbbb68eb565dd4547abf79e9f4f8c015c7fc8e', class: "section-style-attribute" }, "tet-grid__cell--hide"), h("div", { key: '34749269ed1607457fafde76e15a3b68acf7d535', class: "section-style-attribute" }, "tet-grid__cell--gg-show")))), h("div", { key: 'a5f3936f8bbb0ea197a6ce982b47dc5592dbfc34', class: "show-span tet-grid__cell--span-2" }, h("div", { key: '9b3aaa5c4cfc847befc8fa5b91d3b6f4ce149f1a', class: "section-style-attribute" }, "tet-grid__cell--span-2"))))))));
     }
 };
 TetGrid.style = TetGridStyle0;

package/dist/esm/tet-icon.entry.js CHANGED Viewed

@@ -68,7 +68,7 @@ const TetIcon = class {
         });
     }
     render() {
-        return (h("span", { key: 'bbfa5e3445bd0e22afbabd3efc071a39e8daeb21', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: '6532eb075ead5b6514515ef9ecb09c687dd53e7b', class: {
+        return (h("span", { key: 'b458d963f0f86157257a01b600af41cc579be5ca', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", Object.assign({ key: 'ac157e0ee214c0a818d67f361246ea7cb72942f5', class: {
                 'icon-container': true,
                 'default-color': this.shouldUseDefaultColor(),
                 [this.theme]: true,

package/dist/esm/tet-label.entry.js CHANGED Viewed

@@ -17,12 +17,12 @@ const TetLabel = class {
         this.showIcon = false;
     }
     render() {
-        return (h(Host, { key: '7800d5c4511794832410f80a2d9d27e3e354fe2f' }, h("div", { key: '8c7594525064ab2d0d7a6712a86b7f0484597a2f', class: {
+        return (h(Host, { key: '79b12c6cd48a68cc878e336227b29bbb10f69c99' }, h("div", { key: '9d34f474b24523550f603e5c0dd2b385cdb9b893', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: 'cbb0e2bce2e288af3e45cf247f929c6c09298128', class: "label-title" }, this.translateTitle ? translate(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '79ebfc91f957657065ad7d0c9914d920baf10fbf', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: 'b101e1595fb33e9af35eb55c2c32338d074f3085', class: "label-title" }, this.translateTitle ? translate(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'd5c943fb5a571cbb5ee1cfec5ef1fa4fe199006a', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
     }
 };
 TetLabel.style = TetLabelStyle0;

package/dist/esm/tet-layout.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ const TetLayout = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h(Host, { key: '281ec4c91f54c7f1b2a921c9bacaef57c0939fc1' }, h("div", { key: 'ab1f6b57c411ebd9e8da9dffab4034cf2b978edb', class: "container variable-container" }, h("div", { key: '219a3ddaa1cf2b314df5d4e3033c5f980d82cee1', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: '42d14203a939b35b0747977786337af57de2b3f3', class: "container-section" }, h("div", { key: 'f28032afecaa2e53ae6ac7cd8a1558c342f77e5e', class: "variable-wrapper" }, h("span", { key: '17cd2417ca0ce62f1d15952bf5963c75852a240f', class: "variable-name" }, h("span", { key: '022fef141b08dabea417a0d3755f7b652686c330', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: 'e86756116aa7977082761bed20f83bb0f1638eac', class: "container" }, h("div", { key: '81fa6cdcdd0df00dd7e13853efc5133e7d2d11fe', class: "container-title" }, "Piem\u0113rs"), h("div", { key: 'f0d4c3d6a67c9364193b175e81a00a82b99594d1', class: "container-section container-example" }, h("code", { key: '27d353bc196a0d4551b02822e11a472816567adb' }, "<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: '5b007add4370c9e5f74e25fb97753e3abe0d134b', 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: '8cf3ecd66307b8e98f71fc4178f6f7fcf5110cf6' }, h("div", { key: 'ef5ef0e37924a5990109237814afe7b311f6aad7', class: "container variable-container" }, h("div", { key: 'f5ea491e42a05b28ed15dfaaa10d5954f35df934', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: '607075dc3daec5581d3675e3d5fd7ca60cf17d3c', class: "container-section" }, h("div", { key: 'c51ba4d2b8cb5eac86c0a10091090bb70371c13d', class: "variable-wrapper" }, h("span", { key: 'cad23575a592fda52fa8e12c5a7036d0261b6139', class: "variable-name" }, h("span", { key: 'e4fb81fbb683354e23927fd0650fa8925cd1de8e', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: 'fd703bdba6593c9f56ffb1ee40dabaf28affd58c', class: "container" }, h("div", { key: '27f17390350954c49298b0626e963ac8529f71a1', class: "container-title" }, "Piem\u0113rs"), h("div", { key: 'de38dd2a68da710a297db76f4a85873485b37f09', class: "container-section container-example" }, h("code", { key: '703f9cdd2bf9214aa4dd6809d3fbaec9eee4bebe' }, "<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: 'f4bdf68294556e4cc53040833e4e8ba6843c9857', 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."))));
     }
 };
 TetLayout.style = TetLayoutStyle0;

package/dist/esm/tet-link.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ const TetLink = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'ee771d03863804524b135499b53d2da116e00b5f' }, h("div", { key: '879171a9be3e71610685acd683ad676a16be77e6', class: "container variable-container" }, h("div", { key: '3bb6eadfaa5f74236640faa480891bba21e3d3bb', class: "container-title main" }, "Linka klase"), h("div", { key: '36203322fa7c1b79f2b8e3216778b0b310bda875', class: "container-section" }, h("div", { key: '7580efd21d0cbe532a184b5df11a02aeaa23c94d', class: "variable-wrapper" }, h("span", { key: '11f51f0886d35fea29dc55e6a212bbdf4b57e444', class: "variable-name" }, h("span", { key: 'c0925690f22533ed4dffd338d71c071b1cc22038', class: "variable-part" }, "tet"), h("span", { key: 'c666f2305baea3068bc794e7537740df6bbb9acc', class: "variable-part" }, "-link"), h("span", { key: '33338baa78b1839f391c42545ba2aa1b8f2f00b5', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '09905f5559f8c711ce35b51688232e9ac6205ed8', class: "container" }, h("div", { key: '2f127dc9c8c443011f6d27b55cd41d3d5b2bbefb', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'bf23ca94b84a334e8aceb54cce674976bbea688a', class: "container-section container-example" }, h("code", { key: 'dfd6372d6c16eb483c6ed4f1b372072373893f84', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: 'd62f2b3f4d858df66f6faa8299e295f840a019e0' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '76b4e45e31849256ca76051e3f881a2e2e3f4805', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '38ca282b5814292c2b3e79a324a2be9376fa17aa', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: '2cc0817935bd67bdf970ec0ca5b082819c2d7f2a' }, "Link klase ar bulti\u0146u uz ", h("a", { key: '3afefb3578a0cbf15fdf62bcc76af7445e463005', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '031bd9414fd2d9a55534ca9ffa4cd813ef6e8c36', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: '1fa87dd62d841968bede9f288216e9f749837282' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: '78f4ffb4742cb71de637eb2b072aeb3802a7377c', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: 'c668647ce193ab78a263d5d1b978bd3c42a54b97', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: 'abd9fb9c5815500bf8ebf8e8620ca67fcd2f2743', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: '7dde6857bbbea71635be6c0b7e2cc5575a54d2a2', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
+        return (h(Host, { key: '910767c7edf12bd1daac15e9a945a6e3c9f066eb' }, h("div", { key: '41220c1fd8c628c97c6191c8457c29dac535a868', class: "container variable-container" }, h("div", { key: '16af09700e0b386909860dd7e8b4fcedaa78f268', class: "container-title main" }, "Linka klase"), h("div", { key: '900dbabfb420ca0ebd8e03f6d656699cf71fd442', class: "container-section" }, h("div", { key: '011c6abf08c50080c5711e1badd7dd15cc5c03c4', class: "variable-wrapper" }, h("span", { key: '314c4a96de4f26c9899ad4b9964d5a14d6d7e7bc', class: "variable-name" }, h("span", { key: '57b6e7a256ac0174b235872fb1cc1210308f9703', class: "variable-part" }, "tet"), h("span", { key: 'c3db33b3fcae702c618f67e7b28a9d2376be0d03', class: "variable-part" }, "-link"), h("span", { key: '885a5e19e9eda391b2f7369fc9455a19a37ba862', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: 'a22c859f3c3278fe115555358f6ac981a1251b77', class: "container" }, h("div", { key: 'a68309768b41f5d486755dbea15bea891676599d', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'ffae8b345a18103f1cf3cd53a9e97857a54cbca4', class: "container-section container-example" }, h("code", { key: '77c676cb416444439b25b955864672c982cd3852', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: '81d788aea86a273a3aec9063bd18de66fc0511ea' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '531c0a7e0a1b66d25e45870c3a23b37392c730ab', class: "tet-link", href: "#" }, "elementa")), h("code", { key: 'b26cb5d02d43e60123a1fbf8e68a5ad793c52ab7', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: '0dd9e20e5883facba6b65a3ec6efd8308d043c59' }, "Link klase ar bulti\u0146u uz ", h("a", { key: 'a9f34a734e66b624703edf5073d9d5bce520b4e7', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '8db32138fcde220673ef2483df806397ff7d81fc', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: 'd58ac64dbd5729d602fa37785b8921fc8f8e4aee' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: '15608a4381a2e3d957235b79356e24d4c3ccf8fa', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: 'addcd5a7b16987e2aa29969f00d7ec3f6295a42b', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: 'e7cb59e73b2030eb766a89d4b500c60c06f5eb22', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: '2f42d2c5945a3e41f01c77645b0a41235f75b357', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
     }
 };
 TetLink.style = TetLinkStyle0;

package/dist/esm/tet-loader.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ const TetLoader = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '5dc2e7913b4f48ebfb62c51c720516eaf8c97879', class: "loader" }, h("div", { key: 'b5c647ff4b2388de51721391a4683c693e71492a', class: "loader-inner" })));
+        return (h("div", { key: '14fe6af3ed72264df7e56b9f9917b5534637ef51', class: "loader" }, h("div", { key: 'f4c31bd589b426b6e4dd16e5ea42ecc9dfb79d9c', class: "loader-inner" })));
     }
 };
 TetLoader.style = TetLoaderStyle0;

package/dist/esm/tet-navigation-mobile.entry.js CHANGED Viewed

@@ -57,13 +57,13 @@ const TetNavigationMobile = class {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: '857fe7ebda03b21b3604f879a37ff5dd562b03a3' }, h("navigation", { key: 'a5129ff287fa54d25bbb7af3d11818f1dd58d04d', class: {
+        return (h(Host, { key: 'ef6dc99c4251442a4937906f52ece28e85f07c96' }, h("navigation", { key: 'cc0ad116aa1b2a5d60512efa2e61281073d46229', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: '357a7998128fe81e11e4700ba801e92bfc296e9d', class: "navigation__nav-bar" }, h("slot", { key: 'cd2c6d0532ffed0df47e7a07fd87d1141af74b5b' })), this.isTogglerVisible && (h("span", { key: '0379c95afe7914848cec6eb89f92edeaed627981', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'b671a3bcd0d4b16dd6ae088350854b23882e0dd4', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '082981695a780c849389579c1b4789849e3c3dc1', class: {
+            } }, h("div", { key: 'e77b3c8d7165750a38d204d881aa7a3a217127b7', class: "navigation__nav-bar" }, h("slot", { key: '8dc8612fb45a90cf855526516652ce021cefe06a' })), this.isTogglerVisible && (h("span", { key: '463c08152394fa17f04b49d02ad771e03bcc4427', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '8494d8ac098b12f148c0d7564886215d7c8e085c', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '1fffba7adaf87f4d78b9ba109d17002fb6689982', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '2f56719a1139562bc4355e2187bbde839a5bbacf', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'd28605389281b87071d63bd5dacb691d23b0ca22', name: "dropdown" })))));
     }
     static get watchers() { return {
         "isTogglerExpanded": ["onMenuToggle"]

package/dist/esm/tet-news-card-list.entry.js CHANGED Viewed

@@ -62,7 +62,7 @@ const TetNewsCardList = class {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (h(Host, { key: '423893a682627f9686ae8a745d7893195f84b33d' }, h("tet-card-list", Object.assign({ key: '0d14904e7bc8572ba023f7341c05fd3098382c11', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true }, props), this.items.map((item, index) => this.renderListCard(item, index)))));
+        return (h(Host, { key: '1ad59fa4cbe7588545306586c21f24ead28d5f76' }, h("tet-card-list", Object.assign({ key: 'a2f8c39ae5d6a8625bc0adc00827e0a6fffd1c98', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true }, props), this.items.map((item, index) => this.renderListCard(item, index)))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/tet-notification.entry.js CHANGED Viewed

@@ -118,7 +118,7 @@ const TetNotification = class {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: 'c79ddcd175221b387f3a7c0331d8192f8e2a4cef' }, h("div", { key: 'ba014bf4495125729975c4e68ea030a312d9ec37', class: { notification: true, [this.theme]: true } }, h("div", { key: '9179f1bfe5826206a35dd65aff5f9ec297a8fc11', class: { item: true, [this.type]: true } }, h("div", { key: '658fd50c3c6c30cb7e8c5d85e3af3a1640f9b61e', class: "header" }, this.renderTypeIcon(), h("div", { key: '7bad8cd28f23e7149d5922de6df6f325f6e66554', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '027d6def2b0e43666220cd93943d7234ce93e5c7', class: "content" }, h("span", { key: 'c0940b3b6cc4a41c357430315bddd1624b16228d', innerHTML: content }), h("div", { key: 'c80e7ab14f77c3f02074484917d7b7dc04f55347' }, h("slot", { key: 'ca10965657097ff2a3405386148c17495ee68f82', name: "button" })))))));
+        return (h(Host, { key: 'dd7b34c1876cdd0071cba8249b11c6626681ac17' }, h("div", { key: '5fbab6c4da6b0e2c771e9c856cfc4079a49d573e', class: { notification: true, [this.theme]: true } }, h("div", { key: 'f6056a79c36501247b1c3e10454820043cd746c6', class: { item: true, [this.type]: true } }, h("div", { key: 'b83e4721c71d745f84c5ed88b462f0be20920179', class: "header" }, this.renderTypeIcon(), h("div", { key: '676660840eb2627c868a511e45ca46ded0abd28b', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '5eb936458597042616a77c3c12e00b7090a7646c', class: "content" }, h("span", { key: 'd9d1b1445f6b53e03b32bb8d1e0c9766ea9f5c57', innerHTML: content }), h("div", { key: '063cb95afef71efd2c6faf446085826c175744ab' }, h("slot", { key: '1336a9162c18090bea48d5362f774e12a5172066', name: "button" })))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/tet-placeholder.entry.js CHANGED Viewed

@@ -11,7 +11,7 @@ const TetPlaceholder = class {
         this.darkTheme = false;
     }
     render() {
-        return (h(Host, { key: '6125d88b58d055d2a5ab50db94eb33dddca1e310', style: { width: this.width, height: this.height } }, h("div", { key: '412a76beb20da0422e9c7fbc1149d0e6c6674c66', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '3357b6e00195897e85af833c8d1625087475da6d', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: '7e0dfe974305bc773c69c93e662515d3a68e6be4', style: { width: this.width, height: this.height } }, h("div", { key: 'f15bb524ccfdb8085628e72c738c5b539907f47e', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '54986daf86d9d5c3c6eb779d13e2ba7a5606dd81', class: "placeholder", style: { height: this.height } }))));
     }
 };
 TetPlaceholder.style = TetPlaceholderStyle0;

package/dist/esm/tet-range-slider.entry.js CHANGED Viewed

@@ -752,31 +752,31 @@ const TetRangeSlider = class {
         this.updateProgress();
     }
     render() {
-        return (h(Host, { key: 'd2e0efc140525fe57dcceac6009a72bdecfe58f8' }, h("div", { key: 'f94525b346b500f7598987086869d70e86fb3027', class: {
+        return (h(Host, { key: 'ed39e9adfd7d8502539e355fe950b4c83c262512' }, h("div", { key: '613c54d91625fb37ac80987dd7ac244817585736', class: {
                 'range-slider': true,
                 [`range-slider--${this.containerSize}`]: true,
                 [`range-slider--${this.type}`]: true,
                 'range-slider--no-controls': !this.withControls,
                 'range-slider--no-input': !this.withInput,
                 [this.theme]: true,
-            } }, h("div", { key: '211d4ae481b98313efbf72e7ce78782f0bf7fb77', class: {
+            } }, h("div", { key: '2f522ca48013d0022bcdf83a3c73d0dc16937900', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", Object.assign({ key: '85950721167e3668b21530a95a66018e80577234', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel }, (this.containerSize !== 'large' ? { inputTabindex: 3 } : {})))), h("div", { key: '352187a3cffa98083508ea751b960c748b4b34fd', class: "range-slider__container" }, h("tet-button", Object.assign({ key: '0843b8b461340ef2b5c77db6a3fd7fde3a63e287', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", Object.assign({ key: '44fe830f3cef1086273ab82fae3f50aef6147d40', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel }, (this.containerSize !== 'large' ? { inputTabindex: 3 } : {})))), h("div", { key: '993227ff886add036d0a0905876d390b9eba5ab7', class: "range-slider__container" }, h("tet-button", Object.assign({ key: 'afad663b668c50c3de6ab8f2e8e7cc09a6edf6aa', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--left': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), h("tet-icon", { key: 'e7663882c0caea974b652f7d8857954323276f5f', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '213c9a631097ad41201db2d3538d191fc21f2db4', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: '7147f9a98e1f9c337e6b89f5c8e2cff4e3a57da8', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: '36d5f35a96ac4d5119ddebf690df980f01ac722a', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider" }, (this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 1 } : {})))), h("div", { key: 'b72d98fbb8320108c69725198e8d1e9f72ae1375', class: "range-slider__track range-slider__track--background" }), h("div", { key: '12ec3da2ffdf30023177fe8123894634d039eb53', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'b0fd65a3b11771d373626ffb2bd25f8129b3d993', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'ab2d041a3d13cdc5fcd26e4cecdc2a80b8ad3eec', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick }, (this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 2 } : {})), h("tet-icon", { key: '1565634ecaf9b67a6d68707f1330fa35d26cf14e', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '52aceabff4528db102fcd70cf265aa772e0c76a1', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: 'dc8c9e65665cdb458a89a6003e67d2d31ad3ec50', class: "range-slider__slider-wrapper" }, h("input", Object.assign({ key: 'd5dda90241d79127e8691f9bb365c4f956a35b28', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider" }, (this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 1 } : {})))), h("div", { key: '85d2e4c9782a026889a11503573c16c161da03a4', class: "range-slider__track range-slider__track--background" }), h("div", { key: '00fcb8fd228970096cada56550b61b9c440b2732', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '4221ba778c0dab593ab9f5f49bbafc6981fa893b', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '2d3b55e7a232b89ef176d92f44af92b4b5e93b64', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '339861e13eefa0d718ab281137de3cd87dee355f', class: {
+            } })), h("div", { key: '1050c1680ff0413a42e2267e2d1b513c1bda6c91', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: '7f1c448542ab89dde50a462278444c9deeb947ad', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'dd64435171beb9774782b41fa6320d4593db435e', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '557a151619d4279f1ca6c6736fcd0509675b53b7', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '2f8ff7e1939b5738b025730b591e509bde22fe43', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: 'a0002465828c51e82ed1ad295e2d814e23de7742', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '7858d37c0a9b36240c641c25d9912ee2cbffe555', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '87e61716026059495c870bdb535238348d2735f4', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", Object.assign({ key: '9918f6fcf115eb6e9d200ed266167cefb3cbb6af', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--right': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), h("tet-icon", { key: 'bab87fc1ad3d2f2eea763f11c5079761f10054cf', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick }, (this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), (this.containerSize !== 'large' ? { tabindex: 4 } : {})), h("tet-icon", { key: '4efff5a40e57423bf94095e6230b8580609aa65e', name: "add", class: "range-slider__control--icon" }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/tet-spacing.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ const TetSpacing = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '6d1f5b57cb2bc71b1f64f6058fbcdfb07dc3f32e' }, h("div", { key: 'd119937deffe4c29349e692cc9a0c3c73dd0418d', class: "variable-container" }, h("div", { key: 'afc59ff06a7397bf5ab614238240cd9c03ecce08', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: '18f0e604c513d1df482159457d39e7e69898630b', class: "container-section" }, h("div", { key: 'f95de2a33a1d4e8cdaaa4ff8c695f8de1ef8b6a6', class: "variable-name" }, h("div", { key: '0ce337748ee271a82e386767844716b1f53a84ef', class: "variable-part" }, "tet"), h("div", { key: 'b8d969e42f7f772c75fcc95ba6233cb2a189b26e', class: "variable-part" }, "-spacing"), h("div", { key: 'ff780c2d902616bec3a1dee18c21d4dd5777ed29', class: "variable-part variable variable-size" }, "__md"), h("div", { key: '90db7ab102f30b014da9c7b793160eb6b4858687', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: '6862a09246af7a5f5636c5d79c070daeeaafca9c', class: "container-wrapper" }, h("div", { key: '4cdace4b68cf48211567c57751d788ab52c8cae4', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: '01b156a0a9eee2111e3f4b1ca2f1ca5502d422db', class: "section" }, h("div", { key: '56435a4a20e6ce935b361e1c4586771ec8b37150', class: "section-wrapper" }, h("div", { key: '82acda36385e825fac40eff1d8bf0fa945feca2d', class: "section" }, h("div", { key: '989c846a7c722adebf5fea8feb6576d243fff19e', class: "section-content" }, h("div", { key: '51bd976abc9368d47c2735eb5905538c4f1e28b2', class: "section-style" }, "__null"), h("div", { key: '8ff78c6eaef71632a5ac3928ff2f0a97b970ebe3', class: "section-style-attribute" }, "0")), h("div", { key: 'cfdc773bb18d5198997df719b52756a91220de4d', class: "section-content" }, h("div", { key: '6af69a911e12b59494929306e19d2423c006ca81', class: "section-style" }, "__3xs"), h("div", { key: 'ed75b70caf8de25f3bf5c82ede8db36f0000b628', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: 'ae4c63c85132825dfbcbc0c816182aee2a7c3843', class: "section-content" }, h("div", { key: 'b622f061f6ea5a32a5033241476b35f6e13dab50', class: "section-style" }, "__2xs"), h("div", { key: '8856a9c0bf6f62a990f67ca23d002beed8a51ceb', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: '6086104d03c988c32fedd24c6d0830dd405dc361', class: "section-content" }, h("div", { key: 'a0f7306f59cf4c4fb13e9b38316469a000ac4ddc', class: "section-style" }, "__xs"), h("div", { key: 'df434eee8acd328bbff94aac38dd0a8ec9487280', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: '33000322420eea4eb6205a5ae86665a5b0ec3022', class: "section-content" }, h("div", { key: '9c624f9b6da24122d040bb22f4f5bc3d3e0b931e', class: "section-style" }, "__sm"), h("div", { key: '399894f272616eda2738524e7aa9acd697b513b3', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: '815eb07b657e115bc68dd905c11091c9b22448a0', class: "section-content" }, h("div", { key: 'cbc66c99665ea8bba90b864fad2b2c5f7c640c3a', class: "section-style" }, "__md"), h("div", { key: '8e5ff79f682826d88de886c03ac2c2fe9ce1a602', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: '1cb7bdd5dd911584817ad6a8f9ea310b4186cedb', class: "section-content" }, h("div", { key: '4f89f58c708b36f8ef6a65f0dbed2635c23114f0', class: "section-style" }, "__lg"), h("div", { key: '492c41c6228e11209da81918a96bac19fd6cf1c0', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: '31a19ff278a9febb0ab0e66f388af3aafa516ef2', class: "section-content" }, h("div", { key: '02fe7e60d17a4e50d7aa3fce83982901d6254582', class: "section-style" }, "__xl"), h("div", { key: '27759173fd99422d94a8e92ff50288f06c770745', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: 'dd5adbc45d3b360986cb821b6d2df003be7f3138', class: "section-content" }, h("div", { key: '40a46ffb6e112b1e2804087fe21c85b8bb935b1f', class: "section-style" }, "__2xl"), h("div", { key: '0ae43551352af66c6c7a05c778eb346b37230ddc', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: 'c1e3be4d7e4193f44ab34df976778a5f30a5ba43', class: "section-content" }, h("div", { key: '5ae76d622ac31c02ca6acd31b413a0ff9a7c2176', class: "section-style" }, "__3xl"), h("div", { key: '97fce228e7e6b2b920dfb3ad59880795c4665550', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: 'a21c383b42a6e0e870d66fbbe1846ddfce332551', class: "section-content" }, h("div", { key: '2242fa48d9f7b6db9954432922cd1885e8412fdd', class: "section-style" }, "__xxl"), h("div", { key: '4e65a201f903773553e851f3cfa106f59d356205', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: '4308e213977b5f7163d8eaca1315645893732ab3', class: "section-content" }, h("div", { key: 'cc4986e14896210967b7f420594089e0d216abba', class: "section-style" }, "__2xxl"), h("div", { key: 'e48ffb2e1370208f0efcc7515c1d8997292e858b', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: 'f252c039a9cadfa5de7239d8e749190750f98f48', class: "section-content" }, h("div", { key: '03e498b3dec19a5e25f3cf1ec29816f022da3d13', class: "section-style" }, "__3xxl"), h("div", { key: 'd001cb2962e71b8c0e75074938914bda58bc5083', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: '9438eec03700e8e8ac04d6c7ad911ae7e3c37c04', class: "section-content" }, h("div", { key: '5fe87d324cd56644462eda25e967d088979ebf1a', class: "section-style" }, "__mg"), h("div", { key: '409234a29ed411ff8aa39ff9c204d0a549885f7f', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: 'abf7a297118752f3f95f2717f46fac637d32287b', class: "section-content" }, h("div", { key: '0f3a8828da0313a3a8988b2b8cfd623bae4745d7', class: "section-style" }, "__2mg"), h("div", { key: 'a03800ed5d065c93330b4b2774b255ddf66b214d', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: '2fa9434c02afbaf8423e2f40459ac68c30f408bb', class: "section-content" }, h("div", { key: '85353f97ba3a939b50ddbfcdb872582745a0da98', class: "section-style" }, "__3mg"), h("div", { key: '7fd26222ad9dd67346df79d36cc036ed45dbadd2', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: '2c8ceaa91b5e7215d5b68064be63ed7bc478762f', class: "section-content" }, h("div", { key: '92a5cef6aaa720774ceefd95f62a2f0987351f8e', class: "section-style" }, "__gg"), h("div", { key: '82846bde2dcdba34871b51532ddba75a9d3ecb57', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: 'd2e19112e87c9da6c0dc4808b839f3b4cf897cd8', class: "section-content" }, h("div", { key: '1e307d9c4cce0fa50cf85ad7a432886e0ad2403a', class: "section-style" }, "__2gg"), h("div", { key: '49aca5e3ae2a259e322897ca8b23652da7880e0a', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '705ff82cc98881447ae754d33ddb2ee89d55e6e8', class: "section-content" }, h("div", { key: '1893aa1ebf381cfcfdd050a41d5b9cee09d3f419', class: "section-style" }, "__3gg"), h("div", { key: '826e82b8c7bec8f7f9b61733f27b2d16f93c88c6', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: 'c5ccede3185e21e617883a12281014c456fe6f02', class: "section-content" }, h("div", { key: '0c0045c4946f1193bddc040039d7aa965bbb2be8', class: "section-style" }, "__xgg"), h("div", { key: '6369cbc1bc3ab6e17c69b80c7040c9cd36b43d11', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: '35a5941252e83be0aad3101f1bb4094612dee916', class: "section-content" }, h("div", { key: '01e1b8487ffb3c858a62066be188d17b85140e43', class: "section-style" }, "__auto"), h("div", { key: 'bee4450156871f62627511aa6523e587a8256fe2', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: '5c07bfae8e4b238d2e87e4871509905ac4377ba2', class: "section" }, h("div", { key: 'fe0819b39ffe26572a94868d7e19fa52ec1ff10f', class: "section-content" }, h("div", { key: 'fee6cb5e448aa9bbd71a6b73b3d169946a6c3ef1', class: "section-style" }, "--m"), h("div", { key: '1b8300281d1836ad07963e24cb5abd4c617a5292', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: 'bc5a350aaa1525fdac64ec9de3163b9b2b3c70cb', class: "section-content" }, h("div", { key: '75d1464464000e0e6ec04849a66961a09db18cc6', class: "section-style" }, "--mtb"), h("div", { key: '4bf07739f8a8a9d49c90553f63097559b8837c4a', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: '4362adec4045b7b4fac9843c82c059154f3a5d0b', class: "section-content" }, h("div", { key: 'a3343fef3beef476095c0db2df6bc70b3d231eae', class: "section-style" }, "--mlr"), h("div", { key: 'fb94438c446dd523a7d624d935158b98cd651fe1', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: '08c39e528ed82105b764d4f059cb09b1714e062a', class: "section-content" }, h("div", { key: 'c8b8046e0e950ef1e2566acaf346c30c7b899d42', class: "section-style" }, "--mt"), h("div", { key: '1387f852772c80e89c6c264a1c4d237c614a8ed3', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: '1dce45acb4bd58cdc49d35bd931ba3e67cc8de16', class: "section-content" }, h("div", { key: '48328740bc4ae492fb34e3596359a1c4859c8249', class: "section-style" }, "--mb"), h("div", { key: '4378f9f3c40ef1d18c97876a9f12d03d9099ceb4', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: 'de3c9441167d74e9ff5f62b9bfa061ab07ebf7a0', class: "section-content" }, h("div", { key: '5ba8722ba801201ac5f742ee83579daa22d89653', class: "section-style" }, "--mr"), h("div", { key: 'df037d74b6028df22d31f7f57c922e70687aa55d', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '85d2e45ad2861614f7a157863fcd0bd2afe79e70', class: "section-content" }, h("div", { key: '3db577224176903da1cdc04aee54d9e8e6f7afae', class: "section-style" }, "--ml"), h("div", { key: '6c00ce2fb57ccefbb66b8bc843194f6b8ddaef36', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: 'f9cbecca881ca569c579578071d30f360ff5d6c4', class: "section-content" }, h("div", { key: 'c05b6488c3b221c21a12116b12c63b77c9e4765b', class: "section-style" }, "--p"), h("div", { key: '8976f29706bad06be4ce31fb9ceac01d41888120', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: 'ff479bc374405d478e3b1d52a1e5d790d6e09534', class: "section-content" }, h("div", { key: '37bd4d230356d841fa62974eebdda98b0a04ca99', class: "section-style" }, "--ptb"), h("div", { key: '73909df19059a37aeaef1dfb7fddc90afe97f802', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '9d1f18e3d8ebb68ca82b75f23bab4cf5c571dcf8', class: "section-content" }, h("div", { key: '76c06105db0b429c5467822ab2e59d7f49504a7e', class: "section-style" }, "--plr"), h("div", { key: '2102daa27e4714051dd520a4517bd2596b285fb0', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: 'a5e96c9022b32a895f08aae5da6baa0e0e962a33', class: "section-content" }, h("div", { key: '7ca5c0430f0de82ab433738ea836d8b5d312f2d4', class: "section-style" }, "--pt"), h("div", { key: 'fe8a69cffedf226eb2f208a332bd985f313bb625', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: '006ce80b678464be2c3c76f47391f54de5fbe9ad', class: "section-content" }, h("div", { key: '4c6c26dd2877c75e0afad79102593a91bf547b92', class: "section-style" }, "--pb"), h("div", { key: 'd5d0da1ebc2de33390496d19f33857513531af15', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: '6d6f93d691776c0c21e094a6c87bd39bcf6d9d26', class: "section-content" }, h("div", { key: '00120549dcdc4f4f04df8fca944b1b8197172c9b', class: "section-style" }, "--pr"), h("div", { key: '455a75d37b711e974ad1fb3d70d614b44a185c4c', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: '5d81508ce67cdcf02e279427adee6003a7ab8021', class: "section-content" }, h("div", { key: '3807742a31ada3fb13fbb83ae0010693e0c89f15', class: "section-style" }, "--pl"), h("div", { key: 'ebc02d7c9295166691688fe64bce87702e4490c6', class: "section-style-attribute" }, "padding pa kreisi"))))))));
+        return (h(Host, { key: 'f9470d283d4ce57dae03261af9ca0131bdd7e7f7' }, h("div", { key: '4faf42e0b109a41333f0dffd99c84a85c6ff3942', class: "variable-container" }, h("div", { key: '46efff10fd014740846258b35004ce0adfef7932', class: "container-title main" }, "Atstarpes klase klase"), h("div", { key: 'de338f78a0f9f69b9e5c24567ac0d4dc8372d0f6', class: "container-section" }, h("div", { key: 'e58d84b803d454adacf9d408477d6eccd74ec581', class: "variable-name" }, h("div", { key: '7cda7c77b8101118d832b9a0931cb3fc785304d4', class: "variable-part" }, "tet"), h("div", { key: '69376e899066a23808d9e1dfaba79a7582468879', class: "variable-part" }, "-spacing"), h("div", { key: '19461f42d0bd61e3f70006717faaaf85c2cd13c7', class: "variable-part variable variable-size" }, "__md"), h("div", { key: '9fa239f483620f16c6caea9d8890da3cd83497e2', class: "variable-part variable variable-direction" }, "--plr")))), h("div", { key: '2055967e4664e15b3b320013472ee179b784bada', class: "container-wrapper" }, h("div", { key: '5367b91dd5c4f73f6a9aed5cce0e767adbcb15cc', class: "container-title" }, "Atstarpju izm\u0113ri un virzieni"), h("div", { key: '6087fd8fe13b1f57504b8c32f3fd286c3f873a6f', class: "section" }, h("div", { key: '3a56a8330ecf54ebbff69343199498b21e41d4d2', class: "section-wrapper" }, h("div", { key: '7875537c558155dedb23bbd0142c18a369e48096', class: "section" }, h("div", { key: '095b4658e369f37c12481e0009b4781d0749ac21', class: "section-content" }, h("div", { key: 'a118258b1dbc783274c22f5a33d91d73c5c85cf9', class: "section-style" }, "__null"), h("div", { key: 'ecec0aa98b204f97bde1beb01dde5acc56686ad6', class: "section-style-attribute" }, "0")), h("div", { key: 'e8ae1260b913150ac9b8b736ced736cb56685f9b', class: "section-content" }, h("div", { key: '39efd24284ba6f9c6621db3c800a620212e606c2', class: "section-style" }, "__3xs"), h("div", { key: 'c7b306892d803370302e72a50d5e004dde48a034', class: "section-style-attribute" }, "0.125rem / 2px")), h("div", { key: 'e6341c31dff3d918013da5f2605d9c11dd6b9e3b', class: "section-content" }, h("div", { key: 'ca790734771cd465c567fb1f61c3ff2fa4e669af', class: "section-style" }, "__2xs"), h("div", { key: '9c9706ce0782be21856c99acb915e6725cce193e', class: "section-style-attribute" }, "0.25rem / 4px")), h("div", { key: '445fdc95c53151f36be710684173740d738d26f2', class: "section-content" }, h("div", { key: '6f17290c7d7340f008db3de4d00945690052289e', class: "section-style" }, "__xs"), h("div", { key: 'abcaa97bfcb14870f0c3e52ccf7038e5aecf4f64', class: "section-style-attribute" }, "0.5rem / 8px")), h("div", { key: '83c4464e6975fcf39bd305626078fe3ebd441155', class: "section-content" }, h("div", { key: 'c20c799e660660d51e50adaf867e4daf5b60deb1', class: "section-style" }, "__sm"), h("div", { key: 'f0721a2dc0546d738c581889d2285f2f207db82f', class: "section-style-attribute" }, "0.75rem / 12px")), h("div", { key: '03e623bbd41d653c17c23ffbe3fcd2eb01602bb5', class: "section-content" }, h("div", { key: '951f541af60333abf0ae9faeac68057e217640a0', class: "section-style" }, "__md"), h("div", { key: '011b5b43bca76c3ece4801fc76ebb90ac8979564', class: "section-style-attribute" }, "1rem / 16px")), h("div", { key: '035aa1657c62be433181e7ca9678524d2048be03', class: "section-content" }, h("div", { key: '1792de971444ab72a56fb72be38e613f6a4d7238', class: "section-style" }, "__lg"), h("div", { key: '463ecf75b1367ad513695ef082ad9117add9a445', class: "section-style-attribute" }, "1.5rem / 24px")), h("div", { key: '8add6ea5f92161dee0f4834bb2f20da24c534cbb', class: "section-content" }, h("div", { key: '6e38391443f4e0af3c2dfb9111f28ed39a370aa1', class: "section-style" }, "__xl"), h("div", { key: 'e5ed8f4535eb184a8ffc9be47c19d72b65915574', class: "section-style-attribute" }, "2rem / 32px")), h("div", { key: 'ebc9bea780893c7b3856a806c5db16c6037cd8a8', class: "section-content" }, h("div", { key: '66808ae7acb720256e0a51b94f33ae4823bd193a', class: "section-style" }, "__2xl"), h("div", { key: '8881ad6642fbe59da6d23d5e7fecf7a06b7ee217', class: "section-style-attribute" }, "2.5rem / 40px")), h("div", { key: 'ba73b5858193ee16148e7b8bb8e3ba36439997a8', class: "section-content" }, h("div", { key: 'f6dfb3494906ee6ebe987823e9317ebff4593972', class: "section-style" }, "__3xl"), h("div", { key: 'e96efc36fdde1b82021d38c67ab0cb86da3b5a06', class: "section-style-attribute" }, "3rem / 48px")), h("div", { key: '066188409ffe1fc6d4781dcb5f7e5d32cdc3e8f3', class: "section-content" }, h("div", { key: 'b02ef10a6f08cf2aa211d89f8e2d2becddf4f22f', class: "section-style" }, "__xxl"), h("div", { key: '9662ae2b2cf421fc46f85774e2cfbe896dd50cad', class: "section-style-attribute" }, "3.5rem / 56px")), h("div", { key: 'c0ede16d1a3c76429eb9b9ec09565ae8b65e4067', class: "section-content" }, h("div", { key: 'fc91f249c1ee3cd45e3ce3e96696ecd544820f1e', class: "section-style" }, "__2xxl"), h("div", { key: '2ac4d58500ba544358d1f61721ca0aae2dd2934d', class: "section-style-attribute" }, "4rem / 64px")), h("div", { key: '39a7923c691cb2fb2c4016f596728a048fb2cbd1', class: "section-content" }, h("div", { key: '50f1e6b66f8c578af73ee833b51a9ba6b04fd73d', class: "section-style" }, "__3xxl"), h("div", { key: 'af64d42fa0b21dc67e5876b33111cfe23a6ab8b5', class: "section-style-attribute" }, "4.5rem / 72px")), h("div", { key: '1644d84dd886249a5796143eaa0d867bd75735cc', class: "section-content" }, h("div", { key: '8e0677fed0d6536b068553b007b73bb2811e23a2', class: "section-style" }, "__mg"), h("div", { key: '90ebdedf9f9de74eecb5e72e0c4006009df2958b', class: "section-style-attribute" }, "5rem / 80px")), h("div", { key: 'ecaadf043794503fec9a604175c67bd65da9cb88', class: "section-content" }, h("div", { key: '1979e7c4b1c0428126578d356035ac191019f9a7', class: "section-style" }, "__2mg"), h("div", { key: 'a212e4da66758d21eab4911c40bf871cefda9624', class: "section-style-attribute" }, "5.5rem / 88px")), h("div", { key: 'e0240ddd78e17e135b9724843ff90d14fed20eda', class: "section-content" }, h("div", { key: 'bec749a01cd81143535f1493e5ce3a58647e9bc6', class: "section-style" }, "__3mg"), h("div", { key: '055a952cf9cb6f86c58f5b73fc0d115f908eb0e6', class: "section-style-attribute" }, "6rem / 96px")), h("div", { key: '5145dca92e101b72cd443416c093f286852804db', class: "section-content" }, h("div", { key: 'ea3c3f6292af6203b2e98b08c1e7998f35fe0061', class: "section-style" }, "__gg"), h("div", { key: '46b650212b616de01d590537e2a4419c63518b77', class: "section-style-attribute" }, "6.5rem / 104px")), h("div", { key: '2da3767d8a77f14b7a690a1a54dffcc0d2422892', class: "section-content" }, h("div", { key: 'f00dfe384ed510665ace8f87458b2405a20b365b', class: "section-style" }, "__2gg"), h("div", { key: '38cc941ba16171dd5c3db5eff9bb01d057927f13', class: "section-style-attribute" }, "7rem / 112px")), h("div", { key: '1aad9da1ed644bf450a7d15f3044f61711a23bf3', class: "section-content" }, h("div", { key: '2b095b3a85978815755dcb478af537204586a0d0', class: "section-style" }, "__3gg"), h("div", { key: '5844ba0de940ad46d86094cdd19f989e752a7598', class: "section-style-attribute" }, "7.5rem / 120px")), h("div", { key: '190612714f83767738e69cd6380c82c71e52d55c', class: "section-content" }, h("div", { key: 'acdcbbb5d7493896a12a5a20825ba21f37178b3b', class: "section-style" }, "__xgg"), h("div", { key: '5cc7e825c729101631cb6bfcf89f7c00c0c8e8b1', class: "section-style-attribute" }, "8rem / 128px")), h("div", { key: 'e54d26bc490bf2d11ced23109ce381482ba72744', class: "section-content" }, h("div", { key: 'eeb2dca44cae96bd06f99dafe1491cf599c21ca4', class: "section-style" }, "__auto"), h("div", { key: 'aebe5daa30053fa813e78dd551b2f2736d0fda17', class: "section-style-attribute" }, "autom\u0101tiskais izm\u0113rs (str\u0101d\u0101 tikkai uz margin)"))), h("div", { key: '6e96f631567a01a9c88d52844c0c227dec81530e', class: "section" }, h("div", { key: '3d1146a9bcab7357fc96f25c2dc3a14d2f0bca53', class: "section-content" }, h("div", { key: '07510c8afa67dca4462b2bfc7bb56a3df488b41b', class: "section-style" }, "--m"), h("div", { key: 'a21ecd98dc6d32fea206d6f5a1af69c3168913d5', class: "section-style-attribute" }, "margin uz vis\u0101m pus\u0113m")), h("div", { key: '85f4cb3b721f764549052a8b4d1e76f18d8c9d83', class: "section-content" }, h("div", { key: 'a2ae4c60cfe3c776955969fe24722a08c64817fe', class: "section-style" }, "--mtb"), h("div", { key: 'ef9c686ca7dcbff1a972c620d6bf843c167e6743', class: "section-style-attribute" }, "margin uz aug\u0161u un leju")), h("div", { key: '0cffb570ecfa9cb64225feb42e2a1e2a128e8fd7', class: "section-content" }, h("div", { key: '3476279b21964ff12aa60c45d799ab35db79f329', class: "section-style" }, "--mlr"), h("div", { key: 'fa5dc1f6caf4391be06ff6d88dbd8fe23f8b9097', class: "section-style-attribute" }, "margin uz abiem s\u0101niem")), h("div", { key: 'e4cce56601dbf600d25af5b62c3a83c7306542f0', class: "section-content" }, h("div", { key: '35b0c33f60e8e3fab109c29ead2bf3207cd82a14', class: "section-style" }, "--mt"), h("div", { key: 'e9ee1908be8ab94bc13ca8ca28ebe98529ed72a0', class: "section-style-attribute" }, "margin uz aug\u0161u")), h("div", { key: 'cc0cd1145880337cab5ff0f4593b57e759dcf07f', class: "section-content" }, h("div", { key: '5d382cddf28a2afe61fe5aa037fa40542bebd504', class: "section-style" }, "--mb"), h("div", { key: 'b6c283397d1cab6676984212702cfdba361f216f', class: "section-style-attribute" }, "margin uz leju")), h("div", { key: '5639f48defbc4c26af62b5a595836c3d75077238', class: "section-content" }, h("div", { key: '3e98e10898ba4b013435eb4f1d5235c9adf9884f', class: "section-style" }, "--mr"), h("div", { key: 'c6bbfd4d75f3144c5acd1d57e3de3bce2b7127f0', class: "section-style-attribute" }, "margin pa labi")), h("div", { key: '9f9a49d845f4b82ae9fc852d6ff22ba1a8d6eb37', class: "section-content" }, h("div", { key: '91035f48ed8ab029e7fd88ae9d6f40930be169de', class: "section-style" }, "--ml"), h("div", { key: 'db617c389cf01b4be4d40b497c7b1854796da472', class: "section-style-attribute" }, "margin pa kreisi")), h("div", { key: 'c7fa65f526dbe19dd5ea1b24e066b2ac4bc670ec', class: "section-content" }, h("div", { key: '6950f5e5be7ff1c3a52fc1003599dc7a7a613257', class: "section-style" }, "--p"), h("div", { key: '70223337362a3cda23fce7b9227a81e6a2ebc17b', class: "section-style-attribute" }, "padding uz vis\u0101m pus\u0113m")), h("div", { key: '2bd7d1a72dd6190bd8b042655a07e723e66a97fd', class: "section-content" }, h("div", { key: 'b2bd8a80eab666cdc97f5a5ef518c570494c4fd6', class: "section-style" }, "--ptb"), h("div", { key: 'afb213e033d4e25414d5c3e01ca7b70723c80042', class: "section-style-attribute" }, "padding uz aug\u0161u un leju")), h("div", { key: '71e41f6ff7f8a28d6850eccabf448432bfc01f50', class: "section-content" }, h("div", { key: 'dc836cd49da8af5d55d10117a2d457e89e3c2fff', class: "section-style" }, "--plr"), h("div", { key: '8e01c4f1a824ac148c4f96a95645c8a0d9412e5c', class: "section-style-attribute" }, "padding uz abiem s\u0101niem")), h("div", { key: 'ba5db68de0240ddfa07603a8e071ec97a2fe901d', class: "section-content" }, h("div", { key: '0ea49fb968189bb8b7cfe4f12846066d518a9fbb', class: "section-style" }, "--pt"), h("div", { key: 'c9a9789683fcf420b21c0da7c7f37f138650915f', class: "section-style-attribute" }, "padding uz aug\u0161u")), h("div", { key: '9084e269a5a5bdd42c4aff85abb91b5d3c46e109', class: "section-content" }, h("div", { key: 'e0380e5dcd72bbd466c57235e2cae542c7709cb0', class: "section-style" }, "--pb"), h("div", { key: '0a5a69e4155c2bc16ba79c5810e3c03fa394c520', class: "section-style-attribute" }, "padding uz leju")), h("div", { key: '3799c57af405045d3c934618c41b622931da412d', class: "section-content" }, h("div", { key: '2dd509b7bd242a42172adf03fe03e81db936c7d7', class: "section-style" }, "--pr"), h("div", { key: '43156e87387fb54e6ee011d67c4d409400a04c44', class: "section-style-attribute" }, "padding pa labi")), h("div", { key: 'bb2028cea99ce5dc0918c24db2c992ff21a799cf', class: "section-content" }, h("div", { key: 'd56a3307e426536fa01dae92e4305457a293e2f8', class: "section-style" }, "--pl"), h("div", { key: 'e336c965b0d017b45e41064a4cea0512f8b9642d', class: "section-style-attribute" }, "padding pa kreisi"))))))));
     }
 };
 TetSpacing.style = TetSpacingStyle0;

package/dist/esm/tet-stepper-input.entry.js CHANGED Viewed

@@ -125,7 +125,7 @@ const TetStepperInput = class {
      */
     render() {
         const { onMinusClick, value, onPlusClick } = this;
-        return (h("div", { key: '360bf9007756b51ce164c4c493d8212c5d2b12b3', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: 'f34274f31fda052045d04222d411d6c43a798e91', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: translate('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: 'ea88668bfce1765e768524f4189330a22189fa5c', name: "remove" })), h("input", Object.assign({ key: '9f5ce6a4b5ba842543b3df82f84b79075469ef29', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: '86d3f7014eb3751f26eaee43697e92d835184272', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: translate('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '1032aa593c834c2b7725948835ff175319238850', name: "add" }))));
+        return (h("div", { key: 'e54d94ef2f7ac44fb73674cde7a2e0d1275ec1a5', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '9a0bbc9a7d7777a5b3b7d97cfc320d8dd3390865', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: translate('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: '1bcebf77f2e415334ec6bd6d2e2aeb74419e0299', name: "remove" })), h("input", Object.assign({ key: '655f01a4ba18a3bef14ab43950dd26db95ef16d0', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("tet-button", { key: 'd3feab3dfae84182dd135db073504a8c82ca69b4', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: translate('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '4d2216e0506685e55bcbd5d5d51ee7e4b4ba2152', name: "add" }))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"],