@haiilo/catalyst 12.3.4 → 12.4.0

package/dist/catalyst/scss/core/_table.scss

@@ -0,0 +1,22 @@
+@use '../variables';
+
+.cat-table {
+  th {
+    font-weight: 600;
+    border-bottom: 2px solid variables.cat-token('color.ui.border.default');
+    text-align: left;
+    vertical-align: bottom;
+  }
+
+  tr {
+    border-bottom: 1px solid variables.cat-token('color.ui.border.default');
+
+    > * {
+      padding: 1rem 0.25rem;
+    }
+
+    td {
+      vertical-align: top;
+    }
+  }
+}

package/dist/catalyst/scss/index.scss

@@ -19,6 +19,7 @@
 @import 'core/nav';
 @import 'core/notification';
 @import 'core/typography';
+@import 'core/table';
 
 // -- Utils
 @import 'utils/border';

package/dist/cjs/cat-alert_30.cjs.entry.js

@@ -7764,6 +7764,7 @@ const CatDropdown = class {
         }
         this._isOpen = null;
         this.trap?.deactivate();
+        this.trap = undefined;
         this.content.classList.remove('show');
         // give CSS transition time to apply
         setTimeout(() => {
@@ -7780,8 +7781,12 @@ const CatDropdown = class {
             this.initTrigger();
         }
     }
+    disconnectedCallback() {
+        this.trap?.deactivate();
+        this.trap = undefined;
+    }
     render() {
-        return (index.h(index.Host, { key: '5206026fafea4b080f8890bd89b12885524cccd9' }, index.h("slot", { key: '316ef973ba544f937217de5d27af51e24a55795d', name: "anchor", ref: el => (this.anchorSlot = el) }), index.h("slot", { key: '95b9039dd8a88eb79836abe428bd97403f10d886', name: "trigger", ref: el => (this.triggerSlot = el) }), index.h("div", { key: 'a0067efa6a259faa2c89ed092cb1f467a756e0f3', id: this.contentId, class: { content: true, 'overflow-auto': !this.overflow, justified: this.justify, aligned: !this.justify }, ref: el => (this.content = el) }, index.h("slot", { key: '6904a4c7e24ed5fd28a48735ec82d9cab26e71e2', name: "content" }))));
+        return (index.h(index.Host, { key: 'c76a5d87c676da3b2744c685f5108d390e35691b' }, index.h("slot", { key: 'debf796d465c97d19fdd8bfa7029ccaad0056c28', name: "anchor", ref: el => (this.anchorSlot = el) }), index.h("slot", { key: 'f6780795027087c899c0a2dd8b826c9e23bc4d2b', name: "trigger", ref: el => (this.triggerSlot = el) }), index.h("div", { key: '2ed88e6ea720c329b01c9d935507565a6bcbd2d9', id: this.contentId, class: { content: true, 'overflow-auto': !this.overflow, justified: this.justify, aligned: !this.justify }, ref: el => (this.content = el) }, index.h("slot", { key: '686eacb75cd07a718aeb2cab2e41176116493d4a', name: "content" }))));
     }
     get contentId() {
         return `cat-dropdown-${this.id}`;
@@ -12293,14 +12298,15 @@ const CatTooltip = class {
     }
     disconnectedCallback() {
         this.removeListeners();
+        this.hideTooltip();
     }
     render() {
-        return (index.h(index.Host, { key: '57a9ac430370343a6c3d380c0dff2ad5cbe1570a' }, index.h("slot", { key: '1343be0a1563d7c70d5cf43db775be22bb50e93c' }), index.h("div", { key: 'f91d3091272e218e352eb8313614c39540b41973', ref: el => (this.tooltip = el), id: this.id, role: "tooltip", "aria-hidden": !this.open, "aria-live": this.open ? 'polite' : 'off', class: {
+        return (index.h(index.Host, { key: '48ac6350d679c11d238d55442d6455fc38eb44d7' }, index.h("slot", { key: '2ecd767bae2429800d94707498dd0d292b0bf5b4' }), index.h("div", { key: 'c59512dbe2c57622f7827aa143230dc1c5046281', ref: el => (this.tooltip = el), id: this.id, role: "tooltip", "aria-hidden": !this.open, "aria-live": this.open ? 'polite' : 'off', class: {
                 tooltip: true,
                 'tooltip-hidden': this.inactive,
                 'tooltip-round': this.round,
                 [`tooltip-${this.size}`]: Boolean(this.size)
-            } }, index.h("slot", { key: '8410c56713fa2182bde55ed6053667fc2bbf5e33', name: "content" }, index.h("p", { key: '894c80f4b0a2831ca5f21cd2063ab9fe4d15df53' }, this.content)))));
+            } }, index.h("slot", { key: 'a0bdd025ca40adac969daef4a0b06b9aa8452fac', name: "content" }, index.h("p", { key: '83786352e3219af4e7cde38a1c8247042d44c66a' }, this.content)))));
     }
     addListeners() {
         if (isTouchDevice) {