@sebgroup/green-core 3.12.2 → 3.12.3

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.12.2";
+    this.semanticVersion = "3.12.3";
     this.syncFirstRender = false;
     this._isUsingTransitionalStyles = false;
     this._dynamicStylesController = new DynamicStylesController(this);

package/generated/locales/da.d.ts

@@ -22,7 +22,9 @@ export declare const templates: {
     s39943b8a5733f5d2: string;
     s3b8a6245b12fa2ad: string;
     s3d195621e562d805: string;
+    s3dc14a4b8129f989: string;
     s407a88a592a0987c: string;
+    s480d27b7a8b69ce5: string;
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
     s5068a6876795d628: string;

package/generated/locales/da.js

@@ -24,7 +24,9 @@ const templates = {
   "s39943b8a5733f5d2": `Automatisk afvisningstimer`,
   "s3b8a6245b12fa2ad": `Br\xF8dkrummer`,
   "s3d195621e562d805": `V\xE6lg r\xE6kke`,
+  "s3dc14a4b8129f989": `Paginering`,
   "s407a88a592a0987c": `August`,
+  "s480d27b7a8b69ce5": `Rul til venstre`,
   "s49730f3d5751a433": `Indl\xE6ser...`,
   "s5052d10b539eabf0": `Marts`,
   "s5068a6876795d628": `V\xE6lg synlige kolonner`,

package/generated/locales/de.d.ts

@@ -22,7 +22,9 @@ export declare const templates: {
     s39943b8a5733f5d2: string;
     s3b8a6245b12fa2ad: string;
     s3d195621e562d805: string;
+    s3dc14a4b8129f989: string;
     s407a88a592a0987c: string;
+    s480d27b7a8b69ce5: string;
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
     s5068a6876795d628: string;

package/generated/locales/de.js

@@ -24,7 +24,9 @@ const templates = {
   "s39943b8a5733f5d2": `Automatischer Schlie\xDF-Timer`,
   "s3b8a6245b12fa2ad": `Brotkr\xFCmelnavigation`,
   "s3d195621e562d805": `Zeile ausw\xE4hlen`,
+  "s3dc14a4b8129f989": `Paginierung`,
   "s407a88a592a0987c": `August`,
+  "s480d27b7a8b69ce5": `Nach links scrollen`,
   "s49730f3d5751a433": `Laden...`,
   "s5052d10b539eabf0": `M\xE4rz`,
   "s5068a6876795d628": `Sichtbare Spalten ausw\xE4hlen`,

package/generated/locales/fi.d.ts

@@ -22,7 +22,9 @@ export declare const templates: {
     s39943b8a5733f5d2: string;
     s3b8a6245b12fa2ad: string;
     s3d195621e562d805: string;
+    s3dc14a4b8129f989: string;
     s407a88a592a0987c: string;
+    s480d27b7a8b69ce5: string;
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
     s5068a6876795d628: string;

package/generated/locales/fi.js

@@ -24,7 +24,9 @@ const templates = {
   "s39943b8a5733f5d2": `Automaattinen sulkeutumisaika`,
   "s3b8a6245b12fa2ad": `Murupolku`,
   "s3d195621e562d805": `Valitse rivi`,
+  "s3dc14a4b8129f989": `Sivutus`,
   "s407a88a592a0987c": `Elokuu`,
+  "s480d27b7a8b69ce5": `Vierit\xE4 vasemmalle`,
   "s49730f3d5751a433": `Ladataan...`,
   "s5052d10b539eabf0": `Maalis`,
   "s5068a6876795d628": `Valitse n\xE4kyv\xE4t sarakkeet`,

package/generated/locales/fr.d.ts

@@ -22,7 +22,9 @@ export declare const templates: {
     s39943b8a5733f5d2: string;
     s3b8a6245b12fa2ad: string;
     s3d195621e562d805: string;
+    s3dc14a4b8129f989: string;
     s407a88a592a0987c: string;
+    s480d27b7a8b69ce5: string;
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
     s5068a6876795d628: string;

package/generated/locales/fr.js

@@ -24,7 +24,9 @@ const templates = {
   "s39943b8a5733f5d2": `Minuterie de fermeture automatique`,
   "s3b8a6245b12fa2ad": `Fil d'Ariane`,
   "s3d195621e562d805": `S\xE9lectionner la ligne`,
+  "s3dc14a4b8129f989": `Pagination`,
   "s407a88a592a0987c": `Ao\xFBt`,
+  "s480d27b7a8b69ce5": `Faire d\xE9filer \xE0 gauche`,
   "s49730f3d5751a433": `Chargement...`,
   "s5052d10b539eabf0": `Mars`,
   "s5068a6876795d628": `S\xE9lectionner les colonnes visibles`,

package/generated/locales/it.d.ts

@@ -22,7 +22,9 @@ export declare const templates: {
     s39943b8a5733f5d2: string;
     s3b8a6245b12fa2ad: string;
     s3d195621e562d805: string;
+    s3dc14a4b8129f989: string;
     s407a88a592a0987c: string;
+    s480d27b7a8b69ce5: string;
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
     s5068a6876795d628: string;

package/generated/locales/it.js

@@ -24,7 +24,9 @@ const templates = {
   "s39943b8a5733f5d2": `Timer di chiusura automatica`,
   "s3b8a6245b12fa2ad": `Percorso di navigazione`,
   "s3d195621e562d805": `Seleziona riga`,
+  "s3dc14a4b8129f989": `Paginazione`,
   "s407a88a592a0987c": `Agosto`,
+  "s480d27b7a8b69ce5": `Scorri a sinistra`,
   "s49730f3d5751a433": `Caricamento...`,
   "s5052d10b539eabf0": `Marzo`,
   "s5068a6876795d628": `Seleziona colonne visibili`,

package/generated/locales/nl.d.ts

@@ -22,7 +22,9 @@ export declare const templates: {
     s39943b8a5733f5d2: string;
     s3b8a6245b12fa2ad: string;
     s3d195621e562d805: string;
+    s3dc14a4b8129f989: string;
     s407a88a592a0987c: string;
+    s480d27b7a8b69ce5: string;
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
     s5068a6876795d628: string;

package/generated/locales/nl.js

@@ -24,7 +24,9 @@ const templates = {
   "s39943b8a5733f5d2": `Automatisch sluiten timer`,
   "s3b8a6245b12fa2ad": `Kruimelpad`,
   "s3d195621e562d805": `Selecteer rij`,
+  "s3dc14a4b8129f989": `Paginering`,
   "s407a88a592a0987c": `Augustus`,
+  "s480d27b7a8b69ce5": `Scroll links`,
   "s49730f3d5751a433": `Laden...`,
   "s5052d10b539eabf0": `Maart`,
   "s5068a6876795d628": `Selecteer zichtbare kolommen`,

package/generated/locales/no.d.ts

@@ -22,7 +22,9 @@ export declare const templates: {
     s39943b8a5733f5d2: string;
     s3b8a6245b12fa2ad: string;
     s3d195621e562d805: string;
+    s3dc14a4b8129f989: string;
     s407a88a592a0987c: string;
+    s480d27b7a8b69ce5: string;
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
     s5068a6876795d628: string;

package/generated/locales/no.js

@@ -24,7 +24,9 @@ const templates = {
   "s39943b8a5733f5d2": `Automatisk lukk-timer`,
   "s3b8a6245b12fa2ad": `Br\xF8dsmuler`,
   "s3d195621e562d805": `Velg rad`,
+  "s3dc14a4b8129f989": `Paginering`,
   "s407a88a592a0987c": `August`,
+  "s480d27b7a8b69ce5": `Rull til venstre`,
   "s49730f3d5751a433": `Laster...`,
   "s5052d10b539eabf0": `Mars`,
   "s5068a6876795d628": `Velg synlige kolonner`,

package/generated/locales/sv.d.ts

@@ -22,7 +22,9 @@ export declare const templates: {
     s39943b8a5733f5d2: string;
     s3b8a6245b12fa2ad: string;
     s3d195621e562d805: string;
+    s3dc14a4b8129f989: string;
     s407a88a592a0987c: string;
+    s480d27b7a8b69ce5: string;
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
     s5068a6876795d628: string;

package/generated/locales/sv.js

@@ -24,7 +24,9 @@ const templates = {
   "s39943b8a5733f5d2": `Automatisk st\xE4ngningstimer`,
   "s3b8a6245b12fa2ad": `Br\xF6dsmulor`,
   "s3d195621e562d805": `V\xE4lj rad`,
+  "s3dc14a4b8129f989": `Paginering`,
   "s407a88a592a0987c": `Augusti`,
+  "s480d27b7a8b69ce5": `Scrolla v\xE4nster`,
   "s49730f3d5751a433": `Laddar...`,
   "s5052d10b539eabf0": `Mars`,
   "s5068a6876795d628": `V\xE4lj synliga kolumner`,

package/generated/mcp/components.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-05-22T12:15:14.325Z",
+  "generatedAt": "2026-06-02T07:23:55.010Z",
   "components": [
     {
       "name": "gds-alert",

package/generated/mcp/icons.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-05-22T12:15:14.325Z",
+  "generatedAt": "2026-06-02T07:23:55.010Z",
   "icons": [
     {
       "name": "gds-icon-ai",

package/generated/mcp/index.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-05-22T12:15:14.325Z",
+  "generatedAt": "2026-06-02T07:23:55.010Z",
   "instructions": "./INSTRUCTIONS.md",
   "components": "./components.json",
   "icons": "./icons.json",

package/generated/mcp/tokens.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-05-22T12:15:14.206Z",
+  "generatedAt": "2026-06-02T07:23:54.645Z",
   "categories": {
     "space": {
       "description": "Spacing tokens for padding, margin, gap, and other spacing",
@@ -980,12 +980,12 @@
               "cssVariable": "--gds-sys-color-state-brand-06"
             },
             {
-              "name": "brand-02-02",
-              "cssVariable": "--gds-sys-color-state-brand-02-02"
+              "name": "brand-02-2",
+              "cssVariable": "--gds-sys-color-state-brand-02-2"
             },
             {
-              "name": "brand-02-03",
-              "cssVariable": "--gds-sys-color-state-brand-02-03"
+              "name": "brand-02-3",
+              "cssVariable": "--gds-sys-color-state-brand-02-3"
             },
             {
               "name": "positive-01",

package/generated/react/index.d.ts

@@ -1,8 +1,8 @@
 export * from './alert/index.js';
-export * from './badge/index.js';
 export * from './avatar/index.js';
-export * from './blur/index.js';
+export * from './badge/index.js';
 export * from './breadcrumbs/index.js';
+export * from './blur/index.js';
 export * from './button/index.js';
 export * from './calendar/index.js';
 export * from './card/index.js';
@@ -17,8 +17,8 @@ export * from './div/index.js';
 export * from './divider/index.js';
 export * from './dropdown/index.js';
 export * from './fab/index.js';
-export * from './flex/index.js';
 export * from './filter-chips/index.js';
+export * from './flex/index.js';
 export * from './form-summary/index.js';
 export * from './grid/index.js';
 export * from './grouped-list/index.js';
@@ -37,8 +37,8 @@ export * from './segmented-control/index.js';
 export * from './select/index.js';
 export * from './signal/index.js';
 export * from './spinner/index.js';
-export * from './table/index.js';
 export * from './switch/index.js';
+export * from './table/index.js';
 export * from './text/index.js';
 export * from './textarea/index.js';
 export * from './theme/index.js';
@@ -54,8 +54,8 @@ export * from './formatted-date/index.js';
 export * from './formatted-number/index.js';
 export * from './radio-group/index.js';
 export * from './segment/index.js';
-export * from './sensitive-date/index.js';
 export * from './sensitive-account/index.js';
+export * from './sensitive-date/index.js';
 export * from './sensitive-number/index.js';
 export * from './icons/icon-ai/index.js';
 export * from './icons/icon-airplane-up/index.js';

package/generated/react/index.js

@@ -1,8 +1,8 @@
 export * from "./alert/index.js";
-export * from "./badge/index.js";
 export * from "./avatar/index.js";
-export * from "./blur/index.js";
+export * from "./badge/index.js";
 export * from "./breadcrumbs/index.js";
+export * from "./blur/index.js";
 export * from "./button/index.js";
 export * from "./calendar/index.js";
 export * from "./card/index.js";
@@ -17,8 +17,8 @@ export * from "./div/index.js";
 export * from "./divider/index.js";
 export * from "./dropdown/index.js";
 export * from "./fab/index.js";
-export * from "./flex/index.js";
 export * from "./filter-chips/index.js";
+export * from "./flex/index.js";
 export * from "./form-summary/index.js";
 export * from "./grid/index.js";
 export * from "./grouped-list/index.js";
@@ -37,8 +37,8 @@ export * from "./segmented-control/index.js";
 export * from "./select/index.js";
 export * from "./signal/index.js";
 export * from "./spinner/index.js";
-export * from "./table/index.js";
 export * from "./switch/index.js";
+export * from "./table/index.js";
 export * from "./text/index.js";
 export * from "./textarea/index.js";
 export * from "./theme/index.js";
@@ -54,8 +54,8 @@ export * from "./formatted-date/index.js";
 export * from "./formatted-number/index.js";
 export * from "./radio-group/index.js";
 export * from "./segment/index.js";
-export * from "./sensitive-date/index.js";
 export * from "./sensitive-account/index.js";
+export * from "./sensitive-date/index.js";
 export * from "./sensitive-number/index.js";
 export * from "./icons/icon-ai/index.js";
 export * from "./icons/icon-airplane-up/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.12.2",
+  "version": "3.12.3",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

package/tokens/variables.light.css.js

@@ -1,2 +1,2 @@
-const styles = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n\n  color-scheme: light;\n  --gds-sys-color-l1-neutral-01: #ffffff;\n  --gds-sys-color-l1-neutral-02: #f4f5f5;\n  --gds-sys-color-l1-brand-01: #003824;\n  --gds-sys-color-l1-neutral-03: #0a0b0b;\n  --gds-sys-color-l2-neutral-01: #f7f8f7;\n  --gds-sys-color-l2-neutral-01-2: #ffffff;\n  --gds-sys-color-l2-neutral-02: #ffffff;\n  --gds-sys-color-l2-neutral-02-2: #f7f8f7;\n  --gds-sys-color-l2-neutral-03: #0a0b0b;\n  --gds-sys-color-l2-brand-01: #003824;\n  --gds-sys-color-l2-brand-02: #f8f6f1;\n  --gds-sys-color-l2-positive-01: #f1f9f1;\n  --gds-sys-color-l2-negative-01: #fef7f6;\n  --gds-sys-color-l2-warning-01: #fef8f1;\n  --gds-sys-color-l2-information-01: #f7f8f7;\n  --gds-sys-color-l2-notice-01: #f5faff;\n  --gds-sys-color-l3-neutral-01: #ffffff;\n  --gds-sys-color-l3-neutral-01-2: #eff0f0;\n  --gds-sys-color-l3-neutral-02: #eff0f0;\n  --gds-sys-color-l3-neutral-02-2: #ffffff;\n  --gds-sys-color-l3-neutral-03: #0a0b0b;\n  --gds-sys-color-l3-neutral-03-2: #282a29;\n  --gds-sys-color-l3-brand-01: #003824;\n  --gds-sys-color-l3-brand-02: #efe9dc;\n  --gds-sys-color-l3-brand-02-2: #e7ddcb;\n  --gds-sys-color-l3-positive-01: #027839;\n  --gds-sys-color-l3-positive-02: #dcefdc;\n  --gds-sys-color-l3-positive-03: #cceacc;\n  --gds-sys-color-l3-negative-01: #b92f13;\n  --gds-sys-color-l3-negative-02: #fdebe8;\n  --gds-sys-color-l3-negative-03: #fad8d1;\n  --gds-sys-color-l3-notice-01: #005fb3;\n  --gds-sys-color-l3-notice-02: #e6f3ff;\n  --gds-sys-color-l3-notice-03: #cce7ff;\n  --gds-sys-color-l3-warning-01: #8f530a;\n  --gds-sys-color-l3-warning-02: #fce8cf;\n  --gds-sys-color-l3-warning-03: #fadcb7;\n  --gds-sys-color-l3-information-01: #0a0b0b;\n  --gds-sys-color-l3-information-02: #eaebeb;\n  --gds-sys-color-l3-information-03: #dfe1e1;\n  --gds-sys-color-l3-disabled-01: #eff0f0;\n  --gds-sys-color-l3-disabled-02: #a0a6a4;\n  --gds-sys-color-l3-disabled-03: #eff0f0;\n  --gds-sys-color-border-neutral-01: #777e7c;\n  --gds-sys-color-border-neutral-02: #dfe1e1;\n  --gds-sys-color-border-neutral-03: #eff0f0;\n  --gds-sys-color-border-neutral-04: #0a0b0b;\n  --gds-sys-color-border-neutral-05: #ffffff;\n  --gds-sys-color-border-information-01: #0a0b0b;\n  --gds-sys-color-border-information-02: rgba(10, 11, 11, 0.4);\n  --gds-sys-color-border-positive-01: #027839;\n  --gds-sys-color-border-positive-02: rgba(2, 120, 57, 0.4);\n  --gds-sys-color-border-negative-01: #b92f13;\n  --gds-sys-color-border-negative-02: rgba(185, 47, 19, 0.4);\n  --gds-sys-color-border-warning-01: #8f530a;\n  --gds-sys-color-border-warning-02: rgba(143, 83, 10, 0.4);\n  --gds-sys-color-border-notice-01: #005fb3;\n  --gds-sys-color-border-notice-02: rgba(0, 95, 179, 0.4);\n  --gds-sys-color-content-neutral-01: #0a0b0b;\n  --gds-sys-color-content-neutral-02: #636967;\n  --gds-sys-color-content-neutral-03: #ffffff;\n  --gds-sys-color-content-neutral-04: #a0a6a4;\n  --gds-sys-color-content-neutral-05: #ffffff;\n  --gds-sys-color-content-brand-01: #003824;\n  --gds-sys-color-content-brand-02: #685631;\n  --gds-sys-color-content-positive-01: #027839;\n  --gds-sys-color-content-positive-02: #eaf6ea;\n  --gds-sys-color-content-positive-03: #026436;\n  --gds-sys-color-content-negative-01: #b92f13;\n  --gds-sys-color-content-negative-02: #fdebe8;\n  --gds-sys-color-content-warning-01: #8f530a;\n  --gds-sys-color-content-warning-02: #fce8cf;\n  --gds-sys-color-content-notice-01: #005fb3;\n  --gds-sys-color-content-notice-02: #e6f3ff;\n  --gds-sys-color-content-disabled-01: #a0a6a4;\n  --gds-sys-color-content-disabled-02: #f7f8f7;\n  --gds-sys-color-state-neutral-01: #ffffff 20%;\n  --gds-sys-color-state-neutral-02: #ffffff 35%;\n  --gds-sys-color-state-neutral-03: #000000 6%;\n  --gds-sys-color-state-neutral-04: #000000 14%;\n  --gds-sys-color-state-neutral-05: #000000 6%;\n  --gds-sys-color-state-neutral-06: #000000 14%;\n  --gds-sys-color-state-brand-01: #ffffff 20%;\n  --gds-sys-color-state-brand-02: #ffffff 35%;\n  --gds-sys-color-state-brand-03: #003824 6%;\n  --gds-sys-color-state-brand-04: #003824 14%;\n  --gds-sys-color-state-brand-05: #003824 6%;\n  --gds-sys-color-state-brand-06: #003824 14%;\n  --gds-sys-color-state-brand-02-02: #685631 4%;\n  --gds-sys-color-state-brand-02-03: #685631 10%;\n  --gds-sys-color-state-positive-01: #ffffff 12%;\n  --gds-sys-color-state-positive-02: #ffffff 23%;\n  --gds-sys-color-state-positive-03: #027839 8%;\n  --gds-sys-color-state-positive-04: #027839 16%;\n  --gds-sys-color-state-positive-05: #027839 8%;\n  --gds-sys-color-state-positive-06: #027839 16%;\n  --gds-sys-color-state-negative-01: #ffffff 8%;\n  --gds-sys-color-state-negative-02: #ffffff 16%;\n  --gds-sys-color-state-negative-03: #b92f13 8%;\n  --gds-sys-color-state-negative-04: #b92f13 16%;\n  --gds-sys-color-state-negative-05: #b92f13 8%;\n  --gds-sys-color-state-negative-06: #b92f13 16%;\n  --gds-sys-color-state-notice-01: #ffffff 20%;\n  --gds-sys-color-state-notice-02: #ffffff 35%;\n  --gds-sys-color-state-notice-03: #005fb3 8%;\n  --gds-sys-color-state-notice-04: #005fb3 16%;\n  --gds-sys-color-state-notice-05: #005fb3 8%;\n  --gds-sys-color-state-notice-06: #005fb3 16%;\n  --gds-sys-color-state-warning-01: #ffffff 20%;\n  --gds-sys-color-state-warning-02: #ffffff 35%;\n  --gds-sys-color-state-warning-03: #8f530a 8%;\n  --gds-sys-color-state-warning-04: #8f530a 16%;\n  --gds-sys-color-state-warning-05: #8f530a 8%;\n  --gds-sys-color-state-warning-06: #8f530a 16%;";
+const styles = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n\n  color-scheme: light;\n  --gds-sys-color-l1-neutral-01: #ffffff;\n  --gds-sys-color-l1-neutral-02: #f4f5f5;\n  --gds-sys-color-l1-brand-01: #003824;\n  --gds-sys-color-l1-neutral-03: #0a0b0b;\n  --gds-sys-color-l2-neutral-01: #f7f8f7;\n  --gds-sys-color-l2-neutral-01-2: #ffffff;\n  --gds-sys-color-l2-neutral-02: #ffffff;\n  --gds-sys-color-l2-neutral-02-2: #f7f8f7;\n  --gds-sys-color-l2-neutral-03: #0a0b0b;\n  --gds-sys-color-l2-brand-01: #003824;\n  --gds-sys-color-l2-brand-02: #f8f6f1;\n  --gds-sys-color-l2-positive-01: #f1f9f1;\n  --gds-sys-color-l2-negative-01: #fef7f6;\n  --gds-sys-color-l2-warning-01: #fef8f1;\n  --gds-sys-color-l2-information-01: #f7f8f7;\n  --gds-sys-color-l2-notice-01: #f5faff;\n  --gds-sys-color-l3-neutral-01: #ffffff;\n  --gds-sys-color-l3-neutral-01-2: #eff0f0;\n  --gds-sys-color-l3-neutral-02: #eff0f0;\n  --gds-sys-color-l3-neutral-02-2: #ffffff;\n  --gds-sys-color-l3-neutral-03: #0a0b0b;\n  --gds-sys-color-l3-neutral-03-2: #282a29;\n  --gds-sys-color-l3-brand-01: #003824;\n  --gds-sys-color-l3-brand-02: #efe9dc;\n  --gds-sys-color-l3-brand-02-2: #e7ddcb;\n  --gds-sys-color-l3-positive-01: #027839;\n  --gds-sys-color-l3-positive-02: #dcefdc;\n  --gds-sys-color-l3-positive-03: #cceacc;\n  --gds-sys-color-l3-negative-01: #b92f13;\n  --gds-sys-color-l3-negative-02: #fdebe8;\n  --gds-sys-color-l3-negative-03: #fad8d1;\n  --gds-sys-color-l3-notice-01: #005fb3;\n  --gds-sys-color-l3-notice-02: #e6f3ff;\n  --gds-sys-color-l3-notice-03: #cce7ff;\n  --gds-sys-color-l3-warning-01: #8f530a;\n  --gds-sys-color-l3-warning-02: #fce8cf;\n  --gds-sys-color-l3-warning-03: #fadcb7;\n  --gds-sys-color-l3-information-01: #0a0b0b;\n  --gds-sys-color-l3-information-02: #eaebeb;\n  --gds-sys-color-l3-information-03: #dfe1e1;\n  --gds-sys-color-l3-disabled-01: #eff0f0;\n  --gds-sys-color-l3-disabled-02: #a0a6a4;\n  --gds-sys-color-l3-disabled-03: #eff0f0;\n  --gds-sys-color-border-neutral-01: #777e7c;\n  --gds-sys-color-border-neutral-02: #dfe1e1;\n  --gds-sys-color-border-neutral-03: #eff0f0;\n  --gds-sys-color-border-neutral-04: #0a0b0b;\n  --gds-sys-color-border-neutral-05: #ffffff;\n  --gds-sys-color-border-information-01: #0a0b0b;\n  --gds-sys-color-border-information-02: rgba(10, 11, 11, 0.4);\n  --gds-sys-color-border-positive-01: #027839;\n  --gds-sys-color-border-positive-02: rgba(2, 120, 57, 0.4);\n  --gds-sys-color-border-negative-01: #b92f13;\n  --gds-sys-color-border-negative-02: rgba(185, 47, 19, 0.4);\n  --gds-sys-color-border-warning-01: #8f530a;\n  --gds-sys-color-border-warning-02: rgba(143, 83, 10, 0.4);\n  --gds-sys-color-border-notice-01: #005fb3;\n  --gds-sys-color-border-notice-02: rgba(0, 95, 179, 0.4);\n  --gds-sys-color-content-neutral-01: #0a0b0b;\n  --gds-sys-color-content-neutral-02: #636967;\n  --gds-sys-color-content-neutral-03: #ffffff;\n  --gds-sys-color-content-neutral-04: #a0a6a4;\n  --gds-sys-color-content-neutral-05: #ffffff;\n  --gds-sys-color-content-brand-01: #003824;\n  --gds-sys-color-content-brand-02: #685631;\n  --gds-sys-color-content-positive-01: #027839;\n  --gds-sys-color-content-positive-02: #eaf6ea;\n  --gds-sys-color-content-positive-03: #026436;\n  --gds-sys-color-content-negative-01: #b92f13;\n  --gds-sys-color-content-negative-02: #fdebe8;\n  --gds-sys-color-content-warning-01: #8f530a;\n  --gds-sys-color-content-warning-02: #fce8cf;\n  --gds-sys-color-content-notice-01: #005fb3;\n  --gds-sys-color-content-notice-02: #e6f3ff;\n  --gds-sys-color-content-disabled-01: #a0a6a4;\n  --gds-sys-color-content-disabled-02: #f7f8f7;\n  --gds-sys-color-state-neutral-01: #ffffff 20%;\n  --gds-sys-color-state-neutral-02: #ffffff 35%;\n  --gds-sys-color-state-neutral-03: #000000 6%;\n  --gds-sys-color-state-neutral-04: #000000 14%;\n  --gds-sys-color-state-neutral-05: #000000 6%;\n  --gds-sys-color-state-neutral-06: #000000 14%;\n  --gds-sys-color-state-brand-01: #ffffff 20%;\n  --gds-sys-color-state-brand-02: #ffffff 35%;\n  --gds-sys-color-state-brand-03: #003824 6%;\n  --gds-sys-color-state-brand-04: #003824 14%;\n  --gds-sys-color-state-brand-05: #003824 6%;\n  --gds-sys-color-state-brand-06: #003824 14%;\n  --gds-sys-color-state-brand-02-2: #685631 4%;\n  --gds-sys-color-state-brand-02-3: #685631 10%;\n  --gds-sys-color-state-positive-01: #ffffff 12%;\n  --gds-sys-color-state-positive-02: #ffffff 23%;\n  --gds-sys-color-state-positive-03: #027839 8%;\n  --gds-sys-color-state-positive-04: #027839 16%;\n  --gds-sys-color-state-positive-05: #027839 8%;\n  --gds-sys-color-state-positive-06: #027839 16%;\n  --gds-sys-color-state-negative-01: #ffffff 8%;\n  --gds-sys-color-state-negative-02: #ffffff 16%;\n  --gds-sys-color-state-negative-03: #b92f13 8%;\n  --gds-sys-color-state-negative-04: #b92f13 16%;\n  --gds-sys-color-state-negative-05: #b92f13 8%;\n  --gds-sys-color-state-negative-06: #b92f13 16%;\n  --gds-sys-color-state-notice-01: #ffffff 20%;\n  --gds-sys-color-state-notice-02: #ffffff 35%;\n  --gds-sys-color-state-notice-03: #005fb3 8%;\n  --gds-sys-color-state-notice-04: #005fb3 16%;\n  --gds-sys-color-state-notice-05: #005fb3 8%;\n  --gds-sys-color-state-notice-06: #005fb3 16%;\n  --gds-sys-color-state-warning-01: #ffffff 20%;\n  --gds-sys-color-state-warning-02: #ffffff 35%;\n  --gds-sys-color-state-warning-03: #8f530a 8%;\n  --gds-sys-color-state-warning-04: #8f530a 16%;\n  --gds-sys-color-state-warning-05: #8f530a 8%;\n  --gds-sys-color-state-warning-06: #8f530a 16%;";
 export default styles;

package/utils/decorators/aria-forwarding.js

@@ -14,13 +14,17 @@ function getAriaRefMeta(key) {
 }
 const ARIA_STORE = Symbol("ariaForwardingStore");
 const ARIA_INIT = Symbol("ariaForwardingInit");
-function setElementProperty(el, prop, value) {
-  const current = el[prop];
+function setElementProperty(el, prop, value, type = "list") {
   const record = el;
   if (value === null) {
     record[prop] = null;
     return;
   }
+  if (type === "single") {
+    record[prop] = Array.isArray(value) ? value[0] ?? null : value;
+    return;
+  }
+  const current = record[prop];
   const currentArray = current === null ? [] : Array.isArray(current) ? current : [current];
   const newArray = Array.isArray(value) ? value : [value];
   const combined = Array.from(/* @__PURE__ */ new Set([...currentArray, ...newArray]));
@@ -100,13 +104,13 @@ function ariaForwarding(config) {
         if (!targets || targets.length === 0)
           return;
         if (!value) {
-          targets.forEach((t) => setElementProperty(t, meta.property, null));
+          targets.forEach((t) => setElementProperty(t, meta.property, null, meta.type));
           return;
         }
         const ids = value.trim().split(/\s+/);
         const elements = ids.map((id) => host.ownerDocument.getElementById(id)).filter((el) => el !== null);
         const resolved = meta.type === "single" ? elements[0] ?? null : elements.length > 0 ? elements : null;
-        targets.forEach((t) => setElementProperty(t, meta.property, resolved));
+        targets.forEach((t) => setElementProperty(t, meta.property, resolved, meta.type));
       });
     }
     function forwardAriaRefProperty(host, refKey, value) {
@@ -118,7 +122,7 @@ function ariaForwarding(config) {
         const targets = host.shadowRoot?.querySelectorAll(selector);
         if (!targets || targets.length === 0)
           return;
-        targets.forEach((t) => setElementProperty(t, meta.property, value));
+        targets.forEach((t) => setElementProperty(t, meta.property, value, meta.type));
       });
     }
     return AriaForwardingElement;

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 = "-4078db";
+const VER_SUFFIX = "-8722df";
 class ScopedElementRegistry {
   static get instance() {
     if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])