@ds-autonomie/web-components 2.11.0 → 2.12.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @ds-autonomie/web-components
 
+## 2.12.0
+
+### Minor Changes
+
+- 36eadd8: `table-action` : ajout de l'attribut `deselect-all-on-close` afin de déselectionner toutes les lignes du tableau à la fermeture de la barre d'action
+
+### Patch Changes
+
+- c5b74c6: Modèle de page Contact : ajout d'attributs autocomplete;
+  `checkbox`: Amélioration de l'accessibilité;
+- c77b7b9: `button`, `checkbox`, `checkbox-button`, `checkbox-card`, `combobox`, `file-upload`, `filter-date`, `icon-button`, `range-slider`, `select`, `switch`, `radio-button`, `radio-card` : suppression d'attributs aria-disabled en doublon
+- af1397a: `file-upload`: l'attribut `accept` peut être utilisé avec de la même manière que son équivalent natif.
+- 82d5a6c: `menu-accordion`, `menu-navigation` : prise en charge du contenu dynamique
+
+## 2.11.1
+
+### Patch Changes
+
+- 0a352fa: `tooltip` : ajout d'un message d'avertissement si le tooltip est utilisé sans dsa-button ou dsa-icon-button
+- 442a053: `step` : suppression de la propriété z-index sur les lignes reliant les étapes
+- 8f0809a: Ajout du modèle de page Mentions Légales
+- 603c1f4: `checkbox`, `copy-button` : amélioration de l'accessibilité
+- 187a8f8: Ajout du modèle de page Contact
+
 ## 2.11.0
 
 ### Minor Changes

package/cdn/chunks/{chunk.TZ4Q6BAB.js → chunk.3K2PJ2XE.js}

@@ -116,32 +116,13 @@ var DSAFileUpload = class extends ShoelaceElement {
   handleClick() {
     this.fileUploadInput.click();
   }
-  handleChange(event) {
-    const addedFiles = this.handleFileSelectedChange(event);
+  handleChange() {
+    var _a;
+    const addedFiles = Array.from((_a = this.fileUploadInput.files) != null ? _a : []);
     this.emit("dsa-file-upload", { detail: { files: addedFiles } });
     this.value = this.fileUploadInput.value;
     this.formControlController.updateValidity();
   }
-  handleFileSelectedChange(event) {
-    var _a, _b;
-    if (!this.accept || !/^(change|drop)$/.test(event.type)) {
-      return Array.from((_a = this.fileUploadInput.files) != null ? _a : []);
-    }
-    if (((_b = this.fileUploadInput) == null ? void 0 : _b.files) === null) {
-      return [];
-    }
-    const acceptedTypes = new Set(this.accept.split(", "));
-    return Array.prototype.filter.call(
-      this.fileUploadInput.files,
-      (file) => {
-        var _a2;
-        const fileExtensionRegExp = /\.[^.]+$/;
-        const hasFileExtension = fileExtensionRegExp.test(file.name);
-        const [fileExtension] = !hasFileExtension ? [void 0] : (_a2 = fileExtensionRegExp.exec(file.name)) != null ? _a2 : [];
-        return acceptedTypes.has(file.type) || fileExtension && acceptedTypes.has(fileExtension);
-      }
-    );
-  }
   handleInvalid(event) {
     this.formControlController.setValidity(false);
     this.formControlController.emitInvalidEvent(event);
@@ -247,7 +228,6 @@ var DSAFileUpload = class extends ShoelaceElement {
       "button--disabled": this.disabled
     })}
               ?disabled=${this.disabled}
-              aria-disabled=${this.disabled ? "true" : "false"}
               aria-required=${o(this.required ? "true" : void 0)}
               aria-invalid=${o(this.error ? "true" : void 0)}
               tabindex=${this.disabled ? "-1" : "0"}

package/cdn/chunks/{chunk.H2VYMPUG.js → chunk.5BXI46NB.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.PZK4ARTY.js";
 import {
   checkbox_styles_default
-} from "./chunk.WZMY5NAQ.js";
+} from "./chunk.CK3OZQKX.js";
 import {
   FormControlController
 } from "./chunk.LLQW6MLS.js";
@@ -118,7 +118,7 @@ var DSACheckbox = class extends ShoelaceElement {
     this.emit("dsa-focus");
   }
   handleDeactivatedChange() {
-    if (this.disabled || this.readonly || this.parentDisabled || this.parentReadonly) {
+    if (this.readonly || this.parentReadonly) {
       this.input.setAttribute("aria-disabled", "true");
     } else {
       this.input.removeAttribute("aria-disabled");
@@ -171,7 +171,7 @@ var DSACheckbox = class extends ShoelaceElement {
     this.formControlController.updateValidity();
   }
   render() {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const hasLabelSlot = this.hasSlotController.test("[default]");
     const isDisabled = this.disabled || this.parentDisabled;
     const isReadonly = this.readonly || this.parentReadonly;
@@ -198,7 +198,6 @@ var DSACheckbox = class extends ShoelaceElement {
     })}
       >
         <label
-          for="input"
           class=${e2({
       checkbox: true,
       "checkbox--checked": this.checked,
@@ -217,19 +216,18 @@ var DSACheckbox = class extends ShoelaceElement {
             id="input"
             class="checkbox__input"
             type="checkbox"
-            title=${(_a = this.accessibleName) != null ? _a : this.title}
+            title=${ifDefinedAndNotEmpty((_a = this.accessibleName) != null ? _a : this.title)}
             name=${ifDefinedAndNotEmpty(this.name)}
             value=${o(this.value)}
             .indeterminate=${l(this.indeterminate)}
             .checked=${l(this.checked)}
             .disabled=${isDisabled}
             .required=${this.required}
-            aria-label=${ifDefinedAndNotEmpty(
-      (_b = this.accessibleName) != null ? _b : this.ariaLabel
+            aria-label=${o(
+      !hasLabelSlot ? (_b = this.accessibleName) != null ? _b : this.title : void 0
     )}
-            aria-checked=${this.checked ? "true" : "false"}
             aria-describedby=${o(this.error ? "error-text" : void 0)}
-            aria-disabled="${o(isDeactivated ? "true" : void 0)}"
+            aria-disabled="${o(isReadonly ? "true" : void 0)}"
             aria-invalid=${o(this.error ? "true" : void 0)}
             @click=${this.handleClick}
             @input=${this.handleInput}
@@ -244,11 +242,17 @@ var DSACheckbox = class extends ShoelaceElement {
             ?disabled=${isDisabled}
             ?readonly=${isReadonly}
             ?error=${this.error}
+            title=${ifDefinedAndNotEmpty((_c = this.accessibleName) != null ? _c : this.title)}
+            aria-hidden="true"
           ></dsa-internal-checkbox-box>
 
           <div part="label" class="checkbox__label">
             ${this.required ? x`<span class="checkbox__label-required">*</span>` : ""}
-            <slot></slot>
+            <slot
+              ><dsa-visually-hidden
+                >${(_d = this.accessibleName) != null ? _d : this.title}</dsa-visually-hidden
+              ></slot
+            >
           </div>
         </label>
         ${this.error && !isDeactivated && this.errorMessage ? renderFormElementErrors(this.errorMessage) : ""}

package/cdn/chunks/{chunk.QNIK7LHK.js → chunk.6SX2PVBZ.js}

@@ -704,7 +704,7 @@ var DSACombobox = class extends FormControlLayout {
               aria-label=${ifDefinedAndNotEmpty(
       hasLabel ? void 0 : (_b = this.accessibleName) != null ? _b : this.title
     )}
-              aria-disabled=${isDisabledOrReadonly ? "true" : "false"}
+              aria-disabled=${o(this.readonly ? "true" : void 0)}
               aria-describedby=${this.getDescriptionIds()}
               aria-activedescendant=${(_d = (_c = this.currentOption) == null ? void 0 : _c.id) != null ? _d : ""}
               aria-invalid=${o(this.error ? "true" : void 0)}

package/cdn/chunks/{chunk.7YRH4W4Z.js → chunk.7X3L3UKI.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.ZRTVJE3I.js";
 import {
   FormSelectableCard
-} from "./chunk.COPSPY7Y.js";
+} from "./chunk.PLMZNC5Q.js";
 import {
   watch
 } from "./chunk.TKTCYZRK.js";

package/cdn/chunks/{chunk.26AMHY6M.js → chunk.A36W5FG6.js}

@@ -139,6 +139,7 @@ var DSACopyButton = class extends ShoelaceElement {
         placement=${this.tooltipPlacement}
         ?disabled=${this.disabled}
         ?hoist=${this.hoist}
+        @mouseleave=${this.resetStatus}
       >
         <button
           class="copy-button__button"
@@ -147,7 +148,6 @@ var DSACopyButton = class extends ShoelaceElement {
           ?disabled=${this.disabled}
           @click=${this.handleCopy}
           aria-label=${copyLabel}
-          @mouseleave=${this.resetStatus}
           @focusout=${this.resetStatus}
         >
           <dsa-icon

package/cdn/chunks/{chunk.3RUPWW4M.js → chunk.ALIVM5IK.js}

@@ -13,6 +13,9 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.CCDITBCR.js";
+import {
+  a11yWarning
+} from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
 } from "./chunk.IUTJLFMA.js";
@@ -190,6 +193,11 @@ var DSATooltip = class extends ShoelaceElement {
       "dsa-button, dsa-icon-button"
     );
     target == null ? void 0 : target.setAttribute("description", this.content);
+    if (!target) {
+      a11yWarning(
+        "The target element of the tooltip (in its default slot) must be a dsa-button or dsa-icon-button."
+      );
+    }
   }
   render() {
     return x`

package/cdn/chunks/{chunk.NDZZP23O.js → chunk.ANY4UVWZ.js}

@@ -194,9 +194,7 @@ var DSASwitch = class extends ShoelaceElement {
               .required=${this.required}
               role="switch"
               aria-checked=${this.checked ? "true" : "false"}
-              aria-disabled=${o(
-      this.disabled || this.readonly ? "true" : void 0
-    )}
+              aria-disabled=${o(this.readonly ? "true" : void 0)}
               @click=${this.handleClick}
               @input=${this.handleInput}
               @invalid=${this.handleInvalid}

package/cdn/chunks/{chunk.HCI7PRQV.js → chunk.AWWSQ5SC.js}

@@ -1,6 +1,6 @@
 import {
   FormToggleButton
-} from "./chunk.Z5BYMFSD.js";
+} from "./chunk.OHT2CDR3.js";
 import {
   DSACheckboxGroup
 } from "./chunk.FZ5GX4LB.js";

package/cdn/chunks/{chunk.2WKNTHTE.js → chunk.C2XIPTU3.js}

@@ -1,6 +1,6 @@
 import {
   FormSelectableCard
-} from "./chunk.COPSPY7Y.js";
+} from "./chunk.PLMZNC5Q.js";
 import {
   watch
 } from "./chunk.TKTCYZRK.js";

package/cdn/chunks/{chunk.WZMY5NAQ.js → chunk.CK3OZQKX.js}

@@ -61,10 +61,6 @@ var checkbox_styles_default = i`
     outline-offset: var(--dsa-wc-focus-ring-offset);
   }
 
-  .checkbox__label:not(.checkbox--disabled) {
-    display: none;
-  }
-
   .checkbox--has-label .checkbox__label:not(.checkbox--disabled) {
     display: inline-block;
     color: var(--dsa-wc-checkbox-color);

package/cdn/chunks/{chunk.SC3NB3OV.js → chunk.E3W7YEA4.js}

@@ -160,7 +160,6 @@ var DSARangeSlider = class extends ShoelaceElement {
         max=${o(this.max)}
         ?disabled=${this.disabled}
         aria-label=${ifDefinedAndNotEmpty(this.labelFrom)}
-        aria-disabled=${this.disabled}
         @input=${this.onFromSliderInputChange}
         @focus=${this.handleFromSliderFocus}
         @blur=${this.handleFromSliderBlur}
@@ -178,7 +177,6 @@ var DSARangeSlider = class extends ShoelaceElement {
         max=${o(this.max)}
         ?disabled=${this.disabled}
         aria-label=${ifDefinedAndNotEmpty(this.labelTo)}
-        aria-disabled=${this.disabled}
         @input=${this.onToSliderInputChange}
         @focus=${this.handleToSliderFocus}
         @blur=${this.handleToSliderBlur}

package/cdn/chunks/{chunk.OONJ4BAJ.js → chunk.F2AI7O4R.js}

@@ -23,6 +23,7 @@ var DSATableAction = class extends ShoelaceElement {
     super(...arguments);
     this.localize = new LocalizeController(this);
     this.show = false;
+    this.deselectAllOnClose = false;
   }
   handleClose() {
     this.emit("dsa-table-actions-close");
@@ -40,7 +41,7 @@ var DSATableAction = class extends ShoelaceElement {
         @click=${this.handleClose}
       >
         <dsa-icon slot="prefix" name="close" library="system"></dsa-icon>
-        ${this.localize.term("close")}
+        ${this.deselectAllOnClose ? this.localize.term("deselectAll") : this.localize.term("close")}
       </dsa-button>
     `;
   }
@@ -52,6 +53,9 @@ __decorateClass([
 __decorateClass([
   n({ type: Boolean, reflect: true })
 ], DSATableAction.prototype, "show", 2);
+__decorateClass([
+  n({ type: Boolean, attribute: "deselect-all-on-close" })
+], DSATableAction.prototype, "deselectAllOnClose", 2);
 DSATableAction = __decorateClass([
   t("dsa-table-action")
 ], DSATableAction);

package/cdn/chunks/{chunk.E7LCBTT5.js → chunk.FMMA36UF.js}

@@ -541,7 +541,7 @@ var DSASelect = class extends FormControlLayout {
             aria-label=${ifDefinedAndNotEmpty(
       hasLabel ? void 0 : (_b = this.accessibleName) != null ? _b : this.title
     )}
-            aria-disabled=${isDisabledOrReadonly ? "true" : "false"}
+            aria-disabled=${o(this.readonly ? "true" : void 0)}
             aria-describedby=${this.getDescriptionIds()}
             aria-activedescendant=${(_d = (_c = this.currentOption) == null ? void 0 : _c.id) != null ? _d : ""}
             aria-invalid=${o(this.error ? "true" : void 0)}

package/cdn/chunks/{chunk.T7LIPTCL.js → chunk.H4JTQC7T.js}

@@ -60,15 +60,6 @@ var DSAMenuAccordion = class extends ShoelaceElement {
     this.collapsed = false;
     this.sidenavInfo = false;
   }
-  connectedCallback() {
-    super.connectedCallback();
-    const menuNavigation = this.querySelector(
-      "dsa-menu-navigation"
-    );
-    if (menuNavigation !== null) {
-      menuNavigation == null ? void 0 : menuNavigation.classList.add(this.level === 2 ? "level-2" : "level-1");
-    }
-  }
   firstUpdated() {
     this.body.hidden = !this.open;
     this.body.style.height = this.open ? "auto" : "0";
@@ -99,6 +90,19 @@ var DSAMenuAccordion = class extends ShoelaceElement {
       this.show();
     }
   }
+  updateChildrenClassName() {
+    const menuNavigation = this.querySelector(
+      "dsa-menu-navigation"
+    );
+    if (menuNavigation !== null) {
+      menuNavigation.level = this.level;
+      menuNavigation == null ? void 0 : menuNavigation.classList.remove("level-1", "level-2");
+      menuNavigation == null ? void 0 : menuNavigation.classList.add(this.level === 2 ? "level-2" : "level-1");
+    }
+  }
+  handleDefaultSlotChange() {
+    this.updateChildrenClassName();
+  }
   /** Returns a text label based on the contents of the summary slot. */
   getTextSummary(widthBadge = false) {
     var _a, _b, _c, _d;
@@ -160,16 +164,7 @@ var DSAMenuAccordion = class extends ShoelaceElement {
     }
   }
   handleLevelChange() {
-    const menuNavigation = this.querySelector(
-      "dsa-menu-navigation"
-    );
-    if (menuNavigation !== null) {
-      if (this.level === 2) {
-        menuNavigation.classList.add("level-2");
-      } else {
-        menuNavigation.classList.remove("level-2");
-      }
-    }
+    this.updateChildrenClassName();
   }
   async handleExpandedChange() {
     await this.updateComplete;
@@ -265,6 +260,7 @@ var DSAMenuAccordion = class extends ShoelaceElement {
             id="content"
             class="menu-accordion__content"
             aria-labelledby="header"
+            @slotchange=${this.handleDefaultSlotChange}
           ></slot>
         </div>
       </div>

package/cdn/chunks/{chunk.VSZMOH4N.js → chunk.J7IAZRFK.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.ZRTVJE3I.js";
 import {
   FormToggleButton
-} from "./chunk.Z5BYMFSD.js";
+} from "./chunk.OHT2CDR3.js";
 import {
   watch
 } from "./chunk.TKTCYZRK.js";

package/cdn/chunks/{chunk.34HTLNHP.js → chunk.KM4KITZK.js}

@@ -66,6 +66,19 @@ var DSATableContainer = class extends LoadingStateElement {
   }
   handleTableActionsClose() {
     this.showTableActions = false;
+    const actionBar = this.querySelector("dsa-table-action");
+    const headerRow = this.querySelector(
+      "dsa-table-header-row"
+    );
+    if (actionBar && headerRow && actionBar.deselectAllOnClose) {
+      const tableRows = [
+        ...this.querySelectorAll("dsa-table-row")
+      ];
+      tableRows.forEach((row) => row.selected = false);
+      headerRow.checkbox.checked = false;
+      headerRow.checkbox.indeterminate = false;
+      headerRow.selected = false;
+    }
   }
   handleTableSelection(event) {
     this.showTableActions = event.detail.selectedRows.length > 0;

package/cdn/chunks/{chunk.Z5BYMFSD.js → chunk.OHT2CDR3.js}

@@ -199,7 +199,7 @@ var FormToggleButton = class extends ShoelaceElement {
     this.emit("dsa-focus");
   }
   handleDeactivatedChange() {
-    if (this.disabled || this.readonly || this.parentDisabled || this.parentReadonly) {
+    if (this.readonly || this.parentReadonly) {
       this.button.setAttribute("aria-disabled", "true");
     } else {
       this.button.removeAttribute("aria-disabled");
@@ -216,7 +216,6 @@ var FormToggleButton = class extends ShoelaceElement {
   render() {
     const isDisabled = this.disabled || this.parentDisabled;
     const isReadonly = this.readonly || this.parentReadonly;
-    const isDeactivated = isDisabled || isReadonly;
     if (!this.hasSlotController.test("[default]")) {
       a11yWarning(
         `<dsa-${this.type}-card> requires an accessible name in the default slot for accessibility`
@@ -242,7 +241,7 @@ var FormToggleButton = class extends ShoelaceElement {
       "button--checkbox": this.type === "checkbox"
     })}
           ?disabled=${isDisabled}
-          aria-disabled=${o(isDeactivated ? "true" : void 0)}
+          aria-disabled=${o(isReadonly ? "true" : void 0)}
           aria-invalid=${o(
       this.type === "checkbox" && this.error ? "true" : void 0
     )}

package/cdn/chunks/{chunk.COPSPY7Y.js → chunk.PLMZNC5Q.js}

@@ -192,7 +192,7 @@ var FormSelectableCard = class extends ShoelaceElement {
     this.emit("dsa-focus");
   }
   handleDisabledChange() {
-    if (this.disabled || this.readonly || this.parentDisabled || this.parentReadonly) {
+    if (this.readonly || this.parentReadonly) {
       this.button.setAttribute("aria-disabled", "true");
     } else {
       this.button.removeAttribute("aria-disabled");
@@ -209,7 +209,6 @@ var FormSelectableCard = class extends ShoelaceElement {
   render() {
     const isDisabled = this.disabled || this.parentDisabled;
     const isReadonly = this.readonly || this.parentReadonly;
-    const isDeactivated = isDisabled || isReadonly;
     return u`
       <div part="base">
         <button
@@ -231,7 +230,7 @@ var FormSelectableCard = class extends ShoelaceElement {
       "selectable-card--contrasted-borders": this.contrastedBorders
     })}
           ?disabled=${isDisabled}
-          aria-disabled=${o(isDeactivated ? "true" : void 0)}
+          aria-disabled=${o(isReadonly ? "true" : void 0)}
           aria-invalid=${o(
       this.type === "checkbox" && this.error ? "true" : void 0
     )}
@@ -319,7 +318,7 @@ __decorateClass([
   n({ type: Boolean, reflect: true, attribute: "contrasted-borders" })
 ], FormSelectableCard.prototype, "contrastedBorders", 2);
 __decorateClass([
-  watch(["disabled", "readonly", "parentDisabled", "parentReadonly"], {
+  watch(["readonly", "parentReadonly"], {
     waitUntilFirstUpdate: true
   })
 ], FormSelectableCard.prototype, "handleDisabledChange", 1);

package/cdn/chunks/{chunk.XO5NWJKS.js → chunk.QHK23HRN.js}

@@ -4,9 +4,13 @@ import {
 import {
   menu_navigation_styles_default
 } from "./chunk.WBTHKBRH.js";
+import {
+  watch
+} from "./chunk.TKTCYZRK.js";
 import {
   ShoelaceElement,
   e,
+  n,
   t
 } from "./chunk.TEKUWOCD.js";
 import {
@@ -21,39 +25,54 @@ var DSAMenuNavigation = class extends ShoelaceElement {
   connectedCallback() {
     super.connectedCallback();
     this.addEventListener("keydown", this.handleKeyDown);
-    let level;
-    if (this.classList.contains("level-1")) {
-      level = "level-1";
-    }
-    if (this.classList.contains("level-2")) {
-      level = "level-2";
-    }
-    if (level) {
-      const menuItems = this.querySelectorAll("dsa-menu-item");
-      menuItems.forEach((menuItem) => {
-        menuItem.classList.add(level);
-      });
-    }
     this.setAttribute("role", "list");
   }
   disconnectedCallback() {
     super.disconnectedCallback();
     this.removeEventListener("keydown", this.handleKeyDown);
   }
+  updateChildrenClassName() {
+    if (this.level) {
+      const menuItems = this.querySelectorAll("dsa-menu-item");
+      menuItems.forEach((menuItem) => {
+        if (this.level === 1) {
+          menuItem.classList.remove("level-2");
+          menuItem.classList.add("level-1");
+        } else {
+          menuItem.classList.remove("level-1");
+          menuItem.classList.add("level-2");
+        }
+      });
+    }
+  }
+  handleSlotChange() {
+    this.updateChildrenClassName();
+  }
   handleKeyDown(event) {
     if (event.key === " " && !(event.target instanceof DSAMenuItem && event.target.type === "button")) {
       event.preventDefault();
     }
   }
-  // A change of attributes on the slotted elements does not trigger the "slotchange" event, so we add an observer
+  handleLevelChange() {
+    this.updateChildrenClassName();
+  }
   render() {
-    return x`<slot @keydown=${this.handleKeyDown}></slot>`;
+    return x`<slot
+      @keydown=${this.handleKeyDown}
+      @slotchange=${this.handleSlotChange}
+    ></slot>`;
   }
 };
 DSAMenuNavigation.styles = menu_navigation_styles_default;
 __decorateClass([
   e("slot")
 ], DSAMenuNavigation.prototype, "defaultSlot", 2);
+__decorateClass([
+  n({ type: Number })
+], DSAMenuNavigation.prototype, "level", 2);
+__decorateClass([
+  watch("level", { waitUntilFirstUpdate: true })
+], DSAMenuNavigation.prototype, "handleLevelChange", 1);
 DSAMenuNavigation = __decorateClass([
   t("dsa-menu-navigation")
 ], DSAMenuNavigation);

package/cdn/chunks/{chunk.OJYQEB5J.js → chunk.R76IUUIR.js}

@@ -1,6 +1,6 @@
 import {
   DSASelect
-} from "./chunk.E7LCBTT5.js";
+} from "./chunk.FMMA36UF.js";
 import {
   input_phone_styles_default
 } from "./chunk.6PLXHBET.js";

package/cdn/chunks/{chunk.F6UW3MQK.js → chunk.T7UYS7W3.js}

@@ -106,7 +106,7 @@ var DSAIconButton = class extends ShoelaceElement {
       isLink && this.target ? "noreferrer noopener" : void 0
     )}
         role=${o(isLink ? void 0 : "button")}
-        aria-disabled=${this.disabled ? "true" : "false"}
+        aria-disabled=${o(this.disabled && isLink ? "true" : void 0)}
         aria-pressed=${o(this.toggle ? this.pressed : void 0)}
         aria-label=${ifDefinedAndNotEmpty(this.label)}
         aria-describedby="description"

package/cdn/chunks/{chunk.S7UT2YD7.js → chunk.TAYXGYQL.js}

@@ -121,7 +121,6 @@ var step_styles_default = i`
     content: '';
     position: absolute;
     background-color: var(--dsa-wc-stepper-color-progress-default);
-    z-index: -1;
   }
 
   .step-container__horizontal .step:after {

package/cdn/chunks/{chunk.H6FFNEL2.js → chunk.XHR7MVV6.js}

@@ -1,6 +1,6 @@
 import {
   step_styles_default
-} from "./chunk.S7UT2YD7.js";
+} from "./chunk.TAYXGYQL.js";
 import {
   getStepIcon
 } from "./chunk.CCTWXABH.js";

package/cdn/chunks/{chunk.REWGAX6A.js → chunk.XI4SZBXQ.js}

@@ -241,7 +241,7 @@ var DSAButton = class extends ShoelaceElement {
       (_a = this.accessibleName) != null ? _a : this.ariaLabel
     )}
         aria-describedby="description"
-        aria-disabled=${o(this.disabled ? "true" : void 0)}
+        aria-disabled=${o(this.disabled && isLink ? "true" : void 0)}
         aria-pressed=${o(this.toggle ? this.pressed : void 0)}
         tabindex=${o(this.disabled ? "-1" : void 0)}
         @blur=${this.handleBlur}

package/cdn/chunks/{chunk.GZM7EYZQ.js → chunk.XUMSOEU7.js}

@@ -502,6 +502,7 @@ var DSAInternalDateField = class extends ShoelaceElement {
         class=${className}
         ?disabled=${this.disabled}
         ?readonly=${this.readonly}
+        aria-disabled=${o(this.readonly ? "true" : void 0)}
         ?required=${this.required}
         aria-label=${`${ariaLabel} - ${this.parentName}`}
         aria-describedby="description"
@@ -539,6 +540,7 @@ var DSAInternalDateField = class extends ShoelaceElement {
         name=${ifDefinedAndNotEmpty(this.name)}
         ?disabled=${this.disabled}
         ?readonly=${this.readonly}
+        aria-disabled=${o(this.readonly ? "true" : void 0)}
         ?required=${this.required}
         min=${o(this.min)}
         max=${o(this.max)}

package/cdn/chunks/{chunk.7ATQ4MIY.js → chunk.ZE5OBVSN.js}

@@ -268,9 +268,6 @@ var DSAFilterDate = class extends FilterBase {
     )}
           @dsa-change=${this.handleChange}
           ?disabled=${this.disabled}
-          aria-disabled=${o(
-      this.disabled || this.readonly ? "true" : void 0
-    )}
           ?readonly=${this.readonly}
           parent-name=${this.range ? `${this.label} - ${this.localize.term("startDate")}` : this.label}
           description=${this.getDescriptionText("start")}
@@ -287,9 +284,6 @@ var DSAFilterDate = class extends FilterBase {
                 .value=${(_a = parseDateRange(this.value)[1]) != null ? _a : ""}
                 @dsa-change=${this.handleChange}
                 ?disabled=${this.disabled}
-                aria-disabled=${o(
-      this.disabled || this.readonly ? "true" : void 0
-    )}
                 ?readonly=${this.readonly}
                 parent-name=${`${this.label} - ${this.localize.term(
       "endDate"

package/cdn/components/accordion-group/accordion-group.js

@@ -1,7 +1,7 @@
 import {
   DSAAccordionGroup
 } from "../../chunks/chunk.GCZKQEK3.js";
-import "../../chunks/chunk.REWGAX6A.js";
+import "../../chunks/chunk.XI4SZBXQ.js";
 import "../../chunks/chunk.JJZU37TO.js";
 import "../../chunks/chunk.KPERDNOW.js";
 import "../../chunks/chunk.LLQW6MLS.js";

package/cdn/components/alert/alert.js

@@ -1,7 +1,7 @@
 import {
   DSAAlert
 } from "../../chunks/chunk.CE4QX5GY.js";
-import "../../chunks/chunk.F6UW3MQK.js";
+import "../../chunks/chunk.T7UYS7W3.js";
 import "../../chunks/chunk.NBIZCATT.js";
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.PMYSGKZB.js";

package/cdn/components/button/button.js

@@ -1,6 +1,6 @@
 import {
   DSAButton
-} from "../../chunks/chunk.REWGAX6A.js";
+} from "../../chunks/chunk.XI4SZBXQ.js";
 import "../../chunks/chunk.JJZU37TO.js";
 import "../../chunks/chunk.KPERDNOW.js";
 import "../../chunks/chunk.LLQW6MLS.js";