@sebgroup/green-core 1.22.4 → 1.22.6

package/chunks/{chunk.AYPCHY4Z.js → chunk.2WGZEROP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.NBEFLQNK.js";
 import {
   tokens
-} from "./chunk.XJIVEK46.js";
+} from "./chunk.PFAU5MJG.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.BES3ZPRI.js → chunk.3J7NBKCM.js}

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

package/chunks/{chunk.Y3QYM3PT.js → chunk.4FZLD4GF.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.5LNBEZ2R.js";
+} from "./chunk.ERRPHNRC.js";
 import {
   watchMediaQuery
 } from "./chunk.WM7HBMMV.js";
@@ -78,7 +78,7 @@ var style = css`
 var popover_styles_default = style;
 
 // libs/core/src/components/popover/popover.ts
-var _handleTriggerSlotChange, handleTriggerSlotChange_fn, _autoPositionCleanupFn, _isMobileViewport, _dispatchUiStateEvent, _handleCloseButton, _registerTriggerEvents, registerTriggerEvents_fn, _unregisterTriggerEvents, unregisterTriggerEvents_fn, _setupTriggerAttributes, setupTriggerAttributes_fn, _registerAutoPositioning, registerAutoPositioning_fn, _handleTriggerKeyDown, _handleTriggerClick, _focusFirstSlottedChild, _handleClickOutside;
+var _handleTriggerSlotChange, handleTriggerSlotChange_fn, _autoPositionCleanupFn, _isMobileViewport, _handleCancel, _dispatchUiStateEvent, _handleCloseButton, _registerTriggerEvents, registerTriggerEvents_fn, _unregisterTriggerEvents, unregisterTriggerEvents_fn, _setupTriggerAttributes, setupTriggerAttributes_fn, _registerAutoPositioning, registerAutoPositioning_fn, _handleTriggerKeyDown, _handleTriggerClick, _focusFirstSlottedChild, _handleClickOutside;
 var GdsPopover = class extends GdsElement {
   constructor() {
     super(...arguments);
@@ -102,6 +102,10 @@ var GdsPopover = class extends GdsElement {
     // A function that removes the Floating UI auto positioning. This gets called when we switch to mobile view layout.
     __privateAdd(this, _autoPositionCleanupFn, void 0);
     __privateAdd(this, _isMobileViewport, false);
+    __privateAdd(this, _handleCancel, () => {
+      this.open = false;
+      __privateGet(this, _dispatchUiStateEvent).call(this, "cancel");
+    });
     __privateAdd(this, _dispatchUiStateEvent, (reason) => {
       this.dispatchEvent(
         new CustomEvent("gds-ui-state", {
@@ -130,9 +134,8 @@ var GdsPopover = class extends GdsElement {
         this.open = true;
         __privateGet(this, _dispatchUiStateEvent).call(this, "show");
       }
-      if (e.key === "Escape") {
-        this.open = false;
-        __privateGet(this, _dispatchUiStateEvent).call(this, "cancel");
+      if (e.key === "Escape" && this.open) {
+        __privateGet(this, _handleCancel).call(this);
       }
     });
     __privateAdd(this, _handleTriggerClick, (e) => {
@@ -192,9 +195,8 @@ var GdsPopover = class extends GdsElement {
     __privateMethod(this, _registerTriggerEvents, registerTriggerEvents_fn).call(this);
     this._handleOpenChange();
     this.addEventListener("keydown", (e) => {
-      if (e.key === "Escape") {
-        this.open = false;
-        __privateGet(this, _dispatchUiStateEvent).call(this, "cancel");
+      if (e.key === "Escape" && this.open) {
+        __privateGet(this, _handleCancel).call(this);
         e.stopPropagation();
         e.preventDefault();
       }
@@ -227,7 +229,7 @@ var GdsPopover = class extends GdsElement {
       "use-modal-in-mobile": this.useModalInMobileView
     })}"
           aria-hidden="${String(!this.open)}"
-          @close=${() => this.open = false}
+          @close=${() => this.open && __privateGet(this, _handleCancel).call(this)}
         >
           <header>
             <h2>${this.label}</h2>
@@ -295,6 +297,7 @@ handleTriggerSlotChange_fn = function() {
 };
 _autoPositionCleanupFn = new WeakMap();
 _isMobileViewport = new WeakMap();
+_handleCancel = new WeakMap();
 _dispatchUiStateEvent = new WeakMap();
 _handleCloseButton = new WeakMap();
 _registerTriggerEvents = new WeakSet();

package/chunks/{chunk.2U3TOPJJ.js → chunk.5IDY3R3B.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.5LNBEZ2R.js";
+} from "./chunk.ERRPHNRC.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.2ARCMXYK.js → chunk.AYS4XTWL.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.5LNBEZ2R.js";
+} from "./chunk.ERRPHNRC.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";
@@ -14,6 +14,7 @@ import {
 
 // libs/core/src/components/theme/theme.ts
 import { property } from "lit/decorators.js";
+import { css } from "lit";
 var GdsTheme = class extends GdsElement {
   constructor() {
     super(...arguments);
@@ -24,9 +25,14 @@ var GdsTheme = class extends GdsElement {
     TransitionalStyles.instance.apply(this, "gds-theme");
   }
   render() {
-    return html` <slot></slot> `;
+    return html`<slot></slot>`;
   }
 };
+GdsTheme.styles = css`
+    :host {
+      display: contents;
+    }
+  `;
 __decorateClass([
   property({ reflect: true, attribute: "color-scheme" })
 ], GdsTheme.prototype, "colorScheme", 2);

package/chunks/{chunk.BRPJSXL7.js → chunk.BOXKLSQ4.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.KBYQYDL3.js";
 import {
   TransitionalStyles
-} from "./chunk.5LNBEZ2R.js";
+} from "./chunk.ERRPHNRC.js";
 import {
   observeLightDOM
 } from "./chunk.WM7HBMMV.js";

package/chunks/{chunk.5LNBEZ2R.js → chunk.ERRPHNRC.js}

@@ -14,7 +14,7 @@ import {
 // libs/core/src/utils/transitional-styles/transitional-styles.ts
 import { unsafeCSS } from "lit";
 
-// libs/core/src/components/dropdown/dropdown.trans.styles.scss
+// libs/core/src/components/dropdown/dropdown.trans.styles.scss?inline
 var dropdown_trans_styles_default = `/**
  * Calculate the luminance for a color.
  * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
@@ -492,7 +492,7 @@ var dropdown_trans_styles_default = `/**
   }
 }`;
 
-// libs/core/src/primitives/listbox/listbox.trans.styles.scss
+// libs/core/src/primitives/listbox/listbox.trans.styles.scss?inline
 var listbox_trans_styles_default = `/**
  * Calculate the luminance for a color.
  * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
@@ -544,7 +544,7 @@ var listbox_trans_styles_default = `/**
   }
 }`;
 
-// libs/core/src/primitives/listbox/option.trans.styles.scss
+// libs/core/src/primitives/listbox/option.trans.styles.scss?inline
 var option_trans_styles_default = `/**
  * Calculate the luminance for a color.
  * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
@@ -638,7 +638,7 @@ var option_trans_styles_default = `/**
   }
 }`;
 
-// libs/core/src/primitives/menu/menu-heading.trans.styles.scss
+// libs/core/src/primitives/menu/menu-heading.trans.styles.scss?inline
 var menu_heading_trans_styles_default = `@layer base, reset, transitional-styles;
 @layer transitional-styles {
   :host {
@@ -667,7 +667,7 @@ function register() {
   );
 }
 
-// libs/core/src/components/popover/popover.trans.styles.scss
+// libs/core/src/components/popover/popover.trans.styles.scss?inline
 var popover_trans_styles_default = `/* stylelint-disable max-nesting-depth */
 /* stylelint-enable max-nesting-depth */
 /**
@@ -794,7 +794,7 @@ function register3() {
 }
 var dropdown_trans_styles_default2 = register3;
 
-// libs/core/src/components/context-menu/context-menu.trans.styles.scss
+// libs/core/src/components/context-menu/context-menu.trans.styles.scss?inline
 var context_menu_trans_styles_default = `/* stylelint-disable max-nesting-depth */
 /* stylelint-enable max-nesting-depth */
 /**
@@ -994,7 +994,7 @@ function register4() {
 }
 var context_menu_trans_styles_default2 = register4;
 
-// libs/core/src/components/datepicker/datepicker.trans.styles.scss
+// libs/core/src/components/datepicker/datepicker.trans.styles.scss?inline
 var datepicker_trans_styles_default = `/* stylelint-disable max-nesting-depth */
 /* stylelint-enable max-nesting-depth */
 /**
@@ -1209,7 +1209,7 @@ var datepicker_trans_styles_default = `/* stylelint-disable max-nesting-depth */
   }
 }`;
 
-// libs/core/src/primitives/calendar/calendar.trans.styles.scss
+// libs/core/src/primitives/calendar/calendar.trans.styles.scss?inline
 var calendar_trans_styles_default = `/* stylelint-disable max-nesting-depth */
 /* stylelint-enable max-nesting-depth */
 /**
@@ -1256,35 +1256,35 @@ var calendar_trans_styles_default = `/* stylelint-disable max-nesting-depth */
     :host table {
       border-spacing: 0;
     }
-    :host table tr th,
-    :host table tr td {
+    :host th,
+    :host td {
       box-sizing: border-box;
       height: 2.75rem;
       text-align: center;
       width: 2.75rem;
     }
-    :host table thead {
+    :host thead {
       /* days */
     }
-    :host table thead th {
+    :host thead th {
       background: var(--sg-bg-level-2);
       border-bottom: solid 1px var(--sg-grey-300);
       font-weight: 400;
       top: 0;
     }
     @media (max-width: 35.98em) {
-      :host table thead th {
+      :host thead th {
         position: sticky;
       }
     }
-    :host table tbody {
+    :host tbody {
       /* week numbers */
       /* dates */
     }
-    :host table tbody tr th {
+    :host tbody th {
       font-weight: 400;
     }
-    :host table tbody tr td {
+    :host tbody td {
       border: solid 1px transparent;
       font-weight: 500;
       -webkit-user-select: none;
@@ -1299,56 +1299,56 @@ var calendar_trans_styles_default = `/* stylelint-disable max-nesting-depth */
       /* active (pressed) */
       /* disabled */
     }
-    :host table tbody tr td.sg-date-holiday:not(.disabled) {
+    :host tbody td.sg-date-holiday:not(.disabled) {
       background: var(--sg-bg-level-2);
       color: hsl(var(--sg-hsl-red-2));
     }
-    :host table tbody tr td.today {
+    :host tbody td.today {
       background: transparent;
       border-radius: 4px;
       box-shadow: inset 0 0 0 2px var(--grey-1000);
       color: var(--grey-1000);
     }
-    :host table tbody tr td:hover:not(.disabled) {
+    :host tbody td:hover:not(.disabled) {
       background: var(--grey-500);
       border: solid 1px var(--sg-bg-level-2);
       border-radius: 4px;
       color: var(--gds-sys-color-font);
       cursor: pointer;
     }
-    :host table tbody tr td:focus-visible:focus:not(:focus-visible) {
+    :host tbody td:focus-visible:focus:not(:focus-visible) {
       box-shadow: none;
       outline: 0;
     }
-    :host table tbody tr td:focus-visible:focus, :host table tbody tr td:focus-visible:focus-visible {
+    :host tbody td:focus-visible:focus, :host tbody td:focus-visible:focus-visible {
       outline-color: var(--gds-sys-color-focus-outline);
       outline-style: solid;
       outline-width: 0.125rem;
       outline-offset: 0.125rem;
     }
-    :host table tbody tr td:focus-visible:not(.disabled) {
+    :host tbody td:focus-visible:not(.disabled) {
       border: solid 1px var(--sg-bg-level-2);
       border-radius: 4px;
       cursor: pointer;
       position: relative;
       z-index: 0;
     }
-    :host table tbody tr td[aria-selected=true] {
+    :host tbody td[aria-selected=true] {
       background: var(--grey-1000);
       border: solid 1px var(--sg-bg-level-2);
       border-radius: 4px;
       color: hsl(var(--sg-hsl-white));
     }
-    :host table tbody tr td[tabindex="0"] {
+    :host tbody td[tabindex="0"] {
       border-radius: 4px;
     }
-    :host table tbody tr td:hover:active:not(.disabled) {
+    :host tbody td:hover:active:not(.disabled) {
       background: var(--grey-1000);
       border: solid 1px var(--sg-bg-level-2);
       border-radius: 4px;
       color: hsl(var(--sg-hsl-white));
     }
-    :host table tbody tr td.disabled {
+    :host tbody td.disabled {
       background: hsl(var(--sg-hsl-disabled-background));
       border: solid 1px var(--sg-bg-level-2);
       border-radius: 4px;
@@ -1356,13 +1356,20 @@ var calendar_trans_styles_default = `/* stylelint-disable max-nesting-depth */
       cursor: not-allowed;
       font-weight: 400;
     }
-    :host table tbody tr td.disabled.sg-date-holiday {
+    :host tbody td.disabled.sg-date-holiday {
       color: hsla(var(--sg-hsl-red-2), 0.25);
     }
-    :host table tbody tr td.custom-date {
+    :host tbody td.disabled .number,
+    :host tbody td.disabled .indicator-dot {
+      --_color: hsl(var(--sg-hsl-disabled-color)) !important;
+    }
+    :host tbody td.custom-date {
       position: relative;
     }
-    :host table tbody .indicator_dot {
+    :host tbody .number {
+      color: var(--_color, "currentColor");
+    }
+    :host tbody .indicator-dot {
       display: block;
       width: 0.375rem;
       height: 0.375rem;
@@ -1372,6 +1379,7 @@ var calendar_trans_styles_default = `/* stylelint-disable max-nesting-depth */
       position: absolute;
       inset-block-end: 0.125rem;
       inset-inline: 0;
+      background-color: var(--_color);
     }
     table {
       flex-grow: 1;
@@ -1401,7 +1409,7 @@ function register6() {
 }
 var datepicker_trans_styles_default2 = register6;
 
-// libs/core/src/components/grouped-list/grouped-list.trans.styles.scss
+// libs/core/src/components/grouped-list/grouped-list.trans.styles.scss?inline
 var grouped_list_trans_styles_default = `@layer base, reset, transitional-styles;
 @layer transitional-styles {
   @layer _base, _overrides;
@@ -1433,7 +1441,7 @@ function register7() {
 }
 var grouped_list_trans_styles_default2 = register7;
 
-// libs/core/src/components/segmented-control/segmented-control.trans.styles.css
+// libs/core/src/components/segmented-control/segmented-control.trans.styles.css?inline
 var segmented_control_trans_styles_default = `@layer base, reset, transitional-styles;
 
 @layer transitional-styles {
@@ -1527,7 +1535,7 @@ var segmented_control_trans_styles_default = `@layer base, reset, transitional-s
 }
 `;
 
-// libs/core/src/components/segmented-control/segment/segment.trans.styles.css
+// libs/core/src/components/segmented-control/segment/segment.trans.styles.css?inline
 var segment_trans_styles_default = `@layer base, reset, transitional-styles;
 
 @layer transitional-styles {
@@ -1603,7 +1611,7 @@ function register9() {
 }
 var segmented_control_trans_styles_default2 = register9;
 
-// libs/core/src/components/filter-chips/filter-chips.trans.styles.scss
+// libs/core/src/components/filter-chips/filter-chips.trans.styles.scss?inline
 var filter_chips_trans_styles_default = `@layer base, reset, transitional-styles;
 @layer transitional-styles {
   @layer _base, _overrides;
@@ -1611,7 +1619,7 @@ var filter_chips_trans_styles_default = `@layer base, reset, transitional-styles
   @layer _overrides {}
 }`;
 
-// libs/core/src/components/filter-chips/filter-chip/filter-chip.trans.styles.scss
+// libs/core/src/components/filter-chips/filter-chip/filter-chip.trans.styles.scss?inline
 var filter_chip_trans_styles_default = `@layer base, reset, transitional-styles;
 @layer transitional-styles {
   @layer _base, _overrides;
@@ -1639,7 +1647,7 @@ function register12() {
 }
 var filter_chips_trans_styles_default2 = register12;
 
-// libs/core/src/components/theme/chlorophyll-tokens.scss
+// libs/core/src/components/theme/chlorophyll-tokens.scss?inline
 var chlorophyll_tokens_default = `/**
  * Calculate the luminance for a color.
  * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
@@ -1658,6 +1666,10 @@ Themes such as dark-mode, high-contrast mode etc.
 Values for light mode are used by default.
 */
 /* mixin for generating css variables from map with optional prefix */
+:host {
+  display: contents;
+}
+
 :host([color-scheme=light]) {
   --gds-sys-shape-corner-none: 0;
   --gds-sys-shape-corner-small: 0.125rem;
@@ -2290,7 +2302,7 @@ _elements = new WeakMap();
 _useLegacyStylesheets = new WeakMap();
 var TransitionalStyles = _TransitionalStyles;
 
-// libs/core/src/components/button/button.trans.styles.scss
+// libs/core/src/components/button/button.trans.styles.scss?inline
 var button_trans_styles_default = `/* stylelint-disable max-nesting-depth */
 /* stylelint-enable max-nesting-depth */
 /**

package/chunks/{chunk.AJUEVQ74.js → chunk.KMVEBCWE.js}

@@ -1,6 +1,6 @@
 import {
   tokens
-} from "./chunk.XJIVEK46.js";
+} from "./chunk.PFAU5MJG.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";
@@ -12,7 +12,7 @@ import {
 import { LitElement, html, unsafeCSS } from "lit";
 import { query } from "lit/decorators.js";
 
-// libs/core/src/primitives/ripple/ripple.styles.scss
+// libs/core/src/primitives/ripple/ripple.styles.scss?inline
 var ripple_styles_default = `:host {
   --gds-ripple-motion-name: ripple;
   --gds-ripple-motion: var(--gds-ripple-motion-name)

package/chunks/{chunk.AZVE6BUE.js → chunk.KQ7KXFPT.js}

@@ -1,6 +1,6 @@
 import {
   tokens
-} from "./chunk.XJIVEK46.js";
+} from "./chunk.PFAU5MJG.js";
 import {
   GdsFormControlElement
 } from "./chunk.MZSK66DN.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk.KBYQYDL3.js";
 import {
   TransitionalStyles
-} from "./chunk.5LNBEZ2R.js";
+} from "./chunk.ERRPHNRC.js";
 import {
   gdsCustomElement,
   html
@@ -57,7 +57,7 @@ var ForwardAttributesDirective = class extends Directive {
 };
 var forwardAttributes = directive(ForwardAttributesDirective);
 
-// libs/core/src/components/button/button.style.css
+// libs/core/src/components/button/button.style.css?inline
 var button_style_default = `@layer tokens, a11y, core, ranks, sizes, variants, disabled;
 
 @layer tokens {

package/chunks/{chunk.QOW72DZJ.js → chunk.KW7NXQEL.js}

@@ -1,15 +1,15 @@
 import {
   GdsSegment
-} from "./chunk.LMAVTXVL.js";
+} from "./chunk.X2VQYOI4.js";
 import {
   resizeObserver
 } from "./chunk.VHN4JEZC.js";
 import {
   tokens
-} from "./chunk.XJIVEK46.js";
+} from "./chunk.PFAU5MJG.js";
 import {
   TransitionalStyles
-} from "./chunk.5LNBEZ2R.js";
+} from "./chunk.ERRPHNRC.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.XJIVEK46.js → chunk.PFAU5MJG.js}

@@ -1,10 +1,10 @@
 // libs/core/src/tokens.style.ts
 import { unsafeCSS } from "lit";
 
-// dist/libs/tokens/internal/pallet.css
+// dist/libs/tokens/internal/pallet.css?inline
 var pallet_default = `/**
  * Do not edit directly
- * Generated on Mon, 10 Jun 2024 15:26:56 GMT
+ * Generated on Fri, 14 Jun 2024 09:06:20 GMT
  */
 
 :host {
@@ -162,10 +162,10 @@ var pallet_default = `/**
 }
 `;
 
-// dist/libs/tokens/internal/theme/light.css
+// dist/libs/tokens/internal/theme/light.css?inline
 var light_default = `/**
  * Do not edit directly
- * Generated on Mon, 10 Jun 2024 15:26:56 GMT
+ * Generated on Fri, 14 Jun 2024 09:06:20 GMT
  */
 
 :host {
@@ -283,10 +283,10 @@ var light_default = `/**
 }
 `;
 
-// dist/libs/tokens/internal/size.css
+// dist/libs/tokens/internal/size.css?inline
 var size_default = `/**
  * Do not edit directly
- * Generated on Mon, 10 Jun 2024 15:26:56 GMT
+ * Generated on Fri, 14 Jun 2024 09:06:20 GMT
  */
 
 :host {
@@ -529,10 +529,10 @@ var size_default = `/**
 }
 `;
 
-// dist/libs/tokens/internal/motion.css
+// dist/libs/tokens/internal/motion.css?inline
 var motion_default = `/**
  * Do not edit directly
- * Generated on Mon, 10 Jun 2024 15:26:56 GMT
+ * Generated on Fri, 14 Jun 2024 09:06:20 GMT
  */
 
 :host {

package/chunks/{chunk.IRMSZ2MB.js → chunk.PME7HPSR.js}

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

package/chunks/{chunk.TUFHFRJL.js → chunk.SBLVBDYS.js}

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

package/chunks/{chunk.XFVCUSEN.js → chunk.SKRG4C7O.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.5LNBEZ2R.js";
+} from "./chunk.ERRPHNRC.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.V6LS4RAA.js → chunk.SPU6LGY6.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.NNJ6DJO2.js";
 import {
   TransitionalStyles
-} from "./chunk.5LNBEZ2R.js";
+} from "./chunk.ERRPHNRC.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";
@@ -160,15 +160,16 @@ var GdsCalendar = class extends GdsElement {
                         id="dateCell-${day.getDate()}"
                       >
                         <span
-                          style="color: ${customization ? customization == null ? void 0 : customization.color : ""}"
+                          class="number"
+                          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}"
+                              class="indicator-${customization == null ? void 0 : customization.indicator}"
+                              style="--_color: ${customization == null ? void 0 : customization.color}"
                             ></span>`
           )}
                       </td>

package/chunks/{chunk.ABX5MSZM.js → chunk.SSWIRJTS.js}

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

package/chunks/{chunk.S7K4GJTN.js → chunk.TCK22ZSS.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.2ND5EWHE.js";
 import {
   TransitionalStyles
-} from "./chunk.5LNBEZ2R.js";
+} from "./chunk.ERRPHNRC.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";