@ds-autonomie/web-components 1.16.2 → 1.18.0

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # @ds-autonomie/web-components
 
+## 1.18.0
+
+### Minor Changes
+
+- 7eddd2f: `input-date`, `filter-date` : utilisation d'un input type texte, possibilité de changer le format de date, prise en compte de différents retours
+- ee7c9eb: `split-panel` : ajout du composant
+- 149e928: "`input`, `input-mask` : ajout d'un champ suffix pour l'affichage d'une icône"
+- 10c08e1: `filters` : utilisation dans un tiroir
+
+### Patch Changes
+
+- a6595aa: `table-of-content` : amélioration a11y
+- f3cb140: `dialog` : suppression du tabindex 0 sur le corps du dialog
+- e71a74d: `table-container` : la toolbar est maintenant sticky
+
+## 1.17.0
+
+### Minor Changes
+
+- 4d2e82a: `alert` : possibilité d'ajouter un entête (balise <h>).
+- 7c07696: `callout` : ajout du composant
+- 46a1090: `card` : le nom accessible de la carte lien provient maintenant de son en-tête
+
+### Patch Changes
+
+- bda3c83: `calendar`, `select`, `combobox`, `option` : améliorations a11y
+- d4b8d6c: `tooltip` : possibilité de survoler jusqu'au tooltip sans qu'il se ferme + fermeture à l'appui sur echap
+- 90a4bfc: Amélioration du contraste du contour de focus (focus-ring)
+- f4f3623: `select`, `combobox` : restition des options multiples sélectionnées
+- 511c9fa: `filter-range` : prise en compte des changements de valeurs dynamiques
+- 19482e6: `checkbox-group` : correction du problème de mise à jour d'un checkbox-group suite à la mise à jour des propriétés des checkbox enfants
+- 33c8233: `calendar` : mise à jour de la dépendance wc-calendar
+- dc51df6: `radio-button`, `checkbox-group` : les libéllés trop longs passent maintenant à la ligne; `input-phone` : amélioration pour les petits écrans
+- af72cc8: `input-phone` : correction de la mise à jour de la valeur
+- 9e79832: `input-phone` : suppression du drapeau
+- 5c504f1: `option` : ajout d'une bordure à l'état hover/focus
+- b578686: `pagination` : correction des évènements de changement de page
+- Updated dependencies [9754673]
+  - @ds-autonomie/assets@1.4.2
+
 ## 1.16.2
 
 ### Patch Changes

package/dist/chunks/{chunk.VC3XT47N.js → chunk.26R2GJ3D.js}

@@ -31,21 +31,6 @@ var input_styles_default = css`
     border-radius: var(--dsa-wc-input-border-radius);
   }
 
-  .input--date {
-    overflow: visible;
-  }
-
-  .input__control--date::-webkit-calendar-picker-indicator {
-    display: none;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-  }
-
-  .input__control--date::-webkit-input-placeholder {
-    visibility: hidden !important;
-  }
-
   .input--focused:not(.input--disabled) {
     outline: var(--dsa-wc-focus-ring);
     outline-offset: var(--dsa-wc-focus-ring-offset);
@@ -197,18 +182,36 @@ var input_styles_default = css`
     height: var(--dsa-wc-form-input-height-small);
   }
 
-  .input > .input__action-button {
+  .icon-button,
+  .input__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    border: none;
+    border-radius: var(--dsa-wc-icon-button-border-radius);
+    font-size: inherit;
+    padding: var(--padding);
+    cursor: pointer;
+    transition: var(--dsa-wc-transition-x-fast) color;
+    -webkit-appearance: none;
+  }
+
+  .input > .input__action-button,
+  .input > .input__suffix {
     --padding: var(--dsa-spacing-4);
   }
 
   .input > .input__action-button + .input__action-button {
     margin-right: var(--dsa-wc-input-action-buttons-spacing);
   }
-  .input > .input__action-button:last-of-type {
+
+  .input > .input__action-button:last-of-type,
+  .input > .input__suffix:last-child {
     margin-right: var(--dsa-wc-input-padding-x);
   }
 
-  .input > .input__control + .input__action-button {
+  .input > .input__control + .input__action-button,
+  .input > .input__control + .input__suffix {
     margin-left: auto;
     z-index: 1;
   }
@@ -265,21 +268,16 @@ var input_styles_default = css`
     fill: var(--dsa-wc-input-icon-color-hover);
   }
 
-  .icon-button--date {
-    --padding: var(--dsa-spacing-4);
-    margin-right: var(--dsa-wc-input-padding-x);
-  }
-
   /*
-  * Custom styling for Date and Time type
+  * Custom styling for Time type
   */
 
   input[type='time']::-webkit-calendar-picker-indicator {
     display: none;
   }
 
-  .input__prefix-icon,
-  .input__prefix {
+  .input__prefix,
+  .input__suffix {
     color: var(--dsa-wc-input-icon-color);
     pointer-events: none;
   }
@@ -295,26 +293,6 @@ var input_styles_default = css`
     visibility: hidden;
   }
 
-  .date-popup::part(popup) {
-    z-index: var(--dsa-wc-z-index-dropdown);
-  }
-
-  .date--panel {
-    border: 1px solid var(--dsa-wc-filter-date-panel-border-color);
-    padding: var(--dsa-wc-filter-date-panel-padding);
-    border-radius: var(--dsa-wc-filter-date-panel-border-radius);
-    background: var(--dsa-color-background-base);
-    box-shadow: var(--dsa-wc-shadow-small);
-  }
-
-  .date-anchor {
-    flex: 1;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-  }
-
   /* Don't show the browser's password toggle in Edge */
   ::-ms-reveal {
     display: none;

package/dist/chunks/{chunk.RG342A22.js → chunk.2GIZK5OL.js}

@@ -243,10 +243,10 @@ __decorateClass([
   property()
 ], DSACheckbox.prototype, "title", 2);
 __decorateClass([
-  property()
+  property({ reflect: true })
 ], DSACheckbox.prototype, "name", 2);
 __decorateClass([
-  property()
+  property({ reflect: true })
 ], DSACheckbox.prototype, "value", 2);
 __decorateClass([
   property({ reflect: true })
@@ -267,10 +267,10 @@ __decorateClass([
   property({ type: Boolean, reflect: true })
 ], DSACheckbox.prototype, "readonly", 2);
 __decorateClass([
-  property({ type: Boolean })
+  property({ type: Boolean, reflect: true })
 ], DSACheckbox.prototype, "error", 2);
 __decorateClass([
-  property({ attribute: "error-message" })
+  property({ attribute: "error-message", reflect: true })
 ], DSACheckbox.prototype, "errorMessage", 2);
 __decorateClass([
   property({ reflect: true })
@@ -279,7 +279,7 @@ __decorateClass([
   property({ type: Boolean, reflect: true })
 ], DSACheckbox.prototype, "required", 2);
 __decorateClass([
-  property({ attribute: "aria-label" })
+  property({ attribute: "aria-label", reflect: true })
 ], DSACheckbox.prototype, "ariaLabel", 2);
 __decorateClass([
   watch("disabled", { waitUntilFirstUpdate: true })

package/dist/chunks/{chunk.MXDA7QXL.js → chunk.33YIN2OK.js}

@@ -1,6 +1,6 @@
 import {
   card_styles_default
-} from "./chunk.VXQMFXV5.js";
+} from "./chunk.M7QP6END.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -35,7 +35,7 @@ var DSACard = class extends ShoelaceElement {
     const isLink = this.isLink();
     const tag = isLink ? literal`a` : literal`div`;
     return html`
-      <${tag}
+      <div
         part="base"
         class=${classMap({
       card: true,
@@ -44,16 +44,19 @@ var DSACard = class extends ShoelaceElement {
       "card--has-image": this.hasSlotController.test("image"),
       "card--has-header": this.hasSlotController.test("header")
     })}
-        href=${ifDefined(isLink ? this.href : void 0)}
-        target=${ifDefined(isLink ? this.target : void 0)}
-        download=${ifDefined(isLink ? this.download : void 0)}
-        rel=${ifDefined(isLink ? this.rel : void 0)}
-      >
-        <slot name="header" part="header" class="card__header"></slot>
+        >
+        <${tag}
+          href=${ifDefined(isLink ? this.href : void 0)}
+          target=${ifDefined(isLink ? this.target : void 0)}
+          download=${ifDefined(isLink ? this.download : void 0)}
+          rel=${ifDefined(isLink ? this.rel : void 0)}
+        >
+          <slot name="header" part="header" class="card__header"></slot>
+        </${tag}>
         <slot name="image" part="image" class="card__image"></slot>
         <slot part="body" class="card__body"></slot>
         <slot name="footer" part="footer" class="card__footer"></slot>
-      </${tag}>
+      </div>
     `;
   }
 };

package/dist/chunks/{chunk.GYJZ3E7K.js → chunk.3RD6XYCZ.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.6L6CZSQX.js";
+} from "./chunk.G3MRVMJ4.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.JHPIOVRD.js → chunk.3RQ3AMTB.js}

@@ -1,15 +1,15 @@
-import {
-  getStepIcon
-} from "./chunk.CCTWXABH.js";
 import {
   step_styles_default
 } from "./chunk.MNCPUPHX.js";
+import {
+  getStepIcon
+} from "./chunk.CCTWXABH.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.6L6CZSQX.js";
+} from "./chunk.G3MRVMJ4.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.VJRDVQTS.js → chunk.4EOWX2QT.js}

@@ -14,7 +14,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.6L6CZSQX.js";
+} from "./chunk.G3MRVMJ4.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.CZFGLE3Y.js → chunk.4FP4K3F5.js}

@@ -30,6 +30,12 @@ var option_styles_default = css`
     font: var(--dsa-wc-option-small-font);
     padding: var(--dsa-wc-option-small-padding);
   }
+  .option--small.option--hover:not(.option--selected):not(.option--disabled),
+  .option--small.option--current {
+    padding-block: calc(var(--dsa-wc-option-small-padding-y) - 1px);
+    padding-left: calc(var(--dsa-wc-option-padding-left) - 1px);
+    padding-right: calc(var(--dsa-wc-option-padding-right) - 1px);
+  }
 
   .option--small dsa-icon,
   .option--small ::slotted(dsa-icon) {
@@ -41,6 +47,12 @@ var option_styles_default = css`
     font: var(--dsa-wc-option-font);
     padding: var(--dsa-wc-option-padding);
   }
+  .option--medium.option--hover:not(.option--selected):not(.option--disabled),
+  .option--medium.option--current {
+    padding-block: calc(var(--dsa-wc-option-medium-padding-y) - 1px);
+    padding-left: calc(var(--dsa-wc-option-padding-left) - 1px);
+    padding-right: calc(var(--dsa-wc-option-padding-right) - 1px);
+  }
 
   .option--medium dsa-icon,
   .option--medium ::slotted(dsa-icon) {
@@ -52,6 +64,12 @@ var option_styles_default = css`
     font: var(--dsa-wc-option-large-font);
     padding: var(--dsa-wc-option-large-padding);
   }
+  .option--large.option--hover:not(.option--selected):not(.option--disabled),
+  .option--large.option--current {
+    padding-block: calc(var(--dsa-wc-option-large-padding-y) - 1px);
+    padding-left: calc(var(--dsa-wc-option-padding-left) - 1px);
+    padding-right: calc(var(--dsa-wc-option-padding-right) - 1px);
+  }
 
   .option--large dsa-icon,
   .option--large ::slotted(dsa-icon) {
@@ -60,6 +78,7 @@ var option_styles_default = css`
 
   .option--hover:not(.option--selected):not(.option--disabled) {
     background-color: var(--dsa-wc-option-hover-color);
+    border: 1px solid var(--dsa-wc-option-hover-border-color);
   }
 
   .option--error {
@@ -68,6 +87,7 @@ var option_styles_default = css`
   .option--current,
   .option--current.option--disabled {
     background-color: var(--dsa-wc-option-hover-color);
+    border: 1px solid var(--dsa-wc-option-hover-border-color);
   }
 
   .option--selected.option--current:not(.option--multiple),

package/dist/chunks/chunk.4IGA5VLC.js

@@ -0,0 +1,308 @@
+import {
+  filter_range_styles_default
+} from "./chunk.FXAGFSAU.js";
+import {
+  FilterBase
+} from "./chunk.EWT3XVAN.js";
+import {
+  watch
+} from "./chunk.6IH66JBY.js";
+import {
+  ifDefinedAndNotEmpty
+} from "./chunk.ZQJVCRB2.js";
+import {
+  __decorateClass
+} from "./chunk.6M63UXML.js";
+
+// src/components/filter/filter-range/filter-range.ts
+import { html } from "lit";
+import { customElement, property, query, state } from "lit/decorators.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+
+// src/internal/debounce.ts
+var TIMER_ID_KEY = Symbol();
+function debounce(delay) {
+  return (_target, _propertyKey, descriptor) => {
+    const fn = descriptor.value;
+    descriptor.value = function valueFn(...args) {
+      clearTimeout(this[TIMER_ID_KEY]);
+      this[TIMER_ID_KEY] = window.setTimeout(() => {
+        fn.apply(this, args);
+      }, delay);
+    };
+  };
+}
+
+// src/components/filter/filter-range/filter-range.ts
+var RANGE_SLIDER_DEBOUNCE_DELAY = 100;
+var DSAFilterRange = class extends FilterBase {
+  constructor() {
+    super(...arguments);
+    this.currentStartValue = "";
+    this.currentEndValue = "";
+    this.start = "";
+    this.end = "";
+    this.defaultStart = "";
+    this.defaultEnd = "";
+    this.slider = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.handleSliderFromValueChange = this.handleSliderFromValueChange.bind(this);
+    this.handleSliderToValueChange = this.handleSliderToValueChange.bind(this);
+    this.addEventListener(
+      "dsa-slider-from-value-change",
+      this.handleSliderFromValueChange
+    );
+    this.addEventListener(
+      "dsa-slider-to-value-change",
+      this.handleSliderToValueChange
+    );
+    this.start = this.start === "" ? this.defaultStart : this.start;
+    this.currentStartValue = this.start;
+    this.end = this.end === "" ? this.defaultEnd : this.end;
+    this.currentEndValue = this.end;
+    this.value = this.getRangeValue();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener(
+      "dsa-slider-from-value-change",
+      this.handleSliderFromValueChange
+    );
+    this.removeEventListener(
+      "dsa-slider-to-value-change",
+      this.handleSliderToValueChange
+    );
+  }
+  handleSliderFromValueChange(event) {
+    const value = event.detail.value;
+    this.currentStartValue = value;
+  }
+  handleSliderToValueChange(event) {
+    const value = event.detail.value;
+    this.currentEndValue = value;
+  }
+  handleReset() {
+    var _a;
+    this.currentStartValue = this.defaultStart;
+    this.currentEndValue = this.defaultEnd;
+    (_a = this.startValueInput) == null ? void 0 : _a.focus({ preventScroll: true });
+  }
+  handleSubmit() {
+    this.start = this.currentStartValue;
+    this.end = this.currentEndValue;
+    this.value = this.getRangeValue();
+    this.emit("dsa-submit");
+    this.hide();
+    this.filterTrigger.focus({ preventScroll: true });
+  }
+  handleStartInput(event) {
+    const nextStartValue = event.target.value;
+    this.currentStartValue = nextStartValue;
+    this.emit("dsa-input");
+  }
+  handleEndInput(event) {
+    const nextEndValue = event.target.value;
+    this.currentEndValue = nextEndValue;
+    this.emit("dsa-input");
+  }
+  handleStartChange(event) {
+    const nextStartValue = event.target.value;
+    const currentEndValue = parseFloat(this.currentEndValue);
+    if (parseFloat(nextStartValue) <= this.min) {
+      this.currentStartValue = `${this.min}`;
+    } else if (parseFloat(nextStartValue) <= currentEndValue) {
+      this.currentStartValue = nextStartValue;
+    } else if (parseFloat(nextStartValue) > currentEndValue) {
+      this.currentStartValue = this.currentEndValue;
+    }
+    this.emit("dsa-change");
+  }
+  handleEndChange(event) {
+    const nextEndValue = event.target.value;
+    const currentStartValue = parseFloat(this.currentStartValue);
+    if (parseFloat(nextEndValue) >= this.max) {
+      this.currentEndValue = `${this.max}`;
+    } else if (parseFloat(nextEndValue) >= currentStartValue) {
+      this.currentEndValue = nextEndValue;
+    } else if (parseFloat(nextEndValue) < currentStartValue) {
+      this.currentEndValue = this.currentStartValue;
+    }
+    this.emit("dsa-change");
+  }
+  getRangeValue() {
+    if (this.start === "" && this.end === "") {
+      return "";
+    }
+    if (this.start === "") {
+      return `${this.localize.term("lessThan")} ${this.end}`;
+    }
+    if (this.end === "") {
+      return `${this.localize.term("moreThan")} ${this.start}`;
+    }
+    return `${this.start} - ${this.end}`;
+  }
+  handleFilterRangeOpenChange() {
+    if (!this.open) {
+      this.currentStartValue = this.start === "" ? this.defaultStart : this.start;
+      this.currentEndValue = this.end === "" ? this.defaultEnd : this.end;
+    }
+  }
+  handleStartPropChange() {
+    if (this.currentStartValue !== this.start) {
+      this.currentStartValue = this.start;
+    }
+  }
+  handleEndPropChange() {
+    if (this.currentEndValue !== this.end) {
+      this.currentEndValue = this.end;
+    }
+  }
+  handleCurrentValuesChange() {
+    if (this.drawer) {
+      this.start = this.currentStartValue;
+      this.end = this.currentEndValue;
+      this.value = this.getRangeValue();
+    }
+  }
+  renderPanelContent() {
+    return html`
+      <div class="filter__content">
+        ${this.slider ? html`
+              <div class="filter__slider">
+                <dsa-range-slider
+                  from=${ifDefinedAndNotEmpty(
+      this.currentStartValue !== "" ? this.currentStartValue : `${this.min}`
+    )}
+                  to=${ifDefinedAndNotEmpty(
+      this.currentEndValue !== "" ? this.currentEndValue : `${this.max}`
+    )}
+                  min=${ifDefined(this.min)}
+                  max=${ifDefined(this.max)}
+                  label-from=${this.localize.term("min")}
+                  label-to=${this.localize.term("max")}
+                ></dsa-range-slider>
+              </div>
+            ` : html``}
+
+        <div class="filter__content--inputs">
+          <dsa-input
+            class="start-range__input"
+            label=${this.localize.term("min")}
+            .value=${this.currentStartValue}
+            placeholder=${ifDefinedAndNotEmpty(`${this.min}`)}
+            min=${ifDefined(this.min)}
+            max=${ifDefined(this.max)}
+            type="number"
+            variant=${this.drawer ? "layer" : "base"}
+            @dsa-input=${this.handleStartInput}
+            @dsa-change=${this.handleStartChange}
+          ></dsa-input>
+          <dsa-divider></dsa-divider>
+          <dsa-input
+            class="end-range__input"
+            label=${this.localize.term("max")}
+            placeholder=${ifDefinedAndNotEmpty(`${this.max}`)}
+            .value=${this.currentEndValue}
+            min=${ifDefined(this.min)}
+            max=${ifDefined(this.max)}
+            type="number"
+            variant=${this.drawer ? "layer" : "base"}
+            @dsa-input=${this.handleEndInput}
+            @dsa-change=${this.handleEndChange}
+          ></dsa-input>
+        </div>
+      </div>
+
+      <div class="filter__footer">
+        <dsa-button
+          variant="tertiary"
+          size="small"
+          class="reset__button"
+          @click=${this.handleReset}
+          ?disabled=${this.currentStartValue === this.defaultStart && this.currentEndValue === this.defaultEnd}
+        >
+          <dsa-icon name="restart_alt" slot="prefix"></dsa-icon>
+          ${this.localize.term("filterReset")}
+        </dsa-button>
+
+        ${!this.drawer ? html`
+              <dsa-button
+                variant="primary"
+                size="small"
+                class="submit__button"
+                @click=${this.handleSubmit}
+              >
+                ${this.localize.term("filterSubmit")}
+              </dsa-button>
+            ` : ""}
+      </div>
+    `;
+  }
+};
+DSAFilterRange.styles = filter_range_styles_default;
+__decorateClass([
+  state()
+], DSAFilterRange.prototype, "currentStartValue", 2);
+__decorateClass([
+  state()
+], DSAFilterRange.prototype, "currentEndValue", 2);
+__decorateClass([
+  query(".start-range__input")
+], DSAFilterRange.prototype, "startValueInput", 2);
+__decorateClass([
+  query(".end-range__input")
+], DSAFilterRange.prototype, "endValueInput", 2);
+__decorateClass([
+  query(".reset__button")
+], DSAFilterRange.prototype, "resetButton", 2);
+__decorateClass([
+  query(".submit__button")
+], DSAFilterRange.prototype, "submitButton", 2);
+__decorateClass([
+  property({ attribute: "start" })
+], DSAFilterRange.prototype, "start", 2);
+__decorateClass([
+  property({ attribute: "end" })
+], DSAFilterRange.prototype, "end", 2);
+__decorateClass([
+  property({ attribute: "default-start" })
+], DSAFilterRange.prototype, "defaultStart", 2);
+__decorateClass([
+  property({ attribute: "default-end" })
+], DSAFilterRange.prototype, "defaultEnd", 2);
+__decorateClass([
+  property({ type: Boolean })
+], DSAFilterRange.prototype, "slider", 2);
+__decorateClass([
+  property()
+], DSAFilterRange.prototype, "min", 2);
+__decorateClass([
+  property()
+], DSAFilterRange.prototype, "max", 2);
+__decorateClass([
+  debounce(RANGE_SLIDER_DEBOUNCE_DELAY)
+], DSAFilterRange.prototype, "handleSliderFromValueChange", 1);
+__decorateClass([
+  debounce(RANGE_SLIDER_DEBOUNCE_DELAY)
+], DSAFilterRange.prototype, "handleSliderToValueChange", 1);
+__decorateClass([
+  watch("open", { waitUntilFirstUpdate: true })
+], DSAFilterRange.prototype, "handleFilterRangeOpenChange", 1);
+__decorateClass([
+  watch("start", { waitUntilFirstUpdate: true })
+], DSAFilterRange.prototype, "handleStartPropChange", 1);
+__decorateClass([
+  watch("end", { waitUntilFirstUpdate: true })
+], DSAFilterRange.prototype, "handleEndPropChange", 1);
+__decorateClass([
+  watch(["currentStartValue", "currentEndValue"])
+], DSAFilterRange.prototype, "handleCurrentValuesChange", 1);
+DSAFilterRange = __decorateClass([
+  customElement("dsa-filter-range")
+], DSAFilterRange);
+
+export {
+  DSAFilterRange
+};

package/dist/chunks/{chunk.3UNYRJRK.js → chunk.4IXJVHZ5.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.IGYXUK7A.js";
 import {
   LocalizeController
-} from "./chunk.6L6CZSQX.js";
+} from "./chunk.G3MRVMJ4.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.V7MYOBN4.js → chunk.4L7EJLR4.js}

@@ -1,14 +1,14 @@
+import {
+  getIconLibrary,
+  unwatchIcon,
+  watchIcon
+} from "./chunk.D34QDO4H.js";
 import {
   requestIcon
 } from "./chunk.23TOS4ZE.js";
 import {
   icon_styles_default
 } from "./chunk.LMJPQPQT.js";
-import {
-  getIconLibrary,
-  unwatchIcon,
-  watchIcon
-} from "./chunk.O2PIWM25.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.2UZSRWJ7.js → chunk.4QUJBAX3.js}

@@ -73,6 +73,7 @@ var combobox_styles_default = css`
 
   .select__display-input::placeholder {
     color: var(--dsa-wc-input-on-base-text-field-placeholder-color);
+    opacity: 1;
   }
 
   .select__display-input:focus {
@@ -409,6 +410,10 @@ var combobox_styles_default = css`
   .select__loading_text > p {
     padding-left: var(--dsa-spacing-8);
   }
+
+  .hidden-tag-label {
+    display: none;
+  }
 `;
 
 export {