@sebgroup/green-core 3.8.1 → 3.10.0

package/components/card/card.styles.js

@@ -13,6 +13,7 @@ const style = css`
     border-style: solid;
     display: flex;
     flex-direction: column;
+    --gds-card-variant-background: var(--_background);
   }
 
   :host([variant='neutral-01']) {

package/components/card-linked/card-linked.styles.js

@@ -33,7 +33,7 @@ const style = css`
     cursor: pointer;
     outline: solid var(--gds-sys-space-4xs) transparent;
     outline-offset: var(--gds-sys-space-4xs);
-    transition-property: all;
+    transition-property: background-color, border-color, color, outline-color;
     transition-duration: var(--gds-sys-motion-duration-fastest);
     transition-timing-function: var(--gds-sys-motion-easing-ease-in);
 

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

@@ -1,6 +1,6 @@
 import { GdsElement } from '../../gds-element';
 import * as Types from './table.types';
-import type { Variant } from '../card/card.types';
+type TableVariant = 'neutral-01' | 'neutral-02' | 'neutral-02-outlined';
 /**
  * @element gds-table
  * @status beta
@@ -13,6 +13,7 @@ import type { Variant } from '../card/card.types';
  * @slot `error` - Custom error state content when data loading fails.
  * @slot `empty` - Custom empty state content when no data is available.
  * @slot `no-results` - Custom no results content when search returns empty.
+ * @slot `expand:{rowKey}:full` - Full-width expanded content row for custom layouts.
  *
  * @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 }`
@@ -20,6 +21,7 @@ import type { Variant } from '../card/card.types';
  * @event gds-table-data-loaded - Fired when data is successfully loaded. Detail: `{ rows: T[], total: number, page: number, rowsPerPage: number, searchQuery: string, sortColumn?: string, sortDirection?: 'asc' | 'desc' }`
  * @event gds-table-data-error - Fired when data loading fails.
  * @event gds-table-selection - Fired when row selection changes.
+ * @event gds-table-expand-change - Fired when row expansion changes. Detail: `{ index: number, row: T, expanded: boolean, expandedIndices: number[] }`
  */
 export declare class GdsTable<T extends Types.Row = Types.Row> extends GdsElement {
     #private;
@@ -96,11 +98,6 @@ export declare class GdsTable<T extends Types.Row = Types.Row> extends GdsElemen
      * Applies alternating row background colors.
      */
     striped: boolean;
-    /**
-     * Defines row-level actions.
-     * Accepts: action configuration or custom rendering function
-     */
-    actions?: Types.Actions | ((row: T, index: number) => any);
     /**
      * Disables data caching mechanism.
      */
@@ -137,7 +134,7 @@ export declare class GdsTable<T extends Types.Row = Types.Row> extends GdsElemen
      * Sets the visual variant of the table container card.
      * Forwards to the underlying `gds-card` component.
      */
-    variant: Omit<Variant, 'brand-01' | 'brand-02'>;
+    variant: TableVariant;
     private _isMobile;
     private _handleMobile;
     private _view;
@@ -146,6 +143,11 @@ export declare class GdsTable<T extends Types.Row = Types.Row> extends GdsElemen
     private _rowsState;
     private _total;
     private _selected;
+    private _expanded;
+    private _expanding;
+    private _completingExpansion;
+    private _expandedRowsCache;
+    private _expandedFullContentResolved;
     private _error;
     private _onDataChange;
     /**
@@ -161,6 +163,7 @@ export declare class GdsTable<T extends Types.Row = Types.Row> extends GdsElemen
     private _onRowsChange;
     private _onColumnsChange;
     connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
     render(): any;
     /**
      * Public API
@@ -182,4 +185,21 @@ export declare class GdsTable<T extends Types.Row = Types.Row> extends GdsElemen
         indices: number[];
         data: T[];
     };
+    /**
+     * Expand a specific row by index.
+     */
+    expandRow(index: number): Promise<boolean>;
+    /**
+     * Collapse a specific row by index.
+     */
+    collapseRow(index: number): boolean;
+    /**
+     * Toggle expanded state for a specific row by index.
+     */
+    toggleRowExpansion(index: number, rowOverride?: T): Promise<boolean>;
+    /**
+     * Get currently expanded row indices.
+     */
+    getExpandedIndices(): number[];
 }
+export {};