@sebgroup/green-core 2.34.1 → 2.35.0

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.34.1";
+    this.semanticVersion = "2.35.0";
     this._isUsingTransitionalStyles = false;
     this._dynamicStylesController = new DynamicStylesController(this);
   }

package/generated/mcp/components.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-02-19T15:24:18.273Z",
+  "generatedAt": "2026-02-20T09:37:11.494Z",
   "components": [
     {
       "name": "gds-alert",

package/generated/mcp/icon-asterisk/angular.md

@@ -0,0 +1,15 @@
+# gds-icon-asterisk - Angular
+
+## Import
+
+```typescript
+import { IconAsteriskComponent } from '@sebgroup/green-core-ng'
+```
+
+## Usage
+
+Use the component in your Angular templates:
+
+```html
+<gds-icon-asterisk></gds-icon-asterisk>
+```

package/generated/mcp/icon-asterisk/api.md

@@ -0,0 +1,28 @@
+# gds-icon-asterisk
+
+**Class**: `IconAsterisk`
+
+**Tag**: `<gds-icon-asterisk>`
+
+
+## Properties
+
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `margin` | `string \| undefined` | `-` | Style Expression Property that controls the `margin` property. Only accepts space tokens. |
+| `'margin-inline'` | `string \| undefined` | `-` | Style Expression Property that controls the `margin-inline` property. Only accepts space tokens. |
+| `'margin-block'` | `string \| undefined` | `-` | Style Expression Property that controls the `margin-block` property. Only accepts space tokens. |
+| `'align-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `align-self` property. Supports all valid CSS `align-self` values. |
+| `'justify-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `justify-self` property. Supports all valid CSS `justify-self` values. |
+| `'place-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `place-self` property. Supports all valid CSS `place-self` values. |
+| `'grid-column'` | `string \| undefined` | `-` | Style Expression Property that controls the `grid-column` property. Supports all valid CSS grid-column values. Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column |
+| `'grid-row'` | `string \| undefined` | `-` | Style Expression Property that controls the `grid-row` property. Supports all valid CSS `grid-row` values. |
+| `'grid-area'` | `string \| undefined` | `-` | Style Expression Property that controls the `grid-area` property. Supports all valid CSS `grid-area` values. |
+| `flex` | `string \| undefined` | `-` | Style Expression Property that controls the `flex` property. Supports all valid CSS `flex` values. |
+| `order` | `string \| undefined` | `-` | Style Expression Property that controls the `order` property. Supports all valid CSS `order` values. |
+| `size` | `string \| undefined` | `-` | This property allow you to set the size of the icon with the token and custom values. If not provided, uses the icon's default size.  The size is a shorthand for setting both width and height at once. |
+| `solid` | `boolean` | `-` | When set to true, the solid version of the icon is displayed. When set to false or not provided, the regular version of the icon is displayed. |
+| `stroke` | `number \| undefined` | `-` | When set to true, you can apply custom stroke width to the icon. |
+| `level` | `GdsColorLevel` | `-` | The level of the icon is used to resolve the color tokens from the corresponding level. Check the [Color System documentation page](./?path=/docs/style-colors--docs) for more information.  Default for `gds-icon-*` is level 2. |
+| `color` | `string \| undefined` | `-` | Style Expression Property that controls the `color` property. Only accepts color tokens and an optional transparency value, in the format tokenName/transparency.  ```html <gds-icon-ai color="neutral-01/0.2"></gds-icon-ai> ``` |
+| `label` | `string` | `-` | This property allow you to set the accessible label of the icon. If not provided, the icon will be presentational. |

package/generated/mcp/icon-asterisk/index.json

@@ -0,0 +1,8 @@
+{
+  "name": "gds-icon-asterisk",
+  "files": {
+    "api": "api.md",
+    "angular": "angular.md",
+    "react": "react.md"
+  }
+}

package/generated/mcp/icon-asterisk/react.md

@@ -0,0 +1,15 @@
+# gds-icon-asterisk - React
+
+## Import
+
+```typescript
+import { IconAsterisk } from '@sebgroup/green-core/react'
+```
+
+## Usage
+
+Use the component as a React JSX element:
+
+```tsx
+<GdsIconAsterisk />
+```

package/generated/mcp/icon-credit-card-add/angular.md

@@ -0,0 +1,15 @@
+# gds-icon-credit-card-add - Angular
+
+## Import
+
+```typescript
+import { IconCreditCardAddComponent } from '@sebgroup/green-core-ng'
+```
+
+## Usage
+
+Use the component in your Angular templates:
+
+```html
+<gds-icon-credit-card-add></gds-icon-credit-card-add>
+```

package/generated/mcp/icon-credit-card-add/api.md

@@ -0,0 +1,28 @@
+# gds-icon-credit-card-add
+
+**Class**: `IconCreditCardAdd`
+
+**Tag**: `<gds-icon-credit-card-add>`
+
+
+## Properties
+
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `margin` | `string \| undefined` | `-` | Style Expression Property that controls the `margin` property. Only accepts space tokens. |
+| `'margin-inline'` | `string \| undefined` | `-` | Style Expression Property that controls the `margin-inline` property. Only accepts space tokens. |
+| `'margin-block'` | `string \| undefined` | `-` | Style Expression Property that controls the `margin-block` property. Only accepts space tokens. |
+| `'align-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `align-self` property. Supports all valid CSS `align-self` values. |
+| `'justify-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `justify-self` property. Supports all valid CSS `justify-self` values. |
+| `'place-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `place-self` property. Supports all valid CSS `place-self` values. |
+| `'grid-column'` | `string \| undefined` | `-` | Style Expression Property that controls the `grid-column` property. Supports all valid CSS grid-column values. Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column |
+| `'grid-row'` | `string \| undefined` | `-` | Style Expression Property that controls the `grid-row` property. Supports all valid CSS `grid-row` values. |
+| `'grid-area'` | `string \| undefined` | `-` | Style Expression Property that controls the `grid-area` property. Supports all valid CSS `grid-area` values. |
+| `flex` | `string \| undefined` | `-` | Style Expression Property that controls the `flex` property. Supports all valid CSS `flex` values. |
+| `order` | `string \| undefined` | `-` | Style Expression Property that controls the `order` property. Supports all valid CSS `order` values. |
+| `size` | `string \| undefined` | `-` | This property allow you to set the size of the icon with the token and custom values. If not provided, uses the icon's default size.  The size is a shorthand for setting both width and height at once. |
+| `solid` | `boolean` | `-` | When set to true, the solid version of the icon is displayed. When set to false or not provided, the regular version of the icon is displayed. |
+| `stroke` | `number \| undefined` | `-` | When set to true, you can apply custom stroke width to the icon. |
+| `level` | `GdsColorLevel` | `-` | The level of the icon is used to resolve the color tokens from the corresponding level. Check the [Color System documentation page](./?path=/docs/style-colors--docs) for more information.  Default for `gds-icon-*` is level 2. |
+| `color` | `string \| undefined` | `-` | Style Expression Property that controls the `color` property. Only accepts color tokens and an optional transparency value, in the format tokenName/transparency.  ```html <gds-icon-ai color="neutral-01/0.2"></gds-icon-ai> ``` |
+| `label` | `string` | `-` | This property allow you to set the accessible label of the icon. If not provided, the icon will be presentational. |

package/generated/mcp/icon-credit-card-add/index.json

@@ -0,0 +1,8 @@
+{
+  "name": "gds-icon-credit-card-add",
+  "files": {
+    "api": "api.md",
+    "angular": "angular.md",
+    "react": "react.md"
+  }
+}

package/generated/mcp/icon-credit-card-add/react.md

@@ -0,0 +1,15 @@
+# gds-icon-credit-card-add - React
+
+## Import
+
+```typescript
+import { IconCreditCardAdd } from '@sebgroup/green-core/react'
+```
+
+## Usage
+
+Use the component as a React JSX element:
+
+```tsx
+<GdsIconCreditCardAdd />
+```

package/generated/mcp/icon-power/angular.md

@@ -0,0 +1,15 @@
+# gds-icon-power - Angular
+
+## Import
+
+```typescript
+import { IconPowerComponent } from '@sebgroup/green-core-ng'
+```
+
+## Usage
+
+Use the component in your Angular templates:
+
+```html
+<gds-icon-power></gds-icon-power>
+```

package/generated/mcp/icon-power/api.md

@@ -0,0 +1,28 @@
+# gds-icon-power
+
+**Class**: `IconPower`
+
+**Tag**: `<gds-icon-power>`
+
+
+## Properties
+
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `margin` | `string \| undefined` | `-` | Style Expression Property that controls the `margin` property. Only accepts space tokens. |
+| `'margin-inline'` | `string \| undefined` | `-` | Style Expression Property that controls the `margin-inline` property. Only accepts space tokens. |
+| `'margin-block'` | `string \| undefined` | `-` | Style Expression Property that controls the `margin-block` property. Only accepts space tokens. |
+| `'align-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `align-self` property. Supports all valid CSS `align-self` values. |
+| `'justify-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `justify-self` property. Supports all valid CSS `justify-self` values. |
+| `'place-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `place-self` property. Supports all valid CSS `place-self` values. |
+| `'grid-column'` | `string \| undefined` | `-` | Style Expression Property that controls the `grid-column` property. Supports all valid CSS grid-column values. Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column |
+| `'grid-row'` | `string \| undefined` | `-` | Style Expression Property that controls the `grid-row` property. Supports all valid CSS `grid-row` values. |
+| `'grid-area'` | `string \| undefined` | `-` | Style Expression Property that controls the `grid-area` property. Supports all valid CSS `grid-area` values. |
+| `flex` | `string \| undefined` | `-` | Style Expression Property that controls the `flex` property. Supports all valid CSS `flex` values. |
+| `order` | `string \| undefined` | `-` | Style Expression Property that controls the `order` property. Supports all valid CSS `order` values. |
+| `size` | `string \| undefined` | `-` | This property allow you to set the size of the icon with the token and custom values. If not provided, uses the icon's default size.  The size is a shorthand for setting both width and height at once. |
+| `solid` | `boolean` | `-` | When set to true, the solid version of the icon is displayed. When set to false or not provided, the regular version of the icon is displayed. |
+| `stroke` | `number \| undefined` | `-` | When set to true, you can apply custom stroke width to the icon. |
+| `level` | `GdsColorLevel` | `-` | The level of the icon is used to resolve the color tokens from the corresponding level. Check the [Color System documentation page](./?path=/docs/style-colors--docs) for more information.  Default for `gds-icon-*` is level 2. |
+| `color` | `string \| undefined` | `-` | Style Expression Property that controls the `color` property. Only accepts color tokens and an optional transparency value, in the format tokenName/transparency.  ```html <gds-icon-ai color="neutral-01/0.2"></gds-icon-ai> ``` |
+| `label` | `string` | `-` | This property allow you to set the accessible label of the icon. If not provided, the icon will be presentational. |

package/generated/mcp/icon-power/index.json

@@ -0,0 +1,8 @@
+{
+  "name": "gds-icon-power",
+  "files": {
+    "api": "api.md",
+    "angular": "angular.md",
+    "react": "react.md"
+  }
+}

package/generated/mcp/icon-power/react.md

@@ -0,0 +1,15 @@
+# gds-icon-power - React
+
+## Import
+
+```typescript
+import { IconPower } from '@sebgroup/green-core/react'
+```
+
+## Usage
+
+Use the component as a React JSX element:
+
+```tsx
+<GdsIconPower />
+```

package/generated/mcp/icons.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-02-19T15:24:18.273Z",
+  "generatedAt": "2026-02-20T09:37:11.494Z",
   "icons": [
     {
       "name": "gds-icon-ai",
@@ -361,6 +361,18 @@
         "react"
       ]
     },
+    {
+      "name": "gds-icon-asterisk",
+      "tagName": "gds-icon-asterisk",
+      "className": "IconAsterisk",
+      "description": "",
+      "path": "icon-asterisk/",
+      "files": [
+        "api",
+        "angular",
+        "react"
+      ]
+    },
     {
       "name": "gds-icon-at",
       "tagName": "gds-icon-at",
@@ -1549,6 +1561,18 @@
         "react"
       ]
     },
+    {
+      "name": "gds-icon-credit-card-add",
+      "tagName": "gds-icon-credit-card-add",
+      "className": "IconCreditCardAdd",
+      "description": "",
+      "path": "icon-credit-card-add/",
+      "files": [
+        "api",
+        "angular",
+        "react"
+      ]
+    },
     {
       "name": "gds-icon-cross-large",
       "tagName": "gds-icon-cross-large",
@@ -3013,6 +3037,18 @@
         "react"
       ]
     },
+    {
+      "name": "gds-icon-power",
+      "tagName": "gds-icon-power",
+      "className": "IconPower",
+      "description": "",
+      "path": "icon-power/",
+      "files": [
+        "api",
+        "angular",
+        "react"
+      ]
+    },
     {
       "name": "gds-icon-power-plant",
       "tagName": "gds-icon-power-plant",

package/generated/mcp/index.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-02-19T15:24:18.273Z",
+  "generatedAt": "2026-02-20T09:37:11.494Z",
   "instructions": "./INSTRUCTIONS.md",
   "components": "./components.json",
   "icons": "./icons.json",