@sebgroup/green-core 2.24.1 → 2.25.0-rc.20260121143704368

package/components/popover/popover.component.d.ts

@@ -58,6 +58,10 @@ export declare class GdsPopover extends GdsElement {
      * Whether to use a modal dialog in mobile viewport.
      */
     disableMobileStyles: boolean;
+    /**
+     * Whether to disable closing the popover when the page is scrolled.
+     */
+    disableScrollClose: boolean;
     /**
      * Whether the popover should autofocus the first slotted child when opened.
      */

package/components/popover/popover.component.js

@@ -43,6 +43,7 @@ let GdsPopover = class extends GdsElement {
     this.label = void 0;
     this.placement = "bottom-start";
     this.disableMobileStyles = false;
+    this.disableScrollClose = false;
     this.autofocus = false;
     this.calcMinWidth = (referenceEl) => `${referenceEl.offsetWidth}px`;
     this.calcMaxWidth = (_referenceEl) => `auto`;
@@ -117,7 +118,7 @@ let GdsPopover = class extends GdsElement {
       }
     });
     __privateAdd(this, _handlePageScroll, () => {
-      if (this.open && window.innerWidth > 767 && __privateGet(this, _dispatchUiStateEvent).call(this, "close")) {
+      if (this.open && !this.disableScrollClose && window.innerWidth > 767 && __privateGet(this, _dispatchUiStateEvent).call(this, "close")) {
         this.open = false;
       }
     });
@@ -353,6 +354,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean })
 ], GdsPopover.prototype, "disableMobileStyles", 2);
+__decorateClass([
+  property({ type: Boolean })
+], GdsPopover.prototype, "disableScrollClose", 2);
 __decorateClass([
   property({ type: Boolean })
 ], GdsPopover.prototype, "autofocus", 2);

package/components/table/table.component.d.ts

@@ -12,6 +12,8 @@ import * as Types from './table.types';
  * @slot `empty` - Custom empty state content when no data is available.
  * @slot `no-results` - Custom no results content when search returns empty.
  *
+ * @event gds-page-change - Fired when the active page changes. Detail: `{ page: number }`
+ * @event gds-rows-change - Fired when the rows per page value changes. Detail: `{ rows: number }`
  * @event gds-table-data-loaded - Fired when data is successfully loaded.
  * @event gds-table-data-error - Fired when data loading fails.
  * @event gds-table-selection - Fired when row selection changes.

package/components/table/table.component.js

@@ -896,6 +896,13 @@ handlePageChange_fn = async function(e) {
     ...this._view,
     page: e.detail.page
   };
+  this.dispatchEvent(
+    new CustomEvent("gds-page-change", {
+      detail: e.detail,
+      bubbles: true,
+      composed: true
+    })
+  );
   await __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
 };
 handlePageSizeChange_fn = async function(e) {
@@ -904,6 +911,13 @@ handlePageSizeChange_fn = async function(e) {
     rows: e.detail.rows,
     page: 1
   };
+  this.dispatchEvent(
+    new CustomEvent("gds-rows-change", {
+      detail: e.detail,
+      bubbles: true,
+      composed: true
+    })
+  );
   await __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
 };
 /**

package/components/table/table.styles.js

@@ -20,7 +20,7 @@ const TableStyles = css`
     --table-header-padding-y: var(--gds-sys-space-xs);
     --table-header-padding-x: var(--gds-sys-space-s);
     --table-row-min-height: var(--gds-sys-space-xl);
-    --table-font-size: var(--gds-sys-text-detail-book-xs);
+    --table-font-size: var(--gds-sys-text-detail-book-s);
     --table-gap: var(--gds-sys-space-m);
     --table-border-spacing: 0 var(--gds-sys-space-5xs);
     --table-data-padding: var(--gds-sys-space-5xs) var(--gds-sys-space-4xs);