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

@sebgroup/green-core 1.33.1 → 1.34.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.GP5XGJMJ.js → chunk.NMIILKB2.js} RENAMED Viewed

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

package/chunks/{chunk.XMGKJ4R2.js → chunk.NMXMXG7H.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.5K7XQWTB.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.EFJ76S2I.js → chunk.NOX26U74.js} RENAMED Viewed

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

package/chunks/{chunk.HTNISYXL.js → chunk.NRZSZ3CX.js} RENAMED Viewed

@@ -6,7 +6,7 @@ import {
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.N7ZDV72U.js";
+} from "./chunk.5K7XQWTB.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.GV6S6623.js → chunk.NS27DCUZ.js} RENAMED Viewed

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

package/chunks/{chunk.OLZEVEDD.js → chunk.NSZ6GTFM.js} RENAMED Viewed

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

package/chunks/{chunk.WEXPEKEB.js → chunk.NVOXXSXJ.js} RENAMED Viewed

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

package/chunks/{chunk.MXMOZWJ7.js → chunk.O5AWZZJ3.js} RENAMED Viewed

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

package/chunks/{chunk.H7HWPLVE.js → chunk.OC354RSJ.js} RENAMED Viewed

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

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

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

package/chunks/{chunk.6OIBJ67C.js → chunk.OHCMFFPV.js} RENAMED Viewed

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

package/chunks/{chunk.ANPGRL2X.js → chunk.OKUKQJ6F.js} RENAMED Viewed

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

package/chunks/{chunk.LRCIIA5E.js → chunk.OL4YES6C.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.UZLOEUQK.js";
+} from "./chunk.ZRTOIGOM.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";
@@ -20,12 +20,13 @@ var style = css`
   @layer base, reset, transitional-styles;
   @layer base {
     :host {
-      padding: 0.5 1rem;
       cursor: pointer;
-    }
-    :host(:hover) {
-      background-color: grey;
+      color: var(--gds-sys-color-primary-text);
+      background-color: var(--gds-sys-color-container-container-dim1);
+      font-size: var(--gds-text-size-label-input-medium);
+      line-height: var(--gds-text-line-height-label-input-medium);
+      padding-inline: var(--gds-space-m);
+      padding-block: var(--gds-space-xs);
     }
   }
 `;

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

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

package/chunks/{chunk.TPR3GICT.js → chunk.ORNM3HUZ.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   icon_style_css_default
-} from "./chunk.L7I7KHQL.js";
+} from "./chunk.Z4W3F4BO.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";
@@ -18,6 +18,7 @@ var GdsIcon = class extends GdsElement {
     this.width = 24;
     this.height = 24;
     this.solid = false;
+    this.stroke = false;
     this.box = false;
     this.label = "";
   }
@@ -34,6 +35,8 @@ var GdsIcon = class extends GdsElement {
       xmlns="http://www.w3.org/2000/svg"
       ${this.label ? `aria-label="${this.label}"` : `aria-label="${this.constructor._name}"`}
       role="graphics-symbol"
+      part="icon"
+      stroke="${this.stroke}"
     >
       ${this.solid ? this.constructor._solidSVG : this.constructor._regularSVG}
     </svg>`;
@@ -50,6 +53,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean })
 ], GdsIcon.prototype, "solid", 2);
+__decorateClass([
+  property({ type: Boolean })
+], GdsIcon.prototype, "stroke", 2);
 __decorateClass([
   property({ type: String })
 ], GdsIcon.prototype, "box", 2);

package/chunks/{chunk.TFGOOMX2.js → chunk.OT4NQM63.js} RENAMED Viewed

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

package/chunks/{chunk.6UUNIDA5.js → chunk.OTR3REZP.js} RENAMED Viewed

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

package/chunks/{chunk.H6F5I5BY.js → chunk.OUOC3XA4.js} RENAMED Viewed

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

package/chunks/{chunk.NCYMPCPK.js → chunk.P7RN4QLX.js} RENAMED Viewed

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

package/chunks/{chunk.3KAWQVKA.js → chunk.PN5RW4U2.js} RENAMED Viewed

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

package/chunks/{chunk.2PQIXENE.js → chunk.PSAJCRIF.js} RENAMED Viewed

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

package/chunks/{chunk.H46PLH6E.js → chunk.PUOGDEIA.js} RENAMED Viewed

@@ -3,7 +3,7 @@ import {
 } from "./chunk.KBYQYDL3.js";
 import {
   TransitionalStyles
-} from "./chunk.UZLOEUQK.js";
+} from "./chunk.ZRTOIGOM.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.LND4ZJKQ.js → chunk.PV2TYMDJ.js} RENAMED Viewed

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

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

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

package/chunks/{chunk.SVDNQJZQ.js → chunk.QDEYNMED.js} RENAMED Viewed

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

package/chunks/{chunk.LJLIYGQD.js → chunk.QFC4NLKE.js} RENAMED Viewed

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

package/chunks/{chunk.XKUXONXQ.js → chunk.QFF4WF2F.js} RENAMED Viewed

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

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

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

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

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

package/chunks/{chunk.H6ZPWD4U.js → chunk.QKFKRT7J.js} RENAMED Viewed

@@ -6,7 +6,7 @@ import {
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.N7ZDV72U.js";
+} from "./chunk.5K7XQWTB.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.M5B4I3MA.js → chunk.QLNLPQNB.js} RENAMED Viewed

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

package/chunks/{chunk.CACWXDHX.js → chunk.QVH3R423.js} RENAMED Viewed

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

package/chunks/{chunk.KCVLLC5U.js → chunk.QVNC64XR.js} RENAMED Viewed

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

package/chunks/{chunk.PGIKS4QU.js → chunk.R2KANCJK.js} RENAMED Viewed

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

package/chunks/{chunk.DQPKE6AH.js → chunk.R2TYIXDH.js} RENAMED Viewed

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

package/chunks/{chunk.K6F7O3VU.js → chunk.R4RHUAWF.js} RENAMED Viewed

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

package/chunks/{chunk.MH4RR3AY.js → chunk.RGWMROCN.js} RENAMED Viewed

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

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

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

package/chunks/{chunk.QMBAKYGZ.js → chunk.ROLFJ3CT.js} RENAMED Viewed

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

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

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

package/chunks/{chunk.WZNKAASC.js → chunk.STE4RERU.js} RENAMED Viewed

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

package/chunks/{chunk.LRFZM72Z.js → chunk.SU3VKJWI.js} RENAMED Viewed

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

package/chunks/{chunk.4QPS6QU3.js → chunk.SWECFIF4.js} RENAMED Viewed

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