@sebgroup/green-core 3.9.0 → 3.10.0

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 (39) hide show
  1. package/components/card/card.styles.js +1 -0
  2. package/components/table/table.component.d.ts +27 -7
  3. package/components/table/table.component.js +730 -101
  4. package/components/table/table.imports.js +8 -0
  5. package/components/table/table.stories.data.d.ts +8 -5
  6. package/components/table/table.stories.data.js +705 -31
  7. package/components/table/table.styles.js +409 -189
  8. package/components/table/table.types.d.ts +97 -11
  9. package/custom-elements.json +107543 -107433
  10. package/gds-element.js +1 -1
  11. package/generated/locales/da.d.ts +4 -1
  12. package/generated/locales/da.js +4 -1
  13. package/generated/locales/de.d.ts +4 -1
  14. package/generated/locales/de.js +4 -1
  15. package/generated/locales/fi.d.ts +4 -1
  16. package/generated/locales/fi.js +4 -1
  17. package/generated/locales/fr.d.ts +4 -1
  18. package/generated/locales/fr.js +4 -1
  19. package/generated/locales/it.d.ts +4 -1
  20. package/generated/locales/it.js +4 -1
  21. package/generated/locales/nl.d.ts +4 -1
  22. package/generated/locales/nl.js +4 -1
  23. package/generated/locales/no.d.ts +4 -1
  24. package/generated/locales/no.js +4 -1
  25. package/generated/locales/sv.d.ts +4 -1
  26. package/generated/locales/sv.js +4 -1
  27. package/generated/mcp/components.json +1 -1
  28. package/generated/mcp/icons.json +1 -1
  29. package/generated/mcp/index.json +1 -1
  30. package/generated/mcp/table/angular.md +1 -0
  31. package/generated/mcp/table/api.md +32 -2
  32. package/generated/mcp/table/react.md +1 -0
  33. package/generated/mcp/tokens.json +1 -1
  34. package/generated/react/index.d.ts +6 -6
  35. package/generated/react/index.js +6 -6
  36. package/generated/react/table/index.d.ts +10 -4
  37. package/package.json +1 -1
  38. package/shared-styles/rbcb-toggle.style.js +1 -1
  39. package/utils/helpers/custom-element-scoping.js +1 -1
@@ -1,5 +1,5 @@
1
- export * from './avatar/index.js';
2
1
  export * from './alert/index.js';
2
+ export * from './avatar/index.js';
3
3
  export * from './blur/index.js';
4
4
  export * from './badge/index.js';
5
5
  export * from './breadcrumbs/index.js';
@@ -9,8 +9,8 @@ export * from './card/index.js';
9
9
  export * from './card-linked/index.js';
10
10
  export * from './checkbox/index.js';
11
11
  export * from './coachmark/index.js';
12
- export * from './context-menu/index.js';
13
12
  export * from './datepicker/index.js';
13
+ export * from './context-menu/index.js';
14
14
  export * from './details/index.js';
15
15
  export * from './dialog/index.js';
16
16
  export * from './div/index.js';
@@ -18,13 +18,13 @@ export * from './divider/index.js';
18
18
  export * from './dropdown/index.js';
19
19
  export * from './fab/index.js';
20
20
  export * from './filter-chips/index.js';
21
- export * from './flex/index.js';
22
21
  export * from './form-summary/index.js';
22
+ export * from './flex/index.js';
23
23
  export * from './grid/index.js';
24
24
  export * from './grouped-list/index.js';
25
25
  export * from './list-item/index.js';
26
- export * from './img/index.js';
27
26
  export * from './input/index.js';
27
+ export * from './img/index.js';
28
28
  export * from './link/index.js';
29
29
  export * from './mask/index.js';
30
30
  export * from './menu-button/index.js';
@@ -37,9 +37,9 @@ export * from './segmented-control/index.js';
37
37
  export * from './select/index.js';
38
38
  export * from './signal/index.js';
39
39
  export * from './spinner/index.js';
40
- export * from './switch/index.js';
41
40
  export * from './table/index.js';
42
41
  export * from './text/index.js';
42
+ export * from './switch/index.js';
43
43
  export * from './textarea/index.js';
44
44
  export * from './theme/index.js';
45
45
  export * from './video/index.js';
@@ -54,8 +54,8 @@ export * from './formatted-date/index.js';
54
54
  export * from './formatted-number/index.js';
55
55
  export * from './radio-group/index.js';
56
56
  export * from './segment/index.js';
57
- export * from './sensitive-date/index.js';
58
57
  export * from './sensitive-account/index.js';
58
+ export * from './sensitive-date/index.js';
59
59
  export * from './sensitive-number/index.js';
60
60
  export * from './icons/icon-ai/index.js';
61
61
  export * from './icons/icon-airplane-up/index.js';
@@ -1,5 +1,5 @@
1
- export * from "./avatar/index.js";
2
1
  export * from "./alert/index.js";
2
+ export * from "./avatar/index.js";
3
3
  export * from "./blur/index.js";
4
4
  export * from "./badge/index.js";
5
5
  export * from "./breadcrumbs/index.js";
@@ -9,8 +9,8 @@ export * from "./card/index.js";
9
9
  export * from "./card-linked/index.js";
10
10
  export * from "./checkbox/index.js";
11
11
  export * from "./coachmark/index.js";
12
- export * from "./context-menu/index.js";
13
12
  export * from "./datepicker/index.js";
13
+ export * from "./context-menu/index.js";
14
14
  export * from "./details/index.js";
15
15
  export * from "./dialog/index.js";
16
16
  export * from "./div/index.js";
@@ -18,13 +18,13 @@ export * from "./divider/index.js";
18
18
  export * from "./dropdown/index.js";
19
19
  export * from "./fab/index.js";
20
20
  export * from "./filter-chips/index.js";
21
- export * from "./flex/index.js";
22
21
  export * from "./form-summary/index.js";
22
+ export * from "./flex/index.js";
23
23
  export * from "./grid/index.js";
24
24
  export * from "./grouped-list/index.js";
25
25
  export * from "./list-item/index.js";
26
- export * from "./img/index.js";
27
26
  export * from "./input/index.js";
27
+ export * from "./img/index.js";
28
28
  export * from "./link/index.js";
29
29
  export * from "./mask/index.js";
30
30
  export * from "./menu-button/index.js";
@@ -37,9 +37,9 @@ export * from "./segmented-control/index.js";
37
37
  export * from "./select/index.js";
38
38
  export * from "./signal/index.js";
39
39
  export * from "./spinner/index.js";
40
- export * from "./switch/index.js";
41
40
  export * from "./table/index.js";
42
41
  export * from "./text/index.js";
42
+ export * from "./switch/index.js";
43
43
  export * from "./textarea/index.js";
44
44
  export * from "./theme/index.js";
45
45
  export * from "./video/index.js";
@@ -54,8 +54,8 @@ export * from "./formatted-date/index.js";
54
54
  export * from "./formatted-number/index.js";
55
55
  export * from "./radio-group/index.js";
56
56
  export * from "./segment/index.js";
57
- export * from "./sensitive-date/index.js";
58
57
  export * from "./sensitive-account/index.js";
58
+ export * from "./sensitive-date/index.js";
59
59
  export * from "./sensitive-number/index.js";
60
60
  export * from "./icons/icon-ai/index.js";
61
61
  export * from "./icons/icon-airplane-up/index.js";
@@ -13,6 +13,8 @@ type GdsTableProps = React.ComponentProps<ReturnType<typeof getReactComponent<Gd
13
13
  onGdsTableDataError?: (event: CustomEvent<any>) => void;
14
14
  /** Fired when row selection changes. */
15
15
  onGdsTableSelection?: (event: CustomEvent<any>) => void;
16
+ /** Fired when row expansion changes. Detail: `{ index: number, row: T, expanded: boolean, expandedIndices: number[] }` */
17
+ onGdsTableExpandChange?: (event: CustomEvent<any>) => void;
16
18
  };
17
19
  export declare const GdsTable: {
18
20
  (props: GdsTableProps & {
@@ -26,7 +28,7 @@ export declare const GdsTable: {
26
28
  page?: number | undefined;
27
29
  rows?: number | undefined;
28
30
  columns?: import("../../../components/table/table.types").Column[] | undefined;
29
- data?: ((request: import("../../../components/table/table.types").Request) => Promise<import("../../../components/table/table.types").Response<import("../../../components/table/table.types").Row>>) | undefined;
31
+ data?: ((request: import("../../../components/table/table.types").Request) => Promise<import("../../../components/table/table.types").Response<import("../../../components/table/table.types").Row<Record<string, unknown>>>>) | undefined;
30
32
  density?: import("../../../components/table/table.types").Density | undefined;
31
33
  selectable?: boolean | undefined;
32
34
  disableSelectAll?: boolean | undefined;
@@ -35,21 +37,25 @@ export declare const GdsTable: {
35
37
  searchable?: boolean | undefined;
36
38
  settings?: boolean | undefined;
37
39
  striped?: boolean | undefined;
38
- actions?: import("../../../components/table/table.types").Actions | ((row: import("../../../components/table/table.types").Row, index: number) => any) | undefined;
39
40
  nocache?: boolean | undefined;
40
41
  tfoot?: import("../../../components/table/table.types").Tfoot | undefined;
41
42
  dataLoadKey?: string | undefined;
42
43
  height?: string | undefined;
43
- variant?: Omit<import("../../../components/card/card.types").Variant, "brand-01" | "brand-02"> | undefined;
44
+ variant?: ("neutral-01" | "neutral-02" | "neutral-02-outlined") | undefined;
44
45
  connectedCallback?: (() => void) | undefined;
46
+ updated?: ((changedProperties: Map<string, unknown>) => void) | undefined;
45
47
  render?: (() => any) | undefined;
46
48
  clearSelection?: (() => void) | undefined;
47
49
  selectAll?: (() => void) | undefined;
48
50
  setSelection?: ((indices: number[]) => void) | undefined;
49
51
  getSelection?: (() => {
50
52
  indices: number[];
51
- data: import("../../../components/table/table.types").Row[];
53
+ data: import("../../../components/table/table.types").Row<Record<string, unknown>>[];
52
54
  }) | undefined;
55
+ expandRow?: ((index: number) => Promise<boolean>) | undefined;
56
+ collapseRow?: ((index: number) => boolean) | undefined;
57
+ toggleRowExpansion?: ((index: number, rowOverride?: import("../../../components/table/table.types").Row<Record<string, unknown>> | undefined) => Promise<boolean>) | undefined;
58
+ getExpandedIndices?: (() => number[]) | undefined;
53
59
  readonly semanticVersion?: "__GDS_SEM_VER__" | undefined;
54
60
  syncFirstRender?: boolean | undefined;
55
61
  gdsElementName?: string | undefined;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sebgroup/green-core",
3
3
  "description": "A carefully crafted set of Web Components, laying the foundation of the Green Design System.",
4
- "version": "3.9.0",
4
+ "version": "3.10.0",
5
5
  "main": "index.js",
6
6
  "module": "index.js",
7
7
  "type": "module",
@@ -42,7 +42,7 @@ var rbcb_toggle_style_default = css`
42
42
  border-radius: var(--_toggle-radius);
43
43
  box-shadow: inset 0 0 0 var(--gds-sys-space-5xs)
44
44
  var(--gds-sys-color-border-neutral-01);
45
- background-color: transparent;
45
+ background-color: var(--gds-sys-color-l1-neutral-01);
46
46
  box-sizing: border-box;
47
47
  transition-property: box-shadow, background-color;
48
48
  transition-duration: var(--gds-sys-motion-duration-fastest);
@@ -1,6 +1,6 @@
1
1
  import "../../chunks/chunk.CAV4X6PU.js";
2
2
  import { html as litHtml } from "lit";
3
- const VER_SUFFIX = "-60d053";
3
+ const VER_SUFFIX = "-15bd72";
4
4
  class ScopedElementRegistry {
5
5
  static get instance() {
6
6
  if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])