@sebgroup/green-core 3.17.2 → 3.17.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/gds-element.js CHANGED
@@ -16,7 +16,7 @@ class GdsElement extends LitElement {
16
16
  /**
17
17
  * The semantic version of this element. Can be used for troubleshooting to verify the version being used.
18
18
  */
19
- this.semanticVersion = "3.17.2";
19
+ this.semanticVersion = "3.17.3";
20
20
  this.syncFirstRender = false;
21
21
  this._isUsingTransitionalStyles = false;
22
22
  this._dynamicStylesController = new DynamicStylesController(this);
@@ -1,5 +1,5 @@
1
1
  {
2
- "generatedAt": "2026-07-08T13:34:32.212Z",
2
+ "generatedAt": "2026-07-09T13:47:54.410Z",
3
3
  "components": [
4
4
  {
5
5
  "name": "gds-alert",
@@ -1,5 +1,5 @@
1
1
  {
2
- "generatedAt": "2026-07-08T13:34:32.212Z",
2
+ "generatedAt": "2026-07-09T13:47:54.410Z",
3
3
  "icons": [
4
4
  {
5
5
  "name": "gds-icon-ai",
@@ -1,5 +1,5 @@
1
1
  {
2
- "generatedAt": "2026-07-08T13:34:32.212Z",
2
+ "generatedAt": "2026-07-09T13:47:54.410Z",
3
3
  "instructions": "./INSTRUCTIONS.md",
4
4
  "components": "./components.json",
5
5
  "icons": "./icons.json",
@@ -5,41 +5,12 @@ List item Pattern 01 provides a predefined layout for displaying structured info
5
5
 
6
6
  ## Overview
7
7
 
8
- #### When to use
8
+ ### When to use
9
9
 
10
- Use Pattern 01 when displaying structured information that users need to scan, compare or interact with.
11
-
12
- Common examples include:
13
-
14
- - Accounts
15
- - Transactions
16
- - Settings
17
- - Contacts
18
- - Documents
19
-
20
-
21
-
22
- ### Content layout
23
-
24
- 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.
25
-
26
- If your layout requires more than three content columns, use custom content instead of the predefined pattern.
10
+ Use Pattern 01 when displaying structured information that users need to scan, compare or interact with. Common examples include:
27
11
 
28
12
  ### Layout examples
29
13
 
30
- - Label only
31
- - Label + supporting text
32
- - Leading icon
33
- - Leading avatar
34
- - Two content columns
35
- - Three content columns
36
- - Trailing value
37
- - Badge
38
- - Chevron
39
- - Action button
40
-
41
-
42
-
43
14
  ### Interaction
44
15
 
45
16
  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,
63
34
 
64
35
  #### Content slot
65
36
 
66
- The content slot contains the primary information. It supports one, two or three content columns, and each column can contain one or more Items.
37
+ The Content slot is fully customizable and can contain any content needed for your use case.
38
+
39
+ 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.
67
40
 
68
- Use the Content slot for labels, supporting text and other key information users need to scan and compare.
41
+ If your layout requires more flexibility than the `Items` property supports, you can instead provide custom content through the Content slot.
69
42
 
70
43
  #### Trail slot
71
44
 
72
45
  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.
73
46
 
74
- 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.
47
+ 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.
75
48
 
76
49
  ### Do's and don'ts
@@ -1,5 +1,5 @@
1
1
  {
2
- "generatedAt": "2026-07-08T13:34:32.125Z",
2
+ "generatedAt": "2026-07-09T13:47:54.337Z",
3
3
  "categories": {
4
4
  "space": {
5
5
  "description": "Spacing tokens for padding, margin, gap, and other spacing",
@@ -1,7 +1,7 @@
1
- export * from './alert/index.js';
2
- export * from './avatar/index.js';
3
1
  export * from './badge/index.js';
4
2
  export * from './blur/index.js';
3
+ export * from './alert/index.js';
4
+ export * from './avatar/index.js';
5
5
  export * from './breadcrumbs/index.js';
6
6
  export * from './button/index.js';
7
7
  export * from './calendar/index.js';
@@ -1,7 +1,7 @@
1
- export * from "./alert/index.js";
2
- export * from "./avatar/index.js";
3
1
  export * from "./badge/index.js";
4
2
  export * from "./blur/index.js";
3
+ export * from "./alert/index.js";
4
+ export * from "./avatar/index.js";
5
5
  export * from "./breadcrumbs/index.js";
6
6
  export * from "./button/index.js";
7
7
  export * from "./calendar/index.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sebgroup/green-core",
3
3
  "description": "A carefully crafted set of Web Components, laying the foundation of the Green Design System.",
4
- "version": "3.17.2",
4
+ "version": "3.17.3",
5
5
  "main": "index.js",
6
6
  "module": "index.js",
7
7
  "type": "module",
@@ -1,6 +1,6 @@
1
1
  import "../../chunks/chunk.CAV4X6PU.js";
2
2
  import { html as litHtml } from "lit";
3
- const VER_SUFFIX = "-eb8f23";
3
+ const VER_SUFFIX = "-ae7d78";
4
4
  class ScopedElementRegistry {
5
5
  static get instance() {
6
6
  if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])