@sebgroup/green-core 2.21.0-rc.20260112150926042 → 2.22.0-rc.20260113120917392

package/gds-element.js

@@ -4,15 +4,17 @@ import {
 import { LitElement } from "lit";
 import { state } from "lit/decorators.js";
 import { DynamicStylesController } from "./utils/controllers/dynamic-styles-controller.js";
-import { toPascalCase } from "./utils/helpers/casing.js";
 import "reflect-metadata";
+function toPascalCase(str) {
+  return str.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+}
 class GdsElement extends LitElement {
   constructor() {
     super();
     /**
      * The semantic version of this element. Can be used for troubleshooting to verify the version being used.
      */
-    this.semanticVersion = "2.21.0-rc.20260112150926042";
+    this.semanticVersion = "2.22.0-rc.20260113120917392";
     this._isUsingTransitionalStyles = false;
     this._dynamicStylesController = new DynamicStylesController(this);
   }

package/generated/react/coachmark/index.d.ts

@@ -1,7 +1,7 @@
 import { GdsCoachmark as GdsCoachmarkClass } from '../../../components/coachmark/coachmark.component';
 import { getReactComponent } from '../../../utils/react';
 type GdsCoachmarkProps = React.ComponentProps<ReturnType<typeof getReactComponent<GdsCoachmarkClass>>> & {
-    /** dispatched when the tooltip is closed */
+    /** dispatched when the tooltip is about to be closed. Can be cancelled to prevent closing. */
     onGdsUiState?: (event: CustomEvent<any>) => void;
 };
 export declare const GdsCoachmark: {

package/generated/react/index.d.ts

@@ -8,11 +8,11 @@ export * from './card/index.js';
 export * from './card-linked/index.js';
 export * from './checkbox/index.js';
 export * from './coachmark/index.js';
-export * from './context-menu/index.js';
 export * from './datepicker/index.js';
+export * from './context-menu/index.js';
+export * from './details/index.js';
 export * from './dialog/index.js';
 export * from './div/index.js';
-export * from './details/index.js';
 export * from './divider/index.js';
 export * from './dropdown/index.js';
 export * from './fab/index.js';
@@ -31,9 +31,9 @@ export * from './pagination/index.js';
 export * from './backdrop/index.js';
 export * from './popover/index.js';
 export * from './radio/index.js';
+export * from './rich-text/index.js';
 export * from './segmented-control/index.js';
 export * from './select/index.js';
-export * from './rich-text/index.js';
 export * from './signal/index.js';
 export * from './spinner/index.js';
 export * from './table/index.js';
@@ -52,8 +52,6 @@ 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 +385,8 @@ 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 './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

@@ -8,11 +8,11 @@ export * from "./card/index.js";
 export * from "./card-linked/index.js";
 export * from "./checkbox/index.js";
 export * from "./coachmark/index.js";
-export * from "./context-menu/index.js";
 export * from "./datepicker/index.js";
+export * from "./context-menu/index.js";
+export * from "./details/index.js";
 export * from "./dialog/index.js";
 export * from "./div/index.js";
-export * from "./details/index.js";
 export * from "./divider/index.js";
 export * from "./dropdown/index.js";
 export * from "./fab/index.js";
@@ -31,9 +31,9 @@ export * from "./pagination/index.js";
 export * from "./backdrop/index.js";
 export * from "./popover/index.js";
 export * from "./radio/index.js";
+export * from "./rich-text/index.js";
 export * from "./segmented-control/index.js";
 export * from "./select/index.js";
-export * from "./rich-text/index.js";
 export * from "./signal/index.js";
 export * from "./spinner/index.js";
 export * from "./table/index.js";
@@ -52,8 +52,6 @@ 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 +385,8 @@ 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 "./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/input/index.d.ts

@@ -43,7 +43,7 @@ export declare const GdsInput: {
         min?: (number | string) | undefined;
         max?: (number | string) | undefined;
         step?: (number | "any") | undefined;
-        autocapitalize?: "on" | "none" | "off" | "sentences" | "words" | "characters" | undefined;
+        autocapitalize?: "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
         autocorrect?: boolean | undefined;
         autocomplete?: string | undefined;
         autofocus?: boolean | undefined;

package/generated/react/textarea/index.d.ts

@@ -41,7 +41,7 @@ export declare const GdsTextarea: {
         maxlength?: number | undefined;
         size?: "small" | "large" | undefined;
         plain?: boolean | undefined;
-        autocapitalize?: "on" | "none" | "off" | "sentences" | "words" | "characters" | undefined;
+        autocapitalize?: "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
         autocorrect?: boolean | undefined;
         autocomplete?: string | undefined;
         autofocus?: boolean | undefined;

package/package.json

@@ -1,13 +1,10 @@
 {
   "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.20260112150926042",
+  "version": "2.22.0-rc.20260113120917392",
   "main": "index.js",
   "module": "index.js",
   "type": "module",
-  "bin": {
-    "green-mcp": "./bin/mcp-server/index.js"
-  },
   "author": "SEB Open Source <opensource@seb.se> (https://github.com/seb-oss)",
   "contributors": [],
   "license": "Apache-2.0",
@@ -33,8 +30,7 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "custom-elements-manifest": ">=2",
-    "@modelcontextprotocol/sdk": ">=0.5.0"
+    "custom-elements-manifest": ">=2"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -42,9 +38,6 @@
     },
     "custom-elements-manifest": {
       "optional": true
-    },
-    "@modelcontextprotocol/sdk": {
-      "optional": true
     }
   },
   "exports": {
@@ -58,8 +51,7 @@
     "./pure": "./pure.js",
     "./_primitives/*": "./primitives/*",
     "./react": "./generated/react/index.js",
-    "./patterns/*": "./patterns/*",
-    "./mcp-server": "./build-scripts/mcp/server/index.js"
+    "./patterns/*": "./patterns/*"
   },
   "customElements": "custom-elements.json",
   "sideEffects": [

package/utils/helpers/component-meta.d.ts

@@ -23,18 +23,10 @@ export declare class CemParser {
      * Extracts component data from a JavaScriptModule declaration
      */
     static extractComponentData(mod: JavaScriptModule, declaration: CustomElementDeclaration): ComponentData;
-    /**
-     * Checks if a component inherits from a specific base class
-     */
-    private static inheritsMembersFrom;
     /**
      * Checks if a component is a form control by looking for properties inherited from GdsFormControlElement
      */
     private static isFormControl;
-    /**
-     * Checks if a component is an icon by looking for properties inherited from GdsIcon
-     */
-    private static isIconComponent;
     /**
      * Checks if a component supports routing by looking for an 'href' property
      */
@@ -60,10 +52,6 @@ export declare class CemParser {
      * Extracts public methods
      */
     private static extractMethods;
-    /**
-     * Extracts subcomponent information from custom @subcomponent JSDoc tags
-     */
-    private static extractSubcomponents;
     /**
      * Maps CEM event types to TypeScript types
      */

package/utils/helpers/component-meta.js

@@ -35,39 +35,17 @@ class CemParser {
       slots: this.extractSlots(declaration),
       methods: this.extractMethods(declaration),
       isFormControl: this.isFormControl(declaration),
-      isIconComponent: this.isIconComponent(declaration),
       isLinkComponent: this.isLinkComponent(declaration),
-      isCheckboxComponent: this.isCheckboxComponent(tagName),
-      subcomponents: this.extractSubcomponents(declaration)
+      isCheckboxComponent: this.isCheckboxComponent(tagName)
     };
   }
-  /**
-   * Checks if a component inherits from a specific base class
-   */
-  static inheritsMembersFrom(declaration, className, modulePath) {
-    if (!declaration.members) return false;
-    return declaration.members.some(
-      (member) => member.inheritedFrom?.name === className && member.inheritedFrom?.module === modulePath
-    );
-  }
   /**
    * Checks if a component is a form control by looking for properties inherited from GdsFormControlElement
    */
   static isFormControl(declaration) {
-    return this.inheritsMembersFrom(
-      declaration,
-      "GdsFormControlElement",
-      "src/components/form/form-control.ts"
-    );
-  }
-  /**
-   * Checks if a component is an icon by looking for properties inherited from GdsIcon
-   */
-  static isIconComponent(declaration) {
-    return this.inheritsMembersFrom(
-      declaration,
-      "GdsIcon",
-      "src/components/icon/icon.component.ts"
+    if (!declaration.members) return false;
+    return declaration.members.some(
+      (member) => member.inheritedFrom?.name === "GdsFormControlElement" && member.inheritedFrom?.module === "src/components/form/form-control.ts"
     );
   }
   /**
@@ -141,19 +119,6 @@ class CemParser {
       })) || []
     }));
   }
-  /**
-   * Extracts subcomponent information from custom @subcomponent JSDoc tags
-   */
-  static extractSubcomponents(declaration) {
-    const subcomponents = declaration.subcomponents;
-    if (!subcomponents || !Array.isArray(subcomponents) || subcomponents.length === 0) {
-      return void 0;
-    }
-    return subcomponents.map((sub) => ({
-      tagName: sub.tagName,
-      description: sub.description
-    }));
-  }
   /**
    * Maps CEM event types to TypeScript types
    */

package/utils/helpers/component-meta.types.d.ts

@@ -27,14 +27,10 @@ export interface ComponentData {
     methods: MethodInfo[];
     /** Whether this component is a form control (extends GdsFormControlElement) */
     isFormControl?: boolean;
-    /** Whether this component is an icon (extends GdsIcon) */
-    isIconComponent?: boolean;
     /** Whether this component supports routing (has an href property) */
     isLinkComponent?: boolean;
     /** Whether this component is a checkbox (gds-checkbox) that needs special boolean handling */
     isCheckboxComponent?: boolean;
-    /** Child components that are designed to be used with this component */
-    subcomponents?: SubcomponentInfo[];
 }
 export interface ComponentEvent {
     /** Original event name from web component (e.g., 'gds-close') */
@@ -50,12 +46,6 @@ export interface SlotInfo {
     /** Slot description */
     description?: string;
 }
-export interface SubcomponentInfo {
-    /** Tag name of the subcomponent (e.g., 'gds-segment') */
-    tagName: string;
-    /** Description of how the subcomponent is used */
-    description?: string;
-}
 export interface MethodInfo {
     /** Method name */
     name: string;

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

package/bin/mcp-server/index.d.ts

@@ -1,2 +0,0 @@
-#!/usr/bin/env node
-export {};

package/bin/mcp-server/index.js

@@ -1,39 +0,0 @@
-#!/usr/bin/env node
-import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
-import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
-import { setupResourceHandlers } from "./resources.js";
-import { setupToolHandlers } from "./tools.js";
-import { getPackageVersion } from "./utils.js";
-async function main() {
-  const packageVersion = await getPackageVersion();
-  const server = new McpServer(
-    {
-      name: "green-design-system",
-      version: packageVersion
-    },
-    {
-      capabilities: {
-        resources: {},
-        tools: {}
-      }
-    }
-  );
-  setupResourceHandlers(server.server);
-  setupToolHandlers(server.server);
-  server.server.onerror = (error) => {
-    console.error("[MCP Error]", error);
-  };
-  process.on("SIGINT", async () => {
-    await server.close();
-    process.exit(0);
-  });
-  const transport = new StdioServerTransport();
-  await server.connect(transport);
-  console.error("Green Core MCP Server started");
-  console.error(`Version: ${packageVersion}`);
-  console.error("Waiting for requests...");
-}
-main().catch((error) => {
-  console.error("Failed to start server:", error);
-  process.exit(1);
-});

package/bin/mcp-server/resources.d.ts

@@ -1,5 +0,0 @@
-import type { Server } from '@modelcontextprotocol/sdk/server/index.js';
-/**
- * Register resource handlers on the MCP server
- */
-export declare function setupResourceHandlers(server: Server): void;

package/bin/mcp-server/resources.js

@@ -1,122 +0,0 @@
-import "../../chunks/chunk.QU3DSPNU.js";
-import {
-  ListResourcesRequestSchema,
-  ReadResourceRequestSchema
-} from "@modelcontextprotocol/sdk/types.js";
-import {
-  loadComponentsIndex,
-  loadIconsIndex,
-  loadGlobalIndex,
-  readMcpFile,
-  buildResourceUri,
-  parseResourceUri
-} from "./utils.js";
-function setupResourceHandlers(server) {
-  server.setRequestHandler(ListResourcesRequestSchema, async () => {
-    const resources = [];
-    try {
-      const [componentsIndex, iconsIndex, globalIndex] = await Promise.all([
-        loadComponentsIndex(),
-        loadIconsIndex(),
-        loadGlobalIndex()
-      ]);
-      if (componentsIndex) {
-        for (const component of componentsIndex.components) {
-          const shortName = component.tagName.replace(/^gds-/, "");
-          for (const docType of component.files) {
-            const uri = buildResourceUri("components", shortName, docType);
-            let description = `${component.tagName} - ${docType} documentation`;
-            if (docType === "angular") {
-              description = `Angular-specific documentation for ${component.tagName}`;
-            } else if (docType === "react") {
-              description = `React-specific documentation for ${component.tagName}`;
-            } else if (docType === "api") {
-              description = `Web Component API documentation for ${component.tagName}`;
-            } else if (docType === "guidelines") {
-              description = `UX and design guidelines for ${component.tagName}`;
-            } else if (docType === "instructions") {
-              description = `Agent-specific usage instructions for ${component.tagName}`;
-            }
-            resources.push({
-              uri,
-              name: `${component.tagName} (${docType})`,
-              description,
-              mimeType: "text/markdown"
-            });
-          }
-        }
-      }
-      if (iconsIndex) {
-        for (const icon of iconsIndex.icons) {
-          const shortName = icon.tagName.replace(/^gds-/, "");
-          for (const docType of icon.files) {
-            const uri = buildResourceUri("icons", shortName, docType);
-            resources.push({
-              uri,
-              name: `${icon.tagName} (${docType})`,
-              description: `${icon.tagName} icon - ${docType} documentation`,
-              mimeType: "text/markdown"
-            });
-          }
-        }
-      }
-      if (globalIndex) {
-        for (const guide of globalIndex.guides) {
-          const name = guide.path.replace(/^(guides|concepts)\//, "").replace(/\.md$/, "");
-          const category = guide.path.startsWith("guides/") ? "guides" : "concepts";
-          const uri = buildResourceUri(category, name);
-          resources.push({
-            uri,
-            name: guide.title,
-            description: guide.description,
-            mimeType: "text/markdown"
-          });
-        }
-      }
-      return { resources };
-    } catch (error) {
-      console.error("Error listing resources:", error);
-      return { resources: [] };
-    }
-  });
-  server.setRequestHandler(ReadResourceRequestSchema, async (request) => {
-    const { uri } = request.params;
-    try {
-      const parsed = parseResourceUri(uri);
-      if (!parsed) {
-        throw new Error(`Invalid resource URI: ${uri}`);
-      }
-      const { category, name, docType } = parsed;
-      let filePath;
-      if (category === "components" || category === "icons") {
-        if (!docType) {
-          throw new Error(`Document type required for ${category}`);
-        }
-        filePath = `${name}/${docType}.md`;
-      } else if (category === "guides" || category === "concepts") {
-        filePath = `${category}/${name}.md`;
-      } else {
-        throw new Error(`Unknown category: ${category}`);
-      }
-      const content = await readMcpFile(filePath);
-      if (!content) {
-        throw new Error(`Resource not found: ${uri}`);
-      }
-      return {
-        contents: [
-          {
-            uri,
-            mimeType: "text/markdown",
-            text: content
-          }
-        ]
-      };
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : "Unknown error";
-      throw new Error(`Failed to read resource: ${errorMessage}`);
-    }
-  });
-}
-export {
-  setupResourceHandlers
-};

package/bin/mcp-server/tools.d.ts

@@ -1,5 +0,0 @@
-import type { Server } from '@modelcontextprotocol/sdk/server/index.js';
-/**
- * Register tool handlers on the MCP server
- */
-export declare function setupToolHandlers(server: Server): void;