@sebgroup/green-core 3.1.0 → 3.5.0

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.1.0";
+    this.semanticVersion = "3.5.0";
     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/INSTRUCTIONS.md

@@ -18,11 +18,21 @@ Welcome to the GDS MCP! Below are essential instructions to follow when creating
 - **ALWAYS read the declarative layout guide ("declarative-layout") before creating any layout**
 - **For new apps, ALWAYS read the setup guide for the used framework (Angular or React)**
 
+### Design Tokens
+
+- **REQUIRED**: Use the `get_tokens` tool to look up valid token names before setting style expression properties
+- Token categories: `space`, `typography`, `color`, `radius`, `viewport`, `shadow`, `motion`
+- Color tokens have subcategories: `background`, `border`, `content`, `state`
+- Style expression properties on components (like `padding`, `gap`, `background`, `color`) accept token short names (e.g. `m`, `l`, `xs`) — use `get_tokens` with the appropriate category to discover available names and their resolved values
+- Tokens can also be used directly as CSS variables with the `--gds-sys-` prefix (e.g. `var(--gds-sys-space-m)`)
+
 ### Typography Rules
 
 - **REQUIRED**: Use `gds-text` component for all headings and paragraphs. But never use inside buttons.
 - **REQUIRED**: Use `gds-rich-text` for large bodies of text with varied formatting
 - **AVOID**: Direct HTML text elements (h1-h6, p, span), as these will be unstyled
+- **DEFAULT STYLES**: `gds-text` headings (h1-h6) and body text (p) already have correct font size, line height, and weight applied via design tokens. Do not add manual `font` or `font-weight` unless deliberately overriding the default visual hierarchy.
+- **OVERRIDES**: When visual hierarchy needs differ from the semantic heading level, use the `font` property with a typography token (look up with `get_tokens category=typography`). Only use `font-weight` as a last resort.
 
 ### Layout Rules
 

package/generated/mcp/badge/api.md

@@ -9,6 +9,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `variant` | `\| 'information'     \| 'notice'     \| 'positive'     \| 'warning'     \| 'negative'     \| 'disabled'` | `-` |  |

package/generated/mcp/breadcrumbs/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `size` | `'large' \| 'small'` | `-` | Controls the font-size and spacing of separators and breadcrumbs items |

package/generated/mcp/button/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `width` | `string \| undefined` | `-` | Style Expression Property that controls the `width` property. Supports space tokens and all valid CSS `width` values. |

package/generated/mcp/card/api.md

@@ -12,6 +12,8 @@ and a shortcut property for specifying different card variants.
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `variant` | `Variant` | `-` |  |

package/generated/mcp/card-linked/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `href` | `string \| undefined` | `-` | URL that the link points to Can be absolute, relative, or fragment identifier |

package/generated/mcp/card-pattern-01/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `title` | `string` | `-` | The main title of the card |

package/generated/mcp/checkbox-group/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `'align-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `align-self` property. Supports all valid CSS `align-self` values. |

package/generated/mcp/components.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-03-31T10:42:15.495Z",
+  "generatedAt": "2026-04-10T07:14:04.624Z",
   "components": [
     {
       "name": "gds-alert",
@@ -722,6 +722,7 @@
       "files": [
         "api",
         "guidelines",
+        "instructions",
         "angular",
         "react"
       ]

package/generated/mcp/concepts/declarative-layout.md

@@ -80,6 +80,11 @@ property used on the component. So, here it would be `padding: var(--gds-sys-spa
 regular CSS shorthand patterns, like `padding: 1em 2em 3em 4em` by adding more values. They will each resolve to\
 a CSS variable. For example: `padding="xs; l {m xl m xl}"`
 
+The short names used in style expression properties (like `xs`, `m`, `l`, `xl`) correspond to design tokens. Each
+property accepts tokens from a specific category — for example, `padding` accepts space tokens, while `background`
+accepts color tokens. Check the API table for each component to see which token category a property accepts, and use
+the `get_tokens` tool to discover all available token names and their resolved values.
+
 When no media query is specified, it is the same as setting the breakpoint to 0. So, `padding="0 {m}"` is equivalent
 to `padding="m"`.
 

package/generated/mcp/context-menu/api.md

@@ -7,12 +7,15 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `open` | `boolean` | `-` | Whether the context menu popover is open. |
 | `buttonLabel` | `string` | `-` | The label for the trigger button. |
 | `showLabel` | `boolean` | `-` | Whether to show the label on the trigger button. |
 | `label` | `string` | `-` | The label for the popover and menu. Should describe the context of the menu. |
+| `maxHeight` | `number` | `-` | Maximum height of the menu list. |
 | `placement` | `Placement` | `-` | The placement of the popover relative to the trigger. |
 | `margin` | `string \| undefined` | `-` | Style Expression Property that controls the `margin` property. Only accepts space tokens. |
 | `'margin-inline'` | `string \| undefined` | `-` | Style Expression Property that controls the `margin-inline` property. Only accepts space tokens. |

package/generated/mcp/datepicker/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `width` | `string \| undefined` | `-` | Style Expression Property that controls the `width` property. Supports space tokens and all valid CSS `width` values. |

package/generated/mcp/details/api.md

@@ -9,6 +9,8 @@ Details component that provides collapsible content sections.
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `summary` | `string` | `-` | The summary text displayed in the details header |

package/generated/mcp/dialog/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `open` | `boolean` | `-` | Whether the dialog is open. The state of the dialog can be controlled either by setting this property or by calling the `show()` and `close()` methods.  When the state is explicitly changed by setting this prop, the state change cannot be cancelled by events. |

package/generated/mcp/div/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `display` | `string \| undefined` | `-` | Controls the display property. Supports all valid CSS display values. |

package/generated/mcp/divider/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `color` | `string \| undefined` | `-` | Controls the color property of the divider. Supports all the color tokens from the design system.  You can apply color like this:  ```html <gds-divider color="interactive"></gds-divider> ``` |

package/generated/mcp/dropdown/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `width` | `string \| undefined` | `-` | Style Expression Property that controls the `width` property. Supports space tokens and all valid CSS `width` values. |

package/generated/mcp/fab/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `position` | `string \| undefined` | `-` | Style Expression Property that controls the `position` property. Supports all valid CSS `position` values. |

package/generated/mcp/flex/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `width` | `string \| undefined` | `-` | Style Expression Property that controls the `width` property. Supports space tokens and all valid CSS `width` values. |

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/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/formatted-account/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `account` | `number \| string \| undefined` | `-` | The account number or identifier to display. For format 'seb-account', it needs to be 11 characters. |

package/generated/mcp/formatted-date/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `value` | `Date \| string \| undefined` | `-` | The date value to be formatted, either Date or ISO string. |

package/generated/mcp/formatted-number/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `value` | `number \| string \| undefined` | `-` | The numerical value to display. |

package/generated/mcp/grid/api.md

@@ -9,6 +9,8 @@ The `gds-grid` is a custom element that provides a flexible grid system. It uses
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `columns` | `string \| undefined` | `-` | The number of columns to divide the space into. Accepts a unitless number. Example: `1; m { 2 }; l { 4 }` to vary number of columns based on viewport size. |

package/generated/mcp/icon-ai/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `margin` | `string \| undefined` | `-` | Style Expression Property that controls the `margin` property. Only accepts space tokens. |

package/generated/mcp/icon-airplane-up/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `margin` | `string \| undefined` | `-` | Style Expression Property that controls the `margin` property. Only accepts space tokens. |

package/generated/mcp/icon-archive/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `margin` | `string \| undefined` | `-` | Style Expression Property that controls the `margin` property. Only accepts space tokens. |

package/generated/mcp/icon-arrow/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `margin` | `string \| undefined` | `-` | Style Expression Property that controls the `margin` property. Only accepts space tokens. |

package/generated/mcp/icon-arrow-bottom-top/api.md

@@ -7,6 +7,8 @@
 
 ## Properties
 
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
 | Name | Type | Default | Description |
 |------|------|---------|-------------|
 | `margin` | `string \| undefined` | `-` | Style Expression Property that controls the `margin` property. Only accepts space tokens. |