@sebgroup/green-core 1.22.8 → 1.24.0

package/chunks/{chunk.Y73KCVPN.js → chunk.27R7X3C3.js}

@@ -1,6 +1,6 @@
 import {
   tokens
-} from "./chunk.Q7575PYR.js";
+} from "./chunk.CUCCR5I2.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.Q7575PYR.js → chunk.CUCCR5I2.js}

@@ -4,7 +4,7 @@ import { unsafeCSS } from "lit";
 // dist/libs/tokens/internal/pallet.css?inline
 var pallet_default = `/**
  * Do not edit directly
- * Generated on Wed, 19 Jun 2024 07:44:31 GMT
+ * Generated on Thu, 27 Jun 2024 16:44:10 GMT
  */
 
 :host {
@@ -165,7 +165,7 @@ var pallet_default = `/**
 // dist/libs/tokens/internal/theme/light.css?inline
 var light_default = `/**
  * Do not edit directly
- * Generated on Wed, 19 Jun 2024 07:44:31 GMT
+ * Generated on Thu, 27 Jun 2024 16:44:10 GMT
  */
 
 :host {
@@ -286,7 +286,7 @@ var light_default = `/**
 // dist/libs/tokens/internal/size.css?inline
 var size_default = `/**
  * Do not edit directly
- * Generated on Wed, 19 Jun 2024 07:44:31 GMT
+ * Generated on Thu, 27 Jun 2024 16:44:10 GMT
  */
 
 :host {
@@ -532,7 +532,7 @@ var size_default = `/**
 // dist/libs/tokens/internal/motion.css?inline
 var motion_default = `/**
  * Do not edit directly
- * Generated on Wed, 19 Jun 2024 07:44:31 GMT
+ * Generated on Thu, 27 Jun 2024 16:44:10 GMT
  */
 
 :host {

package/chunks/{chunk.GIM3T2GL.js → chunk.DOKUYRLP.js}

@@ -91,7 +91,7 @@ var GdsPopover = class extends GdsElement {
     this.popupRole = "dialog";
     this.label = void 0;
     this.placement = "bottom-start";
-    this.useModalInMobileView = false;
+    this.disableMobileStyles = false;
     this.calcMinWidth = (referenceEl) => `${referenceEl.offsetWidth}px`;
     this.calcMaxWidth = (_referenceEl) => `auto`;
     this.calcMinHeight = (_referenceEl) => `auto`;
@@ -226,7 +226,7 @@ var GdsPopover = class extends GdsElement {
         <dialog
           class="${classMap({
       "v-kb-visible": this._isVirtKbVisible,
-      "use-modal-in-mobile": this.useModalInMobileView
+      "use-modal-in-mobile": !this.disableMobileStyles
     })}"
           aria-hidden="${String(!this.open)}"
           @close=${() => this.open && __privateGet(this, _handleCancel).call(this)}
@@ -271,7 +271,7 @@ var GdsPopover = class extends GdsElement {
   _handleMobileLayout(matches) {
     var _a, _b, _c, _d;
     __privateSet(this, _isMobileViewport, matches);
-    if (matches && this.useModalInMobileView) {
+    if (matches && !this.disableMobileStyles) {
       (_a = __privateGet(this, _autoPositionCleanupFn)) == null ? void 0 : _a.call(this);
       (_b = this._elDialog) == null ? void 0 : _b.style.removeProperty("left");
       (_c = this._elDialog) == null ? void 0 : _c.style.removeProperty("top");
@@ -337,7 +337,7 @@ registerAutoPositioning_fn = function() {
   }
   const referenceEl = this._anchor;
   const floatingEl = this._elDialog;
-  if (!referenceEl || !floatingEl || __privateGet(this, _isMobileViewport) && this.useModalInMobileView)
+  if (!referenceEl || !floatingEl || __privateGet(this, _isMobileViewport) && !this.disableMobileStyles)
     return;
   if (__privateGet(this, _autoPositionCleanupFn)) {
     __privateGet(this, _autoPositionCleanupFn).call(this);
@@ -384,7 +384,7 @@ __decorateClass([
 ], GdsPopover.prototype, "placement", 2);
 __decorateClass([
   property()
-], GdsPopover.prototype, "useModalInMobileView", 2);
+], GdsPopover.prototype, "disableMobileStyles", 2);
 __decorateClass([
   property({ attribute: false })
 ], GdsPopover.prototype, "calcMinWidth", 2);

package/chunks/{chunk.5PSZXHKV.js → chunk.GVBFAXSJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.NBEFLQNK.js";
 import {
   tokens
-} from "./chunk.Q7575PYR.js";
+} from "./chunk.CUCCR5I2.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.IG427B6W.js → chunk.KTHP2O7D.js}

@@ -78,6 +78,7 @@ var GdsDropdown = class extends GdsFormControlElement {
     this.maxHeight = 500;
     this.size = "medium";
     this.hideLabel = false;
+    this.disableMobileStyles = false;
     __privateAdd(this, _optionElements, void 0);
     /**
      * Event handler for filtering the options in the dropdown.
@@ -210,7 +211,7 @@ var GdsDropdown = class extends GdsFormControlElement {
         .open=${this.open}
         .calcMaxWidth=${(trigger) => this.syncPopoverWidth ? `${trigger.offsetWidth}px` : `auto`}
         .calcMaxHeight=${(_trigger) => `${this.maxHeight}px`}
-        .useModalInMobileView=${true}
+        .disableMobileStyles=${this.disableMobileStyles}
         @gds-ui-state=${(e) => this.open = e.detail.open}
       >
         <button
@@ -379,6 +380,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, attribute: "hide-label" })
 ], GdsDropdown.prototype, "hideLabel", 2);
+__decorateClass([
+  property()
+], GdsDropdown.prototype, "disableMobileStyles", 2);
 __decorateClass([
   query("#trigger")
 ], GdsDropdown.prototype, "_elTriggerBtn", 2);

package/chunks/chunk.QHKBUCE7.js

@@ -0,0 +1,232 @@
+import {
+  tokens
+} from "./chunk.CUCCR5I2.js";
+import {
+  constrainSlots
+} from "./chunk.KBYQYDL3.js";
+import {
+  GdsElement
+} from "./chunk.ZQ4D5K7J.js";
+import {
+  gdsCustomElement
+} from "./chunk.VOYMQ322.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet
+} from "./chunk.5VURDMKE.js";
+
+// libs/core/src/components/menu-button/menu-button.ts
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { literal, html as staticHtml } from "lit/static-html.js";
+
+// libs/core/src/components/menu-button/menu-button.css?inline
+var menu_button_default = `@layer tokens, a11y, core, variants, sizes, sets, disabled;
+
+@layer tokens {
+  :host {
+    --_gap: 4px;
+
+    --_padding-inline: var(--gds-sys-space-padding-l);
+    --_padding-block: var(--gds-sys-space-padding-m);
+
+    --_color-bg: transparent;
+    --_color-text: var(--gds-sys-color-primary-text);
+    --_color-border: transparent;
+
+    --_color-outline-alpha: 60%;
+    --_color-outline: var(--gds-sys-color-stroke-stroke);
+
+    --_font-size: 1rem;
+    --_font-weight: 400;
+    --_line-height: 1.25;
+
+    display: inline-block;
+    isolation: isolate;
+    max-width: 100%;
+    height: 100%;
+  }
+}
+
+@layer core {
+  .button {
+    align-items: center;
+
+    background-color: var(--_color-bg);
+
+    border-color: var(--_color-border);
+    border-style: none;
+    border-bottom-style: solid;
+    border-bottom-width: 2px;
+
+    box-sizing: border-box;
+    color: var(--_color-text);
+    color-scheme: dark light;
+    cursor: pointer;
+
+    display: inline-flex;
+    gap: var(--_gap);
+    height: 100%;
+
+    inline-size: 100%;
+    justify-content: space-between;
+    justify-items: center;
+    outline-color: transparent;
+    outline-offset: 2px;
+    outline-style: solid;
+    outline-width: 2px;
+    padding-block: var(--_padding-block);
+    padding-inline: var(--_padding-inline);
+    position: relative;
+    font-family: inherit;
+    font-size: var(--_font-size);
+    font-weight: var(--_font-weight);
+    line-height: var(--_line-height);
+
+    &:focus-visible {
+      outline-color: color-mix(
+        in srgb,
+        var(--_color-outline),
+        transparent var(--_color-outline-alpha)
+      );
+      border-radius: 2px;
+      overflow: visible;
+    }
+
+    &:hover,
+    &.selected:hover,
+    &:active {
+      --_color-bg: var(--gds-sys-color-base200);
+      --_color-border: var(--gds-sys-color-base600);
+    }
+
+    &.selected {
+      --_color-bg: var(--gds-sys-color-base100);
+      --_color-border: var(--gds-sys-color-base700);
+    }
+
+    slot:not([name]) {
+      display: inline-block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+  .compact {
+    display: flex;
+    flex-direction: column;
+    --_padding-inline: var(--gds-sys-space-padding-l);
+    --_padding-block: var(--gds-sys-space-padding-s);
+    --_gap: 1px;
+    font-size: 0.875rem;
+    height: 56px;
+    justify-content: center;
+
+    & > slot[name] {
+      order: 0;
+    }
+    & > slot:not([name]) {
+      order: 1;
+    }
+  }
+
+  a {
+    text-decoration: none;
+  }
+}
+
+@layer disabled {
+  :disabled {
+    --_color-bg: var(--gds-sys-color-container-container-disabled);
+    border-color: var(--_color-bg);
+    color: var(--gds-sys-color-content-content-disabled);
+    pointer-events: none;
+  }
+}
+`;
+
+// libs/core/src/components/menu-button/menu-button.ts
+var _isLink, isLink_get, _defaultRel, defaultRel_get;
+var MenuButton = class extends GdsElement {
+  constructor() {
+    super();
+    __privateAdd(this, _isLink);
+    __privateAdd(this, _defaultRel);
+    this.disabled = false;
+    this.label = "";
+    this.href = "";
+    this.compact = false;
+    this.selected = false;
+    constrainSlots(this);
+  }
+  render() {
+    const classes = {
+      button: true,
+      selected: this.selected,
+      compact: this.compact
+    };
+    const tag = __privateGet(this, _isLink, isLink_get) ? literal`a` : literal`button`;
+    return staticHtml`
+      <${tag}
+        class="${classMap(classes)}"
+        ?disabled="${this.disabled}"
+        aria-label="${this.label}"
+        href=${ifDefined(__privateGet(this, _isLink, isLink_get) ? this.href : void 0)}
+        target=${ifDefined(__privateGet(this, _isLink, isLink_get) ? this.target : void 0)}
+        rel=${ifDefined(__privateGet(this, _isLink, isLink_get) ? this.rel || __privateGet(this, _defaultRel, defaultRel_get) : void 0)}
+        download=${ifDefined(__privateGet(this, _isLink, isLink_get) ? this.download : void 0)}
+      >
+        <slot name="lead"></slot>
+        <slot></slot>
+        <slot name="trail"></slot>
+      </${tag}>
+    `;
+  }
+};
+_isLink = new WeakSet();
+isLink_get = function() {
+  return this.href.length > 0;
+};
+_defaultRel = new WeakSet();
+defaultRel_get = function() {
+  return this.target === "_blank" ? "noreferrer noopener" : void 0;
+};
+MenuButton.styles = [tokens, unsafeCSS(menu_button_default)];
+MenuButton.shadowRootOptions = {
+  mode: "open",
+  delegatesFocus: true
+};
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MenuButton.prototype, "disabled", 2);
+__decorateClass([
+  property()
+], MenuButton.prototype, "label", 2);
+__decorateClass([
+  property()
+], MenuButton.prototype, "href", 2);
+__decorateClass([
+  property()
+], MenuButton.prototype, "target", 2);
+__decorateClass([
+  property()
+], MenuButton.prototype, "rel", 2);
+__decorateClass([
+  property()
+], MenuButton.prototype, "download", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MenuButton.prototype, "compact", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MenuButton.prototype, "selected", 2);
+MenuButton = __decorateClass([
+  gdsCustomElement("gds-menu-button")
+], MenuButton);
+
+export {
+  MenuButton
+};

package/chunks/{chunk.ZKYFM56B.js → chunk.RG4ALIDZ.js}

@@ -1,12 +1,12 @@
 import {
   GdsSegment
-} from "./chunk.F4SNZJRS.js";
+} from "./chunk.YWNV7RJ2.js";
 import {
   resizeObserver
 } from "./chunk.VHN4JEZC.js";
 import {
   tokens
-} from "./chunk.Q7575PYR.js";
+} from "./chunk.CUCCR5I2.js";
 import {
   TransitionalStyles
 } from "./chunk.K3GEZRU5.js";

package/chunks/chunk.VOYMQ322.js

@@ -1,7 +1,7 @@
 // libs/core/src/utils/helpers/custom-element-scoping.ts
 import { html as litHtml } from "lit";
 import { customElement } from "lit/decorators.js";
-var VER_SUFFIX = "-97b29f";
+var VER_SUFFIX = "-612dc9";
 var elementLookupTable = /* @__PURE__ */ new Map();
 var gdsCustomElement = (tagName) => {
   if (globalThis.GDS_DISABLE_VERSIONED_ELEMENTS) {

package/chunks/{chunk.GFXPSAGQ.js → chunk.Y3RSAFGU.js}

@@ -1,6 +1,6 @@
 import {
   tokens
-} from "./chunk.Q7575PYR.js";
+} from "./chunk.CUCCR5I2.js";
 import {
   GdsFormControlElement
 } from "./chunk.MZSK66DN.js";

package/chunks/{chunk.F4SNZJRS.js → chunk.YWNV7RJ2.js}

@@ -1,6 +1,6 @@
 import {
   tokens
-} from "./chunk.Q7575PYR.js";
+} from "./chunk.CUCCR5I2.js";
 import {
   TransitionalStyles
 } from "./chunk.K3GEZRU5.js";

package/components/button/button.js

@@ -1,9 +1,9 @@
 import {
   GdsButton
-} from "../../chunks/chunk.GFXPSAGQ.js";
+} from "../../chunks/chunk.Y3RSAFGU.js";
 import "../../chunks/chunk.TX64TTBN.js";
-import "../../chunks/chunk.Y73KCVPN.js";
-import "../../chunks/chunk.Q7575PYR.js";
+import "../../chunks/chunk.27R7X3C3.js";
+import "../../chunks/chunk.CUCCR5I2.js";
 import "../../chunks/chunk.MZSK66DN.js";
 import "../../chunks/chunk.KBYQYDL3.js";
 import "../../chunks/chunk.K3GEZRU5.js";

package/components/button/index.js

@@ -1,10 +1,10 @@
 import "../../chunks/chunk.JGTSJ4J6.js";
 import {
   GdsButton
-} from "../../chunks/chunk.GFXPSAGQ.js";
+} from "../../chunks/chunk.Y3RSAFGU.js";
 import "../../chunks/chunk.TX64TTBN.js";
-import "../../chunks/chunk.Y73KCVPN.js";
-import "../../chunks/chunk.Q7575PYR.js";
+import "../../chunks/chunk.27R7X3C3.js";
+import "../../chunks/chunk.CUCCR5I2.js";
 import "../../chunks/chunk.MZSK66DN.js";
 import "../../chunks/chunk.KBYQYDL3.js";
 import "../../chunks/chunk.K3GEZRU5.js";

package/components/context-menu/context-menu.js

@@ -8,7 +8,7 @@ import "../../chunks/chunk.7TCXY7BP.js";
 import "../../chunks/chunk.2X23R32H.js";
 import "../../chunks/chunk.2ND5EWHE.js";
 import "../../chunks/chunk.4HJGQCBX.js";
-import "../../chunks/chunk.GIM3T2GL.js";
+import "../../chunks/chunk.DOKUYRLP.js";
 import "../../chunks/chunk.3BCIYHO6.js";
 import "../../chunks/chunk.M5FNUZ66.js";
 import "../../chunks/chunk.L7I7KHQL.js";

package/components/context-menu/index.js

@@ -13,7 +13,7 @@ import {
 import "../../chunks/chunk.2X23R32H.js";
 import "../../chunks/chunk.2ND5EWHE.js";
 import "../../chunks/chunk.4HJGQCBX.js";
-import "../../chunks/chunk.GIM3T2GL.js";
+import "../../chunks/chunk.DOKUYRLP.js";
 import "../../chunks/chunk.3BCIYHO6.js";
 import "../../chunks/chunk.M5FNUZ66.js";
 import "../../chunks/chunk.L7I7KHQL.js";

package/components/datepicker/datepicker.js

@@ -8,22 +8,22 @@ import "../../chunks/chunk.2KLESY5P.js";
 import "../../chunks/chunk.OHS4RMMZ.js";
 import "../../chunks/chunk.ZLOERUPK.js";
 import "../../chunks/chunk.Q2T57HE7.js";
-import "../../chunks/chunk.IG427B6W.js";
+import "../../chunks/chunk.KTHP2O7D.js";
 import "../../chunks/chunk.MI4A2C2A.js";
 import "../../chunks/chunk.P2QL4AHI.js";
 import "../../chunks/chunk.HGXKBXR6.js";
 import "../../chunks/chunk.C3ECHGX7.js";
 import "../../chunks/chunk.JGTSJ4J6.js";
-import "../../chunks/chunk.GFXPSAGQ.js";
+import "../../chunks/chunk.Y3RSAFGU.js";
 import "../../chunks/chunk.TX64TTBN.js";
-import "../../chunks/chunk.Y73KCVPN.js";
-import "../../chunks/chunk.Q7575PYR.js";
+import "../../chunks/chunk.27R7X3C3.js";
+import "../../chunks/chunk.CUCCR5I2.js";
 import "../../chunks/chunk.MZSK66DN.js";
 import "../../chunks/chunk.ZX42RSEL.js";
 import "../../chunks/chunk.2X23R32H.js";
 import "../../chunks/chunk.2ND5EWHE.js";
 import "../../chunks/chunk.4HJGQCBX.js";
-import "../../chunks/chunk.GIM3T2GL.js";
+import "../../chunks/chunk.DOKUYRLP.js";
 import "../../chunks/chunk.3BCIYHO6.js";
 import "../../chunks/chunk.M5FNUZ66.js";
 import "../../chunks/chunk.L7I7KHQL.js";

package/components/datepicker/index.js

@@ -8,22 +8,22 @@ import "../../chunks/chunk.2KLESY5P.js";
 import "../../chunks/chunk.OHS4RMMZ.js";
 import "../../chunks/chunk.ZLOERUPK.js";
 import "../../chunks/chunk.Q2T57HE7.js";
-import "../../chunks/chunk.IG427B6W.js";
+import "../../chunks/chunk.KTHP2O7D.js";
 import "../../chunks/chunk.MI4A2C2A.js";
 import "../../chunks/chunk.P2QL4AHI.js";
 import "../../chunks/chunk.HGXKBXR6.js";
 import "../../chunks/chunk.C3ECHGX7.js";
 import "../../chunks/chunk.JGTSJ4J6.js";
-import "../../chunks/chunk.GFXPSAGQ.js";
+import "../../chunks/chunk.Y3RSAFGU.js";
 import "../../chunks/chunk.TX64TTBN.js";
-import "../../chunks/chunk.Y73KCVPN.js";
-import "../../chunks/chunk.Q7575PYR.js";
+import "../../chunks/chunk.27R7X3C3.js";
+import "../../chunks/chunk.CUCCR5I2.js";
 import "../../chunks/chunk.MZSK66DN.js";
 import "../../chunks/chunk.ZX42RSEL.js";
 import "../../chunks/chunk.2X23R32H.js";
 import "../../chunks/chunk.2ND5EWHE.js";
 import "../../chunks/chunk.4HJGQCBX.js";
-import "../../chunks/chunk.GIM3T2GL.js";
+import "../../chunks/chunk.DOKUYRLP.js";
 import "../../chunks/chunk.3BCIYHO6.js";
 import "../../chunks/chunk.M5FNUZ66.js";
 import "../../chunks/chunk.L7I7KHQL.js";

package/components/dropdown/dropdown.d.ts

@@ -89,6 +89,10 @@ export declare class GdsDropdown<ValueT = any> extends GdsFormControlElement<Val
      * Whether to hide the label.
      */
     hideLabel: boolean;
+    /**
+     * Whether to disable the mobile styles.
+     */
+    disableMobileStyles: boolean;
     /**
      * Get the options of the dropdown.
      */

package/components/dropdown/dropdown.js

@@ -1,6 +1,6 @@
 import {
   GdsDropdown
-} from "../../chunks/chunk.IG427B6W.js";
+} from "../../chunks/chunk.KTHP2O7D.js";
 import "../../chunks/chunk.MI4A2C2A.js";
 import "../../chunks/chunk.P2QL4AHI.js";
 import "../../chunks/chunk.HGXKBXR6.js";
@@ -8,7 +8,7 @@ import "../../chunks/chunk.MZSK66DN.js";
 import "../../chunks/chunk.2X23R32H.js";
 import "../../chunks/chunk.2ND5EWHE.js";
 import "../../chunks/chunk.4HJGQCBX.js";
-import "../../chunks/chunk.GIM3T2GL.js";
+import "../../chunks/chunk.DOKUYRLP.js";
 import "../../chunks/chunk.3BCIYHO6.js";
 import "../../chunks/chunk.M5FNUZ66.js";
 import "../../chunks/chunk.L7I7KHQL.js";

package/components/dropdown/index.js

@@ -1,7 +1,7 @@
 import "../../chunks/chunk.Q2T57HE7.js";
 import {
   GdsDropdown
-} from "../../chunks/chunk.IG427B6W.js";
+} from "../../chunks/chunk.KTHP2O7D.js";
 import "../../chunks/chunk.MI4A2C2A.js";
 import "../../chunks/chunk.P2QL4AHI.js";
 import {
@@ -14,7 +14,7 @@ import {
 import "../../chunks/chunk.2X23R32H.js";
 import "../../chunks/chunk.2ND5EWHE.js";
 import "../../chunks/chunk.4HJGQCBX.js";
-import "../../chunks/chunk.GIM3T2GL.js";
+import "../../chunks/chunk.DOKUYRLP.js";
 import "../../chunks/chunk.3BCIYHO6.js";
 import "../../chunks/chunk.M5FNUZ66.js";
 import "../../chunks/chunk.L7I7KHQL.js";

package/components/filter-chips/filter-chip/filter-chip.js

@@ -3,10 +3,10 @@ import {
 } from "../../../chunks/chunk.VJU6J3FA.js";
 import "../../../chunks/chunk.5AYI6S6V.js";
 import "../../../chunks/chunk.JGTSJ4J6.js";
-import "../../../chunks/chunk.GFXPSAGQ.js";
+import "../../../chunks/chunk.Y3RSAFGU.js";
 import "../../../chunks/chunk.TX64TTBN.js";
-import "../../../chunks/chunk.Y73KCVPN.js";
-import "../../../chunks/chunk.Q7575PYR.js";
+import "../../../chunks/chunk.27R7X3C3.js";
+import "../../../chunks/chunk.CUCCR5I2.js";
 import "../../../chunks/chunk.MZSK66DN.js";
 import "../../../chunks/chunk.M5FNUZ66.js";
 import "../../../chunks/chunk.L7I7KHQL.js";

package/components/filter-chips/filter-chip/index.js

@@ -4,10 +4,10 @@ import {
 } from "../../../chunks/chunk.VJU6J3FA.js";
 import "../../../chunks/chunk.5AYI6S6V.js";
 import "../../../chunks/chunk.JGTSJ4J6.js";
-import "../../../chunks/chunk.GFXPSAGQ.js";
+import "../../../chunks/chunk.Y3RSAFGU.js";
 import "../../../chunks/chunk.TX64TTBN.js";
-import "../../../chunks/chunk.Y73KCVPN.js";
-import "../../../chunks/chunk.Q7575PYR.js";
+import "../../../chunks/chunk.27R7X3C3.js";
+import "../../../chunks/chunk.CUCCR5I2.js";
 import "../../../chunks/chunk.MZSK66DN.js";
 import "../../../chunks/chunk.M5FNUZ66.js";
 import "../../../chunks/chunk.L7I7KHQL.js";

package/components/filter-chips/filter-chips.js

@@ -7,10 +7,10 @@ import "../../chunks/chunk.VJU6J3FA.js";
 import "../../chunks/chunk.5AYI6S6V.js";
 import "../../chunks/chunk.C3ECHGX7.js";
 import "../../chunks/chunk.JGTSJ4J6.js";
-import "../../chunks/chunk.GFXPSAGQ.js";
+import "../../chunks/chunk.Y3RSAFGU.js";
 import "../../chunks/chunk.TX64TTBN.js";
-import "../../chunks/chunk.Y73KCVPN.js";
-import "../../chunks/chunk.Q7575PYR.js";
+import "../../chunks/chunk.27R7X3C3.js";
+import "../../chunks/chunk.CUCCR5I2.js";
 import "../../chunks/chunk.MZSK66DN.js";
 import "../../chunks/chunk.M5FNUZ66.js";
 import "../../chunks/chunk.L7I7KHQL.js";

package/components/filter-chips/index.js

@@ -10,10 +10,10 @@ import {
 import "../../chunks/chunk.5AYI6S6V.js";
 import "../../chunks/chunk.C3ECHGX7.js";
 import "../../chunks/chunk.JGTSJ4J6.js";
-import "../../chunks/chunk.GFXPSAGQ.js";
+import "../../chunks/chunk.Y3RSAFGU.js";
 import "../../chunks/chunk.TX64TTBN.js";
-import "../../chunks/chunk.Y73KCVPN.js";
-import "../../chunks/chunk.Q7575PYR.js";
+import "../../chunks/chunk.27R7X3C3.js";
+import "../../chunks/chunk.CUCCR5I2.js";
 import "../../chunks/chunk.MZSK66DN.js";
 import "../../chunks/chunk.M5FNUZ66.js";
 import "../../chunks/chunk.L7I7KHQL.js";

package/components/grid/grid.js

@@ -1,8 +1,8 @@
 import {
   GdsGrid
-} from "../../chunks/chunk.5PSZXHKV.js";
+} from "../../chunks/chunk.GVBFAXSJ.js";
 import "../../chunks/chunk.NBEFLQNK.js";
-import "../../chunks/chunk.Q7575PYR.js";
+import "../../chunks/chunk.CUCCR5I2.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";
 import "../../chunks/chunk.2WO4NHJ2.js";

package/components/grid/index.js

@@ -1,8 +1,8 @@
 import {
   GdsGrid
-} from "../../chunks/chunk.5PSZXHKV.js";
+} from "../../chunks/chunk.GVBFAXSJ.js";
 import "../../chunks/chunk.NBEFLQNK.js";
-import "../../chunks/chunk.Q7575PYR.js";
+import "../../chunks/chunk.CUCCR5I2.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";
 import "../../chunks/chunk.2WO4NHJ2.js";

package/components/index.d.ts

@@ -2,6 +2,7 @@ export * from '../primitives/listbox/option';
 export * from '../primitives/menu/menu-heading';
 export * from '../primitives/menu/menu-item';
 export * from './button/button';
+export * from './menu-button/menu-button';
 export * from './context-menu/context-menu';
 export * from './datepicker/datepicker';
 export * from './dropdown/dropdown';

package/components/index.js

@@ -1,16 +1,19 @@
-import "../chunks/chunk.TJA7LL3V.js";
+import "../chunks/chunk.4CZBNTGL.js";
 import {
   GdsTheme
 } from "../chunks/chunk.PKI5W62Y.js";
+import {
+  MenuButton
+} from "../chunks/chunk.QHKBUCE7.js";
 import {
   GdsSegmentedControl
-} from "../chunks/chunk.ZKYFM56B.js";
+} from "../chunks/chunk.RG4ALIDZ.js";
 import "../chunks/chunk.TSDZQZBY.js";
-import "../chunks/chunk.F4SNZJRS.js";
+import "../chunks/chunk.YWNV7RJ2.js";
 import "../chunks/chunk.4ZADZSWE.js";
 import {
   GdsGrid
-} from "../chunks/chunk.5PSZXHKV.js";
+} from "../chunks/chunk.GVBFAXSJ.js";
 import {
   GdsGroupedList
 } from "../chunks/chunk.B35Y6NNU.js";
@@ -47,7 +50,7 @@ import "../chunks/chunk.ZLOERUPK.js";
 import "../chunks/chunk.Q2T57HE7.js";
 import {
   GdsDropdown
-} from "../chunks/chunk.IG427B6W.js";
+} from "../chunks/chunk.KTHP2O7D.js";
 import "../chunks/chunk.MI4A2C2A.js";
 import "../chunks/chunk.P2QL4AHI.js";
 import {
@@ -57,10 +60,10 @@ import "../chunks/chunk.C3ECHGX7.js";
 import "../chunks/chunk.JGTSJ4J6.js";
 import {
   GdsButton
-} from "../chunks/chunk.GFXPSAGQ.js";
+} from "../chunks/chunk.Y3RSAFGU.js";
 import "../chunks/chunk.TX64TTBN.js";
-import "../chunks/chunk.Y73KCVPN.js";
-import "../chunks/chunk.Q7575PYR.js";
+import "../chunks/chunk.27R7X3C3.js";
+import "../chunks/chunk.CUCCR5I2.js";
 import "../chunks/chunk.MZSK66DN.js";
 import {
   GdsMenuHeading
@@ -68,7 +71,7 @@ import {
 import "../chunks/chunk.2X23R32H.js";
 import "../chunks/chunk.2ND5EWHE.js";
 import "../chunks/chunk.4HJGQCBX.js";
-import "../chunks/chunk.GIM3T2GL.js";
+import "../chunks/chunk.DOKUYRLP.js";
 import "../chunks/chunk.3BCIYHO6.js";
 import {
   GdsIcon
@@ -98,5 +101,6 @@ export {
   GdsMenuItem,
   GdsOption,
   GdsSegmentedControl,
-  GdsTheme
+  GdsTheme,
+  MenuButton
 };

package/components/menu-button/index.d.ts

@@ -0,0 +1 @@
+export * from './menu-button';

package/components/menu-button/index.js

@@ -0,0 +1,14 @@
+import {
+  MenuButton
+} from "../../chunks/chunk.QHKBUCE7.js";
+import "../../chunks/chunk.7TCXY7BP.js";
+import "../../chunks/chunk.CUCCR5I2.js";
+import "../../chunks/chunk.KBYQYDL3.js";
+import "../../chunks/chunk.ZQ4D5K7J.js";
+import "../../chunks/chunk.W7CV3QYI.js";
+import "../../chunks/chunk.YO24ZYAD.js";
+import "../../chunks/chunk.VOYMQ322.js";
+import "../../chunks/chunk.5VURDMKE.js";
+export {
+  MenuButton
+};

package/components/menu-button/menu-button.d.ts

@@ -0,0 +1,50 @@
+import { GdsElement } from '../../gds-element';
+/**
+ * @element gds-menu-button
+ * @status beta
+ *
+ * @slot - Content to be displayed as the button label.
+ * @slot lead - An optional slot that allows a `gds-icon` element to be placed before the label.
+ * @slot trail - An optional slot that allows a `gds-icon` element to be placed after the label.
+ *
+ * @event click - Fired when the button is clicked.
+ */
+export declare class MenuButton extends GdsElement {
+    #private;
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    static shadowRootOptions: ShadowRootInit;
+    /**
+     * Whether the menu-button is disabled.
+     */
+    disabled: boolean;
+    /**
+     * The label of the menu-button. Use this to add an accessible label to the button when no text is provided in the default slot.
+     */
+    label: string;
+    /**
+     * When set, the underlying button will be rendered as an anchor element.
+     */
+    href: string;
+    /**
+     * Where to display the linked URL. Only used when href is present.
+     */
+    target?: '_self' | '_blank' | '_parent' | '_top';
+    /**
+     * The relationship of the linked URL as space-separated link types. Only used when href is present. Defaults to "noreferrer noopener" for security reasons when target is set.
+     */
+    rel?: string;
+    /**
+     * Causes the browser to treat the linked URL as a download. Can be used with or without a filename value. Only used when href is present.
+     */
+    download?: string;
+    /**
+     * The label of the menu-button. Use this to add an accessible label to the button when no text is provided in the default slot.
+     */
+    compact: boolean;
+    /**
+     * Whether the menu button is selected
+     */
+    selected: boolean;
+    constructor();
+    render(): import("lit").TemplateResult;
+}

package/components/menu-button/menu-button.js

@@ -0,0 +1,14 @@
+import {
+  MenuButton
+} from "../../chunks/chunk.QHKBUCE7.js";
+import "../../chunks/chunk.7TCXY7BP.js";
+import "../../chunks/chunk.CUCCR5I2.js";
+import "../../chunks/chunk.KBYQYDL3.js";
+import "../../chunks/chunk.ZQ4D5K7J.js";
+import "../../chunks/chunk.W7CV3QYI.js";
+import "../../chunks/chunk.YO24ZYAD.js";
+import "../../chunks/chunk.VOYMQ322.js";
+import "../../chunks/chunk.5VURDMKE.js";
+export {
+  MenuButton
+};

package/components/popover/index.js

@@ -1,7 +1,7 @@
 import "../../chunks/chunk.4HJGQCBX.js";
 import {
   GdsPopover
-} from "../../chunks/chunk.GIM3T2GL.js";
+} from "../../chunks/chunk.DOKUYRLP.js";
 import "../../chunks/chunk.3BCIYHO6.js";
 import "../../chunks/chunk.M5FNUZ66.js";
 import "../../chunks/chunk.L7I7KHQL.js";

package/components/popover/popover.d.ts

@@ -47,7 +47,7 @@ export declare class GdsPopover extends GdsElement {
     /**
      * Whether to use a modal dialog in mobile viewport.
      */
-    useModalInMobileView: boolean;
+    disableMobileStyles: boolean;
     /**
      * A callback that returns the minimum width of the popover.
      * By default, the popover minWidth will be as wide as the trigger element.

package/components/popover/popover.js

@@ -1,6 +1,6 @@
 import {
   GdsPopover
-} from "../../chunks/chunk.GIM3T2GL.js";
+} from "../../chunks/chunk.DOKUYRLP.js";
 import "../../chunks/chunk.3BCIYHO6.js";
 import "../../chunks/chunk.M5FNUZ66.js";
 import "../../chunks/chunk.L7I7KHQL.js";

package/components/segmented-control/index.js

@@ -1,11 +1,11 @@
 import {
   GdsSegmentedControl
-} from "../../chunks/chunk.ZKYFM56B.js";
+} from "../../chunks/chunk.RG4ALIDZ.js";
 import "../../chunks/chunk.TSDZQZBY.js";
-import "../../chunks/chunk.F4SNZJRS.js";
+import "../../chunks/chunk.YWNV7RJ2.js";
 import "../../chunks/chunk.4ZADZSWE.js";
 import "../../chunks/chunk.VHN4JEZC.js";
-import "../../chunks/chunk.Q7575PYR.js";
+import "../../chunks/chunk.CUCCR5I2.js";
 import "../../chunks/chunk.M5FNUZ66.js";
 import "../../chunks/chunk.L7I7KHQL.js";
 import "../../chunks/chunk.K3GEZRU5.js";

package/components/segmented-control/segment/index.js

@@ -1,8 +1,8 @@
 import "../../../chunks/chunk.TSDZQZBY.js";
 import {
   GdsSegment
-} from "../../../chunks/chunk.F4SNZJRS.js";
-import "../../../chunks/chunk.Q7575PYR.js";
+} from "../../../chunks/chunk.YWNV7RJ2.js";
+import "../../../chunks/chunk.CUCCR5I2.js";
 import "../../../chunks/chunk.K3GEZRU5.js";
 import "../../../chunks/chunk.ZQ4D5K7J.js";
 import "../../../chunks/chunk.W7CV3QYI.js";

package/components/segmented-control/segment/segment.js

@@ -1,7 +1,7 @@
 import {
   GdsSegment
-} from "../../../chunks/chunk.F4SNZJRS.js";
-import "../../../chunks/chunk.Q7575PYR.js";
+} from "../../../chunks/chunk.YWNV7RJ2.js";
+import "../../../chunks/chunk.CUCCR5I2.js";
 import "../../../chunks/chunk.K3GEZRU5.js";
 import "../../../chunks/chunk.ZQ4D5K7J.js";
 import "../../../chunks/chunk.W7CV3QYI.js";

package/components/segmented-control/segmented-control.js

@@ -1,11 +1,11 @@
 import {
   GdsSegmentedControl
-} from "../../chunks/chunk.ZKYFM56B.js";
+} from "../../chunks/chunk.RG4ALIDZ.js";
 import "../../chunks/chunk.TSDZQZBY.js";
-import "../../chunks/chunk.F4SNZJRS.js";
+import "../../chunks/chunk.YWNV7RJ2.js";
 import "../../chunks/chunk.4ZADZSWE.js";
 import "../../chunks/chunk.VHN4JEZC.js";
-import "../../chunks/chunk.Q7575PYR.js";
+import "../../chunks/chunk.CUCCR5I2.js";
 import "../../chunks/chunk.M5FNUZ66.js";
 import "../../chunks/chunk.L7I7KHQL.js";
 import "../../chunks/chunk.K3GEZRU5.js";

package/index.js

@@ -1,16 +1,19 @@
-import "./chunks/chunk.TJA7LL3V.js";
+import "./chunks/chunk.4CZBNTGL.js";
 import {
   GdsTheme
 } from "./chunks/chunk.PKI5W62Y.js";
+import {
+  MenuButton
+} from "./chunks/chunk.QHKBUCE7.js";
 import {
   GdsSegmentedControl
-} from "./chunks/chunk.ZKYFM56B.js";
+} from "./chunks/chunk.RG4ALIDZ.js";
 import "./chunks/chunk.TSDZQZBY.js";
-import "./chunks/chunk.F4SNZJRS.js";
+import "./chunks/chunk.YWNV7RJ2.js";
 import "./chunks/chunk.4ZADZSWE.js";
 import {
   GdsGrid
-} from "./chunks/chunk.5PSZXHKV.js";
+} from "./chunks/chunk.GVBFAXSJ.js";
 import {
   GdsGroupedList
 } from "./chunks/chunk.B35Y6NNU.js";
@@ -47,7 +50,7 @@ import "./chunks/chunk.ZLOERUPK.js";
 import "./chunks/chunk.Q2T57HE7.js";
 import {
   GdsDropdown
-} from "./chunks/chunk.IG427B6W.js";
+} from "./chunks/chunk.KTHP2O7D.js";
 import "./chunks/chunk.MI4A2C2A.js";
 import "./chunks/chunk.P2QL4AHI.js";
 import {
@@ -57,10 +60,10 @@ import "./chunks/chunk.C3ECHGX7.js";
 import "./chunks/chunk.JGTSJ4J6.js";
 import {
   GdsButton
-} from "./chunks/chunk.GFXPSAGQ.js";
+} from "./chunks/chunk.Y3RSAFGU.js";
 import "./chunks/chunk.TX64TTBN.js";
-import "./chunks/chunk.Y73KCVPN.js";
-import "./chunks/chunk.Q7575PYR.js";
+import "./chunks/chunk.27R7X3C3.js";
+import "./chunks/chunk.CUCCR5I2.js";
 import "./chunks/chunk.MZSK66DN.js";
 import {
   GdsMenuHeading
@@ -68,7 +71,7 @@ import {
 import "./chunks/chunk.2X23R32H.js";
 import "./chunks/chunk.2ND5EWHE.js";
 import "./chunks/chunk.4HJGQCBX.js";
-import "./chunks/chunk.GIM3T2GL.js";
+import "./chunks/chunk.DOKUYRLP.js";
 import "./chunks/chunk.3BCIYHO6.js";
 import {
   GdsIcon
@@ -106,6 +109,7 @@ export {
   GdsOption,
   GdsSegmentedControl,
   GdsTheme,
+  MenuButton,
   VER_SUFFIX,
   gdsCustomElement,
   getScopedTagName,

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": "1.22.8",
+  "version": "1.24.0",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

package/primitives/ripple/index.js

@@ -1,8 +1,8 @@
 import "../../chunks/chunk.TX64TTBN.js";
 import {
   Ripple
-} from "../../chunks/chunk.Y73KCVPN.js";
-import "../../chunks/chunk.Q7575PYR.js";
+} from "../../chunks/chunk.27R7X3C3.js";
+import "../../chunks/chunk.CUCCR5I2.js";
 import "../../chunks/chunk.YO24ZYAD.js";
 import "../../chunks/chunk.VOYMQ322.js";
 import "../../chunks/chunk.5VURDMKE.js";

package/primitives/ripple/ripple.js

@@ -1,7 +1,7 @@
 import {
   Ripple
-} from "../../chunks/chunk.Y73KCVPN.js";
-import "../../chunks/chunk.Q7575PYR.js";
+} from "../../chunks/chunk.27R7X3C3.js";
+import "../../chunks/chunk.CUCCR5I2.js";
 import "../../chunks/chunk.YO24ZYAD.js";
 import "../../chunks/chunk.VOYMQ322.js";
 import "../../chunks/chunk.5VURDMKE.js";