@sebgroup/green-core 2.5.2 → 2.5.3

package/components/button/button.component.d.ts

@@ -52,8 +52,9 @@ declare class Button extends GdsFormControlElement<any> {
     download?: string;
     private _mainSlot?;
     private _button?;
-    connectedCallback(): void;
     focus(options?: FocusOptions): void;
+    click(): void;
+    connectedCallback(): void;
     render(): import("lit-html").TemplateResult;
     protected _getValidityAnchor(): HTMLElement;
     private _attributeChanged;

package/components/button/button.component.js

@@ -60,14 +60,17 @@ class Button extends GdsFormControlElement {
       }
     });
   }
+  focus(options) {
+    this._getValidityAnchor()?.focus(options);
+  }
+  click() {
+    this._getValidityAnchor()?.click();
+  }
   connectedCallback() {
     super.connectedCallback();
     this.setAttribute("role", "none");
     TransitionalStyles.instance.apply(this, "gds-button");
   }
-  focus(options) {
-    this._getValidityAnchor()?.focus(options);
-  }
   render() {
     const buttonClasses = {
       button: true,

package/components/calendar/calendar.styles.js

@@ -20,10 +20,6 @@ const style = css`
       width: 100%;
       padding: 1ch;
 
-      &.indicators {
-        border-spacing: var(--gds-sys-space-xs) var(--gds-sys-space-l);
-      }
-
       &.small {
         border-spacing: var(--gds-sys-space-2xs);
 
@@ -92,8 +88,8 @@ const style = css`
         }
 
         &[aria-selected='true'] {
-          background: var(--gds-sys-color-l3-neutral-01);
           color: var(--gds-sys-color-content-neutral-03);
+          background: var(--gds-sys-color-l3-neutral-01);
         }
 
         &:not(.disabled):hover {
@@ -146,7 +142,6 @@ const style = css`
         &:focus-visible {
           outline-color: var(--gds-sys-color-content-neutral-01);
           outline-width: var(--gds-sys-space-3xs);
-          outline-offset: 3.75px;
         }
 
         &.small {

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

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

@@ -28,8 +28,9 @@ export declare const GdsButton: (props: React.ComponentProps<ReturnType<typeof g
     target?: ("_self" | "_blank" | "_parent" | "_top") | undefined;
     rel?: string | undefined;
     download?: string | undefined;
-    connectedCallback?: (() => void) | undefined;
     focus?: ((options?: FocusOptions) => void) | undefined;
+    click?: (() => void) | undefined;
+    connectedCallback?: (() => void) | undefined;
     render?: (() => import("lit-html").TemplateResult) | undefined;
     validator?: import("../../../components/form/form-control").GdsValidator | undefined;
     required?: boolean | undefined;
@@ -79,7 +80,6 @@ export declare const GdsButton: (props: React.ComponentProps<ReturnType<typeof g
     title?: string | undefined;
     translate?: boolean | undefined;
     attachInternals?: (() => ElementInternals) | undefined;
-    click?: (() => void) | undefined;
     hidePopover?: (() => void) | undefined;
     showPopover?: (() => void) | undefined;
     togglePopover?: ((force?: boolean) => boolean) | undefined;

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

@@ -33,6 +33,7 @@ export declare const GdsFab: (props: React.ComponentProps<ReturnType<typeof getR
     rel?: string | undefined;
     download?: string | undefined;
     focus?: ((options?: FocusOptions) => void) | undefined;
+    click?: (() => void) | undefined;
     render?: (() => import("lit-html").TemplateResult) | undefined;
     validator?: import("../../../components/form/form-control").GdsValidator | undefined;
     required?: boolean | undefined;
@@ -82,7 +83,6 @@ export declare const GdsFab: (props: React.ComponentProps<ReturnType<typeof getR
     title?: string | undefined;
     translate?: boolean | undefined;
     attachInternals?: (() => ElementInternals) | undefined;
-    click?: (() => void) | undefined;
     hidePopover?: (() => void) | undefined;
     showPopover?: (() => void) | undefined;
     togglePopover?: ((force?: boolean) => boolean) | undefined;

package/generated/react/index.d.ts

@@ -11,10 +11,10 @@ export * from './context-menu/index.js';
 export * from './datepicker/index.js';
 export * from './details/index.js';
 export * from './dialog/index.js';
-export * from './div/index.js';
 export * from './divider/index.js';
-export * from './dropdown/index.js';
 export * from './fab/index.js';
+export * from './dropdown/index.js';
+export * from './div/index.js';
 export * from './filter-chips/index.js';
 export * from './flex/index.js';
 export * from './form-summary/index.js';

package/generated/react/index.js

@@ -11,10 +11,10 @@ export * from "./context-menu/index.js";
 export * from "./datepicker/index.js";
 export * from "./details/index.js";
 export * from "./dialog/index.js";
-export * from "./div/index.js";
 export * from "./divider/index.js";
-export * from "./dropdown/index.js";
 export * from "./fab/index.js";
+export * from "./dropdown/index.js";
+export * from "./div/index.js";
 export * from "./filter-chips/index.js";
 export * from "./flex/index.js";
 export * from "./form-summary/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.5.2",
+  "version": "2.5.3",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

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 = "-733b2e";
+const VER_SUFFIX = "-643d87";
 class ScopedElementRegistry {
   static get instance() {
     if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])