@sebgroup/green-core 1.20.0 → 1.20.2

package/chunks/{chunk.DFYMYEGD.js → chunk.2X23R32H.js}

@@ -51,7 +51,6 @@ var ListboxKbNavController = class {
         e.stopPropagation();
       }
     });
-    ;
     (this.host = host).addController(this);
   }
   hostConnected() {

package/chunks/{chunk.ZLWSCK7R.js → chunk.4QOFEG6G.js}

@@ -274,8 +274,7 @@ var dropdown_trans_styles_default = `/**
   :host(:invalid) button + .form-info::before {
     background: transparent;
     border-radius: 0 0 4px 4px;
-    -webkit-clip-path: inset(4px 0 0 0);
-            clip-path: inset(4px 0 0 0);
+    clip-path: inset(4px 0 0 0);
     content: "";
     display: block;
     height: 4px;
@@ -286,8 +285,7 @@ var dropdown_trans_styles_default = `/**
   }
   :host(:invalid) button + .form-info::before {
     background: var(--intent-danger-background);
-    -webkit-clip-path: inset(1px 0 0 0);
-            clip-path: inset(1px 0 0 0);
+    clip-path: inset(1px 0 0 0);
   }
   ::slotted([slot=trigger]) {
     overflow: hidden;
@@ -3080,8 +3078,7 @@ i.sg-icon.sg-icon-ellipsis::before {
   :host(:invalid) .field + .form-info::before {
     background: transparent;
     border-radius: 0 0 4px 4px;
-    -webkit-clip-path: inset(4px 0 0 0);
-            clip-path: inset(4px 0 0 0);
+    clip-path: inset(4px 0 0 0);
     content: "";
     display: block;
     height: 4px;
@@ -3092,8 +3089,7 @@ i.sg-icon.sg-icon-ellipsis::before {
   }
   :host(:invalid) .field + .form-info::before {
     background: var(--intent-danger-background);
-    -webkit-clip-path: inset(1px 0 0 0);
-            clip-path: inset(1px 0 0 0);
+    clip-path: inset(1px 0 0 0);
   }
   .header {
     padding-top: 0.5rem;
@@ -3351,6 +3347,19 @@ var calendar_trans_styles_default = `/* stylelint-disable max-nesting-depth */
     :host table tbody tr td.disabled.sg-date-holiday {
       color: hsla(var(--sg-hsl-red-2), 0.25);
     }
+    :host table tbody tr td.custom-date {
+      position: relative;
+    }
+    :host table tbody .indicator_dot {
+      display: block;
+      width: 0.375rem;
+      height: 0.375rem;
+      border-radius: 50%;
+      margin: auto;
+      position: absolute;
+      inset-block-end: 0.125rem;
+      inset-inline: 0;
+    }
     table {
       flex-grow: 1;
       width: 100%;

package/chunks/{chunk.CGZNEIGV.js → chunk.4ZTSWZUY.js}

@@ -1,15 +1,15 @@
 import {
   GdsFormControlElement
-} from "./chunk.XOARVFGN.js";
+} from "./chunk.MZSK66DN.js";
 import {
-  observeLightDOM
-} from "./chunk.WM7HBMMV.js";
+  constrainSlots
+} from "./chunk.KBYQYDL3.js";
 import {
   TransitionalStyles
-} from "./chunk.ZLWSCK7R.js";
+} from "./chunk.4QOFEG6G.js";
 import {
-  constrainSlots
-} from "./chunk.KBYQYDL3.js";
+  observeLightDOM
+} from "./chunk.WM7HBMMV.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";
@@ -33,7 +33,6 @@ import { when } from "lit/directives/when.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { classMap } from "lit/directives/class-map.js";
 import { msg, str, updateWhenLocaleChanges } from "@lit/localize";
-import "reflect-metadata";
 
 // libs/core/src/components/dropdown/dropdown.styles.ts
 import { css } from "lit";

package/chunks/{chunk.3KJV6CHY.js → chunk.5EPIZQO6.js}

@@ -1,9 +1,9 @@
 import {
   TransitionalStyles
-} from "./chunk.ZLWSCK7R.js";
+} from "./chunk.4QOFEG6G.js";
 import {
   GdsElement
-} from "./chunk.EM7MZKG5.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.6LA2CKUM.js → chunk.73TOOYEY.js}

@@ -1,6 +1,6 @@
 import {
   GdsElement
-} from "./chunk.EM7MZKG5.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.YDYO7HP5.js → chunk.ATEP56AI.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.NBEFLQNK.js";
 import {
   tokens
-} from "./chunk.W2XAWNZY.js";
+} from "./chunk.ZE4NFOBK.js";
 import {
   GdsElement
-} from "./chunk.EM7MZKG5.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";

package/chunks/{chunk.NYOCHFZE.js → chunk.BJOJYTQV.js}

@@ -1,12 +1,12 @@
+import {
+  constrainSlots
+} from "./chunk.KBYQYDL3.js";
 import {
   TransitionalStyles
-} from "./chunk.ZLWSCK7R.js";
+} from "./chunk.4QOFEG6G.js";
 import {
   GdsElement
-} from "./chunk.EM7MZKG5.js";
-import {
-  constrainSlots
-} from "./chunk.KBYQYDL3.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.Z5NACNXH.js → chunk.BLKXWE5L.js}

@@ -4,10 +4,10 @@ import {
 } from "./chunk.C3ECHGX7.js";
 import {
   GdsFormControlElement
-} from "./chunk.XOARVFGN.js";
+} from "./chunk.MZSK66DN.js";
 import {
   TransitionalStyles
-} from "./chunk.ZLWSCK7R.js";
+} from "./chunk.4QOFEG6G.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";

package/chunks/{chunk.BKSMVF4C.js → chunk.DFTJBJPB.js}

@@ -1,6 +1,6 @@
 import {
   GdsElement
-} from "./chunk.EM7MZKG5.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.Y42J4CV3.js → chunk.FQUH54AY.js}

@@ -1,9 +1,9 @@
 import {
   TransitionalStyles
-} from "./chunk.ZLWSCK7R.js";
+} from "./chunk.4QOFEG6G.js";
 import {
   GdsElement
-} from "./chunk.EM7MZKG5.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   gdsCustomElement,
   getScopedTagName,

package/chunks/{chunk.PE6MD3MB.js → chunk.GJ4HS4M4.js}

@@ -1,13 +1,13 @@
 import {
   ListboxKbNavController,
   unwrap
-} from "./chunk.DFYMYEGD.js";
+} from "./chunk.2X23R32H.js";
 import {
   TransitionalStyles
-} from "./chunk.ZLWSCK7R.js";
+} from "./chunk.4QOFEG6G.js";
 import {
   GdsElement
-} from "./chunk.EM7MZKG5.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.NRYXPR4Z.js → chunk.HHH2BCUH.js}

@@ -1,13 +1,13 @@
 import {
   ListboxKbNavController,
   unwrap
-} from "./chunk.DFYMYEGD.js";
+} from "./chunk.2X23R32H.js";
 import {
   TransitionalStyles
-} from "./chunk.ZLWSCK7R.js";
+} from "./chunk.4QOFEG6G.js";
 import {
   GdsElement
-} from "./chunk.EM7MZKG5.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";
@@ -24,7 +24,6 @@ import {
 // libs/core/src/primitives/listbox/listbox.ts
 import { property } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
-import "reflect-metadata";
 
 // libs/core/src/primitives/listbox/listbox.styles.ts
 import { css } from "lit";

package/chunks/{chunk.RSCI4LL2.js → chunk.IKRRGS7G.js}

@@ -1,12 +1,12 @@
+import {
+  constrainSlots
+} from "./chunk.KBYQYDL3.js";
 import {
   TransitionalStyles
-} from "./chunk.ZLWSCK7R.js";
+} from "./chunk.4QOFEG6G.js";
 import {
   GdsElement
-} from "./chunk.EM7MZKG5.js";
-import {
-  constrainSlots
-} from "./chunk.KBYQYDL3.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   gdsCustomElement,
   html
@@ -128,7 +128,8 @@ __decorateClass([
 ], GdsContextMenu.prototype, "buttonLabel", 2);
 __decorateClass([
   property({
-    attribute: "show-label"
+    attribute: "show-label",
+    type: Boolean
   })
 ], GdsContextMenu.prototype, "showLabel", 2);
 __decorateClass([

package/chunks/{chunk.YEV6STTM.js → chunk.JG4R6KQ7.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.C3ECHGX7.js";
 import {
   GdsFormControlElement
-} from "./chunk.XOARVFGN.js";
+} from "./chunk.MZSK66DN.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";

package/chunks/{chunk.GOOHCUU6.js → chunk.KMGYMMFU.js}

@@ -1,18 +1,15 @@
-import {
-  forwardAttributes
-} from "./chunk.YBOK7MI7.js";
 import {
   tokens
-} from "./chunk.W2XAWNZY.js";
+} from "./chunk.ZE4NFOBK.js";
 import {
   GdsFormControlElement
-} from "./chunk.XOARVFGN.js";
-import {
-  TransitionalStyles
-} from "./chunk.ZLWSCK7R.js";
+} from "./chunk.MZSK66DN.js";
 import {
   constrainSlots
 } from "./chunk.KBYQYDL3.js";
+import {
+  TransitionalStyles
+} from "./chunk.4QOFEG6G.js";
 import {
   gdsCustomElement,
   html
@@ -25,11 +22,39 @@ import {
 } from "./chunk.5VURDMKE.js";
 
 // libs/core/src/components/button/button.ts
-import { nothing, unsafeCSS } from "lit";
+import { nothing as nothing2, unsafeCSS } from "lit";
 import { property, query } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
 import { classMap } from "lit/directives/class-map.js";
 
+// libs/core/src/utils/directives/forward-attributes.ts
+import { Directive, PartType, directive } from "lit/directive.js";
+import { nothing } from "lit/html.js";
+var ForwardAttributesDirective = class extends Directive {
+  constructor(partInfo) {
+    super(partInfo);
+    if (partInfo.type !== PartType.ELEMENT) {
+      throw new Error(
+        "The `forwardAttributes` directive must be used in element bindings"
+      );
+    }
+  }
+  render(_filter) {
+    return nothing;
+  }
+  update(part, [filter]) {
+    var _a;
+    const element = part.element;
+    const host = (_a = part.options) == null ? void 0 : _a.host;
+    Array.from(host.attributes).forEach((attr) => {
+      if (filter(attr)) {
+        element.setAttribute(attr.name.replace("gds-", ""), attr.value);
+      }
+    });
+  }
+};
+var forwardAttributes = directive(ForwardAttributesDirective);
+
 // libs/core/src/components/button/button.style.css
 var button_style_default = `@layer tokens, a11y, core, ranks, sizes, variants, disabled;
 
@@ -365,7 +390,7 @@ var GdsButton = class extends GdsFormControlElement {
     super();
     this.disabled = false;
     this.rank = "primary";
-    this.variant = "default";
+    this.variant = "neutral";
     this.size = "medium";
     this.label = "";
     __privateAdd(this, _isIconButton, false);
@@ -417,7 +442,7 @@ var GdsButton = class extends GdsFormControlElement {
         ?type="${this.type}"
         ?disabled="${this.disabled}"
         @click="${__privateGet(this, _handleClick)}"
-        aria-label=${this.label || nothing}
+        aria-label=${this.label || nothing2}
         part="_button"
         ${forwardAttributes(
       (attr) => attr.name.startsWith("gds-aria") || attr.name === "gds-role"
@@ -438,6 +463,9 @@ _isIconButton = new WeakMap();
 _mainSlotChange = new WeakMap();
 _handleClick = new WeakMap();
 GdsButton.styles = [tokens, unsafeCSS(button_style_default)];
+/**
+ * @internal
+ */
 GdsButton.shadowRootOptions = {
   mode: "open",
   delegatesFocus: true

package/chunks/{chunk.VHKGMBUL.js → chunk.KPNRNWRS.js}

@@ -1,12 +1,12 @@
 import {
   tokens
-} from "./chunk.W2XAWNZY.js";
+} from "./chunk.ZE4NFOBK.js";
 import {
   TransitionalStyles
-} from "./chunk.ZLWSCK7R.js";
+} from "./chunk.4QOFEG6G.js";
 import {
   GdsElement
-} from "./chunk.EM7MZKG5.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.BJCCPLEO.js → chunk.LZXR7Q7Q.js}

@@ -1,9 +1,9 @@
 import {
   TransitionalStyles
-} from "./chunk.ZLWSCK7R.js";
+} from "./chunk.4QOFEG6G.js";
 import {
   GdsElement
-} from "./chunk.EM7MZKG5.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.5PHLJFEX.js → chunk.METO6ZWZ.js}

@@ -4,10 +4,10 @@ import {
 } from "./chunk.2ND5EWHE.js";
 import {
   TransitionalStyles
-} from "./chunk.ZLWSCK7R.js";
+} from "./chunk.4QOFEG6G.js";
 import {
   GdsElement
-} from "./chunk.EM7MZKG5.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";
@@ -27,7 +27,6 @@ import { html } from "lit";
 import { property } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
 import { classMap } from "lit/directives/class-map.js";
-import "reflect-metadata";
 var _hidden, _emitSelect, emitSelect_fn;
 var GdsOption = class extends Focusable(GdsElement) {
   constructor() {

package/chunks/{chunk.XOARVFGN.js → chunk.MZSK66DN.js}

@@ -1,6 +1,6 @@
 import {
   GdsElement
-} from "./chunk.EM7MZKG5.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";
@@ -58,6 +58,9 @@ var GdsFormControlElement = class extends GdsElement {
       });
     }
   }
+  /**
+   * The form element that the form control is associated with.
+   */
   get form() {
     return __privateGet(this, _internals).form;
   }

package/chunks/{chunk.EC77QYRA.js → chunk.NI33W56L.js}

@@ -4,10 +4,10 @@ import {
 } from "./chunk.2ND5EWHE.js";
 import {
   TransitionalStyles
-} from "./chunk.ZLWSCK7R.js";
+} from "./chunk.4QOFEG6G.js";
 import {
   GdsElement
-} from "./chunk.EM7MZKG5.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.2RF5VP6K.js → chunk.PKBOP746.js}

@@ -1,18 +1,18 @@
 import {
   GdsSegment
-} from "./chunk.VHKGMBUL.js";
+} from "./chunk.KPNRNWRS.js";
 import {
   resizeObserver
 } from "./chunk.VHN4JEZC.js";
 import {
   tokens
-} from "./chunk.W2XAWNZY.js";
+} from "./chunk.ZE4NFOBK.js";
 import {
   TransitionalStyles
-} from "./chunk.ZLWSCK7R.js";
+} from "./chunk.4QOFEG6G.js";
 import {
   GdsElement
-} from "./chunk.EM7MZKG5.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";

package/chunks/{chunk.A62LO4CP.js → chunk.UDH3TBG6.js}

@@ -1,6 +1,6 @@
 import {
   tokens
-} from "./chunk.W2XAWNZY.js";
+} from "./chunk.ZE4NFOBK.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.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 = "-9f7153";
+var VER_SUFFIX = "-dd3549";
 var elementLookupTable = /* @__PURE__ */ new Map();
 var gdsCustomElement = (tagName) => {
   if (globalThis.GDS_DISABLE_VERSIONED_ELEMENTS) {

package/chunks/{chunk.CH2GIVY6.js → chunk.VXAUXCMI.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.375BWME4.js";
 import {
   TransitionalStyles
-} from "./chunk.ZLWSCK7R.js";
+} from "./chunk.4QOFEG6G.js";
 import {
   GdsElement
-} from "./chunk.EM7MZKG5.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";
@@ -16,7 +16,8 @@ import {
 import {
   __decorateClass,
   __privateAdd,
-  __privateMethod
+  __privateMethod,
+  __spreadValues
 } from "./chunk.5VURDMKE.js";
 
 // libs/core/src/primitives/calendar/calendar.ts
@@ -124,12 +125,23 @@ var GdsCalendar = class extends GdsElement {
                       </td>`
         )}
                   ${week.days.map((day) => {
+          const customization = __spreadValues({
+            // Defaults
+            color: "currentColor",
+            // Get baseline disabled state from the disabledDates prop (or false if unset)
+            disabled: Boolean(
+              this.disabledDates && this.disabledDates.some((d) => isSameDay(d, day))
+            )
+          }, this.customizedDates && this.customizedDates.find(
+            (d) => isSameDay(d.date, day)
+          ));
           const isOutsideCurrentMonth = !isSameMonth(this.focusedDate, day) || day < this.min || day > this.max;
           const isWeekend = day.getDay() === 0 || day.getDay() === 6;
-          const isDisabled = isOutsideCurrentMonth || this.disabledWeekends && isWeekend || this.disabledDates && this.disabledDates.some((d) => isSameDay(d, day));
+          const isDisabled = customization.disabled || isOutsideCurrentMonth || this.disabledWeekends && isWeekend;
           return html`
                       <td
                         class="${classMap({
+            "custom-date": Boolean(customization),
             disabled: Boolean(isDisabled),
             today: isSameDay(currentDate, day)
           })}"
@@ -140,7 +152,18 @@ var GdsCalendar = class extends GdsElement {
                         @click=${() => isDisabled ? null : __privateMethod(this, _setSelectedDate, setSelectedDate_fn).call(this, day)}
                         id="dateCell-${day.getDate()}"
                       >
-                        ${day.getDate()}
+                        <span
+                          style="color: ${customization ? customization == null ? void 0 : customization.color : ""}"
+                          >${day.getDate()}</span
+                        >
+
+                        ${when(
+            customization.indicator,
+            () => html`<span
+                              class="indicator_${customization == null ? void 0 : customization.indicator}"
+                              style="background-color: ${customization == null ? void 0 : customization.color}"
+                            ></span>`
+          )}
                       </td>
                     `;
         })}
@@ -255,6 +278,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean })
 ], GdsCalendar.prototype, "showWeekNumbers", 2);
+__decorateClass([
+  property({ attribute: false })
+], GdsCalendar.prototype, "customizedDates", 2);
 __decorateClass([
   query('td[tabindex="0"]')
 ], GdsCalendar.prototype, "_elFocusedCell", 2);

package/chunks/{chunk.CUR4WRCG.js → chunk.Z43CP7DK.js}

@@ -1,12 +1,12 @@
+import {
+  TransitionalStyles
+} from "./chunk.4QOFEG6G.js";
 import {
   watchMediaQuery
 } from "./chunk.WM7HBMMV.js";
-import {
-  TransitionalStyles
-} from "./chunk.ZLWSCK7R.js";
 import {
   GdsElement
-} from "./chunk.EM7MZKG5.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";

package/chunks/{chunk.W2XAWNZY.js → chunk.ZE4NFOBK.js}

@@ -4,7 +4,7 @@ import { unsafeCSS } from "lit";
 // dist/libs/tokens/internal/pallet.css
 var pallet_default = `/**
  * Do not edit directly
- * Generated on Fri, 17 May 2024 12:50:34 GMT
+ * Generated on Fri, 24 May 2024 11:07:47 GMT
  */
 
 :host {
@@ -165,7 +165,7 @@ var pallet_default = `/**
 // dist/libs/tokens/internal/theme/light.css
 var light_default = `/**
  * Do not edit directly
- * Generated on Fri, 17 May 2024 12:50:34 GMT
+ * Generated on Fri, 24 May 2024 11:07:47 GMT
  */
 
 :host {
@@ -286,7 +286,7 @@ var light_default = `/**
 // dist/libs/tokens/internal/size.css
 var size_default = `/**
  * Do not edit directly
- * Generated on Fri, 17 May 2024 12:50:34 GMT
+ * Generated on Fri, 24 May 2024 11:07:47 GMT
  */
 
 :host {
@@ -532,7 +532,7 @@ var size_default = `/**
 // dist/libs/tokens/internal/motion.css
 var motion_default = `/**
  * Do not edit directly
- * Generated on Fri, 17 May 2024 12:50:34 GMT
+ * Generated on Fri, 24 May 2024 11:07:47 GMT
  */
 
 :host {

package/chunks/{chunk.EM7MZKG5.js → chunk.ZQ4D5K7J.js}

@@ -11,11 +11,15 @@ import {
 // libs/core/src/gds-element.ts
 import { state } from "lit/decorators.js";
 import { LitElement } from "lit";
+import "reflect-metadata";
 var GdsElement = class extends LitElement {
   constructor() {
     super();
     /**
-     * The unscoped name of this element.
+     * The unscoped name of this element. This attribute is set automatically by the element and is inteded to be read-only.
+     *
+     * @attribute gds-element
+     * @readonly
      */
     this.gdsElementName = "";
     this._isUsingTransitionalStyles = false;

package/components/button/button.d.ts

@@ -14,6 +14,9 @@ import { GdsFormControlElement } from '../../components/form-control';
 export declare class GdsButton<ValueT = any> extends GdsFormControlElement<ValueT> {
     #private;
     static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    /**
+     * @internal
+     */
     static shadowRootOptions: ShadowRootInit;
     /**
      * Whether the button is disabled.
@@ -28,9 +31,9 @@ export declare class GdsButton<ValueT = any> extends GdsFormControlElement<Value
      */
     rank: 'primary' | 'secondary' | 'tertiary';
     /**
-     * Defines which set the button belongs to. Defaults to "neutral".
+     * Defines which variant the button belongs to. Defaults to "neutral".
      */
-    variant: 'default' | 'positive' | 'negative';
+    variant: 'neutral' | 'positive' | 'negative';
     /**
      * Sets the size of the button. Defaults to "small".
      */