@sebgroup/green-core 3.19.0 → 3.20.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.19.0";
+    this.semanticVersion = "3.20.0";
     this.syncFirstRender = false;
     this._isUsingTransitionalStyles = false;
     this._dynamicStylesController = new DynamicStylesController(this);

package/generated/mcp/components.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-08-24T12:12:38.947Z",
+  "generatedAt": "2026-08-24T12:24:18.401Z",
   "components": [
     {
       "name": "gds-alert",

package/generated/mcp/icons.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-08-24T12:12:38.947Z",
+  "generatedAt": "2026-08-24T12:24:18.401Z",
   "icons": [
     {
       "name": "gds-icon-ai",

package/generated/mcp/index.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-08-24T12:12:38.947Z",
+  "generatedAt": "2026-08-24T12:24:18.401Z",
   "instructions": "./INSTRUCTIONS.md",
   "components": "./components.json",
   "icons": "./icons.json",

package/generated/mcp/tokens.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-08-24T12:12:38.866Z",
+  "generatedAt": "2026-08-24T12:24:18.326Z",
   "categories": {
     "space": {
       "description": "Spacing tokens for padding, margin, gap, and other spacing",

package/generated/react/index.d.ts

@@ -59,8 +59,8 @@ export * from './radio-group/index.js';
 export * from './segment/index.js';
 export * from './sensitive-account/index.js';
 export * from './sensitive-date/index.js';
-export * from './sensitive-number/index.js';
 export * from './tab/index.js';
+export * from './sensitive-number/index.js';
 export * from './tab-panel/index.js';
 export * from './icons/icon-ai/index.js';
 export * from './icons/icon-airplane-up/index.js';

package/generated/react/index.js

@@ -59,8 +59,8 @@ export * from "./radio-group/index.js";
 export * from "./segment/index.js";
 export * from "./sensitive-account/index.js";
 export * from "./sensitive-date/index.js";
-export * from "./sensitive-number/index.js";
 export * from "./tab/index.js";
+export * from "./sensitive-number/index.js";
 export * from "./tab-panel/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.19.0",
+  "version": "3.20.0",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

package/utils/decorators/aria-forwarding.js

@@ -1,4 +1,7 @@
 import "../../chunks/chunk.CAV4X6PU.js";
+import {
+  ARIA_STRING_KEYS
+} from "./aria-forwarding.types.js";
 import { observeAttributes } from "./observe-attributes.js";
 function getAriaRefMeta(key) {
   const isSingle = key === "activeDescendant";
@@ -32,10 +35,15 @@ function setElementProperty(el, prop, value, type = "list") {
 }
 function ariaForwarding(config) {
   const configuredEntries = [];
+  const configuredStringEntries = [];
   for (const [key, selector] of Object.entries(config)) {
     if (!selector)
       continue;
-    configuredEntries.push({ key, selector });
+    if (ARIA_STRING_KEYS.includes(key)) {
+      configuredStringEntries.push({ key, selector });
+    } else {
+      configuredEntries.push({ key, selector });
+    }
   }
   return function(constructor) {
     const origConnected = constructor.prototype.connectedCallback;
@@ -54,6 +62,15 @@ function ariaForwarding(config) {
       attrHandlers[meta.ariaAttr] = handler;
       attrHandlers[meta.gdsAriaAttr] = handler;
     }
+    for (const { key } of configuredStringEntries) {
+      const ariaAttr = `aria-${key}`;
+      const gdsAriaAttr = `gds-aria-${key}`;
+      const handler = (host, _oldValue, newValue) => {
+        forwardAriaStringAttribute(host, key, newValue);
+      };
+      attrHandlers[ariaAttr] = handler;
+      attrHandlers[gdsAriaAttr] = handler;
+    }
     observeAttributes(AriaForwardingElement, attrHandlers);
     function initAriaForwarding(host) {
       if (host[ARIA_INIT])
@@ -92,6 +109,14 @@ function ariaForwarding(config) {
             forwardAriaRefFromAttribute(host, key, value);
           }
         }
+        for (const { key } of configuredStringEntries) {
+          const gdsValue = host.getAttribute(`gds-aria-${key}`);
+          const ariaValue = host.getAttribute(`aria-${key}`);
+          const value = gdsValue ?? ariaValue;
+          if (value) {
+            forwardAriaStringAttribute(host, key, value);
+          }
+        }
       });
     }
     function forwardAriaRefFromAttribute(host, refKey, value) {
@@ -125,6 +150,24 @@ function ariaForwarding(config) {
         targets.forEach((t) => setElementProperty(t, meta.property, value, meta.type));
       });
     }
+    function forwardAriaStringAttribute(host, key, value) {
+      const selector = config[key];
+      if (!selector)
+        return;
+      const ariaAttr = `aria-${key}`;
+      host.updateComplete.then(() => {
+        const targets = host.shadowRoot?.querySelectorAll(selector);
+        if (!targets || targets.length === 0)
+          return;
+        targets.forEach((t) => {
+          if (value) {
+            t.setAttribute(ariaAttr, value);
+          } else {
+            t.removeAttribute(ariaAttr);
+          }
+        });
+      });
+    }
     return AriaForwardingElement;
   };
 }

package/utils/decorators/aria-forwarding.types.d.ts

@@ -39,6 +39,15 @@ export interface AriaRefMeta {
  */
 export declare const ARIA_REF_KEYS: readonly ["activeDescendant", "controls", "describedBy", "details", "errorMessage", "flowTo", "labelledBy", "owns"];
 export type AriaRefKey = (typeof ARIA_REF_KEYS)[number];
+/**
+ * ARIA string attribute keys.
+ * These forward a plain string value (not an element reference) to the target.
+ * The config key (e.g., `label`) maps by convention to:
+ * - Attribute: `aria-label` / `gds-aria-label`
+ * - Type: `string`
+ */
+export declare const ARIA_STRING_KEYS: readonly ["label"];
+export type AriaStringKey = (typeof ARIA_STRING_KEYS)[number];
 /**
  * Configuration for the `@ariaForwarding` decorator.
  *
@@ -55,5 +64,5 @@ export type AriaRefKey = (typeof ARIA_REF_KEYS)[number];
  * ```
  */
 export type AriaForwardingConfig = {
-    [K in AriaRefKey]?: string;
+    [K in AriaRefKey | AriaStringKey]?: string;
 };

package/utils/decorators/aria-forwarding.types.js

@@ -9,6 +9,8 @@ const ARIA_REF_KEYS = [
   "labelledBy",
   "owns"
 ];
+const ARIA_STRING_KEYS = ["label"];
 export {
-  ARIA_REF_KEYS
+  ARIA_REF_KEYS,
+  ARIA_STRING_KEYS
 };

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