@sebgroup/green-core 2.21.0-rc.20260113135658239 → 2.21.0-rc.20260113151650310

package/gds-element.js

@@ -12,7 +12,7 @@ class GdsElement extends LitElement {
     /**
      * The semantic version of this element. Can be used for troubleshooting to verify the version being used.
      */
-    this.semanticVersion = "2.21.0-rc.20260113135658239";
+    this.semanticVersion = "2.21.0-rc.20260113151650310";
     this._isUsingTransitionalStyles = false;
     this._dynamicStylesController = new DynamicStylesController(this);
   }

package/generated/mcp/INSTRUCTIONS.md

@@ -1,33 +1,32 @@
 # Green Design System - MCP Instructions
 
-## Critical Rules
+## Component Architecture
 
-### Pre-Implementation Requirements
+- All components use `gds-` prefix
+- Web components built with Lit (framework-agnostic)
+- Angular wrappers: `@sebgroup/green-core-ng` with `Component` suffix
+- React wrappers: `@sebgroup/green-core/react` as PascalCase names
+
+## Critical rules to follow
 
-- **ALWAYS read the declarative layout guide before creating any layout**
 - **Read component-specific instructions.md when available**
 - **NEVER guess or assume component API. ALWAYS look up properties in the API docs**
 - **Verify full context understanding before writing code**
 - **Ask user for clarification if ANY requirement is unclear**
+- **ALWAYS read the declarative layout guide before creating any layout**
 - **For new apps, ALWAYS read the setup guide for the used framework (Angular or React)**
 
-### Component Architecture
-
-- All components use `gds-` prefix
-- Web components built with Lit (framework-agnostic)
-- Angular wrappers: `@sebgroup/green-core-ng` with `Component` suffix
-- React wrappers: `@sebgroup/green-core/react` as PascalCase names
-
 ### Typography Rules
 
-- **REQUIRED**: Use `gds-text` component for all headings and text content
+- **REQUIRED**: Use `gds-text` component for all headings and paragraphs. But don't use inside other components, unless explicitly called for
 - **REQUIRED**: Use `gds-rich-text` for large bodies of text with varied formatting
-- **FORBIDDEN**: Direct HTML text elements (h1-h6, p, span) without gds-text wrapper
+- **AVOID**: Direct HTML text elements (h1-h6, p, span), as these will be unstyled
 
 ### Layout Rules
 
 - **REQUIRED**: Use declarative layout system for all layouts
 - **REQUIRED**: Read declarative layout guide before implementing any layout
+- **REQUIRED**: Look up property names in API for each declarative layout component
 - **PREFERRED**: Declarative layout over custom CSS
 - **FORBIDDEN**: Custom CSS for layout unless declarative system cannot support the requirement
 
@@ -44,21 +43,4 @@
    - Review guidelines.md for UX patterns
 
 3. **Framework patterns**:
-   - Angular: kebab-case events → camelCase outputs
-   - React: events use "on" prefix (onChange, onClick)
-   - Web Components: standard DOM events
-
-### Required Reading Order
-
-1. Component api.md (target component)
-2. Component instructions.md (if exists)
-3. Component guidelines.md (if exists)
-4. Framework-specific guide (angular.md or react.md)
-
-### Resource Reference
-
-- `api.md` - Complete technical API reference
-- `guidelines.md` - UX and design guidelines
-- `instructions.md` - Agent-specific constraints and notes
-- `angular.md` / `react.md` - Framework-specific patterns
-- `guides/` - Setup, troubleshooting, migration documentation
+   - Check framework instructions for each component.

package/generated/mcp/components.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "generatedAt": "2026-01-13T13:57:27.036Z",
+  "generatedAt": "2026-01-13T15:17:16.486Z",
   "components": [
     {
       "name": "gds-alert",

package/generated/mcp/icons.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "generatedAt": "2026-01-13T13:57:27.036Z",
+  "generatedAt": "2026-01-13T15:17:16.486Z",
   "icons": [
     {
       "name": "gds-icon-ai",

package/generated/mcp/index.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "generatedAt": "2026-01-13T13:57:27.036Z",
+  "generatedAt": "2026-01-13T15:17:16.486Z",
   "instructions": "./INSTRUCTIONS.md",
   "components": "./components.json",
   "icons": "./icons.json",

package/generated/react/index.d.ts

@@ -16,9 +16,9 @@ export * from './div/index.js';
 export * from './divider/index.js';
 export * from './dropdown/index.js';
 export * from './fab/index.js';
+export * from './filter-chips/index.js';
 export * from './flex/index.js';
 export * from './form-summary/index.js';
-export * from './filter-chips/index.js';
 export * from './grid/index.js';
 export * from './grouped-list/index.js';
 export * from './list-item/index.js';
@@ -36,8 +36,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 './text/index.js';
+export * from './table/index.js';
 export * from './textarea/index.js';
 export * from './theme/index.js';
 export * from './video/index.js';
@@ -50,10 +50,6 @@ export * from './formatted-account/index.js';
 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-account/index.js';
-export * from './sensitive-number/index.js';
-export * from './sensitive-date/index.js';
 export * from './icons/icon-ai/index.js';
 export * from './icons/icon-airplane-up/index.js';
 export * from './icons/icon-archive/index.js';
@@ -387,6 +383,10 @@ export * from './icons/icon-youtube/index.js';
 export * from './icons/icon-zap/index.js';
 export * from './icons/icon-zoom-in/index.js';
 export * from './icons/icon-zoom-out/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 './option/index.js';
 export * from './menu-heading/index.js';
 export * from './menu-item/index.js';

package/generated/react/index.js

@@ -16,9 +16,9 @@ export * from "./div/index.js";
 export * from "./divider/index.js";
 export * from "./dropdown/index.js";
 export * from "./fab/index.js";
+export * from "./filter-chips/index.js";
 export * from "./flex/index.js";
 export * from "./form-summary/index.js";
-export * from "./filter-chips/index.js";
 export * from "./grid/index.js";
 export * from "./grouped-list/index.js";
 export * from "./list-item/index.js";
@@ -36,8 +36,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 "./text/index.js";
+export * from "./table/index.js";
 export * from "./textarea/index.js";
 export * from "./theme/index.js";
 export * from "./video/index.js";
@@ -50,10 +50,6 @@ export * from "./formatted-account/index.js";
 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-account/index.js";
-export * from "./sensitive-number/index.js";
-export * from "./sensitive-date/index.js";
 export * from "./icons/icon-ai/index.js";
 export * from "./icons/icon-airplane-up/index.js";
 export * from "./icons/icon-archive/index.js";
@@ -387,6 +383,10 @@ export * from "./icons/icon-youtube/index.js";
 export * from "./icons/icon-zap/index.js";
 export * from "./icons/icon-zoom-in/index.js";
 export * from "./icons/icon-zoom-out/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 "./option/index.js";
 export * from "./menu-heading/index.js";
 export * from "./menu-item/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": "2.21.0-rc.20260113135658239",
+  "version": "2.21.0-rc.20260113151650310",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

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

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