npm - @sebgroup/green-core - Versions diffs - 1.21.2 → 1.22.1 - Mend

@sebgroup/green-core 1.21.2 → 1.22.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (548) hide show

package/chunks/{chunk.OA4B7RZF.js → chunk.EGV26D3C.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.DQK5SZQT.js → chunk.EH2SCVDE.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.MGW6PTPY.js → chunk.EHICHJUN.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.LGGKBOLN.js → chunk.EIG7ZHVJ.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.7JO52C7G.js → chunk.EK6VVMSC.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.HYEW5QLH.js → chunk.EMO6BCPJ.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.2QXAOTCS.js → chunk.EOQOGT7K.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 } from "./chunk.2X23R32H.js";
 import {
   TransitionalStyles
-} from "./chunk.SSRI6BF6.js";
+} from "./chunk.SCB55JEL.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.SG44SZLN.js → chunk.FBVBLWMJ.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.YXRD4Z3I.js → chunk.FE3CW27V.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.2UPGLCNT.js → chunk.FHKMUYI3.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.ASZJS2EO.js → chunk.FL6K6AP7.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.S3EVXPP7.js → chunk.FS6JDPD5.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.TXPQVNVN.js → chunk.GBH77UEI.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.ACO5XO6L.js → chunk.GDNGYEPC.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.VYWLHIZW.js → chunk.GDVFMHMJ.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.A4FYYQND.js → chunk.GLEXUQUZ.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.QUVKMI27.js → chunk.GMIBJRZQ.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.K7PKBK6M.js → chunk.GN7F3JBV.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.JTVXMSFF.js → chunk.GPFF5FUT.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.AJ4FC6TB.js → chunk.GTEDQIBH.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.6T5K76WW.js → chunk.H3JJYEA5.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.HOBEE5LU.js → chunk.HBF23UC2.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.ZXZJ2QXL.js → chunk.HD42SSF2.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.E7U6JKT2.js → chunk.HDAGYYX5.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.AIFVJYC6.js → chunk.HKDINC5K.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.M4QUUHU4.js → chunk.I5DQSWSZ.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.CU3L5UNE.js → chunk.I6PPO3VC.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.C7CQWY7K.js → chunk.IINTZRYE.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.UGTBEYY3.js → chunk.IKNM3RX3.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.XAO6LOSS.js → chunk.IMGI2DM3.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.5WDED5SB.js → chunk.IX53XVUG.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.RLF7GMCQ.js → chunk.J6O6ACJ3.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.L2O5PFIE.js → chunk.J7ELKCVS.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.4CLQO45J.js → chunk.JE6CRDB6.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.6CUDF6ZP.js → chunk.JWMPPMW5.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.TJLCHODD.js → chunk.JYOKDRK4.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.TF3DKV26.js → chunk.JZGPA5TA.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.R5HPCXVZ.js → chunk.K226DZ5F.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.B74ZAMJ6.js → chunk.K3W7NXJV.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.LQI7EEFM.js → chunk.K45EQOIJ.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.W564JX3W.js → chunk.KEN6AZW2.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.HLW5GRYK.js → chunk.KN3K2OW6.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.VRM45KID.js → chunk.KPUOGILQ.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.SSRI6BF6.js";
+} from "./chunk.SCB55JEL.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.HXJACFJ5.js → chunk.KU4MMRJG.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.LZSPAGP6.js → chunk.KYANWL7C.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.LEO2UJ2O.js → chunk.L5JN3YCN.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.QHJ2VDUU.js → chunk.L7YRJ5QM.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.ZYUIUBKE.js → chunk.LAQVQWKU.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.T5UCE5HV.js → chunk.LKOOGHKR.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.ZATSZPLV.js → chunk.LMSS53PV.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   GdsIcon
-} from "./chunk.AXSHTURA.js";
+} from "./chunk.M5FNUZ66.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.SXNGHD2S.js → chunk.LR3W2NRF.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 } from "./chunk.MZSK66DN.js";
 import {
   TransitionalStyles
-} from "./chunk.SSRI6BF6.js";
+} from "./chunk.SCB55JEL.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";
@@ -46,6 +46,7 @@ var styles = css`
 `;
 // libs/core/src/components/datepicker/datepicker.ts
+import isSameDay from "date-fns/isSameDay";
 var _valueOnOpen, _renderBackToValidRangeButton, renderBackToValidRangeButton_fn, _focusDate, focusDate_fn, _getSpinnerLabel, getSpinnerLabel_fn, _getMinSpinnerValue, getMinSpinnerValue_fn, _getMaxSpinnerValue, getMaxSpinnerValue_fn, _dispatchChangeEvent, dispatchChangeEvent_fn, _dispatchInputEvent, dispatchInputEvent_fn, _handleFieldFocusOut, _handleSpinnerFocus, _handleClipboardCopy, _handleClipboardPaste, _handleFieldClick, _handleCalendarChange, _handleMonthChange, _handleYearChange, _handleIncrementFocusedMonth, _handleDecrementFocusedMonth, _handleCalendarFocusChange, _handlePopoverStateChange, _handleSpinnerKeydown, _parseDateFormat, parseDateFormat_fn, _handleSpinnerChange, _spinnerState, _years, years_get, _isValueOutsideRange, isValueOutsideRange_get;
 var GdsDatepicker = class extends GdsFormControlElement {
   constructor() {
@@ -168,12 +169,19 @@ var GdsDatepicker = class extends GdsFormControlElement {
         return;
       this.open = e.detail.open;
       if (e.detail.reason === "close") {
-        this.value = (await this._elCalendar).value;
+        const calValue = (await this._elCalendar).value;
+        const hasChanged = !isSameDay(
+          calValue || /* @__PURE__ */ new Date(0),
+          __privateGet(this, _valueOnOpen) || /* @__PURE__ */ new Date(0)
+        );
+        if (hasChanged) {
+          this.value = calValue;
+          __privateMethod(this, _dispatchChangeEvent, dispatchChangeEvent_fn).call(this);
+        }
         if (this.value) {
           this._focusedMonth = this.value.getMonth();
           this._focusedYear = this.value.getFullYear();
         }
-        __privateMethod(this, _dispatchChangeEvent, dispatchChangeEvent_fn).call(this);
       }
       if (e.detail.reason === "cancel") {
         this.value = __privateGet(this, _valueOnOpen);
@@ -260,7 +268,7 @@ var GdsDatepicker = class extends GdsFormControlElement {
       <div
         class=${classMap({ field: true, small: this.size === "small" })}
-        id="trigger"
+        id="field"
         @click=${__privateGet(this, _handleFieldClick)}
         @copy=${__privateGet(this, _handleClipboardCopy)}
         @paste=${__privateGet(this, _handleClipboardPaste)}
@@ -299,14 +307,8 @@ var GdsDatepicker = class extends GdsFormControlElement {
           aria-expanded=${this.open}
           aria-controls="calendar-popover"
           aria-describedby="label"
-          @click=${() => this.open = !this.open}
         >
-          <svg viewBox="0 0 24 24" inert>
-            <rect x="3" y="4" width="18" height="18" rx="2" ry="2" />
-            <line x1="16" y1="2" x2="16" y2="6" />
-            <line x1="8" y1="2" x2="8" y2="6" />
-            <line x1="3" y1="10" x2="21" y2="10" />
-          </svg>
+          <gds-icon-calendar></gds-icon-calendar>
         </button>
       </div>
@@ -314,12 +316,14 @@ var GdsDatepicker = class extends GdsFormControlElement {
       <gds-popover
         .triggerRef=${this._elTrigger}
+        .anchorRef=${this._elField}
         .open=${this.open}
         @gds-ui-state=${__privateGet(this, _handlePopoverStateChange)}
         label=${this.label}
         id="calendar-popover"
         .placement=${"bottom-end"}
         .calcMinWidth=${() => this.showWeekNumbers ? "350px" : "305px"}
+        .useModalInMobileView=${true}
         @focusin=${async (e) => {
       var _a;
       const isPopover = ((_a = e.target) == null ? void 0 : _a.id) === "calendar-popover";
@@ -333,7 +337,7 @@ var GdsDatepicker = class extends GdsFormControlElement {
             @click=${__privateGet(this, _handleDecrementFocusedMonth)}
             aria-label=${msg("Previous month")}
           >
-            <i class="icon prev"></i>
+            <gds-icon-chevron-left></gds-icon-chevron-left>
           </button>
           <gds-dropdown
             .value=${this._focusedMonth.toString()}
@@ -375,7 +379,7 @@ var GdsDatepicker = class extends GdsFormControlElement {
             @click=${__privateGet(this, _handleIncrementFocusedMonth)}
             aria-label=${msg("Next month")}
           >
-            <i class="icon next"></i>
+            <gds-icon-chevron-right></gds-icon-chevron-right>
           </button>
         </div>
@@ -394,25 +398,27 @@ var GdsDatepicker = class extends GdsFormControlElement {
         ></gds-calendar>
         <div class="footer">
-          <button
-            class="tertiary clear"
+          <gds-button
+            rank="tertiary"
+            size="small"
             @click=${() => {
       this.value = void 0;
       __privateMethod(this, _dispatchChangeEvent, dispatchChangeEvent_fn).call(this);
     }}
           >
             ${msg("Clear")}
-          </button>
+          </gds-button>
           ${until(__privateMethod(this, _renderBackToValidRangeButton, renderBackToValidRangeButton_fn).call(this), nothing)}
-          <button
-            class="tertiary today"
+          <gds-button
+            rank="tertiary"
+            size="small"
             @click=${() => {
       this.value = /* @__PURE__ */ new Date();
       __privateMethod(this, _dispatchChangeEvent, dispatchChangeEvent_fn).call(this);
     }}
           >
             ${msg("Today")}
-          </button>
+          </gds-button>
         </div>
       </gds-popover> `;
   }
@@ -455,9 +461,9 @@ renderBackToValidRangeButton_fn = async function() {
   }
   return html`${when(
     buttonTxt.length > 0,
-    () => html`<button class="tertiary back-to-range" @click=${buttonAction}>
+    () => html`<gds-button rank="tertiary" size="small" @click=${buttonAction}>
           ${buttonTxt}
-        </button>`,
+        </gds-button>`,
     () => nothing
   )}`;
 };
@@ -616,8 +622,11 @@ __decorateClass([
   queryAsync("#calendar")
 ], GdsDatepicker.prototype, "_elCalendar", 2);
 __decorateClass([
-  queryAsync("#trigger")
+  queryAsync("#calendar-button")
 ], GdsDatepicker.prototype, "_elTrigger", 2);
+__decorateClass([
+  queryAsync("#field")
+], GdsDatepicker.prototype, "_elField", 2);
 __decorateClass([
   queryAll("[role=spinbutton]")
 ], GdsDatepicker.prototype, "_elSpinners", 2);

package/chunks/{chunk.AXSHTURA.js → chunk.M5FNUZ66.js} RENAMED Viewed

@@ -1,15 +1,18 @@
 import {
   icon_style_css_default
 } from "./chunk.L7I7KHQL.js";
+import {
+  GdsElement
+} from "./chunk.ZQ4D5K7J.js";
 import {
   __decorateClass
 } from "./chunk.5VURDMKE.js";
 // libs/core/src/components/icon/icon.ts
-import { html, LitElement } from "lit";
+import { html } from "lit";
 import { property } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
-var GdsIcon = class extends LitElement {
+var GdsIcon = class extends GdsElement {
   constructor() {
     super(...arguments);
     this.width = 24;

package/chunks/{chunk.RR73DCKW.js → chunk.M5J3VW4A.js} RENAMED Viewed

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