@sebgroup/green-core 3.17.2 → 3.17.4

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

package/generated/mcp/components.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-07-08T13:34:32.212Z",
+  "generatedAt": "2026-07-10T13:44:52.509Z",
   "components": [
     {
       "name": "gds-alert",

package/generated/mcp/icons.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-07-08T13:34:32.212Z",
+  "generatedAt": "2026-07-10T13:44:52.509Z",
   "icons": [
     {
       "name": "gds-icon-ai",

package/generated/mcp/index.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-07-08T13:34:32.212Z",
+  "generatedAt": "2026-07-10T13:44:52.509Z",
   "instructions": "./INSTRUCTIONS.md",
   "components": "./components.json",
   "icons": "./icons.json",

package/generated/mcp/list-item-pattern-01/guidelines.md

@@ -5,41 +5,12 @@ List item Pattern 01 provides a predefined layout for displaying structured info
 
 ## Overview
 
-#### When to use
+### When to use
 
-Use Pattern 01 when displaying structured information that users need to scan, compare or interact with.
-
-Common examples include:
-
-- Accounts
-- Transactions
-- Settings
-- Contacts
-- Documents
-
-
-
-### Content layout
-
-The content area supports one, two or three content columns. Each column can contain one or more Items, allowing related information to be grouped in a structured and consistent way.
-
-If your layout requires more than three content columns, use custom content instead of the predefined pattern.
+Use Pattern 01 when displaying structured information that users need to scan, compare or interact with. Common examples include:
 
 ### Layout examples
 
-- Label only
-- Label + supporting text
-- Leading icon
-- Leading avatar
-- Two content columns
-- Three content columns
-- Trailing value
-- Badge
-- Chevron
-- Action button
-
-
-
 ### Interaction
 
 Pattern 01 supports both static and interactive list items.
@@ -63,14 +34,16 @@ Use for icons, avatars, or custom leading content. When `selectable` is enabled,
 
 #### Content slot
 
-The content slot contains the primary information. It supports one, two or three content columns, and each column can contain one or more Items.
+The Content slot is fully customizable and can contain any content needed for your use case.
+
+For the recommended layout, use the `Items` property. It provides predefined content styles and supports one, two or three content columns, making it easy to create consistent and scannable list items.
 
-Use the Content slot for labels, supporting text and other key information users need to scan and compare.
+If your layout requires more flexibility than the `Items` property supports, you can instead provide custom content through the Content slot.
 
 #### Trail slot
 
 Use the **Trail** slot for secondary content, such as values, status, metadata or actions. Keep trailing content concise and avoid placing the primary information here.
 
-When a list item is configured as **navigational**, a chevron icon is automatically displayed in the Trail slot. When configured as **selectable and navigational**, the Trail slot instead displays an icon button with a chevron icon, indicating both selection and navigation.
+When a list item is configured as navigational**** (`href)`, a chevron icon is automatically displayed in the Trail slot. When configured as `selectable`**** and**** `navigational`, the Trail slot instead displays an icon button with a chevron icon, indicating both selection and navigation.
 
 ### Do's and don'ts

package/generated/mcp/tokens.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-07-08T13:34:32.125Z",
+  "generatedAt": "2026-07-10T13:44:52.424Z",
   "categories": {
     "space": {
       "description": "Spacing tokens for padding, margin, gap, and other spacing",

package/generated/react/index.d.ts

@@ -4,14 +4,14 @@ export * from './badge/index.js';
 export * from './blur/index.js';
 export * from './breadcrumbs/index.js';
 export * from './button/index.js';
-export * from './calendar/index.js';
 export * from './card/index.js';
+export * from './calendar/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 './details/index.js';
+export * from './datepicker/index.js';
 export * from './dialog/index.js';
 export * from './div/index.js';
 export * from './divider/index.js';
@@ -25,8 +25,8 @@ export * from './grouped-list/index.js';
 export * from './img/index.js';
 export * from './input/index.js';
 export * from './link/index.js';
-export * from './list/index.js';
 export * from './mask/index.js';
+export * from './list/index.js';
 export * from './menu-button/index.js';
 export * from './pagination/index.js';
 export * from './backdrop/index.js';
@@ -39,8 +39,8 @@ export * from './signal/index.js';
 export * from './spinner/index.js';
 export * from './switch/index.js';
 export * from './table/index.js';
-export * from './tabs/index.js';
 export * from './text/index.js';
+export * from './tabs/index.js';
 export * from './textarea/index.js';
 export * from './theme/index.js';
 export * from './video/index.js';

package/generated/react/index.js

@@ -4,14 +4,14 @@ export * from "./badge/index.js";
 export * from "./blur/index.js";
 export * from "./breadcrumbs/index.js";
 export * from "./button/index.js";
-export * from "./calendar/index.js";
 export * from "./card/index.js";
+export * from "./calendar/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 "./details/index.js";
+export * from "./datepicker/index.js";
 export * from "./dialog/index.js";
 export * from "./div/index.js";
 export * from "./divider/index.js";
@@ -25,8 +25,8 @@ export * from "./grouped-list/index.js";
 export * from "./img/index.js";
 export * from "./input/index.js";
 export * from "./link/index.js";
-export * from "./list/index.js";
 export * from "./mask/index.js";
+export * from "./list/index.js";
 export * from "./menu-button/index.js";
 export * from "./pagination/index.js";
 export * from "./backdrop/index.js";
@@ -39,8 +39,8 @@ export * from "./signal/index.js";
 export * from "./spinner/index.js";
 export * from "./switch/index.js";
 export * from "./table/index.js";
-export * from "./tabs/index.js";
 export * from "./text/index.js";
+export * from "./tabs/index.js";
 export * from "./textarea/index.js";
 export * from "./theme/index.js";
 export * from "./video/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.17.2",
+  "version": "3.17.4",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

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