@sebgroup/green-core 3.26.3 → 3.28.0

package/generated/react/progress/index.js

@@ -0,0 +1,14 @@
+import "../../../chunks/chunk.H2T4A5YY.js";
+import { createElement } from "react";
+import { GdsProgress as GdsProgressClass } from "../../../components/progress/progress.component.js";
+import { getReactComponent } from "../../../utils/react.js";
+const GdsProgress = (props) => {
+  GdsProgressClass.define();
+  const JSXElement = getReactComponent("gds-progress");
+  const propsWithClass = { ...props, class: props.className, ref: props.ref };
+  return createElement(JSXElement, propsWithClass);
+};
+GdsProgress.displayName = "GdsProgress";
+export {
+  GdsProgress
+};

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

@@ -43,6 +43,8 @@ export declare const GdsSlider: {
         range?: boolean;
         value?: import("../../../components/slider/slider.component").GdsSliderValue | undefined;
         hideTextbox?: boolean;
+        minLabel?: string;
+        maxLabel?: string;
         readonly?: boolean;
         connectedCallback?: (() => void) | undefined;
         disconnectedCallback?: (() => void) | undefined;

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.26.3",
+  "version": "3.28.0",
   "main": "index.js",
   "module": "index.js",
   "type": "module",
@@ -110,6 +110,8 @@
     "./components/radio/radio.js",
     "./components/radio/index.js",
     "./components/radio/radio-group/radio-group.js",
+    "./components/progress/progress.js",
+    "./components/progress/index.js",
     "./components/popover/popover.js",
     "./components/popover/index.js",
     "./components/popover/backdrop.js",

package/primitives/field-base/field-base.styles.js

@@ -23,12 +23,15 @@ const style = css`
       justify-content: space-between;
       gap: var(--gds-sys-space-xs);
       padding-block: var(--gds-sys-space-xs);
-      padding-inline: var(--gds-sys-space-m) var(--gds-sys-space-s);
-      min-block-size: var(--gds-sys-space-4xl);
-      block-size: var(--gds-sys-space-4xl);
+      padding-inline: var(
+        --_gds-input-padding-inline,
+        var(--gds-sys-space-m) var(--gds-sys-space-s)
+      );
+      min-block-size: var(--_gds-input-block-size, var(--gds-sys-space-4xl));
+      block-size: var(--_gds-input-block-size, var(--gds-sys-space-4xl));
       outline-style: solid;
       outline-width: 0;
-      border-radius: var(--gds-sys-radius-xs);
+      border-radius: var(--_gds-input-radius, var(--gds-sys-radius-xs));
       background: var(--gds-sys-color-l3-neutral-02);
       color: var(--gds-sys-color-content-neutral-01);
       outline-offset: 0;
@@ -63,10 +66,11 @@ const style = css`
 
     .field.small {
       gap: var(--gds-sys-space-3xs);
-      padding: var(--gds-sys-space-3xs) var(--gds-sys-space-xs);
+      padding-block: var(--gds-sys-space-3xs);
+      padding-inline: var(--_gds-input-padding-inline, var(--gds-sys-space-xs));
       min-block-size: var(--gds-sys-space-2xl);
       block-size: var(--gds-sys-space-2xl);
-      border-radius: var(--gds-sys-radius-2xs);
+      border-radius: var(--_gds-input-radius, var(--gds-sys-radius-2xs));
     }
 
     .field.multiline {

package/pure.d.ts

@@ -39,6 +39,7 @@ export * from './components/mask/mask.component';
 export * from './components/menu-button/menu-button.component';
 export * from './components/pagination/pagination.component';
 export * from './components/popover/popover.component';
+export * from './components/progress/progress.component';
 export * from './components/radio/radio-group/radio-group.component';
 export * from './components/radio/radio.component';
 export * from './components/rich-text/rich-text.component';

package/pure.js

@@ -39,6 +39,7 @@ export * from "./components/mask/mask.component.js";
 export * from "./components/menu-button/menu-button.component.js";
 export * from "./components/pagination/pagination.component.js";
 export * from "./components/popover/popover.component.js";
+export * from "./components/progress/progress.component.js";
 export * from "./components/radio/radio-group/radio-group.component.js";
 export * from "./components/radio/radio.component.js";
 export * from "./components/rich-text/rich-text.component.js";

package/utils/decorators/aria-forwarding.d.ts

@@ -14,7 +14,8 @@ type Constructor<T = LitElement> = new (...args: any[]) => T;
  * from the host web component to inner shadow DOM elements.
  *
  * Both `aria-*` and `gds-aria-*` attributes are observed. When either changes,
- * the space-separated IDs are resolved to elements via `getElementById` and
+ * the space-separated IDs are resolved against the host's own root, so a host nested
+ * in a shadow root looks up IDs in that shadow root rather than the document, and
  * forwarded to the configured target element using the ARIAMixin element-reference
  * property (e.g., `ariaLabelledByElements`).
  *

package/utils/decorators/aria-forwarding.js

@@ -17,6 +17,10 @@ function getAriaRefMeta(key) {
 }
 const ARIA_STORE = /* @__PURE__ */ Symbol("ariaForwardingStore");
 const ARIA_INIT = /* @__PURE__ */ Symbol("ariaForwardingInit");
+function resolveId(host, id) {
+  const root = host.getRootNode();
+  return root.getElementById?.(id) ?? host.ownerDocument.getElementById(id);
+}
 function setElementProperty(el, prop, value, type = "list") {
   const record = el;
   if (value === null) {
@@ -128,7 +132,7 @@ function ariaForwarding(config) {
           return;
         }
         const ids = value.trim().split(/\s+/);
-        const elements = ids.map((id) => host.ownerDocument.getElementById(id)).filter((el) => el !== null);
+        const elements = ids.map((id) => resolveId(host, id)).filter((el) => el !== null);
         const resolved = meta.type === "single" ? elements[0] ?? null : elements.length > 0 ? elements : null;
         targets.forEach((t) => setElementProperty(t, meta.property, resolved, meta.type));
       });

package/utils/helpers/custom-element-scoping.js

@@ -1,6 +1,6 @@
 import "../../chunks/chunk.H2T4A5YY.js";
 import { html as litHtml } from "lit";
-const VER_SUFFIX = "-5da57a";
+const VER_SUFFIX = "-2b158f";
 class ScopedElementRegistry {
   static get instance() {
     if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])