@sebgroup/green-core 3.4.0 → 3.5.1

package/gds-element.js

@@ -16,7 +16,7 @@ class GdsElement extends LitElement {
     /**
      * The semantic version of this element. Can be used for troubleshooting to verify the version being used.
      */
-    this.semanticVersion = "3.4.0";
+    this.semanticVersion = "3.5.1";
     this.syncFirstRender = false;
     this._isUsingTransitionalStyles = false;
     this._dynamicStylesController = new DynamicStylesController(this);

package/generated/locales/da.d.ts

@@ -57,7 +57,6 @@ export declare const templates: {
     s9836b719fa8ef857: string;
     s987ac119fac8d621: string;
     s98dfb7a8cd8ec342: string;
-    s9af3c72c33088826: import("@lit/localize").StrResult;
     sa26d7a273074cbf9: string;
     sa3a7061ff10a8138: string;
     sa6f2645578b2d2bc: string;
@@ -68,6 +67,7 @@ export declare const templates: {
     sbbea6041f19ec177: string;
     sbc083a1dbee9af73: string;
     sc9ba1c07c319d0ab: string;
+    scab955958b9b783e: import("@lit/localize").StrResult;
     scb6b9cb49cf93277: string;
     scfe20e6b9fcd18ad: string;
     sd186574aa8a68ecb: string;

package/generated/locales/da.js

@@ -59,7 +59,6 @@ const templates = {
   "s9836b719fa8ef857": `L\xF8r`,
   "s987ac119fac8d621": `S\xF8n`,
   "s98dfb7a8cd8ec342": `V\xE6lg dagens dato`,
-  "s9af3c72c33088826": str`Der er ${0} fejl, der skal rettes, før du kan fortsætte:`,
   "sa26d7a273074cbf9": `Ingen data tilg\xE6ngelige`,
   "sa3a7061ff10a8138": `r\xE6kker`,
   "sa6f2645578b2d2bc": `\xC5r`,
@@ -70,6 +69,7 @@ const templates = {
   "sbbea6041f19ec177": `Fejl ved indl\xE6sning af data`,
   "sbc083a1dbee9af73": `Februar`,
   "sc9ba1c07c319d0ab": `Datatabul med`,
+  "scab955958b9b783e": str`Der er fejl, der skal rettes, før du kan fortsætte`,
   "scb6b9cb49cf93277": `April`,
   "scfe20e6b9fcd18ad": `S\xF8g i tabel`,
   "sd186574aa8a68ecb": `Ingen resultater for`,

package/generated/locales/de.d.ts

@@ -57,7 +57,6 @@ export declare const templates: {
     s9836b719fa8ef857: string;
     s987ac119fac8d621: string;
     s98dfb7a8cd8ec342: string;
-    s9af3c72c33088826: import("@lit/localize").StrResult;
     sa26d7a273074cbf9: string;
     sa3a7061ff10a8138: string;
     sa6f2645578b2d2bc: string;
@@ -68,6 +67,7 @@ export declare const templates: {
     sbbea6041f19ec177: string;
     sbc083a1dbee9af73: string;
     sc9ba1c07c319d0ab: string;
+    scab955958b9b783e: import("@lit/localize").StrResult;
     scb6b9cb49cf93277: string;
     scfe20e6b9fcd18ad: string;
     sd186574aa8a68ecb: string;

package/generated/locales/de.js

@@ -59,7 +59,6 @@ const templates = {
   "s9836b719fa8ef857": `Sa`,
   "s987ac119fac8d621": `So`,
   "s98dfb7a8cd8ec342": `W\xE4hlen Sie das heutige Datum`,
-  "s9af3c72c33088826": str`Es gibt ${0} Fehler zu beheben, bevor du fortfahren kannst:`,
   "sa26d7a273074cbf9": `Keine Daten verf\xFCgbar`,
   "sa3a7061ff10a8138": `Zeilen`,
   "sa6f2645578b2d2bc": `Jahr`,
@@ -70,6 +69,7 @@ const templates = {
   "sbbea6041f19ec177": `Fehler beim Laden von Daten`,
   "sbc083a1dbee9af73": `Februar`,
   "sc9ba1c07c319d0ab": `Datentabelle mit`,
+  "scab955958b9b783e": str`Es gibt Fehler, die korrigiert werden müssen, bevor Sie fortfahren können`,
   "scb6b9cb49cf93277": `April`,
   "scfe20e6b9fcd18ad": `Tabelle durchsuchen`,
   "sd186574aa8a68ecb": `Keine Ergebnisse f\xFCr`,

package/generated/locales/fi.d.ts

@@ -57,7 +57,6 @@ export declare const templates: {
     s9836b719fa8ef857: string;
     s987ac119fac8d621: string;
     s98dfb7a8cd8ec342: string;
-    s9af3c72c33088826: import("@lit/localize").StrResult;
     sa26d7a273074cbf9: string;
     sa3a7061ff10a8138: string;
     sa6f2645578b2d2bc: string;
@@ -68,6 +67,7 @@ export declare const templates: {
     sbbea6041f19ec177: string;
     sbc083a1dbee9af73: string;
     sc9ba1c07c319d0ab: string;
+    scab955958b9b783e: import("@lit/localize").StrResult;
     scb6b9cb49cf93277: string;
     scfe20e6b9fcd18ad: string;
     sd186574aa8a68ecb: string;

package/generated/locales/fi.js

@@ -59,7 +59,6 @@ const templates = {
   "s9836b719fa8ef857": `La`,
   "s987ac119fac8d621": `Su`,
   "s98dfb7a8cd8ec342": `Valitse t\xE4m\xE4n p\xE4iv\xE4n p\xE4iv\xE4m\xE4\xE4r\xE4`,
-  "s9af3c72c33088826": str`On ${0} virhettä, jotka täytyy korjata ennen kuin voit jatkaa:`,
   "sa26d7a273074cbf9": `Ei tietoja saatavilla`,
   "sa3a7061ff10a8138": `rivit`,
   "sa6f2645578b2d2bc": `Vuosi`,
@@ -70,6 +69,7 @@ const templates = {
   "sbbea6041f19ec177": `Virhe tietojen lataamisessa`,
   "sbc083a1dbee9af73": `Helmikuu`,
   "sc9ba1c07c319d0ab": `Tietojen taulukko, jossa on`,
+  "scab955958b9b783e": str`Korjattavia virheitä ennen kuin voit jatkaa`,
   "scb6b9cb49cf93277": `Huhti`,
   "scfe20e6b9fcd18ad": `Etsi taulukosta`,
   "sd186574aa8a68ecb": `Ei tuloksia kohteelle`,

package/generated/locales/fr.d.ts

@@ -57,7 +57,6 @@ export declare const templates: {
     s9836b719fa8ef857: string;
     s987ac119fac8d621: string;
     s98dfb7a8cd8ec342: string;
-    s9af3c72c33088826: import("@lit/localize").StrResult;
     sa26d7a273074cbf9: string;
     sa3a7061ff10a8138: string;
     sa6f2645578b2d2bc: string;
@@ -68,6 +67,7 @@ export declare const templates: {
     sbbea6041f19ec177: string;
     sbc083a1dbee9af73: string;
     sc9ba1c07c319d0ab: string;
+    scab955958b9b783e: import("@lit/localize").StrResult;
     scb6b9cb49cf93277: string;
     scfe20e6b9fcd18ad: string;
     sd186574aa8a68ecb: string;

package/generated/locales/fr.js

@@ -59,7 +59,6 @@ const templates = {
   "s9836b719fa8ef857": `Sam`,
   "s987ac119fac8d621": `Dim`,
   "s98dfb7a8cd8ec342": `S\xE9lectionnez la date du jour`,
-  "s9af3c72c33088826": str`Il y a ${0} erreur(s) à corriger avant de pouvoir continuer :`,
   "sa26d7a273074cbf9": `Aucune donn\xE9e disponible`,
   "sa3a7061ff10a8138": `lignes`,
   "sa6f2645578b2d2bc": `Ann\xE9e`,
@@ -70,6 +69,7 @@ const templates = {
   "sbbea6041f19ec177": `Erreur lors du chargement des donn\xE9es`,
   "sbc083a1dbee9af73": `F\xE9vrier`,
   "sc9ba1c07c319d0ab": `Tableau de donn\xE9es avec`,
+  "scab955958b9b783e": str`Il y a des erreurs à corriger avant de pouvoir continuer`,
   "scb6b9cb49cf93277": `Avril`,
   "scfe20e6b9fcd18ad": `Rechercher dans le tableau`,
   "sd186574aa8a68ecb": `Aucun r\xE9sultat pour`,

package/generated/locales/it.d.ts

@@ -57,7 +57,6 @@ export declare const templates: {
     s9836b719fa8ef857: string;
     s987ac119fac8d621: string;
     s98dfb7a8cd8ec342: string;
-    s9af3c72c33088826: import("@lit/localize").StrResult;
     sa26d7a273074cbf9: string;
     sa3a7061ff10a8138: string;
     sa6f2645578b2d2bc: string;
@@ -68,6 +67,7 @@ export declare const templates: {
     sbbea6041f19ec177: string;
     sbc083a1dbee9af73: string;
     sc9ba1c07c319d0ab: string;
+    scab955958b9b783e: import("@lit/localize").StrResult;
     scb6b9cb49cf93277: string;
     scfe20e6b9fcd18ad: string;
     sd186574aa8a68ecb: string;

package/generated/locales/it.js

@@ -59,7 +59,6 @@ const templates = {
   "s9836b719fa8ef857": `Sab`,
   "s987ac119fac8d621": `Dom`,
   "s98dfb7a8cd8ec342": `Seleziona la data odierna`,
-  "s9af3c72c33088826": str`Ci sono ${0} errori da correggere prima di poter continuare:`,
   "sa26d7a273074cbf9": `Nessun dato disponibile`,
   "sa3a7061ff10a8138": `righe`,
   "sa6f2645578b2d2bc": `Anno`,
@@ -70,6 +69,7 @@ const templates = {
   "sbbea6041f19ec177": `Errore nel caricamento dei dati`,
   "sbc083a1dbee9af73": `Febbraio`,
   "sc9ba1c07c319d0ab": `Tabella dati con`,
+  "scab955958b9b783e": str`Ci sono errori da correggere prima di poter continuare`,
   "scb6b9cb49cf93277": `Aprile`,
   "scfe20e6b9fcd18ad": `Cerca nella tabella`,
   "sd186574aa8a68ecb": `Nessun risultato per`,

package/generated/locales/nl.d.ts

@@ -57,7 +57,6 @@ export declare const templates: {
     s9836b719fa8ef857: string;
     s987ac119fac8d621: string;
     s98dfb7a8cd8ec342: string;
-    s9af3c72c33088826: import("@lit/localize").StrResult;
     sa26d7a273074cbf9: string;
     sa3a7061ff10a8138: string;
     sa6f2645578b2d2bc: string;
@@ -68,6 +67,7 @@ export declare const templates: {
     sbbea6041f19ec177: string;
     sbc083a1dbee9af73: string;
     sc9ba1c07c319d0ab: string;
+    scab955958b9b783e: import("@lit/localize").StrResult;
     scb6b9cb49cf93277: string;
     scfe20e6b9fcd18ad: string;
     sd186574aa8a68ecb: string;

package/generated/locales/nl.js

@@ -59,7 +59,6 @@ const templates = {
   "s9836b719fa8ef857": `Za`,
   "s987ac119fac8d621": `Zo`,
   "s98dfb7a8cd8ec342": `Selecteer de datum van vandaag`,
-  "s9af3c72c33088826": str`Er zijn ${0} fouten die gecorrigeerd moeten worden voordat je verder kunt gaan:`,
   "sa26d7a273074cbf9": `Geen gegevens beschikbaar`,
   "sa3a7061ff10a8138": `rijen`,
   "sa6f2645578b2d2bc": `Jaar`,
@@ -70,6 +69,7 @@ const templates = {
   "sbbea6041f19ec177": `Fout bij het laden van gegevens`,
   "sbc083a1dbee9af73": `Februari`,
   "sc9ba1c07c319d0ab": `Gegevenstabel met`,
+  "scab955958b9b783e": str`Er zijn fouten die gecorrigeerd moeten worden voordat u kunt doorgaan`,
   "scb6b9cb49cf93277": `April`,
   "scfe20e6b9fcd18ad": `Zoek tabel`,
   "sd186574aa8a68ecb": `Geen resultaten voor`,

package/generated/locales/no.d.ts

@@ -57,7 +57,6 @@ export declare const templates: {
     s9836b719fa8ef857: string;
     s987ac119fac8d621: string;
     s98dfb7a8cd8ec342: string;
-    s9af3c72c33088826: import("@lit/localize").StrResult;
     sa26d7a273074cbf9: string;
     sa3a7061ff10a8138: string;
     sa6f2645578b2d2bc: string;
@@ -68,6 +67,7 @@ export declare const templates: {
     sbbea6041f19ec177: string;
     sbc083a1dbee9af73: string;
     sc9ba1c07c319d0ab: string;
+    scab955958b9b783e: import("@lit/localize").StrResult;
     scb6b9cb49cf93277: string;
     scfe20e6b9fcd18ad: string;
     sd186574aa8a68ecb: string;

package/generated/locales/no.js

@@ -59,7 +59,6 @@ const templates = {
   "s9836b719fa8ef857": `L\xF8r`,
   "s987ac119fac8d621": `S\xF8n`,
   "s98dfb7a8cd8ec342": `Velg dagens dato`,
-  "s9af3c72c33088826": str`Det er ${0} feil som må rettes før du kan fortsette:`,
   "sa26d7a273074cbf9": `Ingen data tilgjengelig`,
   "sa3a7061ff10a8138": `rader`,
   "sa6f2645578b2d2bc": `\xC5r`,
@@ -70,6 +69,7 @@ const templates = {
   "sbbea6041f19ec177": `Feil ved lasting av data`,
   "sbc083a1dbee9af73": `Februar`,
   "sc9ba1c07c319d0ab": `Datatabell med`,
+  "scab955958b9b783e": str`Det er feil som må rettes før du kan fortsette`,
   "scb6b9cb49cf93277": `April`,
   "scfe20e6b9fcd18ad": `S\xF8k i tabell`,
   "sd186574aa8a68ecb": `Ingen resultater for`,

package/generated/locales/sv.d.ts

@@ -57,7 +57,6 @@ export declare const templates: {
     s9836b719fa8ef857: string;
     s987ac119fac8d621: string;
     s98dfb7a8cd8ec342: string;
-    s9af3c72c33088826: import("@lit/localize").StrResult;
     sa26d7a273074cbf9: string;
     sa3a7061ff10a8138: string;
     sa6f2645578b2d2bc: string;
@@ -68,6 +67,7 @@ export declare const templates: {
     sbbea6041f19ec177: string;
     sbc083a1dbee9af73: string;
     sc9ba1c07c319d0ab: string;
+    scab955958b9b783e: import("@lit/localize").StrResult;
     scb6b9cb49cf93277: string;
     scfe20e6b9fcd18ad: string;
     sd186574aa8a68ecb: string;

package/generated/locales/sv.js

@@ -59,7 +59,6 @@ const templates = {
   "s9836b719fa8ef857": `L\xF6r`,
   "s987ac119fac8d621": `S\xF6n`,
   "s98dfb7a8cd8ec342": `V\xE4lj dagens datum`,
-  "s9af3c72c33088826": str`Det finns ${0} fel att åtgärda innan du kan fortsätta:`,
   "sa26d7a273074cbf9": `Inga data tillg\xE4ngliga`,
   "sa3a7061ff10a8138": `rader`,
   "sa6f2645578b2d2bc": `\xC5r`,
@@ -70,6 +69,7 @@ const templates = {
   "sbbea6041f19ec177": `Fel vid inladdning av data`,
   "sbc083a1dbee9af73": `Februari`,
   "sc9ba1c07c319d0ab": `Datatabell med`,
+  "scab955958b9b783e": str`Det finns fel att rätta innan du kan fortsätta`,
   "scb6b9cb49cf93277": `April`,
   "scfe20e6b9fcd18ad": `S\xF6ktabell`,
   "sd186574aa8a68ecb": `Inga resultat f\xF6r`,

package/generated/mcp/components.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-04-08T06:51:25.614Z",
+  "generatedAt": "2026-04-24T13:51:13.604Z",
   "components": [
     {
       "name": "gds-alert",

package/generated/mcp/form-summary/angular.md

@@ -11,5 +11,7 @@ import { GdsFormSummaryComponent } from '@sebgroup/green-core-ng'
 Use the component in your Angular templates:
 
 ```html
-<gds-form-summary></gds-form-summary>
+<gds-form-summary>
+  <!-- content -->
+</gds-form-summary>
 ```

package/generated/mcp/form-summary/api.md

@@ -9,11 +9,18 @@
 
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
-| `hideErrors` | `boolean` | `-` | Whether to hide the error messages under the labels. |
+| `hideErrors` | `boolean` | `-` |  |
 | `reactive` | `boolean` | `-` | Whether to refresh the summary automatically as controls in the form change validation state.  Avoid this setting if the summary is located above the form controls, as it may cause the form to jump around as the summary is updated. |
 | `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. |
 
 
+## Slots
+
+| Name | Description |
+|------|-------------|
+| `header` | Optional slot for customizing the header of the summary. |
+
+
 ## Methods
 
 ### `focus(options?: FocusOptions): void`
@@ -26,4 +33,4 @@ Focuses the first focusable element in the summary.
 
 ### `refresh(): void`
 
-Refresh the component to reflext the current state of the form.
+Refresh the component to reflect the current state of the form.

package/generated/mcp/form-summary/guidelines.md

@@ -9,11 +9,15 @@ Form summary shows all form errors in one place.
 
 Form summary works automatically when placed in a form with form controls from Green Core. It has two update modes, `default` and `reactive`. In the default mode, a `refresh()` method needs to be called for the component to update and reflect the current state of the form. In the `reactive` mode, it will update on the fly as soon as the status of a control in the form changes. The `reactive` mode requires less setup to use, but the `default` mode allows for more control over the behavior.
 
-#### Accessibility
+#### Fieldset labels
+
+To reflect the structure of the form, the summary content can be grouped using fieldset labels. These act as headings for related fields and help users quickly understand how the information is organized. By mirroring the same grouping as in the form, it becomes easier to recognize and review the content, improving both clarity and confidence before submission.
+
+### Accessibility
 
 Semantically, the form summary is represented as a navigation region containing an unordered list of links.
 
-#### Compatibility
+### Compatibility
 
 Form summary is mainly intended for use with form controls from Green Core, but it also works with generic native form controls by using data-attributes.
 

package/generated/mcp/form-summary/react.md

@@ -11,5 +11,7 @@ import { GdsFormSummary } from '@sebgroup/green-core/react'
 Use the component as a React JSX element:
 
 ```tsx
-<GdsFormSummary />
+<GdsFormSummary>
+  {/* content */}
+</GdsFormSummary>
 ```

package/generated/mcp/icons.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-04-08T06:51:25.614Z",
+  "generatedAt": "2026-04-24T13:51:13.604Z",
   "icons": [
     {
       "name": "gds-icon-ai",

package/generated/mcp/index.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-04-08T06:51:25.614Z",
+  "generatedAt": "2026-04-24T13:51:13.604Z",
   "instructions": "./INSTRUCTIONS.md",
   "components": "./components.json",
   "icons": "./icons.json",

package/generated/mcp/pagination/guidelines.md

@@ -1,14 +1,24 @@
 # Pagination
 
-Pagination helps users navigate large result sets by dividing content into clear, manageable pages.
+Pagination helps users navigate large result sets by dividing content into clear, manageable pages. 
 
 
 ## Overview
 
 ### Usage
 
-*   Use pagination for long lists such as tables, search results, or content listings.
-    
-*   Pagination is preferred over infinite scroll when users need overview, comparison, or predictable navigation.
-    
-*   Always associate pagination with the content it controls.
+Pagination is used to divide large amounts of content into smaller pages, making it easier to navigate and understand a dataset. It is most useful when content cannot be displayed at once, or when users need to move through information in a defined order.
+
+Use pagination when it improves readability and control, for example in tables or long lists, search results, or content listings. Avoid using pagination for small datasets or when continuous scrolling provides a better experience.
+
+
+
+### Behaviour
+
+Pagination should clearly indicate the current page and keep navigation consistent and predictable. Unavailable actions should be disabled at the start or end of the page range. When used with data tables, the item range and total number of items should be displayed.
+
+### Accessibility
+
+Pagination should use a semantic navigation structure and ensure that all controls are keyboard accessible. The current page should be communicated programmatically, and visual styling alone should not be relied on to convey state.
+
+### Do's and don'ts

package/generated/mcp/tokens.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-04-08T06:51:25.536Z",
+  "generatedAt": "2026-04-24T13:51:12.719Z",
   "categories": {
     "space": {
       "description": "Spacing tokens for padding, margin, gap, and other spacing",

package/generated/react/index.d.ts

@@ -1,9 +1,9 @@
 export * from './alert/index.js';
+export * from './blur/index.js';
 export * from './badge/index.js';
 export * from './breadcrumbs/index.js';
-export * from './blur/index.js';
-export * from './calendar/index.js';
 export * from './button/index.js';
+export * from './calendar/index.js';
 export * from './card/index.js';
 export * from './card-linked/index.js';
 export * from './checkbox/index.js';

package/generated/react/index.js

@@ -1,9 +1,9 @@
 export * from "./alert/index.js";
+export * from "./blur/index.js";
 export * from "./badge/index.js";
 export * from "./breadcrumbs/index.js";
-export * from "./blur/index.js";
-export * from "./calendar/index.js";
 export * from "./button/index.js";
+export * from "./calendar/index.js";
 export * from "./card/index.js";
 export * from "./card-linked/index.js";
 export * from "./checkbox/index.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sebgroup/green-core",
   "description": "A carefully crafted set of Web Components, laying the foundation of the Green Design System.",
-  "version": "3.4.0",
+  "version": "3.5.1",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

package/utils/helpers/custom-element-scoping.js

@@ -1,6 +1,6 @@
 import "../../chunks/chunk.CAV4X6PU.js";
 import { html as litHtml } from "lit";
-const VER_SUFFIX = "-d42f3a";
+const VER_SUFFIX = "-3228cb";
 class ScopedElementRegistry {
   static get instance() {
     if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])