@ds-autonomie/web-components 2.11.1 → 2.13.0

package/cdn/vscode.html-custom-data.json

@@ -2267,7 +2267,13 @@
     {
       "name": "dsa-menu-navigation",
       "description": "Menus Navigation provide a list of links for the user to choose from.\n---\n\n\n### **Slots:**\n - _default_ - The menu's content, including links, menu labels, menu-accordions, and dividers.",
-      "attributes": [],
+      "attributes": [
+        {
+          "name": "level",
+          "description": "(internal) The level of the parent menu accordion",
+          "values": [{ "name": "1" }, { "name": "2" }]
+        }
+      ],
       "references": []
     },
     {
@@ -3533,6 +3539,11 @@
           "name": "show",
           "description": "`true` if it should be visible.",
           "values": []
+        },
+        {
+          "name": "deselect-all-on-close",
+          "description": "Should deselect all rows on close",
+          "values": []
         }
       ],
       "references": []
@@ -4052,7 +4063,8 @@
           "values": [
             { "name": "single" },
             { "name": "multiple" },
-            { "name": "leaf" }
+            { "name": "leaf" },
+            { "name": "parent" }
           ]
         }
       ],

package/cdn/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@ds-autonomie/web-components",
-  "version": "2.11.1",
+  "version": "2.13.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -4956,10 +4956,6 @@
                 "name": "handleChange",
                 "value": {}
               },
-              {
-                "name": "handleFileSelectedChange",
-                "value": {}
-              },
               {
                 "name": "handleInvalid",
                 "value": {}
@@ -9108,6 +9104,14 @@
                 "name": "handleSummaryKeyDown",
                 "value": {}
               },
+              {
+                "name": "updateChildrenClassName",
+                "value": {}
+              },
+              {
+                "name": "handleDefaultSlotChange",
+                "value": {}
+              },
               {
                 "name": "getTextSummary",
                 "description": "Returns a text label based on the contents of the summary slot.",
@@ -9404,14 +9408,41 @@
                   "type": "HTMLSlotElement"
                 }
               },
+              {
+                "name": "level",
+                "description": "(internal) The level of the parent menu accordion",
+                "value": {
+                  "type": "1 | 2"
+                }
+              },
+              {
+                "name": "updateChildrenClassName",
+                "value": {}
+              },
+              {
+                "name": "handleSlotChange",
+                "value": {}
+              },
               {
                 "name": "handleKeyDown",
                 "value": {}
+              },
+              {
+                "name": "handleLevelChange",
+                "value": {}
               }
             ],
             "events": []
           },
-          "attributes": []
+          "attributes": [
+            {
+              "name": "level",
+              "description": "(internal) The level of the parent menu accordion",
+              "value": {
+                "type": "1 | 2"
+              }
+            }
+          ]
         },
         {
           "name": "dsa-mutation-observer",
@@ -14389,6 +14420,13 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "deselectAllOnClose",
+                "description": "Should deselect all rows on close",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "handleClose",
                 "value": {}
@@ -14408,6 +14446,13 @@
               "value": {
                 "type": "boolean"
               }
+            },
+            {
+              "name": "deselect-all-on-close",
+              "description": "Should deselect all rows on close",
+              "value": {
+                "type": "boolean"
+              }
             }
           ]
         },
@@ -16431,7 +16476,7 @@
                 "name": "selection",
                 "description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.",
                 "value": {
-                  "type": "'single' | 'multiple' | 'leaf'"
+                  "type": "'single' | 'multiple' | 'leaf' | 'parent'"
                 }
               },
               {
@@ -16521,7 +16566,7 @@
               "name": "selection",
               "description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.",
               "value": {
-                "type": "'single' | 'multiple' | 'leaf'"
+                "type": "'single' | 'multiple' | 'leaf' | 'parent'"
               }
             }
           ]

package/dist/chunks/{chunk.BVJYG2SX.js → chunk.2I63PZSO.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.7M5CM6FS.js";
 import {
   filter_date_styles_default
-} from "./chunk.44PC44MV.js";
+} from "./chunk.46IV7V5Z.js";
 import {
   formatDateRange,
   getDateFromISO,
@@ -255,9 +255,6 @@ var DSAFilterDate = class extends FilterBase {
     )}
           @dsa-change=${this.handleChange}
           ?disabled=${this.disabled}
-          aria-disabled=${ifDefined(
-      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")}
@@ -274,9 +271,6 @@ var DSAFilterDate = class extends FilterBase {
                 .value=${(_a = parseDateRange(this.value)[1]) != null ? _a : ""}
                 @dsa-change=${this.handleChange}
                 ?disabled=${this.disabled}
-                aria-disabled=${ifDefined(
-      this.disabled || this.readonly ? "true" : void 0
-    )}
                 ?readonly=${this.readonly}
                 parent-name=${`${this.label} - ${this.localize.term(
       "endDate"

package/dist/chunks/{chunk.WIJ5PZTL.js → chunk.2LB4AUIL.js}

@@ -1,6 +1,6 @@
 import {
   filter_base_styles_default
-} from "./chunk.E3IQDNCT.js";
+} from "./chunk.ENRRKDIB.js";
 
 // src/components/filter-select/filter-select.styles.ts
 import { css } from "lit";

package/dist/chunks/{chunk.FE77T4YV.js → chunk.2NY5MPRL.js}

@@ -192,7 +192,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");
@@ -209,7 +209,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`
@@ -235,7 +234,7 @@ var FormToggleButton = class extends ShoelaceElement {
       "button--checkbox": this.type === "checkbox"
     })}
           ?disabled=${isDisabled}
-          aria-disabled=${ifDefined(isDeactivated ? "true" : void 0)}
+          aria-disabled=${ifDefined(isReadonly ? "true" : void 0)}
           aria-invalid=${ifDefined(
       this.type === "checkbox" && this.error ? "true" : void 0
     )}

package/dist/chunks/{chunk.44PC44MV.js → chunk.46IV7V5Z.js}

@@ -1,6 +1,6 @@
 import {
   filter_base_styles_default
-} from "./chunk.E3IQDNCT.js";
+} from "./chunk.ENRRKDIB.js";
 
 // src/components/filter-date/filter-date.styles.ts
 import { css } from "lit";
@@ -18,6 +18,7 @@ var filter_date_styles_default = css`
     border-radius: var(--dsa-wc-filter-date-border-radius);
     font: var(--dsa-wc-filter-date-font);
     background-color: var(--dsa-wc-filter-date-background-color);
+    color: var(--dsa-wc-input-on-base-text-field-placeholder-color);
   }
   .filter-button > * {
     line-height: 1.875rem;

package/dist/chunks/{chunk.LGVJZXUH.js → chunk.6G6RGA23.js}

@@ -38,6 +38,7 @@ var dialog_styles_default = css`
     background-color: var(--dsa-wc-dialog-panel-color);
     border-radius: var(--dsa-wc-dialog-panel-border-radius);
     box-shadow: var(--dsa-wc-dialog-panel-box-shadow);
+    color: var(--dsa-wc-dialog-panel-text-color);
   }
   .dialog--small .dialog__panel {
     width: var(--dsa-wc-dialog-size-small);

package/dist/chunks/{chunk.L6UOW2AY.js → chunk.6KJSL5LS.js}

@@ -59,6 +59,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/dist/chunks/{chunk.CKP37TED.js → chunk.7MGIRC6M.js}

@@ -1,6 +1,6 @@
 import {
   table_of_contents_styles_default
-} from "./chunk.5JVUW5SF.js";
+} from "./chunk.MXQ5RSBS.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";

package/dist/chunks/{chunk.4ZTY4RLW.js → chunk.7TG3DZTW.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.6SOP54V7.js";
 import {
   FormSelectableCard
-} from "./chunk.SBO2HJFC.js";
+} from "./chunk.CHUBPDIO.js";
 import {
   watch
 } from "./chunk.7627FYPL.js";

package/dist/chunks/{chunk.EXD4UGIK.js → chunk.A3SHXMQF.js}

@@ -191,7 +191,7 @@ var combobox_styles_default = css`
     z-index: 2;
   }
 
-  .select--on-base select__prefix {
+  .select--on-base .select__prefix {
     color: var(--dsa-wc-input-on-base-text-field-input-color);
   }
 

package/dist/chunks/{chunk.TXDB6HM4.js → chunk.AXRKD7DS.js}

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

package/dist/chunks/{chunk.6PBTRK6C.js → chunk.B4DA7JH6.js}

@@ -1,6 +1,6 @@
 import {
   filter_counter_styles_default
-} from "./chunk.PVXX2LT7.js";
+} from "./chunk.YSCXTTQZ.js";
 import {
   FilterBase
 } from "./chunk.7M5CM6FS.js";

package/dist/chunks/{chunk.QQOPMOYX.js → chunk.BC35J2XZ.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.CMJ2SRTL.js";
 import {
   combobox_styles_default
-} from "./chunk.EXD4UGIK.js";
+} from "./chunk.A3SHXMQF.js";
 import {
   FormControlController
 } from "./chunk.APQFQQX5.js";
@@ -693,7 +693,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=${ifDefined(this.readonly ? "true" : void 0)}
               aria-describedby=${this.getDescriptionIds()}
               aria-activedescendant=${(_d = (_c = this.currentOption) == null ? void 0 : _c.id) != null ? _d : ""}
               aria-invalid=${ifDefined(this.error ? "true" : void 0)}

package/dist/chunks/{chunk.SBO2HJFC.js → chunk.CHUBPDIO.js}

@@ -185,7 +185,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");
@@ -202,7 +202,6 @@ var FormSelectableCard = class extends ShoelaceElement {
   render() {
     const isDisabled = this.disabled || this.parentDisabled;
     const isReadonly = this.readonly || this.parentReadonly;
-    const isDeactivated = isDisabled || isReadonly;
     return html`
       <div part="base">
         <button
@@ -224,7 +223,7 @@ var FormSelectableCard = class extends ShoelaceElement {
       "selectable-card--contrasted-borders": this.contrastedBorders
     })}
           ?disabled=${isDisabled}
-          aria-disabled=${ifDefined(isDeactivated ? "true" : void 0)}
+          aria-disabled=${ifDefined(isReadonly ? "true" : void 0)}
           aria-invalid=${ifDefined(
       this.type === "checkbox" && this.error ? "true" : void 0
     )}
@@ -312,7 +311,7 @@ __decorateClass([
   property({ 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/dist/chunks/{chunk.3332LWML.js → chunk.DFNCZLQM.js}

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

package/dist/chunks/{chunk.BR2432LA.js → chunk.DONQDIEN.js}

@@ -26,6 +26,12 @@ var DSACallout = class extends ShoelaceElement {
         class=${classMap({
       callout: true
     })}
+        role=${ifDefined(
+      this.calloutTitle || this.title ? "region" : void 0
+    )}
+        aria-labelledby=${ifDefined(
+      this.calloutTitle || this.title ? "header" : void 0
+    )}
       >
         <div class="callout__text">
           ${this.calloutTitle || this.title ? html`

package/dist/chunks/{chunk.FGPLOCXU.js → chunk.DQFLHN3N.js}

@@ -1,6 +1,6 @@
 import {
   input_date_styles_default
-} from "./chunk.75YDRKLZ.js";
+} from "./chunk.ZWLVZ5XN.js";
 import {
   InputBase
 } from "./chunk.OUL3HENR.js";

package/dist/chunks/{chunk.E3IQDNCT.js → chunk.ENRRKDIB.js}

@@ -32,6 +32,7 @@ var filter_base_styles_default = css`
     font: var(--dsa-wc-input-text-field-font);
     box-shadow: var(--dsa-wc-shadow-small);
     background: var(--dsa-wc-select-listbox-background-color);
+    color: var(--dsa-color-text-on-base-primary);
     border: solid var(--dsa-wc-select-listbox-border-width)
       var(--dsa-wc-select-listbox-border-color);
     border-radius: var(--dsa-wc-select-listbox-border-radius);

package/dist/chunks/{chunk.YVUJ2MK6.js → chunk.F4IJ3EXV.js}

@@ -17,6 +17,7 @@ var sidenav_styles_default = css`
     justify-content: space-between;
     height: 100%;
     border-right: 1px solid var(--dsa-color-border-default);
+    background-color: var(--dsa-wc-sidenav-background-color);
   }
 
   .sidenav--collapsed {

package/dist/chunks/{chunk.KR5EMEBO.js → chunk.GIRLDLV3.js}

@@ -60,7 +60,7 @@ var DSATree = class extends ShoelaceElement {
     this.selection = "single";
     this.localize = new LocalizeController(this);
     this.clickTarget = null;
-    // Initializes new items by setting the `selectable` property and the expanded/collapsed icons if any
+    // Initializes new items by setting the `selectable` property, the expanded/collapsed icons if any, and adding aria-disabled to leaves if the selection mode is 'parent'
     this.initTreeItem = (item) => {
       item.selectable = this.selection === "multiple";
       ["expand", "collapse"].filter((status) => !!this.querySelector(`[slot="${status}-icon"]`)).forEach((status) => {
@@ -76,6 +76,9 @@ var DSATree = class extends ShoelaceElement {
         } else {
         }
       });
+      if (this.selection === "parent" && item.isLeaf) {
+        item.setAttribute("aria-disabled", "true");
+      }
     };
   }
   async connectedCallback() {
@@ -129,6 +132,7 @@ var DSATree = class extends ShoelaceElement {
     }
   }
   selectItem(selectedItem) {
+    var _a;
     const previousSelection = [...this.selectedItems];
     if (this.selection === "multiple") {
       selectedItem.selected = !selectedItem.selected;
@@ -136,13 +140,21 @@ var DSATree = class extends ShoelaceElement {
         selectedItem.expanded = true;
       }
       syncCheckboxes(selectedItem);
-    } else if (this.selection === "single" || selectedItem.isLeaf) {
+    } else if (this.selection === "single" || this.selection === "leaf" && selectedItem.isLeaf || this.selection === "parent" && !selectedItem.isLeaf) {
       const items = this.getAllTreeItems();
       for (const item of items) {
         item.selected = item === selectedItem;
       }
-    } else if (this.selection === "leaf") {
+    } else if (this.selection === "leaf" && !selectedItem.isLeaf) {
       selectedItem.expanded = !selectedItem.expanded;
+    } else if (this.selection === "parent" && selectedItem.isLeaf) {
+      const parentItem = (_a = selectedItem.parentElement) == null ? void 0 : _a.closest("[role=treeitem]");
+      if (parentItem) {
+        const items = this.getAllTreeItems();
+        for (const item of items) {
+          item.selected = item === parentItem;
+        }
+      }
     }
     const nextSelection = this.selectedItems;
     if (previousSelection.length !== nextSelection.length || nextSelection.some((item) => !previousSelection.includes(item))) {
@@ -271,6 +283,10 @@ var DSATree = class extends ShoelaceElement {
     );
     for (const item of items) {
       item.selectable = isSelectionMultiple;
+      item.setAttribute(
+        "aria-disabled",
+        item.disabled || (item.isLeaf && this.selection) === "parent" ? "true" : "false"
+      );
     }
     if (isSelectionMultiple) {
       await this.updateComplete;

package/dist/chunks/{chunk.5NAZU6VJ.js → chunk.HFNQK43R.js}

@@ -59,10 +59,6 @@ var checkbox_styles_default = css`
     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/dist/chunks/{chunk.P7IPRHLL.js → chunk.HH6M5ISS.js}

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

package/dist/chunks/{chunk.IG7F6FJH.js → chunk.I26LWXXM.js}

@@ -108,32 +108,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);
@@ -239,7 +220,6 @@ var DSAFileUpload = class extends ShoelaceElement {
       "button--disabled": this.disabled
     })}
               ?disabled=${this.disabled}
-              aria-disabled=${this.disabled ? "true" : "false"}
               aria-required=${ifDefined(this.required ? "true" : void 0)}
               aria-invalid=${ifDefined(this.error ? "true" : void 0)}
               tabindex=${this.disabled ? "-1" : "0"}

package/dist/chunks/{chunk.7EMAFCV4.js → chunk.J5XUN4RX.js}

@@ -1,6 +1,6 @@
 import {
   progress_ring_styles_default
-} from "./chunk.LOM2QK4T.js";
+} from "./chunk.KIN7BJ2S.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";

package/dist/chunks/{chunk.QDXFBING.js → chunk.JAN26V2T.js}

@@ -1,6 +1,6 @@
 import {
   tab_group_styles_default
-} from "./chunk.COM2MNGD.js";
+} from "./chunk.LZPAAWTZ.js";
 import {
   debounce
 } from "./chunk.I5IKEQES.js";

package/dist/chunks/{chunk.62K7FKPD.js → chunk.JHQA2R5B.js}

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

package/dist/chunks/{chunk.VQ2ZMSUF.js → chunk.JKNWQHLV.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.FJUIXT7L.js";
 import {
   DSAInputDate
-} from "./chunk.FGPLOCXU.js";
+} from "./chunk.DQFLHN3N.js";
 import {
   InputBase
 } from "./chunk.OUL3HENR.js";

package/dist/chunks/{chunk.LOM2QK4T.js → chunk.KIN7BJ2S.js}

@@ -78,6 +78,7 @@ var progress_ring_styles_default = css`
     height: 100%;
     text-align: center;
     user-select: none;
+    color: var(--dsa-wc-progress-ring-color);
   }
   .progress-ring--medium .progress-ring__label {
     top: 0;

package/dist/chunks/{chunk.DRR77YKL.js → chunk.LCNXSDAI.js}

@@ -189,7 +189,7 @@ var select_styles_default = css`
     cursor: default;
   }
 
-  .select--on-base select__prefix {
+  .select--on-base .select__prefix {
     color: var(--dsa-wc-input-on-base-text-field-input-color);
   }
 

package/dist/chunks/{chunk.COM2MNGD.js → chunk.LZPAAWTZ.js}

@@ -14,6 +14,7 @@ var tab_group_styles_default = css`
   .tab-group {
     display: flex;
     border-radius: 0;
+    background: var(--dsa-wc-tab-group-background-color);
   }
 
   .tab-group__tabs {