@sebgroup/green-core 3.8.1 → 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 (43) hide show
  1. package/components/card/card.styles.js +1 -0
  2. package/components/card-linked/card-linked.styles.js +1 -1
  3. package/components/table/table.component.d.ts +27 -7
  4. package/components/table/table.component.js +730 -101
  5. package/components/table/table.imports.js +8 -0
  6. package/components/table/table.stories.data.d.ts +8 -5
  7. package/components/table/table.stories.data.js +705 -31
  8. package/components/table/table.styles.js +409 -189
  9. package/components/table/table.types.d.ts +97 -11
  10. package/custom-elements.json +4838 -4724
  11. package/gds-element.js +1 -1
  12. package/generated/locales/da.d.ts +4 -1
  13. package/generated/locales/da.js +4 -1
  14. package/generated/locales/de.d.ts +4 -1
  15. package/generated/locales/de.js +4 -1
  16. package/generated/locales/fi.d.ts +4 -1
  17. package/generated/locales/fi.js +4 -1
  18. package/generated/locales/fr.d.ts +4 -1
  19. package/generated/locales/fr.js +4 -1
  20. package/generated/locales/it.d.ts +4 -1
  21. package/generated/locales/it.js +4 -1
  22. package/generated/locales/nl.d.ts +4 -1
  23. package/generated/locales/nl.js +4 -1
  24. package/generated/locales/no.d.ts +4 -1
  25. package/generated/locales/no.js +4 -1
  26. package/generated/locales/sv.d.ts +4 -1
  27. package/generated/locales/sv.js +4 -1
  28. package/generated/mcp/card-pattern-01/api.md +2 -1
  29. package/generated/mcp/components.json +1 -1
  30. package/generated/mcp/icons.json +1 -1
  31. package/generated/mcp/index.json +1 -1
  32. package/generated/mcp/table/angular.md +1 -0
  33. package/generated/mcp/table/api.md +32 -2
  34. package/generated/mcp/table/react.md +1 -0
  35. package/generated/mcp/tokens.json +1 -1
  36. package/generated/react/index.d.ts +9 -9
  37. package/generated/react/index.js +9 -9
  38. package/generated/react/table/index.d.ts +10 -4
  39. package/package.json +1 -1
  40. package/patterns/card-pattern-01/card-pattern-01.component.d.ts +2 -1
  41. package/patterns/card-pattern-01/card-pattern-01.component.js +49 -25
  42. package/shared-styles/rbcb-toggle.style.js +1 -1
  43. package/utils/helpers/custom-element-scoping.js +1 -1
package/gds-element.js CHANGED
@@ -16,7 +16,7 @@ class GdsElement extends LitElement {
16
16
  /**
17
17
  * The semantic version of this element. Can be used for troubleshooting to verify the version being used.
18
18
  */
19
- this.semanticVersion = "3.8.1";
19
+ this.semanticVersion = "3.10.0";
20
20
  this.syncFirstRender = false;
21
21
  this._isUsingTransitionalStyles = false;
22
22
  this._dynamicStylesController = new DynamicStylesController(this);
@@ -36,7 +36,9 @@ export declare const templates: {
36
36
  s6badfcac7ad931f1: string;
37
37
  s6cfed919e21ac6ac: string;
38
38
  s6d24cd19e23b8185: string;
39
+ s71d7ea0584a2503e: string;
39
40
  s7350bb367d5e09ab: string;
41
+ s73f51a3532f29159: string;
40
42
  s74aa0319e62b2eb7: string;
41
43
  s7793b811d20184fe: string;
42
44
  s78e1e4c3066c51c1: string;
@@ -46,7 +48,6 @@ export declare const templates: {
46
48
  s84d3dbcd121dd01b: string;
47
49
  s88365264d8a05b05: string;
48
50
  s8ade4e9d5e804d6a: string;
49
- s8af61807443f32a4: string;
50
51
  s8af6c50191c92781: string;
51
52
  s8e68b824b99140a1: string;
52
53
  s8f18916860db5d80: string;
@@ -71,11 +72,13 @@ export declare const templates: {
71
72
  scb6b9cb49cf93277: string;
72
73
  scfe20e6b9fcd18ad: string;
73
74
  sd186574aa8a68ecb: string;
75
+ sd26f670ca5d5b0c6: string;
74
76
  sd898d99fd9c13de6: string;
75
77
  sdc42f1da42d6411a: string;
76
78
  se0955919920ee87d: string;
77
79
  se4129fd6b9d7b4c2: string;
78
80
  se682f076f6506f9b: string;
81
+ se922876494171df7: string;
79
82
  sf1f100572e888a9d: string;
80
83
  sf295af199c723ec8: string;
81
84
  };
@@ -38,7 +38,9 @@ const templates = {
38
38
  "s6badfcac7ad931f1": `sorterbar`,
39
39
  "s6cfed919e21ac6ac": `Tor`,
40
40
  "s6d24cd19e23b8185": `Ti`,
41
+ "s71d7ea0584a2503e": `Skjul alle r\xE6kker`,
41
42
  "s7350bb367d5e09ab": `G\xE5 til sidste side`,
43
+ "s73f51a3532f29159": `Udvid r\xE6kke`,
42
44
  "s74aa0319e62b2eb7": `Ons`,
43
45
  "s7793b811d20184fe": `December`,
44
46
  "s78e1e4c3066c51c1": `Ryd s\xF8gning for`,
@@ -48,7 +50,6 @@ const templates = {
48
50
  "s84d3dbcd121dd01b": `faldende`,
49
51
  "s88365264d8a05b05": `Skift til n\xE6ste m\xE5ned`,
50
52
  "s8ade4e9d5e804d6a": `F\xF8rste tilg\xE6ngelige dato`,
51
- "s8af61807443f32a4": `Handlinger`,
52
53
  "s8af6c50191c92781": `G\xE5 til f\xF8rste side`,
53
54
  "s8e68b824b99140a1": `stigende`,
54
55
  "s8f18916860db5d80": `Ryd valg`,
@@ -73,11 +74,13 @@ const templates = {
73
74
  "scb6b9cb49cf93277": `April`,
74
75
  "scfe20e6b9fcd18ad": `S\xF8g i tabel`,
75
76
  "sd186574aa8a68ecb": `Ingen resultater for`,
77
+ "sd26f670ca5d5b0c6": `Skjul r\xE6kke`,
76
78
  "sd898d99fd9c13de6": `Filtrer tilg\xE6ngelige muligheder`,
77
79
  "sdc42f1da42d6411a": `Ryd inputfelt`,
78
80
  "se0955919920ee87d": `Dag`,
79
81
  "se4129fd6b9d7b4c2": `Sidste tilg\xE6ngelige dato`,
80
82
  "se682f076f6506f9b": `G\xE5 til side`,
83
+ "se922876494171df7": `Udvid alle r\xE6kker`,
81
84
  "sf1f100572e888a9d": `Skift til forrige m\xE5ned`,
82
85
  "sf295af199c723ec8": `Fre`
83
86
  };
@@ -36,7 +36,9 @@ export declare const templates: {
36
36
  s6badfcac7ad931f1: string;
37
37
  s6cfed919e21ac6ac: string;
38
38
  s6d24cd19e23b8185: string;
39
+ s71d7ea0584a2503e: string;
39
40
  s7350bb367d5e09ab: string;
41
+ s73f51a3532f29159: string;
40
42
  s74aa0319e62b2eb7: string;
41
43
  s7793b811d20184fe: string;
42
44
  s78e1e4c3066c51c1: string;
@@ -46,7 +48,6 @@ export declare const templates: {
46
48
  s84d3dbcd121dd01b: string;
47
49
  s88365264d8a05b05: string;
48
50
  s8ade4e9d5e804d6a: string;
49
- s8af61807443f32a4: string;
50
51
  s8af6c50191c92781: string;
51
52
  s8e68b824b99140a1: string;
52
53
  s8f18916860db5d80: string;
@@ -71,11 +72,13 @@ export declare const templates: {
71
72
  scb6b9cb49cf93277: string;
72
73
  scfe20e6b9fcd18ad: string;
73
74
  sd186574aa8a68ecb: string;
75
+ sd26f670ca5d5b0c6: string;
74
76
  sd898d99fd9c13de6: string;
75
77
  sdc42f1da42d6411a: string;
76
78
  se0955919920ee87d: string;
77
79
  se4129fd6b9d7b4c2: string;
78
80
  se682f076f6506f9b: string;
81
+ se922876494171df7: string;
79
82
  sf1f100572e888a9d: string;
80
83
  sf295af199c723ec8: string;
81
84
  };
@@ -38,7 +38,9 @@ const templates = {
38
38
  "s6badfcac7ad931f1": `sortierbar`,
39
39
  "s6cfed919e21ac6ac": `Do`,
40
40
  "s6d24cd19e23b8185": `Di`,
41
+ "s71d7ea0584a2503e": `Alle Zeilen einklappen`,
41
42
  "s7350bb367d5e09ab": `Zur letzten Seite gehen`,
43
+ "s73f51a3532f29159": `Zeile ausklappen`,
42
44
  "s74aa0319e62b2eb7": `Mi`,
43
45
  "s7793b811d20184fe": `Dezember`,
44
46
  "s78e1e4c3066c51c1": `Suche l\xF6schen f\xFCr`,
@@ -48,7 +50,6 @@ const templates = {
48
50
  "s84d3dbcd121dd01b": `absteigend`,
49
51
  "s88365264d8a05b05": `Zum n\xE4chsten Monat wechseln`,
50
52
  "s8ade4e9d5e804d6a": `Erstes verf\xFCgbares Datum`,
51
- "s8af61807443f32a4": `Aktionen`,
52
53
  "s8af6c50191c92781": `Zur ersten Seite gehen`,
53
54
  "s8e68b824b99140a1": `aufsteigend`,
54
55
  "s8f18916860db5d80": `Auswahl l\xF6schen`,
@@ -73,11 +74,13 @@ const templates = {
73
74
  "scb6b9cb49cf93277": `April`,
74
75
  "scfe20e6b9fcd18ad": `Tabelle durchsuchen`,
75
76
  "sd186574aa8a68ecb": `Keine Ergebnisse f\xFCr`,
77
+ "sd26f670ca5d5b0c6": `Zeile einklappen`,
76
78
  "sd898d99fd9c13de6": `Verf\xFCgbare Optionen filtern`,
77
79
  "sdc42f1da42d6411a": `Feld l\xF6schen`,
78
80
  "se0955919920ee87d": `Tag`,
79
81
  "se4129fd6b9d7b4c2": `Letztes verf\xFCgbares Datum`,
80
82
  "se682f076f6506f9b": `Zur Seite gehen`,
83
+ "se922876494171df7": `Alle Zeilen ausklappen`,
81
84
  "sf1f100572e888a9d": `Zum vorherigen Monat wechseln`,
82
85
  "sf295af199c723ec8": `Fr`
83
86
  };
@@ -36,7 +36,9 @@ export declare const templates: {
36
36
  s6badfcac7ad931f1: string;
37
37
  s6cfed919e21ac6ac: string;
38
38
  s6d24cd19e23b8185: string;
39
+ s71d7ea0584a2503e: string;
39
40
  s7350bb367d5e09ab: string;
41
+ s73f51a3532f29159: string;
40
42
  s74aa0319e62b2eb7: string;
41
43
  s7793b811d20184fe: string;
42
44
  s78e1e4c3066c51c1: string;
@@ -46,7 +48,6 @@ export declare const templates: {
46
48
  s84d3dbcd121dd01b: string;
47
49
  s88365264d8a05b05: string;
48
50
  s8ade4e9d5e804d6a: string;
49
- s8af61807443f32a4: string;
50
51
  s8af6c50191c92781: string;
51
52
  s8e68b824b99140a1: string;
52
53
  s8f18916860db5d80: string;
@@ -71,11 +72,13 @@ export declare const templates: {
71
72
  scb6b9cb49cf93277: string;
72
73
  scfe20e6b9fcd18ad: string;
73
74
  sd186574aa8a68ecb: string;
75
+ sd26f670ca5d5b0c6: string;
74
76
  sd898d99fd9c13de6: string;
75
77
  sdc42f1da42d6411a: string;
76
78
  se0955919920ee87d: string;
77
79
  se4129fd6b9d7b4c2: string;
78
80
  se682f076f6506f9b: string;
81
+ se922876494171df7: string;
79
82
  sf1f100572e888a9d: string;
80
83
  sf295af199c723ec8: string;
81
84
  };
@@ -38,7 +38,9 @@ const templates = {
38
38
  "s6badfcac7ad931f1": `lajiteltavissa`,
39
39
  "s6cfed919e21ac6ac": `To`,
40
40
  "s6d24cd19e23b8185": `Ti`,
41
+ "s71d7ea0584a2503e": `Supista kaikki rivit`,
41
42
  "s7350bb367d5e09ab": `Siirry viimeiselle sivulle`,
43
+ "s73f51a3532f29159": `Laajenna rivi`,
42
44
  "s74aa0319e62b2eb7": `Ke`,
43
45
  "s7793b811d20184fe": `Joulukuu`,
44
46
  "s78e1e4c3066c51c1": `Tyhjenn\xE4 haku kohteelle`,
@@ -48,7 +50,6 @@ const templates = {
48
50
  "s84d3dbcd121dd01b": `laskeva`,
49
51
  "s88365264d8a05b05": `Vaihda seuraavaan kuukauteen`,
50
52
  "s8ade4e9d5e804d6a": `Ensimm\xE4inen saatavilla oleva p\xE4iv\xE4m\xE4\xE4r\xE4`,
51
- "s8af61807443f32a4": `Toiminnot`,
52
53
  "s8af6c50191c92781": `Siirry ensimm\xE4iselle sivulle`,
53
54
  "s8e68b824b99140a1": `nouseva`,
54
55
  "s8f18916860db5d80": `Tyhjenn\xE4 valinta`,
@@ -73,11 +74,13 @@ const templates = {
73
74
  "scb6b9cb49cf93277": `Huhti`,
74
75
  "scfe20e6b9fcd18ad": `Etsi taulukosta`,
75
76
  "sd186574aa8a68ecb": `Ei tuloksia kohteelle`,
77
+ "sd26f670ca5d5b0c6": `Supista rivi`,
76
78
  "sd898d99fd9c13de6": `Suodata saatavilla olevia vaihtoehtoja`,
77
79
  "sdc42f1da42d6411a": `Tyhjenn\xE4 sy\xF6te`,
78
80
  "se0955919920ee87d": `P\xE4iv\xE4`,
79
81
  "se4129fd6b9d7b4c2": `Viimeinen saatavilla oleva p\xE4iv\xE4m\xE4\xE4r\xE4`,
80
82
  "se682f076f6506f9b": `Siirry sivulle`,
83
+ "se922876494171df7": `Laajenna kaikki rivit`,
81
84
  "sf1f100572e888a9d": `Vaihda edelliseen kuukauteen`,
82
85
  "sf295af199c723ec8": `Pe`
83
86
  };
@@ -36,7 +36,9 @@ export declare const templates: {
36
36
  s6badfcac7ad931f1: string;
37
37
  s6cfed919e21ac6ac: string;
38
38
  s6d24cd19e23b8185: string;
39
+ s71d7ea0584a2503e: string;
39
40
  s7350bb367d5e09ab: string;
41
+ s73f51a3532f29159: string;
40
42
  s74aa0319e62b2eb7: string;
41
43
  s7793b811d20184fe: string;
42
44
  s78e1e4c3066c51c1: string;
@@ -46,7 +48,6 @@ export declare const templates: {
46
48
  s84d3dbcd121dd01b: string;
47
49
  s88365264d8a05b05: string;
48
50
  s8ade4e9d5e804d6a: string;
49
- s8af61807443f32a4: string;
50
51
  s8af6c50191c92781: string;
51
52
  s8e68b824b99140a1: string;
52
53
  s8f18916860db5d80: string;
@@ -71,11 +72,13 @@ export declare const templates: {
71
72
  scb6b9cb49cf93277: string;
72
73
  scfe20e6b9fcd18ad: string;
73
74
  sd186574aa8a68ecb: string;
75
+ sd26f670ca5d5b0c6: string;
74
76
  sd898d99fd9c13de6: string;
75
77
  sdc42f1da42d6411a: string;
76
78
  se0955919920ee87d: string;
77
79
  se4129fd6b9d7b4c2: string;
78
80
  se682f076f6506f9b: string;
81
+ se922876494171df7: string;
79
82
  sf1f100572e888a9d: string;
80
83
  sf295af199c723ec8: string;
81
84
  };
@@ -38,7 +38,9 @@ const templates = {
38
38
  "s6badfcac7ad931f1": `triable`,
39
39
  "s6cfed919e21ac6ac": `Jeu`,
40
40
  "s6d24cd19e23b8185": `Mar`,
41
+ "s71d7ea0584a2503e": `R\xE9duire toutes les lignes`,
41
42
  "s7350bb367d5e09ab": `Aller \xE0 la derni\xE8re page`,
43
+ "s73f51a3532f29159": `D\xE9velopper la ligne`,
42
44
  "s74aa0319e62b2eb7": `Mer`,
43
45
  "s7793b811d20184fe": `D\xE9cembre`,
44
46
  "s78e1e4c3066c51c1": `Effacer la recherche pour`,
@@ -48,7 +50,6 @@ const templates = {
48
50
  "s84d3dbcd121dd01b": `descendant`,
49
51
  "s88365264d8a05b05": `Passer au mois suivant`,
50
52
  "s8ade4e9d5e804d6a": `Premi\xE8re date disponible`,
51
- "s8af61807443f32a4": `Actions`,
52
53
  "s8af6c50191c92781": `Aller \xE0 la premi\xE8re page`,
53
54
  "s8e68b824b99140a1": `ascendant`,
54
55
  "s8f18916860db5d80": `Effacer la s\xE9lection`,
@@ -73,11 +74,13 @@ const templates = {
73
74
  "scb6b9cb49cf93277": `Avril`,
74
75
  "scfe20e6b9fcd18ad": `Rechercher dans le tableau`,
75
76
  "sd186574aa8a68ecb": `Aucun r\xE9sultat pour`,
77
+ "sd26f670ca5d5b0c6": `R\xE9duire la ligne`,
76
78
  "sd898d99fd9c13de6": `Filtrer les options disponibles`,
77
79
  "sdc42f1da42d6411a": `Effacer la saisie`,
78
80
  "se0955919920ee87d": `Jour`,
79
81
  "se4129fd6b9d7b4c2": `Derni\xE8re date disponible`,
80
82
  "se682f076f6506f9b": `Aller \xE0 la page`,
83
+ "se922876494171df7": `D\xE9velopper toutes les lignes`,
81
84
  "sf1f100572e888a9d": `Passer au mois pr\xE9c\xE9dent`,
82
85
  "sf295af199c723ec8": `Ven`
83
86
  };
@@ -36,7 +36,9 @@ export declare const templates: {
36
36
  s6badfcac7ad931f1: string;
37
37
  s6cfed919e21ac6ac: string;
38
38
  s6d24cd19e23b8185: string;
39
+ s71d7ea0584a2503e: string;
39
40
  s7350bb367d5e09ab: string;
41
+ s73f51a3532f29159: string;
40
42
  s74aa0319e62b2eb7: string;
41
43
  s7793b811d20184fe: string;
42
44
  s78e1e4c3066c51c1: string;
@@ -46,7 +48,6 @@ export declare const templates: {
46
48
  s84d3dbcd121dd01b: string;
47
49
  s88365264d8a05b05: string;
48
50
  s8ade4e9d5e804d6a: string;
49
- s8af61807443f32a4: string;
50
51
  s8af6c50191c92781: string;
51
52
  s8e68b824b99140a1: string;
52
53
  s8f18916860db5d80: string;
@@ -71,11 +72,13 @@ export declare const templates: {
71
72
  scb6b9cb49cf93277: string;
72
73
  scfe20e6b9fcd18ad: string;
73
74
  sd186574aa8a68ecb: string;
75
+ sd26f670ca5d5b0c6: string;
74
76
  sd898d99fd9c13de6: string;
75
77
  sdc42f1da42d6411a: string;
76
78
  se0955919920ee87d: string;
77
79
  se4129fd6b9d7b4c2: string;
78
80
  se682f076f6506f9b: string;
81
+ se922876494171df7: string;
79
82
  sf1f100572e888a9d: string;
80
83
  sf295af199c723ec8: string;
81
84
  };
@@ -38,7 +38,9 @@ const templates = {
38
38
  "s6badfcac7ad931f1": `ordinabile`,
39
39
  "s6cfed919e21ac6ac": `Gio`,
40
40
  "s6d24cd19e23b8185": `Mar`,
41
+ "s71d7ea0584a2503e": `Comprimi tutte le righe`,
41
42
  "s7350bb367d5e09ab": `Vai all'ultima pagina`,
43
+ "s73f51a3532f29159": `Espandi riga`,
42
44
  "s74aa0319e62b2eb7": `Mer`,
43
45
  "s7793b811d20184fe": `Dicembre`,
44
46
  "s78e1e4c3066c51c1": `Cancella la ricerca per`,
@@ -48,7 +50,6 @@ const templates = {
48
50
  "s84d3dbcd121dd01b": `discendente`,
49
51
  "s88365264d8a05b05": `Passa al mese successivo`,
50
52
  "s8ade4e9d5e804d6a": `Prima data disponibile`,
51
- "s8af61807443f32a4": `Azioni`,
52
53
  "s8af6c50191c92781": `Vai alla prima pagina`,
53
54
  "s8e68b824b99140a1": `ascendente`,
54
55
  "s8f18916860db5d80": `Rimuovi selezione`,
@@ -73,11 +74,13 @@ const templates = {
73
74
  "scb6b9cb49cf93277": `Aprile`,
74
75
  "scfe20e6b9fcd18ad": `Cerca nella tabella`,
75
76
  "sd186574aa8a68ecb": `Nessun risultato per`,
77
+ "sd26f670ca5d5b0c6": `Comprimi riga`,
76
78
  "sd898d99fd9c13de6": `Filtra le opzioni disponibili`,
77
79
  "sdc42f1da42d6411a": `Pulisci il campo di input`,
78
80
  "se0955919920ee87d": `Giorno`,
79
81
  "se4129fd6b9d7b4c2": `Ultima data disponibile`,
80
82
  "se682f076f6506f9b": `Vai a pagina`,
83
+ "se922876494171df7": `Espandi tutte le righe`,
81
84
  "sf1f100572e888a9d": `Passa al mese precedente`,
82
85
  "sf295af199c723ec8": `Ven`
83
86
  };
@@ -36,7 +36,9 @@ export declare const templates: {
36
36
  s6badfcac7ad931f1: string;
37
37
  s6cfed919e21ac6ac: string;
38
38
  s6d24cd19e23b8185: string;
39
+ s71d7ea0584a2503e: string;
39
40
  s7350bb367d5e09ab: string;
41
+ s73f51a3532f29159: string;
40
42
  s74aa0319e62b2eb7: string;
41
43
  s7793b811d20184fe: string;
42
44
  s78e1e4c3066c51c1: string;
@@ -46,7 +48,6 @@ export declare const templates: {
46
48
  s84d3dbcd121dd01b: string;
47
49
  s88365264d8a05b05: string;
48
50
  s8ade4e9d5e804d6a: string;
49
- s8af61807443f32a4: string;
50
51
  s8af6c50191c92781: string;
51
52
  s8e68b824b99140a1: string;
52
53
  s8f18916860db5d80: string;
@@ -71,11 +72,13 @@ export declare const templates: {
71
72
  scb6b9cb49cf93277: string;
72
73
  scfe20e6b9fcd18ad: string;
73
74
  sd186574aa8a68ecb: string;
75
+ sd26f670ca5d5b0c6: string;
74
76
  sd898d99fd9c13de6: string;
75
77
  sdc42f1da42d6411a: string;
76
78
  se0955919920ee87d: string;
77
79
  se4129fd6b9d7b4c2: string;
78
80
  se682f076f6506f9b: string;
81
+ se922876494171df7: string;
79
82
  sf1f100572e888a9d: string;
80
83
  sf295af199c723ec8: string;
81
84
  };
@@ -38,7 +38,9 @@ const templates = {
38
38
  "s6badfcac7ad931f1": `sorteerbaar`,
39
39
  "s6cfed919e21ac6ac": `Do`,
40
40
  "s6d24cd19e23b8185": `Di`,
41
+ "s71d7ea0584a2503e": `Alle rijen inklappen`,
41
42
  "s7350bb367d5e09ab": `Ga naar laatste pagina`,
43
+ "s73f51a3532f29159": `Rij uitklappen`,
42
44
  "s74aa0319e62b2eb7": `Wo`,
43
45
  "s7793b811d20184fe": `December`,
44
46
  "s78e1e4c3066c51c1": `Zoekopdracht voor wissen`,
@@ -48,7 +50,6 @@ const templates = {
48
50
  "s84d3dbcd121dd01b": `aflopend`,
49
51
  "s88365264d8a05b05": `Schakel naar volgende maand`,
50
52
  "s8ade4e9d5e804d6a": `Eerste beschikbare datum`,
51
- "s8af61807443f32a4": `Acties`,
52
53
  "s8af6c50191c92781": `Ga naar eerste pagina`,
53
54
  "s8e68b824b99140a1": `oplopend`,
54
55
  "s8f18916860db5d80": `Wis selectie`,
@@ -73,11 +74,13 @@ const templates = {
73
74
  "scb6b9cb49cf93277": `April`,
74
75
  "scfe20e6b9fcd18ad": `Zoek tabel`,
75
76
  "sd186574aa8a68ecb": `Geen resultaten voor`,
77
+ "sd26f670ca5d5b0c6": `Rij inklappen`,
76
78
  "sd898d99fd9c13de6": `Filter beschikbare opties`,
77
79
  "sdc42f1da42d6411a": `Wis invoer`,
78
80
  "se0955919920ee87d": `Dag`,
79
81
  "se4129fd6b9d7b4c2": `Laatste beschikbare datum`,
80
82
  "se682f076f6506f9b": `Ga naar pagina`,
83
+ "se922876494171df7": `Alle rijen uitklappen`,
81
84
  "sf1f100572e888a9d": `Schakel naar vorige maand`,
82
85
  "sf295af199c723ec8": `Vr`
83
86
  };
@@ -36,7 +36,9 @@ export declare const templates: {
36
36
  s6badfcac7ad931f1: string;
37
37
  s6cfed919e21ac6ac: string;
38
38
  s6d24cd19e23b8185: string;
39
+ s71d7ea0584a2503e: string;
39
40
  s7350bb367d5e09ab: string;
41
+ s73f51a3532f29159: string;
40
42
  s74aa0319e62b2eb7: string;
41
43
  s7793b811d20184fe: string;
42
44
  s78e1e4c3066c51c1: string;
@@ -46,7 +48,6 @@ export declare const templates: {
46
48
  s84d3dbcd121dd01b: string;
47
49
  s88365264d8a05b05: string;
48
50
  s8ade4e9d5e804d6a: string;
49
- s8af61807443f32a4: string;
50
51
  s8af6c50191c92781: string;
51
52
  s8e68b824b99140a1: string;
52
53
  s8f18916860db5d80: string;
@@ -71,11 +72,13 @@ export declare const templates: {
71
72
  scb6b9cb49cf93277: string;
72
73
  scfe20e6b9fcd18ad: string;
73
74
  sd186574aa8a68ecb: string;
75
+ sd26f670ca5d5b0c6: string;
74
76
  sd898d99fd9c13de6: string;
75
77
  sdc42f1da42d6411a: string;
76
78
  se0955919920ee87d: string;
77
79
  se4129fd6b9d7b4c2: string;
78
80
  se682f076f6506f9b: string;
81
+ se922876494171df7: string;
79
82
  sf1f100572e888a9d: string;
80
83
  sf295af199c723ec8: string;
81
84
  };
@@ -38,7 +38,9 @@ const templates = {
38
38
  "s6badfcac7ad931f1": `sorterbar`,
39
39
  "s6cfed919e21ac6ac": `Tor`,
40
40
  "s6d24cd19e23b8185": `Tir`,
41
+ "s71d7ea0584a2503e": `Trekk sammen alle rader`,
41
42
  "s7350bb367d5e09ab": `G\xE5 til siste side`,
43
+ "s73f51a3532f29159": `Utvid rad`,
42
44
  "s74aa0319e62b2eb7": `Ons`,
43
45
  "s7793b811d20184fe": `Desember`,
44
46
  "s78e1e4c3066c51c1": `Fjern s\xF8k for`,
@@ -48,7 +50,6 @@ const templates = {
48
50
  "s84d3dbcd121dd01b": `synkende`,
49
51
  "s88365264d8a05b05": `Bytt til neste m\xE5ned`,
50
52
  "s8ade4e9d5e804d6a": `F\xF8rste tilgjengelige dato`,
51
- "s8af61807443f32a4": `Handlinger`,
52
53
  "s8af6c50191c92781": `G\xE5 til f\xF8rste side`,
53
54
  "s8e68b824b99140a1": `stigende`,
54
55
  "s8f18916860db5d80": `Ryd valg`,
@@ -73,11 +74,13 @@ const templates = {
73
74
  "scb6b9cb49cf93277": `April`,
74
75
  "scfe20e6b9fcd18ad": `S\xF8k i tabell`,
75
76
  "sd186574aa8a68ecb": `Ingen resultater for`,
77
+ "sd26f670ca5d5b0c6": `Trekk sammen rad`,
76
78
  "sd898d99fd9c13de6": `Filtrer tilgjengelige alternativer`,
77
79
  "sdc42f1da42d6411a": `Rens inputfelt`,
78
80
  "se0955919920ee87d": `Dag`,
79
81
  "se4129fd6b9d7b4c2": `Siste tilgjengelige dato`,
80
82
  "se682f076f6506f9b": `G\xE5 til side`,
83
+ "se922876494171df7": `Utvid alle rader`,
81
84
  "sf1f100572e888a9d": `Bytt til forrige m\xE5ned`,
82
85
  "sf295af199c723ec8": `Fre`
83
86
  };
@@ -36,7 +36,9 @@ export declare const templates: {
36
36
  s6badfcac7ad931f1: string;
37
37
  s6cfed919e21ac6ac: string;
38
38
  s6d24cd19e23b8185: string;
39
+ s71d7ea0584a2503e: string;
39
40
  s7350bb367d5e09ab: string;
41
+ s73f51a3532f29159: string;
40
42
  s74aa0319e62b2eb7: string;
41
43
  s7793b811d20184fe: string;
42
44
  s78e1e4c3066c51c1: string;
@@ -46,7 +48,6 @@ export declare const templates: {
46
48
  s84d3dbcd121dd01b: string;
47
49
  s88365264d8a05b05: string;
48
50
  s8ade4e9d5e804d6a: string;
49
- s8af61807443f32a4: string;
50
51
  s8af6c50191c92781: string;
51
52
  s8e68b824b99140a1: string;
52
53
  s8f18916860db5d80: string;
@@ -71,11 +72,13 @@ export declare const templates: {
71
72
  scb6b9cb49cf93277: string;
72
73
  scfe20e6b9fcd18ad: string;
73
74
  sd186574aa8a68ecb: string;
75
+ sd26f670ca5d5b0c6: string;
74
76
  sd898d99fd9c13de6: string;
75
77
  sdc42f1da42d6411a: string;
76
78
  se0955919920ee87d: string;
77
79
  se4129fd6b9d7b4c2: string;
78
80
  se682f076f6506f9b: string;
81
+ se922876494171df7: string;
79
82
  sf1f100572e888a9d: string;
80
83
  sf295af199c723ec8: string;
81
84
  };
@@ -38,7 +38,9 @@ const templates = {
38
38
  "s6badfcac7ad931f1": `sorterbar`,
39
39
  "s6cfed919e21ac6ac": `Tor`,
40
40
  "s6d24cd19e23b8185": `Tis`,
41
+ "s71d7ea0584a2503e": `F\xE4ll ihop alla rader`,
41
42
  "s7350bb367d5e09ab": `G\xE5 till sista sidan`,
43
+ "s73f51a3532f29159": `Expandera rad`,
42
44
  "s74aa0319e62b2eb7": `Ons`,
43
45
  "s7793b811d20184fe": `December`,
44
46
  "s78e1e4c3066c51c1": `Rensa s\xF6kning f\xF6r`,
@@ -48,7 +50,6 @@ const templates = {
48
50
  "s84d3dbcd121dd01b": `fallande`,
49
51
  "s88365264d8a05b05": `V\xE4xla till n\xE4sta m\xE5nad`,
50
52
  "s8ade4e9d5e804d6a": `F\xF6rsta tillg\xE4ngliga datum`,
51
- "s8af61807443f32a4": `\xC5tg\xE4rder`,
52
53
  "s8af6c50191c92781": `G\xE5 till f\xF6rsta sidan`,
53
54
  "s8e68b824b99140a1": `stigande`,
54
55
  "s8f18916860db5d80": `Rensa val`,
@@ -73,11 +74,13 @@ const templates = {
73
74
  "scb6b9cb49cf93277": `April`,
74
75
  "scfe20e6b9fcd18ad": `S\xF6ktabell`,
75
76
  "sd186574aa8a68ecb": `Inga resultat f\xF6r`,
77
+ "sd26f670ca5d5b0c6": `F\xE4ll ihop rad`,
76
78
  "sd898d99fd9c13de6": `S\xF6k i listan av val`,
77
79
  "sdc42f1da42d6411a": `Rensa text`,
78
80
  "se0955919920ee87d": `Dag`,
79
81
  "se4129fd6b9d7b4c2": `Sista tillg\xE4ngliga datum`,
80
82
  "se682f076f6506f9b": `G\xE5 till sida`,
83
+ "se922876494171df7": `Expandera alla rader`,
81
84
  "sf1f100572e888a9d": `V\xE4xla till f\xF6reg\xE5ende m\xE5nad`,
82
85
  "sf295af199c723ec8": `Fre`
83
86
  };
@@ -56,7 +56,8 @@
56
56
 
57
57
  | Name | Description |
58
58
  |------|-------------|
59
- | `header` | Custom header content |
59
+ | `media` | Custom media content rendered in the card media area (when no src image is provided). |
60
+ | `header` | Custom header content rendered only when neither src nor media slot content is present. |
60
61
  | `footer` | Action items (buttons, links) |
61
62
 
62
63
 
@@ -1,5 +1,5 @@
1
1
  {
2
- "generatedAt": "2026-05-05T07:46:33.316Z",
2
+ "generatedAt": "2026-05-11T09:11:02.639Z",
3
3
  "components": [
4
4
  {
5
5
  "name": "gds-alert",
@@ -1,5 +1,5 @@
1
1
  {
2
- "generatedAt": "2026-05-05T07:46:33.316Z",
2
+ "generatedAt": "2026-05-11T09:11:02.639Z",
3
3
  "icons": [
4
4
  {
5
5
  "name": "gds-icon-ai",
@@ -1,5 +1,5 @@
1
1
  {
2
- "generatedAt": "2026-05-05T07:46:33.316Z",
2
+ "generatedAt": "2026-05-11T09:11:02.639Z",
3
3
  "instructions": "./INSTRUCTIONS.md",
4
4
  "components": "./components.json",
5
5
  "icons": "./icons.json",
@@ -28,3 +28,4 @@ Events are emitted using Angular output syntax. Event names are converted from k
28
28
  | `gds-table-data-loaded` | `gdsTableDataLoaded` | `(gdsTableDataLoaded)="handler($event)"` |
29
29
  | `gds-table-data-error` | `gdsTableDataError` | `(gdsTableDataError)="handler($event)"` |
30
30
  | `gds-table-selection` | `gdsTableSelection` | `(gdsTableSelection)="handler($event)"` |
31
+ | `gds-table-expand-change` | `gdsTableExpandChange` | `(gdsTableExpandChange)="handler($event)"` |
@@ -28,12 +28,11 @@
28
28
  | `searchable` | `boolean` | `-` | Adds search input for data filtering. |
29
29
  | `settings` | `boolean` | `-` | Enables column visibility settings. |
30
30
  | `striped` | `boolean` | `-` | Applies alternating row background colors. |
31
- | `actions` | `Types.Actions \| ((row: T, index: number) => any) \| undefined` | `-` | Defines row-level actions. Accepts: action configuration or custom rendering function |
32
31
  | `nocache` | `boolean` | `-` | Disables data caching mechanism. |
33
32
  | `tfoot` | `Types.Tfoot \| undefined` | `-` | Configures a table footer row (`<tfoot>`) at the bottom of the table. The footer row provides slot insertion points for each visible column, letting consumers render any aggregation (sum, average, count, etc.). Use `tfoot.label` to optionally show a label in the first cell (omitted by default). Use `tfoot.sticky` to pin the footer to the bottom of the scroll area. Slot naming convention: `tfoot:{columnKey}` Accepts: `{ label?: string, sticky?: boolean }` or omit to disable. |
34
33
  | `dataLoadKey` | `string \| undefined` | `-` | Key to trigger data reloading when changed. Setting this to a new value forces the table to clear the cache and request new data from the data provider. The value can be any string that is not equal to the previous value. |
35
34
  | `height` | `string \| undefined` | `-` | Style Expression Property that controls the height property. Supports space tokens and all valid CSS width values. Sets the height of the table content area and enables vertical scrolling with a sticky header that remains visible. |
36
- | `variant` | `Omit<Variant, 'brand-01' \| 'brand-02'>` | `-` | Sets the visual variant of the table container card. Forwards to the underlying `gds-card` component. |
35
+ | `variant` | `TableVariant` | `-` | Sets the visual variant of the table container card. Forwards to the underlying `gds-card` component. |
37
36
  | `syncFirstRender` | `boolean` | `-` | Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`. This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM is projected. Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the element needs to be measured synchronously after being added to the DOM. |
38
37
 
39
38
 
@@ -47,6 +46,7 @@
47
46
  | `gds-table-data-loaded` | `CustomEvent<any>` | Fired when data is successfully loaded. Detail: `{ rows: T[], total: number, page: number, rowsPerPage: number, searchQuery: string, sortColumn?: string, sortDirection?: 'asc' \| 'desc' }` |
48
47
  | `gds-table-data-error` | `CustomEvent<any>` | Fired when data loading fails. |
49
48
  | `gds-table-selection` | `CustomEvent<any>` | Fired when row selection changes. |
49
+ | `gds-table-expand-change` | `CustomEvent<any>` | Fired when row expansion changes. Detail: `{ index: number, row: T, expanded: boolean, expandedIndices: number[] }` |
50
50
 
51
51
 
52
52
  ## Slots
@@ -59,6 +59,7 @@
59
59
  | ``error`` | Custom error state content when data loading fails. |
60
60
  | ``empty`` | Custom empty state content when no data is available. |
61
61
  | ``no-results`` | Custom no results content when search returns empty. |
62
+ | ``expand:{rowKey}:full`` | Full-width expanded content row for custom layouts. |
62
63
 
63
64
 
64
65
  ## Methods
@@ -83,3 +84,32 @@ Select specific rows by indices
83
84
  ### `getSelection(): { indices: number[]; data: T[] }`
84
85
 
85
86
  Get selected row data
87
+
88
+ ### `expandRow(index: number): Promise<boolean>`
89
+
90
+ Expand a specific row by index.
91
+
92
+ **Parameters:**
93
+
94
+ - `index`: `number`
95
+
96
+ ### `collapseRow(index: number): boolean`
97
+
98
+ Collapse a specific row by index.
99
+
100
+ **Parameters:**
101
+
102
+ - `index`: `number`
103
+
104
+ ### `toggleRowExpansion(index: number, rowOverride?: T): Promise<boolean>`
105
+
106
+ Toggle expanded state for a specific row by index.
107
+
108
+ **Parameters:**
109
+
110
+ - `index`: `number`
111
+ - `rowOverride`: `T` _(optional)_
112
+
113
+ ### `getExpandedIndices(): number[]`
114
+
115
+ Get currently expanded row indices.
@@ -28,6 +28,7 @@ Events are handled using React event handler props. Event names are converted fr
28
28
  | `gds-table-data-loaded` | `onGdsTableDataLoaded` | `onGdsTableDataLoaded={handler}` |
29
29
  | `gds-table-data-error` | `onGdsTableDataError` | `onGdsTableDataError={handler}` |
30
30
  | `gds-table-selection` | `onGdsTableSelection` | `onGdsTableSelection={handler}` |
31
+ | `gds-table-expand-change` | `onGdsTableExpandChange` | `onGdsTableExpandChange={handler}` |
31
32
 
32
33
  ## Slots in React
33
34
 
@@ -1,5 +1,5 @@
1
1
  {
2
- "generatedAt": "2026-05-05T07:46:33.175Z",
2
+ "generatedAt": "2026-05-11T09:11:02.534Z",
3
3
  "categories": {
4
4
  "space": {
5
5
  "description": "Spacing tokens for padding, margin, gap, and other spacing",