npm - @sekiui/elements - Versions diffs - 0.0.71 → 0.0.75 - Mend

@sekiui/elements 0.0.71 → 0.0.75

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

package/dist/collection/components/context-menu/seki-context-menu.js CHANGED Viewed

@@ -130,7 +130,7 @@ export class SekiContextMenu {
         this.removeClickOutside();
     }
     render() {
-        return (h(Host, { key: 'fc90d9258efeec2bc9d2bc3cbc045b1870d088e0', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'd8c49f0e336c02c3272e9af0f5fb488b1d87b1e0', part: "context-menu", class: "context-menu" }, h("slot", { key: '11a57ffde09f25ce5dfcdb1bf271ed33e74df69b' }))));
+        return (h(Host, { key: '960655d79557869d8b8dd1a3a777c02c35adea55', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'b15779469c6941575c0d4a3c31a90696fe773046', part: "context-menu", class: "context-menu" }, h("slot", { key: 'b4eeb0ab82cfd6c1aff8ba95d63e105efe7003fa' }))));
     }
     static get is() { return "seki-context-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-table/seki-data-table.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;
@@ -850,8 +851,8 @@
   width: 20px;
   height: 20px;
   padding: 0;
-  font-size: 16px;
-  line-height: 1;
+  font-size: var(--seki-text-base, 1rem);
+  line-height: var(--seki-leading-none, 1);
   color: var(--seki-muted-foreground);
   background: none;
   border: none;
@@ -988,7 +989,7 @@
 .data-table__sort-icon {
   flex-shrink: 0;
-  font-size: 12px;
+  font-size: var(--seki-text-xs, 0.75rem);
   color: var(--seki-muted-foreground);
 }
@@ -1116,7 +1117,7 @@
   width: 24px;
   height: 24px;
   padding: 0;
-  font-size: 10px;
+  font-size: var(--seki-text-xs, 0.625rem);
   color: var(--seki-muted-foreground);
   background: none;
   border: none;

package/dist/collection/components/data-table/seki-data-table.js CHANGED Viewed

@@ -417,10 +417,10 @@ export class SekiDataTable {
         const visibleColumns = this.getVisibleColumns();
         const totalPages = this.getTotalPages();
         const isLoading = this.state.loading || this.loading;
-        return (h(Host, { key: 'ef69a5efe09ae7df744b67bca088a777980092a4' }, h("div", { key: 'ba1d083df5363935bea1477c9e474818e11d9202', class: "data-table" }, (this.searchable || this.columnPicker) && (h("div", { key: '62555450c74f47314189b63571cbad9a99f189db', class: "data-table__toolbar" }, this.searchable && (h("div", { key: '42bd06b85c7b7feb8f3db2aef776f81d056a7dc4', class: "data-table__search" }, h("input", { key: 'd348ece6b67c3b1c7f13f2ff071973521467f4a5', type: "text", class: "data-table__search-input", placeholder: this.searchPlaceholder, value: this.searchInputValue, onInput: this.handleSearchInput }), this.searchInputValue && (h("button", { key: '89ea344cf44dc6aee3c2b52a850d50e2aac844b7', type: "button", class: "data-table__search-clear", onClick: this.handleClearSearch, "aria-label": "Clear search" }, "\u00D7")))), h("div", { key: '8a546dfa8690c2e571154aa5da27a9908c1c4cef', class: "data-table__toolbar-spacer" }), this.columnPicker && (h("button", { key: 'cc9d9753210339316eeaed6e9fb2a398533e9c96', type: "button", class: "data-table__column-picker-btn" }, "Columns")))), h("div", { key: '1e027cf981d1339aedf58810fa89c34bb3472034', class: {
+        return (h(Host, { key: '9fc368527fee5479b1b9b492d7f8c7bcf5ba589a' }, h("div", { key: '628a41e98731719a10b44ec1467b53fffbd6e678', class: "data-table" }, (this.searchable || this.columnPicker) && (h("div", { key: 'fc2247fd00884cbba9dd2eb18a4082f30d662b56', class: "data-table__toolbar" }, this.searchable && (h("div", { key: '1ade4e45dca8f98e264f049a60e115ac760989fb', class: "data-table__search" }, h("input", { key: 'b655babdeecefcd0b30190453ce855d15483bb46', type: "text", class: "data-table__search-input", placeholder: this.searchPlaceholder, value: this.searchInputValue, onInput: this.handleSearchInput }), this.searchInputValue && (h("button", { key: '4553c8415c712be2f39adc6fca70e9193c8fb45c', type: "button", class: "data-table__search-clear", onClick: this.handleClearSearch, "aria-label": "Clear search" }, "\u00D7")))), h("div", { key: '59a9b65971f9a18f14dad09e9536568fd0d26bec', class: "data-table__toolbar-spacer" }), this.columnPicker && (h("button", { key: '9458f03cf668dc3de9a08be26105e6f7e4bf6331', type: "button", class: "data-table__column-picker-btn" }, "Columns")))), h("div", { key: '2de5a449632d437969d5547b9601027cf59e5f48', class: {
                 'data-table__container': true,
                 'data-table__container--virtual': this.virtualScroll,
-            }, ref: el => (this.scrollContainerRef = el), onScroll: this.handleScroll }, h("table", { key: '6e39a8fbfbb77379d2544dc6ee2168ced4443a78', class: "data-table__table", role: "grid" }, h("thead", { key: '43af495683a4825caf6f9a085adc7298e354d8ce', class: "data-table__head" }, h("tr", { key: '13647162bbbf15e65d662504e1bef7773beee48b', class: "data-table__header-row", role: "row" }, this.selectable && (h("th", { key: 'a3d8afe9d70076ac2de77032d67381f15c09faba', class: "data-table__th data-table__th--checkbox", role: "columnheader" }, h("input", { key: '48ea1614a2c391ac38d7ded06c1ad1cc9f895642', type: "checkbox", class: "data-table__checkbox", checked: this.isAllSelected(), indeterminate: this.isSomeSelected(), onChange: (e) => this.handleSelectAll(e.target.checked), "aria-label": "Select all rows" }))), this.expandable && (h("th", { key: 'be78143b151f393aba67f3282f9218752fc9fba1', class: "data-table__th data-table__th--expand", role: "columnheader" }, h("span", { key: '71b0328cc3f6f83ef33255263c211f1effed0c89', class: "sr-only" }, "Expand"))), visibleColumns.map(column => {
+            }, ref: el => (this.scrollContainerRef = el), onScroll: this.handleScroll }, h("table", { key: '9830df916a806aefd3f3a277a424dabb0489c063', class: "data-table__table", role: "grid" }, h("thead", { key: '0e0c0b63ad05188d8ab4ab50edfc629fbac8f7e1', class: "data-table__head" }, h("tr", { key: '81308834c6489a934c0e8f08f5f5ffdbb3a97bf0', class: "data-table__header-row", role: "row" }, this.selectable && (h("th", { key: '80220c8d506067a923fb8289416685156d67e7aa', class: "data-table__th data-table__th--checkbox", role: "columnheader" }, h("input", { key: '0c4cee178a08d7458ee67f719128aefdc765319d', type: "checkbox", class: "data-table__checkbox", checked: this.isAllSelected(), indeterminate: this.isSomeSelected(), onChange: (e) => this.handleSelectAll(e.target.checked), "aria-label": "Select all rows" }))), this.expandable && (h("th", { key: 'c78c3d1d85828fffeb0b38140797f61e2daa3d17', class: "data-table__th data-table__th--expand", role: "columnheader" }, h("span", { key: '47099b66a092f732694f9e09e6391929507eb993', class: "sr-only" }, "Expand"))), visibleColumns.map(column => {
             var _a, _b, _c;
             return (h("th", { key: column.field, class: {
                     'data-table__th': true,
@@ -436,7 +436,7 @@ export class SekiDataTable {
                     ? '↑'
                     : '↓'
                 : '↕'))), column.resizable && (h("div", { class: "data-table__resize-handle", onMouseDown: (e) => this.startResize(e, column) }))));
-        }))), h("tbody", { key: '9f7cb50a5a96aa96ff06a0609fa7afdccce50b6b', class: "data-table__body", style: this.virtualScroll
+        }))), h("tbody", { key: '12623fb5bc07208391929c6b05ce61f070c56a1a', class: "data-table__body", style: this.virtualScroll
                 ? {
                     height: `${this.virtualScrollState.totalHeight}px`,
                     position: 'relative',
@@ -479,12 +479,12 @@ export class SekiDataTable {
                 /* Expanded content row */
                 isExpanded && this.renderExpandedRow && (h("tr", { key: `${rowKey}-expanded`, class: "data-table__row data-table__row--expanded-content" }, h("td", { class: "data-table__td data-table__td--expanded-content", colSpan: visibleColumns.length + (this.selectable ? 1 : 0) + (this.expandable ? 1 : 0) }, h("div", { class: "data-table__expanded-content", innerHTML: this.renderExpandedRow(row) })))),
             ];
-        })))), isLoading && this.state.rows.length > 0 && (h("div", { key: '0821a9f06e3ed29f73e476d16e3d086fd2314c5c', class: "data-table__loading-overlay" }, h("div", { key: '86382d2529dbf91a81b8bb23e4d3d1a952f1b964', class: "data-table__loading" }, "Loading...")))), h("div", { key: '8f14b381671fb562a3b49f82e60a4c406a112c16', class: "data-table__pagination" }, h("div", { key: 'fe1fc05df8d7afcbc99e3ce7eec9d7f060a52cff', class: "data-table__pagination-info" }, this.state.totalRows > 0
+        })))), isLoading && this.state.rows.length > 0 && (h("div", { key: '08c26b44c5ad9fa0f159007471e8f7775b2af0bb', class: "data-table__loading-overlay" }, h("div", { key: '4b561858aba01bb7f56c9096fe4753f19d17abb0', class: "data-table__loading" }, "Loading...")))), h("div", { key: 'b9f2b0129108796aeda67b4bd8d9adf966f30a61', class: "data-table__pagination" }, h("div", { key: '166cd61aecb3bb06673edddc438cc1d10923c762', class: "data-table__pagination-info" }, this.state.totalRows > 0
             ? `${this.state.page * this.state.pageSize + 1}-${Math.min((this.state.page + 1) * this.state.pageSize, this.state.totalRows)} of ${this.state.totalRows}`
-            : '0 results'), h("div", { key: 'afb00fa601654ea5ad123129fda2c6f7aa5ed49e', class: "data-table__pagination-controls" }, h("select", { key: '92ce08e32cf7f57fdda8852f8b4bee900aeb6459', class: "data-table__page-size", onChange: (e) => {
+            : '0 results'), h("div", { key: 'ca0e0318d12cbcd3183026d8dad65c405f5f273a', class: "data-table__pagination-controls" }, h("select", { key: '8f488e50d088b02db9f0f4356867362a159c769f', class: "data-table__page-size", onChange: (e) => {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 this.handlePageSizeChange(Number(e.target.value));
-            } }, this.parsePageSizeOptions().map(size => (h("option", { key: size, value: size, selected: size === this.state.pageSize }, size, " / page")))), h("button", { key: '18a0881636ae994ccac79a229549c2d28f408d71', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(0), "aria-label": "First page" }, "\u00AB\u00AB"), h("button", { key: '724ce11a715e1b2ad206d3eb2852136694769b37', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(this.state.page - 1), "aria-label": "Previous page" }, "\u00AB"), h("span", { key: '0e8583c672d269d50fd1f7cd7ea892574c60a83f', class: "data-table__page-indicator" }, "Page ", this.state.page + 1, " of ", totalPages || 1), h("button", { key: 'b022c1f657f4254e69d144b997c074d5a54b1bcf', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(this.state.page + 1), "aria-label": "Next page" }, "\u00BB"), h("button", { key: 'bf899c2b7d10db02e692126f6bd6eba86a791688', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(totalPages - 1), "aria-label": "Last page" }, "\u00BB\u00BB"))))));
+            } }, this.parsePageSizeOptions().map(size => (h("option", { key: size, value: size, selected: size === this.state.pageSize }, size, " / page")))), h("button", { key: '54d2ee6f28f01e86add900a4994d6465a8ad1c34', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(0), "aria-label": "First page" }, "\u00AB\u00AB"), h("button", { key: '152a46e4bace8a6b1773f2b1a9a1fc7db3138469', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(this.state.page - 1), "aria-label": "Previous page" }, "\u00AB"), h("span", { key: '11beadde4a2d85a96c2bf5f8799ef13892697970', class: "data-table__page-indicator" }, "Page ", this.state.page + 1, " of ", totalPages || 1), h("button", { key: '2d977d163562b236abbcdf134793fcd301366845', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(this.state.page + 1), "aria-label": "Next page" }, "\u00BB"), h("button", { key: '6a2f9e12faab5cc377f7a15c13a25115cde9ccb5', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(totalPages - 1), "aria-label": "Last page" }, "\u00BB\u00BB"))))));
     }
     static get is() { return "seki-data-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog-close.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;
@@ -762,6 +763,7 @@
   position: absolute;
   right: 1rem;
   top: 1rem;
+  font-family: var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
 }
 .dialog-close {

package/dist/collection/components/dialog/seki-dialog-close.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class SekiDialogClose {
         this.closeDialog.emit();
     }
     render() {
-        return (h(Host, { key: '33d78d6dfc026b769ea8300e210583ffc94c1125' }, h("button", { key: 'ff3363f5eb1863eee754b5dd814d1a066ccf93a2', part: "close", type: "button", class: "dialog-close", "aria-label": "Close" }, h("slot", { key: '95be22d412b263aa2783b641731056885541c09c' }, h("svg", { key: '0c52457859de464f14349b5811188cf91344f014', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: 'bf20dcc227c5623580743c294c4b6d0fe4df9b5d', d: "M18 6 6 18" }), h("path", { key: '7fe9c9a1e0429185f1a831a872ee0f30baafad32', d: "m6 6 12 12" }))), h("span", { key: '2377c48a324f51827305878bcfd0fb0884c3f97c', class: "sr-only" }, "Close"))));
+        return (h(Host, { key: 'f705161cdc9feb586726e0ad1ec1dd8ded703d6a' }, h("button", { key: '68d8e18f3aeafe44b24640983e81d8061c37cdad', part: "close", type: "button", class: "dialog-close", "aria-label": "Close" }, h("slot", { key: 'e14d6f4f4cdb27f68cb2e31d0eefb7594502d666' }, h("svg", { key: 'e49c1c867252ea57e5a35adcb190e48aac953913', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '0960455191c1ef331a44516c92d7f9719506e086', d: "M18 6 6 18" }), h("path", { key: '6a104fe02409176caafa78542e56855395b531b1', d: "m6 6 12 12" }))), h("span", { key: 'fedf74324f5c3ebf42a1670ef79999f68c9c8fdf', class: "sr-only" }, "Close"))));
     }
     static get is() { return "seki-dialog-close"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog-content.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dialog/seki-dialog-description.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dialog/seki-dialog-description.js CHANGED Viewed

@@ -14,7 +14,7 @@ export class SekiDialogDescription {
     }
     render() {
         const context = this.getContext();
-        return (h(Host, { key: 'ece2acffbe9ca267f14409872bbe651ba42b9c38' }, h("p", { key: 'a78a75f9b75b1b8f062347b941fc3076a058f176', part: "description", id: context === null || context === void 0 ? void 0 : context.descriptionId, class: "dialog-description" }, h("slot", { key: 'f8e4436408f38878d185773fa352a298e4a8d996' }))));
+        return (h(Host, { key: 'a1ae6b847570a20430ac64232db4728c4192502d' }, h("p", { key: 'a770cf6988fd67ea52029c772e62287408a95f2e', part: "description", id: context === null || context === void 0 ? void 0 : context.descriptionId, class: "dialog-description" }, h("slot", { key: '2c01ae052d8dcc4d630079f25bbccfa0dd377182' }))));
     }
     static get is() { return "seki-dialog-description"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog-footer.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dialog/seki-dialog-footer.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiDialogFooter {
     render() {
-        return (h(Host, { key: '376fdc7802694d4935a40581139c599f2f87f609' }, h("div", { key: '2d0782b18e05573dfe73eb4a339ee8f592c45b9a', part: "footer", class: "dialog-footer" }, h("slot", { key: 'feee7bac75b1cc5fc6b0a07231f5320274c64489' }))));
+        return (h(Host, { key: '5e06f6f301e7282e9eca799f8096e0dbe6fb92fc' }, h("div", { key: '659ae25bd5d66b9e555c4eef87a39e35b9a3c797', part: "footer", class: "dialog-footer" }, h("slot", { key: '92bf5764c84e010451ca07051a2e13e4957b61bd' }))));
     }
     static get is() { return "seki-dialog-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog-header.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dialog/seki-dialog-header.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiDialogHeader {
     render() {
-        return (h(Host, { key: 'cc0899b0cd481fe2b0b4addf64e5a40a9506c6a3' }, h("div", { key: 'cd0a64257eeb525fd8da0710fc990dc0540a7b49', part: "header", class: "dialog-header" }, h("slot", { key: '00d4d46b3cc045348e671d5623fbf6156bc4a325' }))));
+        return (h(Host, { key: '814a0d086ecb48a8b4502a0ab5c86e3ef978f64d' }, h("div", { key: '14de697f93aefee18ad7aed53bc5ee9fbedec62f', part: "header", class: "dialog-header" }, h("slot", { key: 'd337de4928432827a3ebccdacde6fe1b0b3ad267' }))));
     }
     static get is() { return "seki-dialog-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog-overlay.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dialog/seki-dialog-title.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dialog/seki-dialog-title.js CHANGED Viewed

@@ -14,7 +14,7 @@ export class SekiDialogTitle {
     }
     render() {
         const context = this.getContext();
-        return (h(Host, { key: '70da0bcf12595332b930f9386faaeea3b6abe224' }, h("h2", { key: '1f752f8556b544fdd91a011d0c6a42a702a5b9f1', part: "title", id: context === null || context === void 0 ? void 0 : context.titleId, class: "dialog-title" }, h("slot", { key: 'd26aec12987ea85d79f31e9f37c7ed22904de833' }))));
+        return (h(Host, { key: '37ee8e7f055b63724703101fb78657a6df1b47d9' }, h("h2", { key: 'cdbe88f96f601a24767691c6f0136f043c043238', part: "title", id: context === null || context === void 0 ? void 0 : context.titleId, class: "dialog-title" }, h("slot", { key: '9d96525ec7e3c5fe89e1969151a05e1ba56c9f72' }))));
     }
     static get is() { return "seki-dialog-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog-trigger.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dialog/seki-dialog-trigger.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class SekiDialogTrigger {
         this.triggerClick.emit();
     }
     render() {
-        return (h(Host, { key: '073dc7c836c5aebd41476b21038ce8a90a37985f' }, h("span", { key: '4319bef3baa6f8b4f01a9f6d3de47060d92c7f70', part: "trigger", class: "dialog-trigger" }, h("slot", { key: '74bdf615eec08e25dee63e90a04b0b40de74e448' }))));
+        return (h(Host, { key: 'f37c5bf54c9a0f23cb814de72ad45d89baa5ad6b' }, h("span", { key: '864202bf9a278826c65f853dc177890ebb50cd41', part: "trigger", class: "dialog-trigger" }, h("slot", { key: '9334d5f125ecc1992043b9a0b39ea178ae9e8dea' }))));
     }
     static get is() { return "seki-dialog-trigger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dialog/seki-dialog.js CHANGED Viewed

@@ -99,7 +99,7 @@ export class SekiDialog {
         }
     }
     render() {
-        return (h(Host, { key: '48d57811aec8d78dd24f9798ed73d8f56b9a10e2', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'a2e1ef8cbc5060c4aade8ff6fceb3fd5f6de9b30', part: "dialog", class: "dialog" }, h("slot", { key: '6c2615fbbc51037dc8df9499e4e4993987699ecd' }))));
+        return (h(Host, { key: '8fd11b0e6eefe0954d582eb6ccc64ce45a8f3b2c', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '21c3c32ba69f6cb65f511fcbe752ab6d377e3ea6', part: "dialog", class: "dialog" }, h("slot", { key: '76a33312d51ceeae5d5032b281cb82bdb397861c' }))));
     }
     static get is() { return "seki-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/drawer/seki-drawer.css CHANGED Viewed

@@ -373,6 +373,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/drawer/seki-drawer.js CHANGED Viewed

@@ -82,10 +82,10 @@ export class SekiDrawer {
         }
     }
     render() {
-        return (h("div", { key: '7fdfcca5df5bfc278ea3d1aa68eec30e7ac25e61', class: {
+        return (h("div", { key: 'b2d90ff3d391279a1ae1d6aaff0bee2d8814c0fa', class: {
                 'seki-drawer': true,
                 'seki-drawer--open': this.isOpen,
-            }, "data-snap-point": this.currentSnapPoint, part: "drawer" }, h("slot", { key: 'b32c705496b04b6c2992aa75d8a7c276b53f77ca' }), this.isOpen && (h("div", { key: '01c3438a15338b5849cf90c388e7975954db8edc', class: "seki-drawer-overlay", part: "overlay", onClick: () => this.close() }))));
+            }, "data-snap-point": this.currentSnapPoint, part: "drawer" }, h("slot", { key: 'efa0af5acf270662cfb583c008a5233ac924a96c' }), this.isOpen && (h("div", { key: '7c9601dbf31bd58cf2d5c56ebbd970586e9e6d8b', class: "seki-drawer-overlay", part: "overlay", onClick: () => this.close() }))));
     }
     static get is() { return "seki-drawer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-checkbox.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;
@@ -760,6 +761,7 @@
 :host {
   display: contents;
+  font-family: var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
 }
 .dropdown-menu-checkbox {

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-checkbox.js CHANGED Viewed

@@ -41,10 +41,10 @@ export class SekiDropdownMenuCheckbox {
         this._checked = this.checked;
     }
     render() {
-        return (h(Host, { key: '872b261ef6b752820aab23a6f621f0e0197b1900' }, h("div", { key: 'fda3490eabcf62aff7f59e2d035b7035fcc5d819', part: "item", role: "menuitemcheckbox", class: {
+        return (h(Host, { key: 'ad97a10fb763c51228f7bc942604d39fb9739ef0' }, h("div", { key: 'af6ffd6bfaa54face70dfbd26e047bfb1baa0d51', part: "item", role: "menuitemcheckbox", class: {
                 'dropdown-menu-checkbox': true,
                 'dropdown-menu-checkbox--disabled': this.disabled,
-            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: 'df0db00f50f026601ea641a394f73f26bd2d7541', part: "indicator", class: "dropdown-menu-checkbox__indicator" }, this._checked && (h("svg", { key: '9d84d01fb1325ec18e3422e7bf86f60db71bb09e', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '4238b6705e179aa81d83faee24dcf50d7e5ca7b3', points: "20 6 9 17 4 12" })))), h("slot", { key: '97189fddfd23af43a2cbcd620adc6a684becb686' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: '93b74b81b2823b0897c3c7fd16630926e6f992da', part: "indicator", class: "dropdown-menu-checkbox__indicator" }, this._checked && (h("svg", { key: 'd7af3edd467f2e4ef9d4b5645f00cd5f65d425f6', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '57e90defa048b97b334afd8eba96eb05fe655e3e', points: "20 6 9 17 4 12" })))), h("slot", { key: 'ebb87fad820a678c49e1ea089d6744db119eb8f7' }))));
     }
     static get is() { return "seki-dropdown-menu-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-content.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-item.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;
@@ -760,6 +761,7 @@
 :host {
   display: contents;
+  font-family: var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
 }
 .dropdown-menu-item {

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-item.js CHANGED Viewed

@@ -48,11 +48,11 @@ export class SekiDropdownMenuItem {
         return null;
     }
     render() {
-        return (h(Host, { key: '96d985ddf81334ee12def9354df5d3958ef9673b' }, h("div", { key: 'bcf8a6b42607e9b5650a6c024463a42c06f7ffe0', part: "item", role: "menuitem", class: {
+        return (h(Host, { key: '8183cdc2186dfe13b2761700057d2b672869c40b' }, h("div", { key: 'f9fb50082d75669c9d5d78a4197fd09c3b42db25', part: "item", role: "menuitem", class: {
                 'dropdown-menu-item': true,
                 'dropdown-menu-item--disabled': this.disabled,
                 'dropdown-menu-item--inset': this.inset,
-            }, tabindex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: '712c16e1add65c21be9d45bb24658ae21f98a9be' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: '60714f1c4442376da8e5642188a6968f6f13caf5' }))));
     }
     static get is() { return "seki-dropdown-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-label.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;
@@ -760,6 +761,7 @@
 :host {
   display: contents;
+  font-family: var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
 }
 .dropdown-menu-label {

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-label.js CHANGED Viewed

@@ -14,10 +14,10 @@ export class SekiDropdownMenuLabel {
         this.inset = false;
     }
     render() {
-        return (h(Host, { key: 'e9ea19c6fc5a6858f55a020f64678b94829fb625' }, h("div", { key: '2cf35335ec8c5705022518aed73076c03b6fba0b', part: "label", class: {
+        return (h(Host, { key: '15cf79cd7902a38328eee289bc7296c3ef0e550b' }, h("div", { key: 'f0c0efafb6e055c6ac13ad52fbf6a335da04384a', part: "label", class: {
                 'dropdown-menu-label': true,
                 'dropdown-menu-label--inset': this.inset,
-            } }, h("slot", { key: '7885412b15d73139093ac7c370a377159d167a3f' }))));
+            } }, h("slot", { key: 'e97546b79e156d9f5d5335cc03dbc1110254431c' }))));
     }
     static get is() { return "seki-dropdown-menu-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-radio-group.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-radio-group.js CHANGED Viewed

@@ -31,7 +31,7 @@ export class SekiDropdownMenuRadioGroup {
         this._radioGroupContext.setValue(event.detail);
     }
     render() {
-        return (h(Host, { key: 'c3b30a4b71f4416b6c162f006cd97d7738b693a0' }, h("div", { key: '2803b094b5ef6ffa0aad8c0df617be6ad14dcd4c', part: "group", role: "group", class: "dropdown-menu-radio-group" }, h("slot", { key: '2c28f6446d94a259a1fe0877cbe2c371d6ba944a' }))));
+        return (h(Host, { key: 'c3148c8178688645ed070e5cbaaf23da1653b8e6' }, h("div", { key: '6c8d46491ddb86860f8559d78f363fb87ef36403', part: "group", role: "group", class: "dropdown-menu-radio-group" }, h("slot", { key: 'b45671c11722d24097d25ea2e635b9cb14d23daf' }))));
     }
     static get is() { return "seki-dropdown-menu-radio-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-radio.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;
@@ -760,6 +761,7 @@
 :host {
   display: contents;
+  font-family: var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
 }
 .dropdown-menu-radio {

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-radio.js CHANGED Viewed

@@ -47,10 +47,10 @@ export class SekiDropdownMenuRadio {
         }
     }
     render() {
-        return (h(Host, { key: 'c0b3e002ebb6dd64a2c508129280e8ce208c3d81' }, h("div", { key: '886045cb5f9b5fe053664d899215c9a5066fb967', part: "item", role: "menuitemradio", class: {
+        return (h(Host, { key: 'dec338fa86b9219da6ab3b12ff616fdca9cbe154' }, h("div", { key: 'eb9053f08c7821ba8eb52a76185f9e011733714f', part: "item", role: "menuitemradio", class: {
                 'dropdown-menu-radio': true,
                 'dropdown-menu-radio--disabled': this.disabled,
-            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: 'a42030f540ad244610251796c0074b219351c5bd', part: "indicator", class: "dropdown-menu-radio__indicator" }, this._isChecked && (h("svg", { key: 'bba0920ef5fc2772df309454e6a17b9863ca344e', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, h("circle", { key: 'feb3d56fbaa3a7c8e958070b701fab81493854ae', cx: "12", cy: "12", r: "4" })))), h("slot", { key: '4d085be9fb4ff9b6c0b8d09e0727e332ad5c5195' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._isChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: '46404393b56d99b49d83c0eec46bf67bc3876913', part: "indicator", class: "dropdown-menu-radio__indicator" }, this._isChecked && (h("svg", { key: '3bf9a19e81a17c9fe92021e92b07b35e010467a9', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor" }, h("circle", { key: 'd5d38512c08edf1f2ed60c7b47889546221ce18c', cx: "12", cy: "12", r: "4" })))), h("slot", { key: '6bee3934c0bb765de810c89ef7c7809865ac3e6d' }))));
     }
     static get is() { return "seki-dropdown-menu-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-separator.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-separator.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiDropdownMenuSeparator {
     render() {
-        return (h(Host, { key: 'da46e3d5d8a3f4c95cf2278228e493b476c136fa' }, h("div", { key: 'b7fc9ac3da583033c8bd0046d92306effeb3c7aa', part: "separator", role: "separator", class: "dropdown-menu-separator" })));
+        return (h(Host, { key: '4feef9f054260dee2dec7079086db353bda79fb5' }, h("div", { key: 'fb4a45ff3e66200c78526e6858441959eb26ea5b', part: "separator", role: "separator", class: "dropdown-menu-separator" })));
     }
     static get is() { return "seki-dropdown-menu-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-shortcut.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;
@@ -761,6 +762,7 @@
 :host {
   display: inline-flex;
   margin-left: auto;
+  font-family: var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
 }
 .dropdown-menu-shortcut {

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-shortcut.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiDropdownMenuShortcut {
     render() {
-        return (h(Host, { key: 'c4578c28a33d3cbe5fd8aa7165724b37a7f94004' }, h("span", { key: 'fc6d3115b4675aa686ec9cba8b6fadc75d4bd7c2', part: "shortcut", class: "dropdown-menu-shortcut" }, h("slot", { key: '3e6cfb1f87874096016fb7038d46517f67ad0357' }))));
+        return (h(Host, { key: '74f7f190280cf7d429516d58c05a10dd1af60017' }, h("span", { key: 'ac05a045b8201377e6609386e49dd899f315f806', part: "shortcut", class: "dropdown-menu-shortcut" }, h("slot", { key: '8a5752e4e03999818385f6b0ae952d8c65fdf2a8' }))));
     }
     static get is() { return "seki-dropdown-menu-shortcut"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-sub.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;
@@ -761,6 +762,7 @@
 :host {
   display: block;
   position: relative;
+  font-family: var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
 }
 .dropdown-menu-sub-trigger {

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-sub.js CHANGED Viewed

@@ -135,10 +135,10 @@ export class SekiDropdownMenuSub {
         }
     }
     render() {
-        return (h(Host, { key: '868a38205788300a7c3f43d43c34815106580110', "data-state": this._isOpen ? 'open' : 'closed', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: '18d1f193ba53404b43cefdb4b749b99622ecc986', ref: (el) => (this.triggerRef = el), part: "trigger", class: "dropdown-menu-sub-trigger", role: "menuitem", "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false', tabindex: "0" }, h("slot", { key: '650277c9d0e7e0b3a4247528b0daf461c019a364', name: "trigger" })), this._isOpen && (h("div", { key: 'be9dc76ebd73267986ea7690d400207718482130', ref: (el) => (this.contentRef = el), part: "content", class: {
+        return (h(Host, { key: '23f4b30daf55326353e2954744579855544a68e7', "data-state": this._isOpen ? 'open' : 'closed', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'b6768b5cf3ab1cea819e9ebe3478b4b170fff59d', ref: (el) => (this.triggerRef = el), part: "trigger", class: "dropdown-menu-sub-trigger", role: "menuitem", "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false', tabindex: "0" }, h("slot", { key: '4c8479ad3b81f63de6c2b420278b4a672d94e177', name: "trigger" })), this._isOpen && (h("div", { key: 'dc9692ab122f309c004d39b983eb526e505aadc7', ref: (el) => (this.contentRef = el), part: "content", class: {
                 'dropdown-menu-sub-content': true,
                 'dropdown-menu-sub-content--left': this._openToLeft,
-            }, role: "menu" }, h("slot", { key: '06c1b5221edd7d791c25713d48a9c01a78ec12d4', name: "content" })))));
+            }, role: "menu" }, h("slot", { key: '72dda5b31218de0f0d7e507d0d1e64541fcacf3c', name: "content" })))));
     }
     static get is() { return "seki-dropdown-menu-sub"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-trigger.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-trigger.js CHANGED Viewed

@@ -30,7 +30,7 @@ export class SekiDropdownMenuTrigger {
         this.triggerClick.emit();
     }
     render() {
-        return (h(Host, { key: '181c08b7d74329150545ce08e563c61ae519c8d5', "data-state": this._isOpen ? 'open' : 'closed' }, h("span", { key: '9bc3e002bc55ae9fc7762b6ae0763cac7a6aec7b', part: "trigger", class: "dropdown-menu-trigger", "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false' }, h("slot", { key: 'c4a60909e0fca8d4b8546966cfab1d3ab5da503b' }))));
+        return (h(Host, { key: '3b17d20c6729f15d06b457b8561353f83e74c806', "data-state": this._isOpen ? 'open' : 'closed' }, h("span", { key: '5a99f528c7050ac324713f74da2af0455e84ab44', part: "trigger", class: "dropdown-menu-trigger", "aria-haspopup": "menu", "aria-expanded": this._isOpen ? 'true' : 'false' }, h("slot", { key: '3e9136d297aff0ad8277ba189f358d4fcb3193e2' }))));
     }
     static get is() { return "seki-dropdown-menu-trigger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-menu/seki-dropdown-menu.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/field/seki-field.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/field/seki-field.js CHANGED Viewed

@@ -32,7 +32,7 @@ export class SekiField {
     }
     render() {
         const hasMultiple = this.hasMultipleControls();
-        return (h(Host, { key: '7479a7e7c27a9d1bea98b36bfb0b8e425f5068cf', "data-orientation": this.orientation, "data-invalid": this.invalid ? '' : undefined, role: hasMultiple ? 'group' : undefined }, h("div", { key: 'e5e0f8441a38b77f2258c790e0985cc8e28bd82f', class: "field" }, h("div", { key: '27b00ceb1bcc94c55350160e0f4b3c268e12f2b3', class: "field-label" }, h("slot", { key: 'ec2d425cf54d90f57c506f8bb0abea25301d14d6', name: "label" })), h("div", { key: '13a595abf8d6b88ba906f4b6259458734147610c', class: "field-control" }, h("slot", { key: '8ba3ce854c6173d5226c4a2fd8c12576b759320c' })), h("div", { key: 'dd8cf0cc5f2877b65b235f2291b64374a070dc0d', class: "field-description" }, h("slot", { key: '70ffaa4714a8a739e959f9beea4924bd077b74ed', name: "description" })), h("div", { key: '465fe5770b03af4ff715a7a518e623aa3a4b9c4f', class: "field-error" }, h("slot", { key: '4f795515ee8a66991e7af8a18575e88fa8fccc98', name: "error" })))));
+        return (h(Host, { key: '7f154da2e04e9c38a46aab0f45984099d6e1e2d3', "data-orientation": this.orientation, "data-invalid": this.invalid ? '' : undefined, role: hasMultiple ? 'group' : undefined }, h("div", { key: '26d2b2bf8afb830b82902be28722f287bfe00fad', class: "field" }, h("div", { key: 'c1bbf9ce44ebe12cbf73af1dac4b2c43d7f01e8a', class: "field-label" }, h("slot", { key: '6e8d39e0b122f4304d6929540dcff7476b7595d8', name: "label" })), h("div", { key: '469a25133b82067ac0d89ccfd216b4984a70152a', class: "field-control" }, h("slot", { key: 'a7aaab46048dca4163811e7a9404816944183f9a' })), h("div", { key: '85ce2c774c392b6ed32a47951dcc516cb198086a', class: "field-description" }, h("slot", { key: '7d8226292e7570bd58bfaa90135e977d71337e74', name: "description" })), h("div", { key: 'a279b81333e3aa8061f72da7fc115925ca96b15c', class: "field-error" }, h("slot", { key: '34c88dddf01676d9465ea43edea7d5624b333429', name: "error" })))));
     }
     static get is() { return "seki-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/field-description/seki-field-description.css CHANGED Viewed

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;