npm - @sebgroup/green-core - Versions diffs - 1.33.1 → 1.35.0 - Mend

@sebgroup/green-core 1.33.1 → 1.35.0

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 (616) hide show

package/chunks/{chunk.K7Y6H2DX.js → chunk.SPA65UF7.js} RENAMED Viewed

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

package/chunks/{chunk.4KVC6MWY.js → chunk.SPXPZXN6.js} RENAMED Viewed

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

package/chunks/{chunk.4BDS4WHC.js → chunk.SQV6Z2NX.js} RENAMED Viewed

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

package/chunks/{chunk.VJUA3FTI.js → chunk.SX5DBE3O.js} RENAMED Viewed

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

package/chunks/{chunk.F2TBZM4P.js → chunk.SYHRZHUX.js} RENAMED Viewed

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

package/chunks/{chunk.WXS2OEBX.js → chunk.SZNBLMS4.js} RENAMED Viewed

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

package/chunks/{chunk.N2MY25CP.js → chunk.TIZFRT6Y.js} RENAMED Viewed

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

package/chunks/{chunk.ZG5MDIKD.js → chunk.TQQQ4AHB.js} RENAMED Viewed

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

package/chunks/{chunk.VT3F4OI6.js → chunk.TUUTNFJM.js} RENAMED Viewed

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

package/chunks/{chunk.QWHNLTDT.js → chunk.TVVWHL3W.js} RENAMED Viewed

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

package/chunks/{chunk.Z664GWDD.js → chunk.TXLPWM32.js} RENAMED Viewed

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

package/chunks/{chunk.3VTBNU5T.js → chunk.U2PM2NF4.js} RENAMED Viewed

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

package/chunks/{chunk.TL6GU2TC.js → chunk.U3BVISY7.js} RENAMED Viewed

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

package/chunks/{chunk.WUVZYGWE.js → chunk.U7HIYALN.js} RENAMED Viewed

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

package/chunks/{chunk.ATAFROJB.js → chunk.UAMY2JMH.js} RENAMED Viewed

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

package/chunks/{chunk.QVA626M2.js → chunk.UBLMHB55.js} RENAMED Viewed

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

package/chunks/{chunk.44INOX6Q.js → chunk.UJOJ7BYZ.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import {
-  tokens
-} from "./chunk.N7ZDV72U.js";
 import {
   TransitionalStyles
-} from "./chunk.UZLOEUQK.js";
+} from "./chunk.ZRTOIGOM.js";
+import {
+  tokens
+} from "./chunk.3ARQKGCL.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.SHDTH3AL.js → chunk.UQRBHSAS.js} RENAMED Viewed

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

package/chunks/{chunk.U5DJYYR6.js → chunk.V5ARX7T2.js} RENAMED Viewed

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

package/chunks/{chunk.JGA6KTMH.js → chunk.VAOZMGES.js} RENAMED Viewed

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

package/chunks/{chunk.VXNJPFXR.js → chunk.VBPVGTBW.js} RENAMED Viewed

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

package/chunks/{chunk.XIWVUCVU.js → chunk.VITNIRCO.js} RENAMED Viewed

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

package/chunks/{chunk.LXXTS2IZ.js → chunk.VKUAPYFT.js} RENAMED Viewed

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

package/chunks/chunk.VOYMQ322.js CHANGED Viewed

@@ -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 = "-2db394";
+var VER_SUFFIX = "-719376";
 var elementLookupTable = /* @__PURE__ */ new Map();
 var gdsCustomElement = (tagName) => {
   if (globalThis.GDS_DISABLE_VERSIONED_ELEMENTS) {

package/chunks/{chunk.DDNMVMC5.js → chunk.VQ4SXSHL.js} RENAMED Viewed

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

package/chunks/{chunk.YLQLSH2R.js → chunk.VQMUQJ6A.js} RENAMED Viewed

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

package/chunks/{chunk.K3INTKIT.js → chunk.VRIPF7NV.js} RENAMED Viewed

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

package/chunks/{chunk.VWQAGCIQ.js → chunk.VRMJEVGP.js} RENAMED Viewed

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

package/chunks/{chunk.ZNADEV3L.js → chunk.VTEDFEAM.js} RENAMED Viewed

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

package/chunks/{chunk.LLR2OMK7.js → chunk.VWW5S7C4.js} RENAMED Viewed

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

package/chunks/{chunk.RJLDOSCI.js → chunk.VX5XEAYM.js} RENAMED Viewed

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WM7HBMMV.js";
 import {
   TransitionalStyles
-} from "./chunk.UZLOEUQK.js";
+} from "./chunk.ZRTOIGOM.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";

package/chunks/{chunk.SUOADQVA.js → chunk.VXELEIJD.js} RENAMED Viewed

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

package/chunks/{chunk.24FA5M2X.js → chunk.WBP6QT2P.js} RENAMED Viewed

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

package/chunks/{chunk.DKOGB2BK.js → chunk.WCT5S2OC.js} RENAMED Viewed

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

package/chunks/{chunk.PEHFPYVG.js → chunk.WFBWGY6F.js} RENAMED Viewed

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

package/chunks/{chunk.EFJ76S2I.js → chunk.WTCZOYYO.js} RENAMED Viewed

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

package/chunks/{chunk.R7YSDI6M.js → chunk.WV7ZISJB.js} RENAMED Viewed

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

package/chunks/{chunk.JDGFEMPU.js → chunk.WZAPBFZL.js} RENAMED Viewed

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

package/chunks/{chunk.7EKLJ5WT.js → chunk.X5NTFYKC.js} RENAMED Viewed

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

package/chunks/{chunk.OTKIH4SJ.js → chunk.X7W2BSBH.js} RENAMED Viewed

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

package/chunks/{chunk.RJ56WQTE.js → chunk.XBKI55TV.js} RENAMED Viewed

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

package/chunks/{chunk.DDSAYFFB.js → chunk.XD3ZHDU2.js} RENAMED Viewed

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

package/chunks/{chunk.5PIUZGAQ.js → chunk.XF7WXNJQ.js} RENAMED Viewed

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

package/chunks/{chunk.JJXEGC7M.js → chunk.XPCCCRWI.js} RENAMED Viewed

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

package/chunks/{chunk.N7ZDIOV7.js → chunk.XQFUK2PK.js} RENAMED Viewed

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

package/chunks/{chunk.XMGKJ4R2.js → chunk.XQLXURG2.js} RENAMED Viewed

@@ -7,7 +7,10 @@ import {
 } from "./chunk.2BMJPIND.js";
 import {
   TransitionalStyles
-} from "./chunk.UZLOEUQK.js";
+} from "./chunk.ZRTOIGOM.js";
+import {
+  tokens
+} from "./chunk.3ARQKGCL.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";
@@ -38,10 +41,148 @@ import { isSameDay } from "date-fns";
 // libs/core/src/components/datepicker/datepicker.styles.ts
 import { css } from "lit";
 var styles = css`
-  @layer base, reset, transitional-styles;
+  @layer base, reset;
   @layer base {
+    :host {
+      font-family: inherit;
+      display: flex;
+      flex-direction: column;
+    }
+    .header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      width: 100%;
+      padding-inline: var(--gds-space-s);
+      padding-block-start: var(--gds-space-m);
+      gap: var(--gds-space-xs);
+      box-sizing: border-box;
+    }
+    .header gds-dropdown.month {
+      min-width: 140px;
+      flex: 1;
+    }
+    .header gds-dropdown.year {
+      width: 110px;
+    }
+    .footer {
+      display: flex;
+      justify-content: space-between;
+      padding-inline: var(--gds-space-s);
+      padding-block-end: var(--gds-space-s);
+    }
     label {
-      display: block;
+      font-size: var(--gds-text-size-label-input-large);
+      font-weight: var(--gds-text-weight-book);
+      line-height: var(--gds-text-line-height-label-input-large);
+      font-family: inherit;
+    }
+    .form-info {
+      font-size: var(--gds-text-size-label-information-medium);
+      font-weight: var(--gds-text-weight-regular);
+      line-height: var(--gds-text-line-height-label-information-medium);
+    }
+    .field {
+      display: flex;
+      justify-content: space-between;
+      gap: var(--gds-space-2xs);
+      padding: var(--gds-space-2xs);
+      border-radius: var(--gds-space-xs);
+      font-size: var(--gds-text-size-label-medium);
+      line-height: var(--gds-text-line-height-label-medium);
+      font-weight: var(--gds-text-weight-regular);
+      font-family: inherit;
+      overflow: hidden;
+      margin-block: var(--gds-space-xs);
+      max-width: 100%;
+      cursor: pointer;
+      color: currentColor;
+      height: var(--gds-space-3xl);
+      box-sizing: border-box;
+      border-width: var(--gds-space-4xs);
+      border-style: solid;
+      // TODO: Update colors with tokens
+      border-color: #6f6f6f;
+      color: #1b1b1b;
+      background-color: #e2e2e2;
+      &:hover {
+        background-color: #cecece;
+      }
+      .input {
+        display: flex;
+        align-items: center;
+        flex-direction: row;
+        max-width: max-content;
+        text-transform: uppercase;
+        flex: 1;
+        font-variant-numeric: tabular-nums;
+        &:focus-within span {
+          opacity: 0;
+        }
+        .spinner {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          text-align: center;
+          height: 100%;
+          outline-color: currentcolor;
+          outline-offset: -4px;
+          outline-width: var(--gds-space-3xs);
+          box-sizing: border-box;
+          border-radius: var(--gds-space-xs);
+          padding-inline: 1ch;
+          &:focus-visible {
+            outline-style: solid;
+          }
+        }
+      }
+      button {
+        appearance: none;
+        background: transparent;
+        border: 0;
+        box-sizing: border-box;
+        color: currentColor;
+        cursor: pointer;
+        aspect-ratio: 1;
+        margin: 0;
+        padding: 0;
+        outline-color: inherit;
+        outline-offset: -4px;
+        border-radius: var(--gds-space-xs);
+        padding-top: var(--gds-space-3xs);
+        &:focus-visible,
+        &:hover {
+          outline: var(--gds-space-3xs) solid currentcolor;
+        }
+      }
+      &.small {
+        height: var(--gds-space-xl);
+        font-size: var(--gds-text-size-label-small);
+        padding: 0;
+        button {
+          outline-offset: -4px;
+          border-radius: var(--gds-space-xs);
+          padding-top: 3px;
+        }
+      }
     }
   }
 `;
@@ -297,6 +438,7 @@ var GdsDatepicker = class extends GdsFormControlElement {
         this._dateFormatLayout.layout,
         (f, i) => html`<gds-date-part-spinner
                   id="spinner-${i}"
+                  class="spinner"
                   .length=${f.token === "y" ? 4 : 2}
                   .value=${__privateGet(this, _spinnerState)[f.name]}
                   aria-valuemin=${__privateMethod(this, _getMinSpinnerValue, getMinSpinnerValue_fn).call(this, f.name)}
@@ -322,6 +464,7 @@ var GdsDatepicker = class extends GdsFormControlElement {
           aria-expanded=${this.open}
           aria-controls="calendar-popover"
           aria-describedby="label"
+          size=${this.size}
         >
           <gds-icon-calendar></gds-icon-calendar>
         </button>
@@ -350,19 +493,21 @@ var GdsDatepicker = class extends GdsFormControlElement {
     }}
       >
         <div class="header">
-          <button
+          <gds-button
             @click=${__privateGet(this, _handleDecrementFocusedMonth)}
             aria-label=${msg("Previous month")}
+            rank="tertiary"
+            size="small"
           >
             <gds-icon-chevron-left></gds-icon-chevron-left>
-          </button>
+          </gds-button>
           <gds-dropdown
             .value=${this._focusedMonth.toString()}
             @change=${__privateGet(this, _handleMonthChange)}
             .maxHeight=${300}
             label="${msg("Month")}"
-            style="width:120px"
             size="small"
+            class="month"
             hide-label
           >
             <gds-option value="0">${msg("January")}</gds-option>
@@ -384,6 +529,7 @@ var GdsDatepicker = class extends GdsFormControlElement {
             .maxHeight=${300}
             label="${msg("Year")}"
             size="small"
+            class="year"
             hide-label
           >
             ${repeat(
@@ -392,12 +538,14 @@ var GdsDatepicker = class extends GdsFormControlElement {
       (year) => html`<gds-option value=${year}>${year}</gds-option>`
     )}
           </gds-dropdown>
-          <button
+          <gds-button
             @click=${__privateGet(this, _handleIncrementFocusedMonth)}
             aria-label=${msg("Next month")}
+            rank="tertiary"
+            size="small"
           >
             <gds-icon-chevron-right></gds-icon-chevron-right>
-          </button>
+          </gds-button>
         </div>
         <gds-calendar
@@ -596,7 +744,7 @@ isValueOutsideRange_get = function() {
     return false;
   return this.value.getFullYear() < this.min.getFullYear() || this.value.getFullYear() > this.max.getFullYear();
 };
-GdsDatepicker.styles = [styles];
+GdsDatepicker.styles = [tokens, styles];
 GdsDatepicker.shadowRootOptions = {
   mode: "open",
   delegatesFocus: true

package/chunks/{chunk.AIZASRMC.js → chunk.XRM5ECJL.js} RENAMED Viewed

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