@sebgroup/green-core 2.21.0 → 2.22.0

package/gds-element.js

@@ -14,7 +14,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.21.0";
+    this.semanticVersion = "2.22.0";
     this._isUsingTransitionalStyles = false;
     this._dynamicStylesController = new DynamicStylesController(this);
   }

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

@@ -1,7 +1,7 @@
 import { GdsCoachmark as GdsCoachmarkClass } from '../../../components/coachmark/coachmark.component';
 import { getReactComponent } from '../../../utils/react';
 type GdsCoachmarkProps = React.ComponentProps<ReturnType<typeof getReactComponent<GdsCoachmarkClass>>> & {
-    /** dispatched when the tooltip is closed */
+    /** dispatched when the tooltip is about to be closed. Can be cancelled to prevent closing. */
     onGdsUiState?: (event: CustomEvent<any>) => void;
 };
 export declare const GdsCoachmark: {

package/generated/react/index.d.ts

@@ -49,11 +49,6 @@ export * from './filter-chip/index.js';
 export * from './formatted-account/index.js';
 export * from './formatted-date/index.js';
 export * from './formatted-number/index.js';
-export * from './radio-group/index.js';
-export * from './segment/index.js';
-export * from './sensitive-account/index.js';
-export * from './sensitive-number/index.js';
-export * from './sensitive-date/index.js';
 export * from './icons/icon-ai/index.js';
 export * from './icons/icon-airplane-up/index.js';
 export * from './icons/icon-archive/index.js';
@@ -387,6 +382,11 @@ 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 './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 './option/index.js';
 export * from './menu-heading/index.js';
 export * from './menu-item/index.js';

package/generated/react/index.js

@@ -49,11 +49,6 @@ export * from "./filter-chip/index.js";
 export * from "./formatted-account/index.js";
 export * from "./formatted-date/index.js";
 export * from "./formatted-number/index.js";
-export * from "./radio-group/index.js";
-export * from "./segment/index.js";
-export * from "./sensitive-account/index.js";
-export * from "./sensitive-number/index.js";
-export * from "./sensitive-date/index.js";
 export * from "./icons/icon-ai/index.js";
 export * from "./icons/icon-airplane-up/index.js";
 export * from "./icons/icon-archive/index.js";
@@ -387,6 +382,11 @@ 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 "./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 "./option/index.js";
 export * from "./menu-heading/index.js";
 export * from "./menu-item/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": "2.21.0",
+  "version": "2.22.0",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

package/primitives/form-control-header/form-control-header.component.js

@@ -38,16 +38,18 @@ let GdsFormControlHeader = class extends GdsElement {
     `;
     });
     __privateAdd(this, _handleExtSupTxtBtnClick, () => {
+      const shouldEventHappen = this.dispatchCustomEvent("gds-ui-state", {
+        bubbles: true,
+        composed: true,
+        detail: this.showExtendedSupportingText,
+        cancelable: true
+      });
+      if (!shouldEventHappen) return;
       this.showExtendedSupportingText = !this.showExtendedSupportingText;
       this._extendedSupportingText?.style.setProperty(
         "--_max-height",
         this.showExtendedSupportingText ? `${this._extendedSupportingText.scrollHeight}px` : "0"
       );
-      this.dispatchCustomEvent("gds-ui-state", {
-        bubbles: true,
-        composed: true,
-        detail: this.showExtendedSupportingText
-      });
     });
     /**
      * Handles the resize event to update the max-height of the extended supporting text.

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

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