@sebgroup/green-core 3.22.0 → 3.23.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.22.0";
+    this.semanticVersion = "3.23.0";
     this.syncFirstRender = false;
     this._isUsingTransitionalStyles = false;
     this._dynamicStylesController = new DynamicStylesController(this);

package/generated/locales/da.d.ts

@@ -2,6 +2,8 @@ export declare const templates: {
     s023f114f575b5bd5: string;
     s038b2a0deba58916: string;
     s03c44f5a1b0581d4: string;
+    s08915407b53bac15: string;
+    s08a95707b550430f: string;
     s08b06007b5567108: string;
     s09023907b59c38eb: string;
     s15a16ae9f99f19bf: string;
@@ -16,6 +18,7 @@ export declare const templates: {
     s281846ef0421c71f: string;
     s2c8189544e3ea679: string;
     s2ceb11be2290bb1b: string;
+    s2e192b19ed15fcf6: string;
     s307db9af9905317d: string;
     s31fc8b3aecbb26e8: string;
     s39938ecdae568740: string;
@@ -28,6 +31,7 @@ export declare const templates: {
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
     s5068a6876795d628: string;
+    s58c9c24962d27829: string;
     s5d929ff1619ac0c9: string;
     s5e8250fb85d64c23: string;
     s5f4586bc1e2740e6: string;

package/generated/locales/da.js

@@ -4,6 +4,8 @@ const templates = {
   "s023f114f575b5bd5": `Nuv\xE6rende side`,
   "s038b2a0deba58916": `side`,
   "s03c44f5a1b0581d4": `valgt`,
+  "s08915407b53bac15": `dd`,
+  "s08a95707b550430f": `mm`,
   "s08b06007b5567108": `af`,
   "s09023907b59c38eb": `G\xE5`,
   "s15a16ae9f99f19bf": `Juli`,
@@ -18,6 +20,7 @@ const templates = {
   "s281846ef0421c71f": `November`,
   "s2c8189544e3ea679": `Pr\xF8v igen`,
   "s2ceb11be2290bb1b": `Annuller`,
+  "s2e192b19ed15fcf6": `Side`,
   "s307db9af9905317d": `Formularfejloversigt`,
   "s31fc8b3aecbb26e8": `sorteret`,
   "s39938ecdae568740": `September`,
@@ -30,6 +33,7 @@ const templates = {
   "s49730f3d5751a433": `Indl\xE6ser...`,
   "s5052d10b539eabf0": `Marts`,
   "s5068a6876795d628": `V\xE6lg synlige kolonner`,
+  "s58c9c24962d27829": `\xE5\xE5\xE5\xE5`,
   "s5d929ff1619ac0c9": `S\xF8g`,
   "s5e8250fb85d64c23": `Luk`,
   "s5f4586bc1e2740e6": `Ryd s\xF8gning`,

package/generated/locales/de.d.ts

@@ -2,6 +2,8 @@ export declare const templates: {
     s023f114f575b5bd5: string;
     s038b2a0deba58916: string;
     s03c44f5a1b0581d4: string;
+    s08915407b53bac15: string;
+    s08a95707b550430f: string;
     s08b06007b5567108: string;
     s09023907b59c38eb: string;
     s15a16ae9f99f19bf: string;
@@ -16,6 +18,7 @@ export declare const templates: {
     s281846ef0421c71f: string;
     s2c8189544e3ea679: string;
     s2ceb11be2290bb1b: string;
+    s2e192b19ed15fcf6: string;
     s307db9af9905317d: string;
     s31fc8b3aecbb26e8: string;
     s39938ecdae568740: string;
@@ -28,6 +31,7 @@ export declare const templates: {
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
     s5068a6876795d628: string;
+    s58c9c24962d27829: string;
     s5d929ff1619ac0c9: string;
     s5e8250fb85d64c23: string;
     s5f4586bc1e2740e6: string;

package/generated/locales/de.js

@@ -4,6 +4,8 @@ const templates = {
   "s023f114f575b5bd5": `Aktuelle Seite`,
   "s038b2a0deba58916": `Seite`,
   "s03c44f5a1b0581d4": `ausgew\xE4hlt`,
+  "s08915407b53bac15": `tt`,
+  "s08a95707b550430f": `mm`,
   "s08b06007b5567108": `von`,
   "s09023907b59c38eb": `Gehen`,
   "s15a16ae9f99f19bf": `Juli`,
@@ -18,6 +20,7 @@ const templates = {
   "s281846ef0421c71f": `November`,
   "s2c8189544e3ea679": `Erneut versuchen`,
   "s2ceb11be2290bb1b": `Abbrechen`,
+  "s2e192b19ed15fcf6": `Seite`,
   "s307db9af9905317d": `Formularfehler\xFCbersicht`,
   "s31fc8b3aecbb26e8": `sortiert`,
   "s39938ecdae568740": `September`,
@@ -30,6 +33,7 @@ const templates = {
   "s49730f3d5751a433": `Laden...`,
   "s5052d10b539eabf0": `M\xE4rz`,
   "s5068a6876795d628": `Sichtbare Spalten ausw\xE4hlen`,
+  "s58c9c24962d27829": `JJJJ`,
   "s5d929ff1619ac0c9": `Suche`,
   "s5e8250fb85d64c23": `Schlie\xDFen`,
   "s5f4586bc1e2740e6": `Suche l\xF6schen`,

package/generated/locales/fi.d.ts

@@ -2,6 +2,8 @@ export declare const templates: {
     s023f114f575b5bd5: string;
     s038b2a0deba58916: string;
     s03c44f5a1b0581d4: string;
+    s08915407b53bac15: string;
+    s08a95707b550430f: string;
     s08b06007b5567108: string;
     s09023907b59c38eb: string;
     s15a16ae9f99f19bf: string;
@@ -16,6 +18,7 @@ export declare const templates: {
     s281846ef0421c71f: string;
     s2c8189544e3ea679: string;
     s2ceb11be2290bb1b: string;
+    s2e192b19ed15fcf6: string;
     s307db9af9905317d: string;
     s31fc8b3aecbb26e8: string;
     s39938ecdae568740: string;
@@ -28,6 +31,7 @@ export declare const templates: {
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
     s5068a6876795d628: string;
+    s58c9c24962d27829: string;
     s5d929ff1619ac0c9: string;
     s5e8250fb85d64c23: string;
     s5f4586bc1e2740e6: string;

package/generated/locales/fi.js

@@ -4,6 +4,8 @@ const templates = {
   "s023f114f575b5bd5": `Nykyinen sivu`,
   "s038b2a0deba58916": `sivu`,
   "s03c44f5a1b0581d4": `valittu`,
+  "s08915407b53bac15": `pp`,
+  "s08a95707b550430f": `kk`,
   "s08b06007b5567108": `/ `,
   "s09023907b59c38eb": `Siirry`,
   "s15a16ae9f99f19bf": `Hein\xE4`,
@@ -18,6 +20,7 @@ const templates = {
   "s281846ef0421c71f": `Marraskuu`,
   "s2c8189544e3ea679": `Yrit\xE4 uudelleen`,
   "s2ceb11be2290bb1b": `Peruuta`,
+  "s2e192b19ed15fcf6": `Sivu`,
   "s307db9af9905317d": `Lomakkeen virheiden yhteenveto`,
   "s31fc8b3aecbb26e8": `lajiteltu`,
   "s39938ecdae568740": `Syys`,
@@ -30,6 +33,7 @@ const templates = {
   "s49730f3d5751a433": `Ladataan...`,
   "s5052d10b539eabf0": `Maalis`,
   "s5068a6876795d628": `Valitse n\xE4kyv\xE4t sarakkeet`,
+  "s58c9c24962d27829": `yyyy`,
   "s5d929ff1619ac0c9": `Hae`,
   "s5e8250fb85d64c23": `Sulje`,
   "s5f4586bc1e2740e6": `Tyhjenn\xE4 haku`,

package/generated/locales/fr.d.ts

@@ -2,6 +2,8 @@ export declare const templates: {
     s023f114f575b5bd5: string;
     s038b2a0deba58916: string;
     s03c44f5a1b0581d4: string;
+    s08915407b53bac15: string;
+    s08a95707b550430f: string;
     s08b06007b5567108: string;
     s09023907b59c38eb: string;
     s15a16ae9f99f19bf: string;
@@ -16,6 +18,7 @@ export declare const templates: {
     s281846ef0421c71f: string;
     s2c8189544e3ea679: string;
     s2ceb11be2290bb1b: string;
+    s2e192b19ed15fcf6: string;
     s307db9af9905317d: string;
     s31fc8b3aecbb26e8: string;
     s39938ecdae568740: string;
@@ -28,6 +31,7 @@ export declare const templates: {
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
     s5068a6876795d628: string;
+    s58c9c24962d27829: string;
     s5d929ff1619ac0c9: string;
     s5e8250fb85d64c23: string;
     s5f4586bc1e2740e6: string;

package/generated/locales/fr.js

@@ -4,6 +4,8 @@ const templates = {
   "s023f114f575b5bd5": `Page actuelle`,
   "s038b2a0deba58916": `page`,
   "s03c44f5a1b0581d4": `s\xE9lectionn\xE9`,
+  "s08915407b53bac15": `jj`,
+  "s08a95707b550430f": `mm`,
   "s08b06007b5567108": `sur`,
   "s09023907b59c38eb": `Aller`,
   "s15a16ae9f99f19bf": `Juillet`,
@@ -18,6 +20,7 @@ const templates = {
   "s281846ef0421c71f": `Novembre`,
   "s2c8189544e3ea679": `R\xE9essayer`,
   "s2ceb11be2290bb1b": `Annuler`,
+  "s2e192b19ed15fcf6": `Page`,
   "s307db9af9905317d": `R\xE9sum\xE9 des erreurs du formulaire`,
   "s31fc8b3aecbb26e8": `tri\xE9`,
   "s39938ecdae568740": `Septembre`,
@@ -30,6 +33,7 @@ const templates = {
   "s49730f3d5751a433": `Chargement...`,
   "s5052d10b539eabf0": `Mars`,
   "s5068a6876795d628": `S\xE9lectionner les colonnes visibles`,
+  "s58c9c24962d27829": `aaaa`,
   "s5d929ff1619ac0c9": `Rechercher`,
   "s5e8250fb85d64c23": `Fermer`,
   "s5f4586bc1e2740e6": `Effacer la recherche`,

package/generated/locales/it.d.ts

@@ -2,6 +2,8 @@ export declare const templates: {
     s023f114f575b5bd5: string;
     s038b2a0deba58916: string;
     s03c44f5a1b0581d4: string;
+    s08915407b53bac15: string;
+    s08a95707b550430f: string;
     s08b06007b5567108: string;
     s09023907b59c38eb: string;
     s15a16ae9f99f19bf: string;
@@ -16,6 +18,7 @@ export declare const templates: {
     s281846ef0421c71f: string;
     s2c8189544e3ea679: string;
     s2ceb11be2290bb1b: string;
+    s2e192b19ed15fcf6: string;
     s307db9af9905317d: string;
     s31fc8b3aecbb26e8: string;
     s39938ecdae568740: string;
@@ -28,6 +31,7 @@ export declare const templates: {
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
     s5068a6876795d628: string;
+    s58c9c24962d27829: string;
     s5d929ff1619ac0c9: string;
     s5e8250fb85d64c23: string;
     s5f4586bc1e2740e6: string;

package/generated/locales/it.js

@@ -4,6 +4,8 @@ const templates = {
   "s023f114f575b5bd5": `Pagina corrente`,
   "s038b2a0deba58916": `pagina`,
   "s03c44f5a1b0581d4": `selezionato`,
+  "s08915407b53bac15": `gg`,
+  "s08a95707b550430f": `mm`,
   "s08b06007b5567108": `di`,
   "s09023907b59c38eb": `Vai`,
   "s15a16ae9f99f19bf": `Luglio`,
@@ -18,6 +20,7 @@ const templates = {
   "s281846ef0421c71f": `Novembre`,
   "s2c8189544e3ea679": `Riprova`,
   "s2ceb11be2290bb1b": `Annulla`,
+  "s2e192b19ed15fcf6": `Pagina`,
   "s307db9af9905317d": `Riepilogo degli errori del modulo`,
   "s31fc8b3aecbb26e8": `ordinato`,
   "s39938ecdae568740": `Settembre`,
@@ -30,6 +33,7 @@ const templates = {
   "s49730f3d5751a433": `Caricamento...`,
   "s5052d10b539eabf0": `Marzo`,
   "s5068a6876795d628": `Seleziona colonne visibili`,
+  "s58c9c24962d27829": `aaaa`,
   "s5d929ff1619ac0c9": `Cerca`,
   "s5e8250fb85d64c23": `Chiudi`,
   "s5f4586bc1e2740e6": `Cancella ricerca`,

package/generated/locales/nl.d.ts

@@ -2,6 +2,8 @@ export declare const templates: {
     s023f114f575b5bd5: string;
     s038b2a0deba58916: string;
     s03c44f5a1b0581d4: string;
+    s08915407b53bac15: string;
+    s08a95707b550430f: string;
     s08b06007b5567108: string;
     s09023907b59c38eb: string;
     s15a16ae9f99f19bf: string;
@@ -16,6 +18,7 @@ export declare const templates: {
     s281846ef0421c71f: string;
     s2c8189544e3ea679: string;
     s2ceb11be2290bb1b: string;
+    s2e192b19ed15fcf6: string;
     s307db9af9905317d: string;
     s31fc8b3aecbb26e8: string;
     s39938ecdae568740: string;
@@ -28,6 +31,7 @@ export declare const templates: {
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
     s5068a6876795d628: string;
+    s58c9c24962d27829: string;
     s5d929ff1619ac0c9: string;
     s5e8250fb85d64c23: string;
     s5f4586bc1e2740e6: string;

package/generated/locales/nl.js

@@ -4,6 +4,8 @@ const templates = {
   "s023f114f575b5bd5": `Huidige pagina`,
   "s038b2a0deba58916": `pagina`,
   "s03c44f5a1b0581d4": `geselecteerd`,
+  "s08915407b53bac15": `dd`,
+  "s08a95707b550430f": `mm`,
   "s08b06007b5567108": `van`,
   "s09023907b59c38eb": `Gaan`,
   "s15a16ae9f99f19bf": `Juli`,
@@ -18,6 +20,7 @@ const templates = {
   "s281846ef0421c71f": `November`,
   "s2c8189544e3ea679": `Opnieuw proberen`,
   "s2ceb11be2290bb1b": `Annuleren`,
+  "s2e192b19ed15fcf6": `Pagina`,
   "s307db9af9905317d": `Formulierfoutoverzicht`,
   "s31fc8b3aecbb26e8": `gesorteerd`,
   "s39938ecdae568740": `September`,
@@ -30,6 +33,7 @@ const templates = {
   "s49730f3d5751a433": `Laden...`,
   "s5052d10b539eabf0": `Maart`,
   "s5068a6876795d628": `Selecteer zichtbare kolommen`,
+  "s58c9c24962d27829": `jjjj`,
   "s5d929ff1619ac0c9": `Zoeken`,
   "s5e8250fb85d64c23": `Sluiten`,
   "s5f4586bc1e2740e6": `Zoekopdracht wissen`,

package/generated/locales/no.d.ts

@@ -2,6 +2,8 @@ export declare const templates: {
     s023f114f575b5bd5: string;
     s038b2a0deba58916: string;
     s03c44f5a1b0581d4: string;
+    s08915407b53bac15: string;
+    s08a95707b550430f: string;
     s08b06007b5567108: string;
     s09023907b59c38eb: string;
     s15a16ae9f99f19bf: string;
@@ -16,6 +18,7 @@ export declare const templates: {
     s281846ef0421c71f: string;
     s2c8189544e3ea679: string;
     s2ceb11be2290bb1b: string;
+    s2e192b19ed15fcf6: string;
     s307db9af9905317d: string;
     s31fc8b3aecbb26e8: string;
     s39938ecdae568740: string;
@@ -28,6 +31,7 @@ export declare const templates: {
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
     s5068a6876795d628: string;
+    s58c9c24962d27829: string;
     s5d929ff1619ac0c9: string;
     s5e8250fb85d64c23: string;
     s5f4586bc1e2740e6: string;

package/generated/locales/no.js

@@ -4,6 +4,8 @@ const templates = {
   "s023f114f575b5bd5": `Gjeldende side`,
   "s038b2a0deba58916": `side`,
   "s03c44f5a1b0581d4": `valgt`,
+  "s08915407b53bac15": `dd`,
+  "s08a95707b550430f": `mm`,
   "s08b06007b5567108": `av`,
   "s09023907b59c38eb": `G\xE5`,
   "s15a16ae9f99f19bf": `Juli`,
@@ -18,6 +20,7 @@ const templates = {
   "s281846ef0421c71f": `November`,
   "s2c8189544e3ea679": `Pr\xF8v igjen`,
   "s2ceb11be2290bb1b": `Avbryt`,
+  "s2e192b19ed15fcf6": `Side`,
   "s307db9af9905317d": `Skjema feil oppsummering`,
   "s31fc8b3aecbb26e8": `sortert`,
   "s39938ecdae568740": `September`,
@@ -30,6 +33,7 @@ const templates = {
   "s49730f3d5751a433": `Laster...`,
   "s5052d10b539eabf0": `Mars`,
   "s5068a6876795d628": `Velg synlige kolonner`,
+  "s58c9c24962d27829": `\xE5\xE5\xE5\xE5`,
   "s5d929ff1619ac0c9": `S\xF8k`,
   "s5e8250fb85d64c23": `Lukk`,
   "s5f4586bc1e2740e6": `Fjern s\xF8k`,

package/generated/locales/sv.d.ts

@@ -2,6 +2,8 @@ export declare const templates: {
     s023f114f575b5bd5: string;
     s038b2a0deba58916: string;
     s03c44f5a1b0581d4: string;
+    s08915407b53bac15: string;
+    s08a95707b550430f: string;
     s08b06007b5567108: string;
     s09023907b59c38eb: string;
     s15a16ae9f99f19bf: string;
@@ -16,6 +18,7 @@ export declare const templates: {
     s281846ef0421c71f: string;
     s2c8189544e3ea679: string;
     s2ceb11be2290bb1b: string;
+    s2e192b19ed15fcf6: string;
     s307db9af9905317d: string;
     s31fc8b3aecbb26e8: string;
     s39938ecdae568740: string;
@@ -28,6 +31,7 @@ export declare const templates: {
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
     s5068a6876795d628: string;
+    s58c9c24962d27829: string;
     s5d929ff1619ac0c9: string;
     s5e8250fb85d64c23: string;
     s5f4586bc1e2740e6: string;

package/generated/locales/sv.js

@@ -4,6 +4,8 @@ const templates = {
   "s023f114f575b5bd5": `Nuvarande sida`,
   "s038b2a0deba58916": `sida`,
   "s03c44f5a1b0581d4": `vald`,
+  "s08915407b53bac15": `dd`,
+  "s08a95707b550430f": `mm`,
   "s08b06007b5567108": `av`,
   "s09023907b59c38eb": `G\xE5`,
   "s15a16ae9f99f19bf": `Juli`,
@@ -18,6 +20,7 @@ const templates = {
   "s281846ef0421c71f": `November`,
   "s2c8189544e3ea679": `F\xF6rs\xF6k igen`,
   "s2ceb11be2290bb1b": `Avbryt`,
+  "s2e192b19ed15fcf6": `Sida`,
   "s307db9af9905317d": `Sammanfattning av formul\xE4rfel`,
   "s31fc8b3aecbb26e8": `sorterad`,
   "s39938ecdae568740": `September`,
@@ -30,6 +33,7 @@ const templates = {
   "s49730f3d5751a433": `Laddar...`,
   "s5052d10b539eabf0": `Mars`,
   "s5068a6876795d628": `V\xE4lj synliga kolumner`,
+  "s58c9c24962d27829": `\xC5\xC5\xC5\xC5`,
   "s5d929ff1619ac0c9": `S\xF6k`,
   "s5e8250fb85d64c23": `St\xE4ng`,
   "s5f4586bc1e2740e6": `Rensa s\xF6kning`,

package/generated/mcp/button/api.md

@@ -32,7 +32,7 @@
 | `'justify-content'` | `string \| undefined` | `-` | Spread the contents of the button |
 | `type` | `HTMLButtonElement['type'] \| undefined` | `-` | The type of the button. |
 | `rank` | `'primary' \| 'secondary' \| 'tertiary'` | `-` | The rank of the button. Defaults to "primary". |
-| `variant` | `\| 'brand'     \| 'neutral'     \| 'positive'     \| 'negative'     \| 'notice'     \| 'warning'` | `-` | Defines which variant the button belongs to. Defaults to "neutral". |
+| `variant` | `'brand' \| 'neutral' \| 'positive' \| 'negative' \| 'notice' \| 'warning'` | `-` | Defines which variant the button belongs to. Defaults to "neutral". |
 | `size` | `'xs' \| 'small' \| 'medium' \| 'large'` | `-` | Sets the size of the button. Defaults to "medium". |
 | `label` | `string` | `-` | The label of the button. Use this to add an accessible label to the button when no text is provided in the default slot. |
 | `wrapped` | `boolean` | `-` | When set, adds a wrapped class to the button. |

package/generated/mcp/checkbox/guidelines.md

@@ -7,9 +7,10 @@ A checkbox is a form control that allows users to select one or multiple options
 
 ### Variants
 
-*   **Default**
-    
-*   **Contained**: Coming soon Used on its own or together with other form components.
+- **Default**
+- **Contained**: Coming soon Used on its own or together with other form components.
+
+
 
 ### Features
 
@@ -29,9 +30,10 @@ This can be used for both the header and individual checkboxes. Use this to expl
 
 If the label and support text are not enough to explain a field, we can use the info icon. Clicking the icon shows additional support text between the label support and the field.
 
-*   Use a tooltip if space is limited.
-    
-*   Use a modal for large amounts of text.
+- Use a tooltip if space is limited.
+- Use a modal for large amounts of text.
+
+
 
 ### Error message
 
@@ -43,24 +45,30 @@ Used when a checkbox is partially selected, typically in parent-child relationsh
 
 ### Behaviour:
 
-*   If some child checkboxes are selected, the parent shows the indeterminate state.
-    
-*   If all child checkboxes are selected, the parent appears selected.
-    
-*   Selecting a parent checkbox (whether unselected or in the indeterminate state) selects all child checkboxes.
-    
-*   Deselecting the parent checkbox deselects all child checkboxes.
+- If some child checkboxes are selected, the parent shows the indeterminate state.
+- If all child checkboxes are selected, the parent appears selected.
+- Selecting a parent checkbox (whether unselected or in the indeterminate state) selects all child checkboxes.
+- Deselecting the parent checkbox deselects all child checkboxes.
+
+
 
 ### Alignment
 
 Checkboxes can be aligned horizontal or vertical.
 
-*   **Vertical**: This is the default alignment. It's easier to read and scan the available options.
-    
-*   **Horizontal**: Only used for a small set of options if the page shouldn't be to long, but try to avoid.
+- **Vertical**: This is the default alignment. It's easier to read and scan the available options.
+- **Horizontal**: Only used for a small set of options if the page shouldn't be to long, but try to avoid.
+
+
 
 ### Do's and don'ts
 
+### Read only
+
+The read only shows the selected state without allowing it to be changed. When several checkboxes represent a group of choices, the read only retain enough context for users to understand both selected and unselected options when that information is relevant.
+
+[Read more about the read only pattern](https://seb.io/patterns/read-only)
+
 
 ## UX Guidelines
 

package/generated/mcp/components.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-09-08T13:31:56.038Z",
+  "generatedAt": "2026-09-14T14:33:39.196Z",
   "components": [
     {
       "name": "gds-alert",

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

@@ -17,6 +17,7 @@
 | `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. |
+| `nonmodal` | `boolean` | `-` | Whether the context menu popover is nonmodal. When true, the popover will not trap focus, and other elements on the page (including other context menu triggers) will still be interactable while the menu is open. Enable this when rendering multiple `gds-context-menu` instances in the same view, so that clicking one trigger while another menu is open closes the first and opens the second in a single click. |
 | `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. |
 | `'margin-block'` | `string \| undefined` | `-` | Style Expression Property that controls the `margin-block` property. Only accepts space tokens. |

package/generated/mcp/datepicker/guidelines.md

@@ -7,19 +7,15 @@
 
 ### Features
 
-*   Configurable date format display
-    
-*   `plain` mode to hide labels and error messages
-    
-*   Clearable for quick state reset
-    
-*   Min and max dates
-    
-*   Can be configured with visible or hidden week numbers
-    
-*   Individual dates can be marked as disabled in the calendar
-    
-*   Buttons in the calendar footer are configurable
+- Configurable date format display
+- `plain` mode to hide labels and error messages
+- Clearable for quick state reset
+- Min and max dates
+- Can be configured with visible or hidden week numbers
+- Individual dates can be marked as disabled in the calendar
+- Buttons in the calendar footer are configurable
+
+
 
 ### Usage
 
@@ -29,9 +25,16 @@ Use datepicker when a complete date should be entered.
 
 The datepicker comes in two sizes.
 
-*   **Large** (default)
-    
-*   **Small**: used in tables and in some special cases where the space is very limited.
+- **Large** (default)
+- **Small**: used in tables and in some special cases where the space is very limited.
+
+
+
+### Read only
+
+Displays the entered value together with its label. Have no visual cues associated with text entry, such as an active input cursor or editable states. 
+
+[Read more about the read only pattern](http://seb.io/patterns/read-only)
 
 ### Do's and don'ts
 

package/generated/mcp/dropdown/guidelines.md

@@ -7,9 +7,10 @@ A dropdown enables the user to choose one or multiple options from a list.
 
 ### Sizes
 
-*   **Large**
-    
-*   **Small**: Used in tables and in certain cases where space is very limited. (Custom layouts are not supported.)
+- **Large**
+- **Small**: Used in tables and in certain cases where space is very limited. (Custom layouts are not supported.)
+
+
 
 ### Features
 
@@ -29,9 +30,10 @@ Use this to explain how to fill in the field, for example how to count or what t
 
 If the label and support text aren’t enough to explain a field, we can use the info icon. Clicking the icon shows additional support text between the label support and the field.
 
-*   Use a tooltip if space is limited.
-    
-*   Use a modal for large amounts of text.
+- Use a tooltip if space is limited.
+- Use a modal for large amounts of text.
+
+
 
 #### Leading icon
 
@@ -49,13 +51,12 @@ Use this version when users should be able to select one or multiple options fro
 
 A search field can be used to filter the options.
 
-*   If the list is long (e.g., 10+ items), searching helps users find what they need faster.
-    
-*   When items are similar or not in a predictable order, searching improves efficiency.
-    
-*   If users have a specific item in mind, typing is often faster than scrolling.
-    
-*   Search helps users who navigate with keyboards or screen readers find options more quickly.
+- If the list is long (e.g., 10+ items), searching helps users find what they need faster.
+- When items are similar or not in a predictable order, searching improves efficiency.
+- If users have a specific item in mind, typing is often faster than scrolling.
+- Search helps users who navigate with keyboards or screen readers find options more quickly.
+
+
 
 ### Option groups
 
@@ -77,6 +78,12 @@ To make it easy for users to clear a field, an x-icon button can be placed at th
 
 Used to indicate that a selection must be made from the dropdown or that there is an error with the selected option.
 
+### Read only
+
+The read only displays the selected value, but removes affordances that suggest the list can be opened or changed.
+
+[Read more about the read only pattern](https://seb.io/patterns/read-only)
+
 
 ## UX Guidelines
 

package/generated/mcp/fab/api.md

@@ -35,7 +35,7 @@
 | `'justify-content'` | `string \| undefined` | `-` | Spread the contents of the button |
 | `type` | `HTMLButtonElement['type'] \| undefined` | `-` | The type of the button. |
 | `rank` | `'primary' \| 'secondary' \| 'tertiary'` | `-` | The rank of the button. Defaults to "primary". |
-| `variant` | `\| 'brand'     \| 'neutral'     \| 'positive'     \| 'negative'     \| 'notice'     \| 'warning'` | `-` | Defines which variant the button belongs to. Defaults to "neutral". |
+| `variant` | `'brand' \| 'neutral' \| 'positive' \| 'negative' \| 'notice' \| 'warning'` | `-` | Defines which variant the button belongs to. Defaults to "neutral". |
 | `size` | `'xs' \| 'small' \| 'medium' \| 'large'` | `-` | Sets the size of the button. Defaults to "medium". |
 | `label` | `string` | `-` | The label of the button. Use this to add an accessible label to the button when no text is provided in the default slot. |
 | `wrapped` | `boolean` | `-` | When set, adds a wrapped class to the button. |

package/generated/mcp/icons.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-09-08T13:31:56.038Z",
+  "generatedAt": "2026-09-14T14:33:39.196Z",
   "icons": [
     {
       "name": "gds-icon-ai",

package/generated/mcp/index.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-09-08T13:31:56.038Z",
+  "generatedAt": "2026-09-14T14:33:39.196Z",
   "instructions": "./INSTRUCTIONS.md",
   "components": "./components.json",
   "icons": "./icons.json",

package/generated/mcp/input/guidelines.md

@@ -84,6 +84,11 @@ If the user ignores this and attempts to submit, an error message will appear in
 
 Avoid using placeholder text (also known as watermark), as it can confuse users into thinking the field is already filled with data. Instructions should not be placed in the field, as they disappear once the user starts typing. Instead, use support text to guide users on what should be entered.
 
+### Read only
+
+The read only state displays the entered value together with its label. Have no visual cues associated with text entry, such as an active input cursor or editable states. Long content should remain readable and should not be unnecessarily truncated.  
+[More about the read only pattern](https://seb.io/patterns/read-only)
+
 ### Do’s and dont’s