@sebgroup/green-core 3.26.3 → 3.28.0

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

package/generated/mcp/components.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-10-07T07:35:26.157Z",
+  "generatedAt": "2026-10-09T13:37:49.681Z",
   "components": [
     {
       "name": "gds-alert",
@@ -576,6 +576,18 @@
         "react"
       ]
     },
+    {
+      "name": "gds-progress",
+      "tagName": "gds-progress",
+      "className": "GdsProgress",
+      "description": "",
+      "path": "progress/",
+      "files": [
+        "api",
+        "angular",
+        "react"
+      ]
+    },
     {
       "name": "gds-radio",
       "tagName": "gds-radio",

package/generated/mcp/icons.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-10-07T07:35:26.157Z",
+  "generatedAt": "2026-10-09T13:37:49.681Z",
   "icons": [
     {
       "name": "gds-icon-ai",

package/generated/mcp/index.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-10-07T07:35:26.157Z",
+  "generatedAt": "2026-10-09T13:37:49.681Z",
   "instructions": "./INSTRUCTIONS.md",
   "components": "./components.json",
   "icons": "./icons.json",

package/generated/mcp/progress/angular.md

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

package/generated/mcp/progress/api.md

@@ -0,0 +1,41 @@
+# gds-progress
+
+**Class**: `GdsProgress`
+
+**Tag**: `<gds-progress>`
+
+
+## Properties
+
+> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
+
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `width` | `string \| undefined` | `-` | Style Expression Property that controls the `width` property. Supports space tokens and all valid CSS `width` values. |
+| `'min-width'` | `string \| undefined` | `-` | Style Expression Property that controls the `min-width` property. Supports space tokens and all valid CSS `min-width` values. |
+| `'max-width'` | `string \| undefined` | `-` | Style Expression Property that controls the `max-width` property. Supports space tokens and all valid CSS `max-width` values. |
+| `'inline-size'` | `string \| undefined` | `-` | Style Expression Property that controls the `inline-size` property. Supports space tokens and all valid CSS `inline-size` values |
+| `'min-inline-size'` | `string \| undefined` | `-` | Style Expression Property that controls the `min-inline-size` property. Supports space tokens and all valid CSS `min-inline-size` values. |
+| `'max-inline-size'` | `string \| undefined` | `-` | Style Expression Property that controls the `max-inline-size` property. Supports space tokens and all valid CSS `max-inline-size` values. |
+| `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. |
+| `label` | `string` | `-` | The accessible label for the progress bar. Also rendered as visible text unless `plain` is set. |
+| `value` | `number` | `-` | The current progress, expressed on a scale from 0 to `max`. |
+| `max` | `number` | `-` | The upper bound of the progress scale. Values of 0 or less fall back to 100. |
+| `variant` | `GdsProgressVariant` | `-` | Visual state of the progress bar. `positive` and `negative` also swap the trailing value text for a status icon. |
+| `size` | `'large' \| 'small'` | `-` | Controls the font-size of texts and the track height. |
+| `'flex-direction'` | `string \| undefined` | `-` | Style Expression Property that controls the `flex-direction` property. Supports all valid CSS `flex-direction` values. Use `column-reverse` to place the label row below the bar. |
+| `indeterminate` | `boolean` | `-` | Renders an animated, non-measurable progress bar. The native `<progress>` element is left without a value, so assistive tech announces it as indeterminate. |
+| `plain` | `boolean` | `-` | Hides the label row, while still keeping the accessible label. |
+| `hideValue` | `boolean` | `-` | Hides the trailing text and status icon. |
+| `trail` | `string \| undefined` | `-` | Text rendered at the end of the label row, in place of the automatically formatted percentage or the status icon. |
+| `syncFirstRender` | `boolean` | `-` | Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM is projected.  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the element needs to be measured synchronously after being added to the DOM. |

package/generated/mcp/progress/index.json

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

package/generated/mcp/progress/react.md

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

package/generated/mcp/slider/api.md

@@ -40,6 +40,8 @@
 | `range` | `boolean` | `-` | Renders a dual-thumb range slider when true. |
 | `value` | `GdsSliderValue` | `-` | The current value. A plain number in single-value mode, or a `[start, end]` tuple when `range` is set. |
 | `hideTextbox` | `boolean` | `-` | Hides the interactive min/max value textboxes. |
+| `minLabel` | `string` | `-` | Label rendered underneath the control, pinned to its start edge. Works with or without the value textboxes. |
+| `maxLabel` | `string` | `-` | Label rendered underneath the control, pinned to its end edge. Works with or without the value textboxes. |
 | `readonly` | `boolean` | `-` | Makes the entire control read-only — slider thumbs and textbox inputs are non-interactive. |
 | `validator` | `GdsValidator \| undefined` | `-` | A validator that can be used to validate the form control and set an error message. |
 | `required` | `boolean` | `-` | The required attribute can be used to communicate to users of assistive technology that the control is required. Validation still needs to be done in a validator or equivalent. |

package/generated/mcp/tokens.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-10-07T07:35:26.091Z",
+  "generatedAt": "2026-10-09T13:37:49.563Z",
   "categories": {
     "space": {
       "description": "Spacing tokens for padding, margin, gap, and other spacing",

package/generated/react/index.d.ts

@@ -1,14 +1,14 @@
 export * from './alert/index.js';
-export * from './badge/index.js';
 export * from './avatar/index.js';
-export * from './button/index.js';
+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 './card-linked/index.js';
 export * from './checkbox/index.js';
 export * from './coachmark/index.js';
+export * from './card-linked/index.js';
 export * from './context-menu/index.js';
 export * from './datepicker/index.js';
 export * from './details/index.js';
@@ -17,8 +17,8 @@ export * from './div/index.js';
 export * from './divider/index.js';
 export * from './dropdown/index.js';
 export * from './option/index.js';
-export * from './fab/index.js';
 export * from './filter-chips/index.js';
+export * from './fab/index.js';
 export * from './flex/index.js';
 export * from './form-summary/index.js';
 export * from './grid/index.js';
@@ -26,16 +26,17 @@ 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 './progress/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 './segmented-control/index.js';
 export * from './signal/index.js';
 export * from './slider/index.js';
 export * from './spinner/index.js';
@@ -59,10 +60,6 @@ export * from './formatted-number/index.js';
 export * from './list-item/index.js';
 export * from './radio-group/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 './tab/index.js';
 export * from './icons/icon-ai/index.js';
 export * from './icons/icon-airplane-up/index.js';
 export * from './icons/icon-archive/index.js';
@@ -375,6 +372,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 './sensitive-account/index.js';
+export * from './sensitive-date/index.js';
+export * from './sensitive-number/index.js';
+export * from './tab/index.js';
 export * from './tab-panel/index.js';
 export * from './menu-item/index.js';
 export * from './menu-heading/index.js';

package/generated/react/index.js

@@ -1,14 +1,14 @@
 export * from "./alert/index.js";
-export * from "./badge/index.js";
 export * from "./avatar/index.js";
-export * from "./button/index.js";
+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 "./card-linked/index.js";
 export * from "./checkbox/index.js";
 export * from "./coachmark/index.js";
+export * from "./card-linked/index.js";
 export * from "./context-menu/index.js";
 export * from "./datepicker/index.js";
 export * from "./details/index.js";
@@ -17,8 +17,8 @@ export * from "./div/index.js";
 export * from "./divider/index.js";
 export * from "./dropdown/index.js";
 export * from "./option/index.js";
-export * from "./fab/index.js";
 export * from "./filter-chips/index.js";
+export * from "./fab/index.js";
 export * from "./flex/index.js";
 export * from "./form-summary/index.js";
 export * from "./grid/index.js";
@@ -26,16 +26,17 @@ 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 "./progress/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 "./segmented-control/index.js";
 export * from "./signal/index.js";
 export * from "./slider/index.js";
 export * from "./spinner/index.js";
@@ -59,10 +60,6 @@ export * from "./formatted-number/index.js";
 export * from "./list-item/index.js";
 export * from "./radio-group/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 "./tab/index.js";
 export * from "./icons/icon-ai/index.js";
 export * from "./icons/icon-airplane-up/index.js";
 export * from "./icons/icon-archive/index.js";
@@ -375,6 +372,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 "./sensitive-account/index.js";
+export * from "./sensitive-date/index.js";
+export * from "./sensitive-number/index.js";
+export * from "./tab/index.js";
 export * from "./tab-panel/index.js";
 export * from "./menu-item/index.js";
 export * from "./menu-heading/index.js";