@ds-autonomie/web-components 2.6.0 → 2.7.0

package/cdn/chunks/{chunk.OP5J3PRS.js → chunk.VDBDS2F7.js}

@@ -1,6 +1,6 @@
 import {
   navbar_menu_styles_default
-} from "./chunk.T5ZFLLFL.js";
+} from "./chunk.QGH2VLLK.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -22,8 +22,8 @@ import {
   LocalizeController
 } from "./chunk.EM2CIX7W.js";
 import {
-  e as e2
-} from "./chunk.IKHG7XGO.js";
+  e2
+} from "./chunk.A2REDF56.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -32,7 +32,7 @@ import {
   e,
   n,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";

package/cdn/chunks/{chunk.GNULOP2U.js → chunk.VDNCCMOZ.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.PSQJDSB2.js";
+} from "./chunk.B5IB4265.js";
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 
 // src/components/icon/icon.styles.ts
 var icon_styles_default = i`

package/cdn/chunks/{chunk.H6YHQDG6.js → chunk.VGHMCMG7.js}

@@ -1,6 +1,6 @@
 import {
   resize_observer_styles_default
-} from "./chunk.O6LSC3HF.js";
+} from "./chunk.YJIZEDYE.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -8,7 +8,7 @@ import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";

package/cdn/chunks/{chunk.DEG7473C.js → chunk.VL5AZ53L.js}

@@ -1,9 +1,9 @@
 import {
   tab_panel_styles_default
-} from "./chunk.NX3X4ING.js";
+} from "./chunk.Q7JREXVB.js";
 import {
-  e
-} from "./chunk.IKHG7XGO.js";
+  e2 as e
+} from "./chunk.A2REDF56.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -11,7 +11,7 @@ import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";

package/cdn/chunks/{chunk.M3TRPPPZ.js → chunk.VO25RPWF.js}

@@ -1,12 +1,12 @@
 import {
   form_control_styles_default
-} from "./chunk.IWMEHK72.js";
+} from "./chunk.3O3BL3NH.js";
 import {
   component_styles_default
-} from "./chunk.PSQJDSB2.js";
+} from "./chunk.B5IB4265.js";
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 
 // src/components/input-phone/input-phone.styles.ts
 var input_phone_styles_default = i`
@@ -30,7 +30,8 @@ var input_phone_styles_default = i`
     overflow: hidden;
     cursor: text;
     width: 100%;
-    transition: var(--dsa-wc-transition-fast) color,
+    transition:
+      var(--dsa-wc-transition-fast) color,
       var(--dsa-wc-transition-fast) border,
       var(--dsa-wc-transition-fast) box-shadow,
       var(--dsa-wc-transition-fast) background-color;
@@ -105,6 +106,11 @@ var input_phone_styles_default = i`
     border-color: var(--dsa-wc-input-on-layer-border-color-error-hover);
   }
 
+  .input-phone--success.input-phone--on-layer {
+    background-color: var(--dsa-wc-input-success-background-color);
+    border-color: var(--dsa-wc-input-success-border-color);
+  }
+
   /* On Base inputs */
   .input-phone--on-base {
     border: solid var(--dsa-wc-input-border-width)
@@ -153,6 +159,11 @@ var input_phone_styles_default = i`
     border-color: var(--dsa-wc-input-on-base-border-color-error-hover);
   }
 
+  .input-phone--success.input-phone--on-base {
+    background-color: var(--dsa-wc-input-success-background-color);
+    border-color: var(--dsa-wc-input-success-border-color);
+  }
+
   .input-phone__control {
     position: absolute;
     padding: 0;
@@ -270,6 +281,41 @@ var input_phone_styles_default = i`
       --dsa-wc-input-on-layer-background-color-error
     );
   }
+  dsa-select.input-phone__select-success {
+    --dsa-wc-internal-select-on-base-background-color: var(
+      --dsa-wc-input-success-background-color
+    );
+    --dsa-wc-internal-select-on-base-border-color: var(
+      --dsa-wc-input-success-border-color
+    );
+    --dsa-wc-internal-select-on-base-active-background-color: var(
+      --dsa-wc-input-success-background-color
+    );
+    --dsa-wc-internal-select-on-base-hover-border-color: var(
+      --dsa-wc-input-success-border-color
+    );
+    --dsa-wc-internal-select-on-base-hover-background-color: var(
+      --dsa-wc-input-success-background-color
+    );
+    --dsa-wc-internal-select-on-layer-active-box-shadow: none;
+
+    --dsa-wc-internal-select-on-layer-background-color: var(
+      --dsa-wc-input-success-background-color
+    );
+    --dsa-wc-internal-select-on-layer-border-color: var(
+      --dsa-wc-input-success-border-color
+    );
+    --dsa-wc-internal-select-on-layer-active-background-color: var(
+      --dsa-wc-input-success-background-color
+    );
+
+    --dsa-wc-internal-select-on-layer-hover-border-color: var(
+      --dsa-wc-input-success-border-color-hover
+    );
+    --dsa-wc-internal-select-on-layer-hover-background-color: var(
+      --dsa-wc-input-success-background-color
+    );
+  }
 
   /*
    * Size modifiers
@@ -284,7 +330,9 @@ var input_phone_styles_default = i`
   }
   .form-control--small .input-phone__control {
     height: calc(
-      var(--dsa-wc-input-phone-small-height) - var(--dsa-wc-input-border-width) *
+      var(--dsa-wc-input-phone-small-height) - var(
+          --dsa-wc-input-border-width
+        ) *
         2
     );
   }
@@ -315,7 +363,9 @@ var input_phone_styles_default = i`
   }
   .form-control--large .input-phone__control {
     height: calc(
-      var(--dsa-wc-input-phone-large-height) - var(--dsa-wc-input-border-width) *
+      var(--dsa-wc-input-phone-large-height) - var(
+          --dsa-wc-input-border-width
+        ) *
         2
     );
   }
@@ -328,21 +378,10 @@ var input_phone_styles_default = i`
    */
 
   .input-phone__clear {
+    --dsa-wc-internal-icon-button-padding: 0;
     z-index: var(--dsa-wc-input-mask-clear-icon-z-index);
   }
 
-  .input-phone__clear::part(base) {
-    padding: 0;
-  }
-
-  .input-phone__clear:hover {
-    color: var(--dsa-wc-input-icon-color-hover);
-  }
-
-  .input-phone--empty .input-phone__clear {
-    visibility: hidden;
-  }
-
   /* Don't show the browser's password toggle in Edge */
   ::-ms-reveal {
     display: none;

package/cdn/chunks/{chunk.HPRHLYFN.js → chunk.VRSL3LVV.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.CCTWXABH.js";
 import {
   step_styles_default
-} from "./chunk.DJGIYI6C.js";
+} from "./chunk.FWTCMJYS.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -21,14 +21,14 @@ import {
   o
 } from "./chunk.YQLIIKLI.js";
 import {
-  e as e2
-} from "./chunk.IKHG7XGO.js";
+  e2
+} from "./chunk.A2REDF56.js";
 import {
   ShoelaceElement,
   e,
   n,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";

package/cdn/chunks/{chunk.B4XPUIDA.js → chunk.W653JVCQ.js}

@@ -1,6 +1,6 @@
 import {
   checkbox_group_styles_default
-} from "./chunk.VZF3ZTED.js";
+} from "./chunk.ZKJHG5VK.js";
 import {
   renderFormElementErrors
 } from "./chunk.EY4WUNAJ.js";
@@ -9,7 +9,7 @@ import {
   customErrorValidityState,
   validValidityState,
   valueMissingValidityState
-} from "./chunk.3NWILHZZ.js";
+} from "./chunk.HAD2A62Q.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -17,8 +17,8 @@ import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";
 import {
-  e as e2
-} from "./chunk.IKHG7XGO.js";
+  e2
+} from "./chunk.A2REDF56.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -28,7 +28,7 @@ import {
   n,
   r,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";

package/cdn/chunks/{chunk.3THCO5QR.js → chunk.WDG4A7NI.js}

@@ -1,6 +1,6 @@
 import {
   card_content_styles_default
-} from "./chunk.RUX5DD2U.js";
+} from "./chunk.NO5SMVKZ.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -18,8 +18,8 @@ import {
   o
 } from "./chunk.YQLIIKLI.js";
 import {
-  e
-} from "./chunk.IKHG7XGO.js";
+  e2 as e
+} from "./chunk.A2REDF56.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -27,7 +27,7 @@ import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";

package/cdn/chunks/{chunk.P54A3JER.js → chunk.XN3TTWIF.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.PSQJDSB2.js";
+} from "./chunk.B5IB4265.js";
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 
 // src/components/table-body/table-body.styles.ts
 var table_body_styles_default = i`

package/cdn/chunks/{chunk.BWYI3OOJ.js → chunk.XPSWMGNH.js}

@@ -2,16 +2,16 @@ import {
   u
 } from "./chunk.VIVOXZF6.js";
 import {
-  e
-} from "./chunk.IKHG7XGO.js";
+  e2 as e
+} from "./chunk.A2REDF56.js";
 import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";
@@ -46,7 +46,8 @@ var checkbox_box_styles_default = i`
     border-radius: var(--dsa-wc-checkbox-border-radius);
     background-color: var(--dsa-wc-checkbox-background-color);
     color: var(--dsa-wc-checkbox-icon-color);
-    transition: var(--dsa-wc-transition-fast) border-color,
+    transition:
+      var(--dsa-wc-transition-fast) border-color,
       var(--dsa-wc-transition-fast) background-color,
       var(--dsa-wc-transition-fast) color,
       var(--dsa-wc-transition-fast) box-shadow;

package/cdn/chunks/{chunk.3E3HJ2GB.js → chunk.XTAWROGN.js}

@@ -1,6 +1,6 @@
 import {
   mutation_observer_styles_default
-} from "./chunk.BKXMFI4F.js";
+} from "./chunk.4BHGDN4V.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -8,7 +8,7 @@ import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";

package/cdn/chunks/{chunk.SJM6TZPX.js → chunk.XTQEEFBA.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.PSQJDSB2.js";
+} from "./chunk.B5IB4265.js";
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 
 // src/components/progress-bar/progress-bar.styles.ts
 var progress_bar_styles_default = i`
@@ -31,7 +31,9 @@ var progress_bar_styles_default = i`
     line-height: var(--dsa-wc-progress-bar-height);
     white-space: nowrap;
     overflow: hidden;
-    transition: 400ms width, 400ms background-color;
+    transition:
+      400ms width,
+      400ms background-color;
     user-select: none;
   }
 

package/cdn/chunks/{chunk.QRMLW4M6.js → chunk.XUW5G5CX.js}

@@ -1,6 +1,6 @@
 import {
   accordion_group_styles_default
-} from "./chunk.USMVUNJX.js";
+} from "./chunk.QCYNALBG.js";
 import {
   LocalizeController
 } from "./chunk.EM2CIX7W.js";
@@ -10,7 +10,7 @@ import {
   n,
   r,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";

package/cdn/chunks/{chunk.7M7OTFSB.js → chunk.Y5TAUEEB.js}

@@ -1,10 +1,10 @@
 import {
   menu_label_styles_default
-} from "./chunk.C24LGDFR.js";
+} from "./chunk.A3VKR2H2.js";
 import {
   ShoelaceElement,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";

package/cdn/chunks/{chunk.WMYZCWFM.js → chunk.Y67HHVBT.js}

@@ -1,6 +1,6 @@
 import {
   input_time_styles_default
-} from "./chunk.WWI5IYQY.js";
+} from "./chunk.FY5LQWKX.js";
 import {
   compareTimeStrings,
   setTimeStringValue,
@@ -8,10 +8,10 @@ import {
 } from "./chunk.IONY2GZF.js";
 import {
   InputBase
-} from "./chunk.YGJ3KERC.js";
+} from "./chunk.CPFYSIPP.js";
 import {
   l
-} from "./chunk.7PPSHHT2.js";
+} from "./chunk.2RXI7QGS.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";
@@ -36,8 +36,8 @@ import {
   o
 } from "./chunk.YQLIIKLI.js";
 import {
-  e as e2
-} from "./chunk.IKHG7XGO.js";
+  e2
+} from "./chunk.A2REDF56.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -46,7 +46,7 @@ import {
   n,
   r,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";
@@ -347,25 +347,25 @@ var DSAInputTime = class extends InputBase {
       >
         ${valuesArray.map(
       (value) => x`
-              <li
-                data-timetype="${unitType}"
-                data-timevalue="${value}"
-                role="option"
-                aria-selected="${selectedValue === value ? "true" : "false"}"
-                tabindex="${value === selectedValue ? 0 : -1}"
-                class=${e2({
+            <li
+              data-timetype="${unitType}"
+              data-timevalue="${value}"
+              role="option"
+              aria-selected="${selectedValue === value ? "true" : "false"}"
+              tabindex="${value === selectedValue ? 0 : -1}"
+              class=${e2({
         "time-popup--unit": true,
         "time-popup--unit-selected": value === selectedValue
       })}
+            >
+              <span aria-hidden="true"
+                >${value.toString().padStart(2, "0")}</span
               >
-                <span aria-hidden="true"
-                  >${value.toString().padStart(2, "0")}</span
-                >
-                <dsa-visually-hidden
-                  >${getTimeTypeLabel(unitType, value)}</dsa-visually-hidden
-                >
-              </li>
-            `
+              <dsa-visually-hidden
+                >${getTimeTypeLabel(unitType, value)}</dsa-visually-hidden
+              >
+            </li>
+          `
     )}
       </ul>
     `;
@@ -400,6 +400,7 @@ var DSAInputTime = class extends InputBase {
       "input--large": this.size === "large",
       // States
       "input--error": this.error,
+      "input--success": this.success && !this.error,
       "input--on-layer": this.variant === "layer",
       "input--on-base": this.variant === "base",
       "input--disabled": this.disabled,

package/cdn/chunks/{chunk.O6LSC3HF.js → chunk.YJIZEDYE.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.PSQJDSB2.js";
+} from "./chunk.B5IB4265.js";
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 
 // src/components/resize-observer/resize-observer.styles.ts
 var resize_observer_styles_default = i`

package/cdn/chunks/{chunk.UULRRJ5I.js → chunk.YNBVSPKG.js}

@@ -1,12 +1,12 @@
 import {
   form_control_styles_default
-} from "./chunk.IWMEHK72.js";
+} from "./chunk.3O3BL3NH.js";
 import {
   component_styles_default
-} from "./chunk.PSQJDSB2.js";
+} from "./chunk.B5IB4265.js";
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 
 // src/components/textarea/textarea.styles.ts
 var textarea_styles_default = i`
@@ -23,7 +23,8 @@ var textarea_styles_default = i`
     position: relative;
     width: 100%;
     vertical-align: middle;
-    transition: var(--dsa-wc-transition-fast) color,
+    transition:
+      var(--dsa-wc-transition-fast) color,
       var(--dsa-wc-transition-fast) border,
       var(--dsa-wc-transition-fast) box-shadow,
       var(--dsa-wc-transition-fast) background-color;

package/cdn/chunks/{chunk.NON7TU3E.js → chunk.YVTANCB7.js}

@@ -1,9 +1,9 @@
 import {
   input_base_styles_default
-} from "./chunk.OCDDQJHV.js";
+} from "./chunk.M6BBYI4V.js";
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 
 // src/components/input-native/input-native.styles.ts
 var input_native_styles_default = i`

package/cdn/chunks/{chunk.NEXIJNSX.js → chunk.YY4SAWJ2.js}

@@ -1,19 +1,19 @@
 import {
   table_head_styles_default
-} from "./chunk.ER6BIHKN.js";
+} from "./chunk.UBHISBH3.js";
 import {
   DSATable
-} from "./chunk.ZWNQFLCW.js";
+} from "./chunk.F6EESAYF.js";
 import {
   LoadingStateElement
-} from "./chunk.A4FPLOFR.js";
+} from "./chunk.TVWWS46A.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
 import {
   n,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";

package/cdn/chunks/{chunk.4QI5ENGU.js → chunk.Z5N4IMG3.js}

@@ -1,9 +1,9 @@
 import {
   input_base_styles_default
-} from "./chunk.OCDDQJHV.js";
+} from "./chunk.M6BBYI4V.js";
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 
 // src/components/input-date/input-date.styles.ts
 var input_date_styles_default = i`
@@ -11,6 +11,7 @@ var input_date_styles_default = i`
 
   .input--date {
     overflow: visible;
+    min-width: max-content;
   }
 
   input--no-calendar {
@@ -19,11 +20,12 @@ var input_date_styles_default = i`
 
   .input__control--date {
     align-items: center;
+    gap: var(--dsa-spacing-8);
+    flex-shrink: 0;
   }
 
   .icon-button--date {
-    --padding: var(--dsa-spacing-4);
-    margin-right: var(--dsa-wc-input-padding-x);
+    margin-right: var(--dsa-spacing-8);
   }
 
   .icon-button--date::part(base) {

package/cdn/chunks/{chunk.F53RUZFW.js → chunk.ZBHBBN4G.js}

@@ -1,16 +1,16 @@
 import {
   table_cell_styles_default
-} from "./chunk.O3QYWWFG.js";
+} from "./chunk.ENQCFLD4.js";
 import {
   LoadingStateElement
-} from "./chunk.A4FPLOFR.js";
+} from "./chunk.TVWWS46A.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
 import {
   n,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";

package/cdn/chunks/{chunk.TR7NAESK.js → chunk.ZD5LL64L.js}

@@ -1,6 +1,6 @@
 import {
   progress_ring_styles_default
-} from "./chunk.KNHNBAPO.js";
+} from "./chunk.24LXKV44.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";
@@ -8,15 +8,15 @@ import {
   ifDefinedAndNotEmpty
 } from "./chunk.B6GVVW66.js";
 import {
-  e as e2
-} from "./chunk.IKHG7XGO.js";
+  e2
+} from "./chunk.A2REDF56.js";
 import {
   ShoelaceElement,
   e,
   n,
   r,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";

package/cdn/chunks/{chunk.DROLKHEJ.js → chunk.ZFXIELL7.js}

@@ -1,6 +1,6 @@
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 
 // src/components/download-link/download-link.styles.ts
 var download_link_styles_default = i`