@sebgroup/green-core 1.18.0 → 1.19.0

package/chunks/{chunk.WD3QGIEJ.js → chunk.2V3RCC4W.js}

@@ -1,12 +1,12 @@
 import {
   GdsFormControlElement
-} from "./chunk.YIQIH4RW.js";
+} from "./chunk.OBMJAQII.js";
 import {
   tokens
-} from "./chunk.MMVYFXTU.js";
+} from "./chunk.X2SAPDS5.js";
 import {
   TransitionalStyles
-} from "./chunk.XQ3SZZAO.js";
+} from "./chunk.WD3OOHSN.js";
 import {
   constrainSlots
 } from "./chunk.6NM7ENKA.js";

package/chunks/{chunk.CHEU4C5J.js → chunk.3WOE3WRP.js}

@@ -1,9 +1,9 @@
 import {
   TransitionalStyles
-} from "./chunk.XQ3SZZAO.js";
+} from "./chunk.WD3OOHSN.js";
 import {
   GdsElement
-} from "./chunk.2LQSDOD4.js";
+} from "./chunk.ATDR2LQS.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.VDWYFSGX.js → chunk.6DIOCJEK.js}

@@ -1,9 +1,9 @@
 import {
   TransitionalStyles
-} from "./chunk.XQ3SZZAO.js";
+} from "./chunk.WD3OOHSN.js";
 import {
   GdsElement
-} from "./chunk.2LQSDOD4.js";
+} from "./chunk.ATDR2LQS.js";
 import {
   constrainSlots
 } from "./chunk.6NM7ENKA.js";
@@ -21,7 +21,7 @@ import {
 import { nothing } from "lit";
 import { msg } from "@lit/localize";
 import { classMap } from "lit-html/directives/class-map.js";
-import { property, queryAsync, state } from "lit/decorators.js";
+import { property, queryAsync } from "lit/decorators.js";
 
 // libs/core/src/components/context-menu/context-menu.styles.ts
 import { css } from "lit";
@@ -73,8 +73,7 @@ var GdsContextMenu = class extends GdsElement {
   }
   render() {
     var _a, _b, _c;
-    return html`${this._tStyles}
-      <button
+    return html`<button
         id="trigger"
         class="icon border-0 small ${classMap({ highlighted: this.open })}"
         aria-label=${(_a = this.buttonLabel) != null ? _a : this.label}
@@ -138,9 +137,6 @@ __decorateClass([
 __decorateClass([
   property()
 ], GdsContextMenu.prototype, "placement", 2);
-__decorateClass([
-  state()
-], GdsContextMenu.prototype, "_tStyles", 2);
 __decorateClass([
   queryAsync("#trigger")
 ], GdsContextMenu.prototype, "elTriggerBtn", 2);

package/chunks/{chunk.IYCENQZG.js → chunk.7ET5U6M4.js}

@@ -1,6 +1,6 @@
 import {
   GdsElement
-} from "./chunk.2LQSDOD4.js";
+} from "./chunk.ATDR2LQS.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.2LQSDOD4.js → chunk.ATDR2LQS.js}

@@ -1,3 +1,6 @@
+import {
+  DynamicStylesController
+} from "./chunk.W7CV3QYI.js";
 import {
   getUnscopedTagName
 } from "./chunk.VOYMQ322.js";
@@ -6,7 +9,7 @@ import {
 import { LitElement } from "lit";
 var GdsElement = class extends LitElement {
   constructor() {
-    super(...arguments);
+    super();
     /**
      * The unscoped name of this element.
      */
@@ -16,6 +19,7 @@ var GdsElement = class extends LitElement {
      * @internal
      */
     this._isUsingTransitionalStyles = false;
+    this._dynamicStylesController = new DynamicStylesController(this);
   }
   connectedCallback() {
     super.connectedCallback();

package/chunks/{chunk.Q6AEDXQF.js → chunk.BXQSEF47.js}

@@ -1,12 +1,12 @@
 import {
   TransitionalStyles
-} from "./chunk.XQ3SZZAO.js";
+} from "./chunk.WD3OOHSN.js";
 import {
   watchMediaQuery
 } from "./chunk.WM7HBMMV.js";
 import {
   GdsElement
-} from "./chunk.2LQSDOD4.js";
+} from "./chunk.ATDR2LQS.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";
@@ -195,23 +195,22 @@ var GdsPopover = class extends GdsElement {
     __privateMethod(this, _unregisterTriggerEvents, unregisterTriggerEvents_fn).call(this);
   }
   render() {
-    return html`${this._tStyles}
-      <dialog
-        class="${classMap({ "v-kb-visible": this._isVirtKbVisible })}"
-        ${ref(__privateGet(this, _dialogElementRef))}
-      >
-        <header>
-          <h2>${this.label}</h2>
-          <button
-            class="close"
-            @click=${__privateGet(this, _handleCloseButton)}
-            aria-label="${msg("Close")}"
-          >
-            <i></i>
-          </button>
-        </header>
-        <slot></slot>
-      </dialog>`;
+    return html`<dialog
+      class="${classMap({ "v-kb-visible": this._isVirtKbVisible })}"
+      ${ref(__privateGet(this, _dialogElementRef))}
+    >
+      <header>
+        <h2>${this.label}</h2>
+        <button
+          class="close"
+          @click=${__privateGet(this, _handleCloseButton)}
+          aria-label="${msg("Close")}"
+        >
+          <i></i>
+        </button>
+      </header>
+      <slot></slot>
+    </dialog>`;
   }
   _handleOpenChange() {
     this.setAttribute("aria-hidden", String(!this.open));
@@ -342,9 +341,6 @@ __decorateClass([
 __decorateClass([
   watch("_trigger")
 ], GdsPopover.prototype, "_handleTriggerChanged", 1);
-__decorateClass([
-  state()
-], GdsPopover.prototype, "_tStyles", 2);
 __decorateClass([
   watch("open")
 ], GdsPopover.prototype, "_handleOpenChange", 1);

package/chunks/{chunk.W7SFAX2D.js → chunk.E557RFML.js}

@@ -1,12 +1,12 @@
 import {
   tokens
-} from "./chunk.MMVYFXTU.js";
+} from "./chunk.X2SAPDS5.js";
 import {
   TransitionalStyles
-} from "./chunk.XQ3SZZAO.js";
+} from "./chunk.WD3OOHSN.js";
 import {
   GdsElement
-} from "./chunk.2LQSDOD4.js";
+} from "./chunk.ATDR2LQS.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.DBTRYFAB.js → chunk.EVCXHZZV.js}

@@ -1,9 +1,9 @@
 import {
   TransitionalStyles
-} from "./chunk.XQ3SZZAO.js";
+} from "./chunk.WD3OOHSN.js";
 import {
   GdsElement
-} from "./chunk.2LQSDOD4.js";
+} from "./chunk.ATDR2LQS.js";
 import {
   constrainSlots
 } from "./chunk.6NM7ENKA.js";
@@ -16,7 +16,7 @@ import {
 } from "./chunk.5VURDMKE.js";
 
 // libs/core/src/components/grouped-list/grouped-list.ts
-import { state, property } from "lit/decorators.js";
+import { property } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
 var GdsGroupedList = class extends GdsElement {
   constructor() {
@@ -29,7 +29,7 @@ var GdsGroupedList = class extends GdsElement {
     TransitionalStyles.instance.apply(this, "gds-grouped-list");
   }
   render() {
-    return html`${this._tStyles}${when(
+    return html`${when(
       this.label,
       () => html`<div class="gds-list-heading" aria-hidden="true" id="label">
             ${this.label}
@@ -40,9 +40,6 @@ var GdsGroupedList = class extends GdsElement {
       </div>`;
   }
 };
-__decorateClass([
-  state()
-], GdsGroupedList.prototype, "_tStyles", 2);
 __decorateClass([
   property()
 ], GdsGroupedList.prototype, "label", 2);

package/chunks/{chunk.XXIQLCV7.js → chunk.F2QPH4SQ.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.375BWME4.js";
 import {
   TransitionalStyles
-} from "./chunk.XQ3SZZAO.js";
+} from "./chunk.WD3OOHSN.js";
 import {
   GdsElement
-} from "./chunk.2LQSDOD4.js";
+} from "./chunk.ATDR2LQS.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";
@@ -23,7 +23,7 @@ import {
 import { html } from "lit";
 import { classMap } from "lit/directives/class-map.js";
 import { when } from "lit/directives/when.js";
-import { property, query, state } from "lit/decorators.js";
+import { property, query } from "lit/decorators.js";
 import { msg } from "@lit/localize";
 import {
   addDays,
@@ -97,61 +97,60 @@ var GdsCalendar = class extends GdsElement {
   }
   render() {
     const currentDate = /* @__PURE__ */ new Date();
-    return html`${this._tStyles}
-      <table>
-        <thead>
-          <tr>
-            ${when(this.showWeekNumbers, () => html`<th></th>`)}
-            <th>${msg("Mon")}</th>
-            <th>${msg("Tue")}</th>
-            <th>${msg("Wed")}</th>
-            <th>${msg("Thu")}</th>
-            <th>${msg("Fri")}</th>
-            <th>${msg("Sat")}</th>
-            <th>${msg("Sun")}</th>
-          </tr>
-        </thead>
-        <tbody>
-          ${renderMonthGridView(
+    return html`<table>
+      <thead>
+        <tr>
+          ${when(this.showWeekNumbers, () => html`<th></th>`)}
+          <th>${msg("Mon")}</th>
+          <th>${msg("Tue")}</th>
+          <th>${msg("Wed")}</th>
+          <th>${msg("Thu")}</th>
+          <th>${msg("Fri")}</th>
+          <th>${msg("Sat")}</th>
+          <th>${msg("Sun")}</th>
+        </tr>
+      </thead>
+      <tbody>
+        ${renderMonthGridView(
       this.focusedDate,
       (weeks) => html`
-              ${weeks.map(
+            ${weeks.map(
         (week) => html`
-                  <tr>
-                    ${when(
+                <tr>
+                  ${when(
           this.showWeekNumbers,
           () => html`<td class="week-number">
-                          ${getWeek(week.days[0])}
-                        </td>`
+                        ${getWeek(week.days[0])}
+                      </td>`
         )}
-                    ${week.days.map((day) => {
+                  ${week.days.map((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));
           return html`
-                        <td
-                          class="${classMap({
+                      <td
+                        class="${classMap({
             disabled: Boolean(isDisabled),
             today: isSameDay(currentDate, day)
           })}"
-                          ?disabled=${isDisabled}
-                          tabindex="${isSameDay(this.focusedDate, day) ? 0 : -1}"
-                          aria-selected="${this.value && isSameDay(this.value, day)}"
-                          aria-label="${day.toDateString()}"
-                          @click=${() => isDisabled ? null : __privateMethod(this, _setSelectedDate, setSelectedDate_fn).call(this, day)}
-                          id="dateCell-${day.getDate()}"
-                        >
-                          ${day.getDate()}
-                        </td>
-                      `;
+                        ?disabled=${isDisabled}
+                        tabindex="${isSameDay(this.focusedDate, day) ? 0 : -1}"
+                        aria-selected="${this.value && isSameDay(this.value, day)}"
+                        aria-label="${day.toDateString()}"
+                        @click=${() => isDisabled ? null : __privateMethod(this, _setSelectedDate, setSelectedDate_fn).call(this, day)}
+                        id="dateCell-${day.getDate()}"
+                      >
+                        ${day.getDate()}
+                      </td>
+                    `;
         })}
-                  </tr>
-                `
+                </tr>
+              `
       )}
-            `
+          `
     )}
-        </tbody>
-      </table>`;
+      </tbody>
+    </table>`;
   }
   _valueChanged() {
     if (!this.value)
@@ -259,9 +258,6 @@ __decorateClass([
 __decorateClass([
   query('td[tabindex="0"]')
 ], GdsCalendar.prototype, "_elFocusedCell", 2);
-__decorateClass([
-  state()
-], GdsCalendar.prototype, "_tStyles", 2);
 __decorateClass([
   watch("value")
 ], GdsCalendar.prototype, "_valueChanged", 1);

package/chunks/{chunk.7ZCWP4FY.js → chunk.H3RHSZBE.js}

@@ -1,9 +1,9 @@
 import {
   TransitionalStyles
-} from "./chunk.XQ3SZZAO.js";
+} from "./chunk.WD3OOHSN.js";
 import {
   GdsElement
-} from "./chunk.2LQSDOD4.js";
+} from "./chunk.ATDR2LQS.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.H7YA5KO4.js → chunk.HQQWYXGV.js}

@@ -1,9 +1,9 @@
 import {
   GdsFormControlElement
-} from "./chunk.YIQIH4RW.js";
+} from "./chunk.OBMJAQII.js";
 import {
   TransitionalStyles
-} from "./chunk.XQ3SZZAO.js";
+} from "./chunk.WD3OOHSN.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";
@@ -263,8 +263,7 @@ var GdsDatepicker = class extends GdsFormControlElement {
     TransitionalStyles.instance.apply(this, "gds-datepicker");
   }
   render() {
-    return html`${this._tStyles}
-      ${when(
+    return html`${when(
       this.label && !this.hideLabel,
       () => html`<label for="spinner-0" id="label">${this.label}</label>`
     )}
@@ -637,9 +636,6 @@ __decorateClass([
 __decorateClass([
   query(".input")
 ], GdsDatepicker.prototype, "_elInput", 2);
-__decorateClass([
-  state()
-], GdsDatepicker.prototype, "_tStyles", 2);
 __decorateClass([
   watch("value")
 ], GdsDatepicker.prototype, "_handleValueChange", 1);

package/chunks/{chunk.ZEJDA4NS.js → chunk.JRQ6R42T.js}

@@ -4,10 +4,10 @@ import {
 } from "./chunk.2ND5EWHE.js";
 import {
   TransitionalStyles
-} from "./chunk.XQ3SZZAO.js";
+} from "./chunk.WD3OOHSN.js";
 import {
   GdsElement
-} from "./chunk.2LQSDOD4.js";
+} from "./chunk.ATDR2LQS.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";
@@ -24,7 +24,7 @@ import {
 
 // libs/core/src/primitives/listbox/option.ts
 import { html } from "lit";
-import { property, state } from "lit/decorators.js";
+import { property } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
 import { classMap } from "lit/directives/class-map.js";
 import "reflect-metadata";
@@ -88,8 +88,7 @@ var GdsOption = class extends Focusable(GdsElement) {
       else
         this.removeAttribute("highlighted");
     }
-    return html`${this._tStyles}
-      <div>${when(isMultiple, () => checkbox)} <slot></slot></div>`;
+    return html`<div>${when(isMultiple, () => checkbox)} <slot></slot></div>`;
   }
 };
 _hidden = new WeakMap();
@@ -125,9 +124,6 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], GdsOption.prototype, "isPlaceholder", 2);
-__decorateClass([
-  state()
-], GdsOption.prototype, "_tStyles", 2);
 __decorateClass([
   watch("isplaceholder")
 ], GdsOption.prototype, "_handlePlaceholderStatusChange", 1);

package/chunks/{chunk.ZKE3WNWY.js → chunk.MSPF6KFQ.js}

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

package/chunks/{chunk.XMPBXAGB.js → chunk.NBEFLQNK.js}

@@ -17,7 +17,6 @@ var style = css`
       grid-column-gap: var(--_gap-column);
       grid-row-gap: var(--_gap-row);
       padding: var(--_grid-padding);
-      text-wrap: balance;
     }
 
     :host([auto-columns]) {

package/chunks/{chunk.YIQIH4RW.js → chunk.OBMJAQII.js}

@@ -1,6 +1,6 @@
 import {
   GdsElement
-} from "./chunk.2LQSDOD4.js";
+} from "./chunk.ATDR2LQS.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";

package/chunks/{chunk.2Y3BHFKO.js → chunk.PUECQM7D.js}

@@ -1,6 +1,6 @@
 import {
   GdsElement
-} from "./chunk.2LQSDOD4.js";
+} from "./chunk.ATDR2LQS.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.URP77GWW.js → chunk.SPH3C7EL.js}

@@ -4,10 +4,10 @@ import {
 } from "./chunk.2ND5EWHE.js";
 import {
   TransitionalStyles
-} from "./chunk.XQ3SZZAO.js";
+} from "./chunk.WD3OOHSN.js";
 import {
   GdsElement
-} from "./chunk.2LQSDOD4.js";
+} from "./chunk.ATDR2LQS.js";
 import {
   gdsCustomElement,
   html
@@ -19,7 +19,6 @@ import {
 } from "./chunk.5VURDMKE.js";
 
 // libs/core/src/primitives/menu/menu-item.ts
-import { state } from "lit/decorators.js";
 var _handleOnClick;
 var GdsMenuItem = class extends Focusable(GdsElement) {
   constructor() {
@@ -46,15 +45,11 @@ var GdsMenuItem = class extends Focusable(GdsElement) {
     TransitionalStyles.instance.apply(this, "gds-option");
   }
   render() {
-    return html`${this._tStyles}
-      <div><slot></slot></div>`;
+    return html`<div><slot></slot></div>`;
   }
 };
 _handleOnClick = new WeakMap();
 GdsMenuItem.styles = [option_styles_default];
-__decorateClass([
-  state()
-], GdsMenuItem.prototype, "_tStyles", 2);
 GdsMenuItem = __decorateClass([
   gdsCustomElement("gds-menu-item")
 ], GdsMenuItem);

package/chunks/{chunk.WEE5C637.js → chunk.TQNYJ3ZV.js}

@@ -1,9 +1,9 @@
 import {
   GdsFormControlElement
-} from "./chunk.YIQIH4RW.js";
+} from "./chunk.OBMJAQII.js";
 import {
   TransitionalStyles
-} from "./chunk.XQ3SZZAO.js";
+} from "./chunk.WD3OOHSN.js";
 import {
   observeLightDOM
 } from "./chunk.WM7HBMMV.js";
@@ -27,7 +27,7 @@ import {
 } from "./chunk.5VURDMKE.js";
 
 // libs/core/src/components/dropdown/dropdown.ts
-import { property, query, queryAsync, state } from "lit/decorators.js";
+import { property, query, queryAsync } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { when } from "lit/directives/when.js";
 import { ifDefined } from "lit/directives/if-defined.js";
@@ -199,7 +199,6 @@ var GdsDropdown = class extends GdsFormControlElement {
   }
   render() {
     return html`
-      ${this._tStyles}
       ${when(
       this.label && !this.hideLabel,
       () => html`<label for="trigger">${this.label}</label>`
@@ -382,9 +381,6 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, attribute: "hide-label" })
 ], GdsDropdown.prototype, "hideLabel", 2);
-__decorateClass([
-  state()
-], GdsDropdown.prototype, "_tStyles", 2);
 __decorateClass([
   query("#trigger")
 ], GdsDropdown.prototype, "_elTriggerBtn", 2);

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

package/chunks/{chunk.DWSGVBRK.js → chunk.W25MKPJZ.js}

@@ -1,15 +1,15 @@
 import {
   GdsSegment
-} from "./chunk.W7SFAX2D.js";
+} from "./chunk.E557RFML.js";
 import {
   tokens
-} from "./chunk.MMVYFXTU.js";
+} from "./chunk.X2SAPDS5.js";
 import {
   TransitionalStyles
-} from "./chunk.XQ3SZZAO.js";
+} from "./chunk.WD3OOHSN.js";
 import {
   GdsElement
-} from "./chunk.2LQSDOD4.js";
+} from "./chunk.ATDR2LQS.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";
@@ -335,8 +335,7 @@ var GdsSegmentedControl = class extends GdsElement {
     __privateGet(this, _resizeObserver).unobserve(this);
   }
   render() {
-    return html`${this._tStyles}
-      ${when(
+    return html`${when(
       this._showPrevButton,
       () => html`<button
             id="btn-prev"
@@ -427,9 +426,6 @@ __decorateClass([
 __decorateClass([
   property()
 ], GdsSegmentedControl.prototype, "value", 1);
-__decorateClass([
-  state()
-], GdsSegmentedControl.prototype, "_tStyles", 2);
 __decorateClass([
   query("slot")
 ], GdsSegmentedControl.prototype, "_elSlot", 2);