@ds-autonomie/web-components 2.7.0 → 2.7.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @ds-autonomie/web-components
 
+## 2.7.1
+
+### Patch Changes
+
+- 090de99: `header`, `page-header`, `table-container`, `table-toolbar`, `tree-item`: amélioration du rendu avec un zoom important
+- 4a34419: Mise à jour des couleurs du brandbook
+- 2d0aa8a: `step`: correction de la couleur de la barre de progrès en mode horizontal
+- 4b161f0: `accordion`: ajout d'un divider entre les actions et le chevron
+- f70d4e3: `input-date`, `input-time`: ajout de l'attribut 'hoist' contrant certains problèmes d'affichage
+- Updated dependencies [4a34419]
+  - @ds-autonomie/assets@1.4.8
+
 ## 2.7.0
 
 ### Minor Changes

package/cdn/chunks/{chunk.AGBSXTK3.js → chunk.2FLI3YXG.js}

@@ -3,16 +3,16 @@ import {
 } from "./chunk.I5IKEQES.js";
 import {
   FilterBase
-} from "./chunk.C7PPJYW5.js";
+} from "./chunk.727KD4JC.js";
 import {
   filter_range_styles_default
-} from "./chunk.3LSXFV6L.js";
+} from "./chunk.B6FKIMN6.js";
 import {
   ifDefinedAndNotEmpty
-} from "./chunk.B6GVVW66.js";
+} from "./chunk.SUUV7E4I.js";
 import {
   o
-} from "./chunk.YQLIIKLI.js";
+} from "./chunk.XED65RH5.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -21,10 +21,10 @@ import {
   n,
   r,
   t
-} from "./chunk.JIQUSHGZ.js";
+} from "./chunk.EW5LC4ZI.js";
 import {
   x
-} from "./chunk.7HUC6BF3.js";
+} from "./chunk.JXF4O366.js";
 import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";

package/cdn/chunks/{chunk.SH5JWEVK.js → chunk.2FU56VWP.js}

@@ -1,14 +1,14 @@
 import {
   table_single_cell_row_styles_default
-} from "./chunk.U6UYLDAZ.js";
+} from "./chunk.JJBI3ZYI.js";
 import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.JIQUSHGZ.js";
+} from "./chunk.EW5LC4ZI.js";
 import {
   x
-} from "./chunk.7HUC6BF3.js";
+} from "./chunk.JXF4O366.js";
 import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";

package/cdn/chunks/{chunk.TOVAD3UL.js → chunk.2PCPJ2O2.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.B5IB4265.js";
+} from "./chunk.MQAAYEM3.js";
 import {
   i
-} from "./chunk.R7BJEFEU.js";
+} from "./chunk.UKK3NS3L.js";
 
 // src/components/navbar-link/navbar-link.styles.ts
 var navbar_link_styles_default = i`

package/cdn/chunks/{chunk.2CLHC4KV.js → chunk.2UTZVF2R.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.B5IB4265.js";
+} from "./chunk.MQAAYEM3.js";
 import {
   i
-} from "./chunk.R7BJEFEU.js";
+} from "./chunk.UKK3NS3L.js";
 
 // src/components/callout/callout.styles.ts
 var callout_styles_default = i`

package/cdn/chunks/{chunk.B6WEI7ZE.js → chunk.2V3L25KR.js}

@@ -1,6 +1,6 @@
 import {
   card_nav_accordion_styles_default
-} from "./chunk.CRISTF7I.js";
+} from "./chunk.36FFYO36.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk.EM2CIX7W.js";
 import {
   e2
-} from "./chunk.A2REDF56.js";
+} from "./chunk.JY4LUWQC.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -33,10 +33,10 @@ import {
   e,
   n,
   t
-} from "./chunk.JIQUSHGZ.js";
+} from "./chunk.EW5LC4ZI.js";
 import {
   x
-} from "./chunk.7HUC6BF3.js";
+} from "./chunk.JXF4O366.js";
 import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";

package/cdn/chunks/{chunk.NNZ75TAG.js → chunk.2Y5NYPC2.js}

@@ -1,6 +1,6 @@
 import {
   breadcrumb_item_styles_default
-} from "./chunk.V6MYANXD.js";
+} from "./chunk.S7UTN2VW.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -9,18 +9,18 @@ import {
 } from "./chunk.EM2CIX7W.js";
 import {
   o
-} from "./chunk.YQLIIKLI.js";
+} from "./chunk.XED65RH5.js";
 import {
   e2 as e
-} from "./chunk.A2REDF56.js";
+} from "./chunk.JY4LUWQC.js";
 import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.JIQUSHGZ.js";
+} from "./chunk.EW5LC4ZI.js";
 import {
   x
-} from "./chunk.7HUC6BF3.js";
+} from "./chunk.JXF4O366.js";
 import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";

package/cdn/chunks/{chunk.XPSWMGNH.js → chunk.35IGHSB5.js}

@@ -1,17 +1,17 @@
 import {
   u
-} from "./chunk.VIVOXZF6.js";
+} from "./chunk.WGXZQSQR.js";
 import {
   e2 as e
-} from "./chunk.A2REDF56.js";
+} from "./chunk.JY4LUWQC.js";
 import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.JIQUSHGZ.js";
+} from "./chunk.EW5LC4ZI.js";
 import {
   i
-} from "./chunk.R7BJEFEU.js";
+} from "./chunk.UKK3NS3L.js";
 import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";

package/cdn/chunks/{chunk.CRISTF7I.js → chunk.36FFYO36.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.B5IB4265.js";
+} from "./chunk.MQAAYEM3.js";
 import {
   i
-} from "./chunk.R7BJEFEU.js";
+} from "./chunk.UKK3NS3L.js";
 
 // src/components/card-nav-accordion/card-nav-accordion.styles.ts
 var card_nav_accordion_styles_default = i`

package/cdn/chunks/{chunk.DVU5XTCV.js → chunk.3GRDVVLK.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.B5IB4265.js";
+} from "./chunk.MQAAYEM3.js";
 import {
   i
-} from "./chunk.R7BJEFEU.js";
+} from "./chunk.UKK3NS3L.js";
 
 // src/components/card-nav-item/card-nav-item.styles.ts
 var card_nav_item_styles_default = i`

package/cdn/chunks/{chunk.A3VKR2H2.js → chunk.3LYWE5F4.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.B5IB4265.js";
+} from "./chunk.MQAAYEM3.js";
 import {
   i
-} from "./chunk.R7BJEFEU.js";
+} from "./chunk.UKK3NS3L.js";
 
 // src/components/menu-label/menu-label.styles.ts
 var menu_label_styles_default = i`

package/cdn/chunks/{chunk.D4UARZIJ.js → chunk.3NEUPBWJ.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.B5IB4265.js";
+} from "./chunk.MQAAYEM3.js";
 import {
   i
-} from "./chunk.R7BJEFEU.js";
+} from "./chunk.UKK3NS3L.js";
 
 // src/internal/components/filter-base/filter-base.styles.ts
 var filter_base_styles_default = i`

package/cdn/chunks/{chunk.TSP6JND3.js → chunk.3Q3N3KQA.js}

@@ -1,9 +1,9 @@
 import {
   button_styles_default
-} from "./chunk.EHJBUI4G.js";
+} from "./chunk.WR237MHU.js";
 import {
   i
-} from "./chunk.R7BJEFEU.js";
+} from "./chunk.UKK3NS3L.js";
 
 // src/components/pagination-button/pagination-button.styles.ts
 var pagination_button_styles_default = i`

package/cdn/chunks/{chunk.RBZHIALF.js → chunk.3RLCSIOS.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.B5IB4265.js";
+} from "./chunk.MQAAYEM3.js";
 import {
   i
-} from "./chunk.R7BJEFEU.js";
+} from "./chunk.UKK3NS3L.js";
 
 // src/components/profile-button/profile-button.styles.ts
 var profile_button_styles_default = i`

package/cdn/chunks/{chunk.EE2YCZAM.js → chunk.3V2OP5OV.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.B5IB4265.js";
+} from "./chunk.MQAAYEM3.js";
 import {
   i
-} from "./chunk.R7BJEFEU.js";
+} from "./chunk.UKK3NS3L.js";
 
 // src/components/table-row/table-row.styles.ts
 var table_row_styles_default = i`

package/cdn/chunks/{chunk.QE4D6BZU.js → chunk.4AMUMMHK.js}

@@ -1,12 +1,12 @@
 import {
   form_control_styles_default
-} from "./chunk.3O3BL3NH.js";
+} from "./chunk.Z67R2PEC.js";
 import {
   component_styles_default
-} from "./chunk.B5IB4265.js";
+} from "./chunk.MQAAYEM3.js";
 import {
   i
-} from "./chunk.R7BJEFEU.js";
+} from "./chunk.UKK3NS3L.js";
 
 // src/components/input-otp/input-otp.styles.ts
 var input_otp_styles_default = i`
@@ -84,6 +84,11 @@ var input_otp_styles_default = i`
     user-select: none;
   }
 
+  .input--disabled .single-field__value,
+  .input--disabled .single-field__placeholder {
+    color: var(--dsa-wc-input-label-color-disabled);
+  }
+
   .single-field__value {
     display: flex;
     justify-content: center;
@@ -108,7 +113,7 @@ var input_otp_styles_default = i`
     color: var(--dsa-wc-input-on-layer-text-field-input-color);
   }
 
-  .input--on-layer .single-field__placeholder {
+  .input--on-layer:not(.input--disabled) .single-field__placeholder {
     color: var(--dsa-wc-input-on-layer-text-field-placeholder-color);
   }
 
@@ -120,7 +125,6 @@ var input_otp_styles_default = i`
   .input--on-layer.input--disabled .single-field {
     background-color: var(--dsa-wc-input-on-layer-background-color-disabled);
     border-color: var(--dsa-wc-input-on-layer-border-color-disabled);
-    opacity: 0.5;
     cursor: not-allowed;
     color: var(--dsa-wc-input-on-layer-text-field-input-color-disabled);
   }
@@ -149,7 +153,7 @@ var input_otp_styles_default = i`
     color: var(--dsa-wc-input-on-base-text-field-input-color);
   }
 
-  .input--on-base .single-field__placeholder {
+  .input--on-base:not(.input--disabled) .single-field__placeholder {
     color: var(--dsa-wc-input-on-base-text-field-placeholder-color);
   }
 
@@ -161,7 +165,6 @@ var input_otp_styles_default = i`
   .input--on-base.input--disabled .single-field {
     border-color: var(--dsa-wc-input-on-base-border-color-disabled);
     background-color: var(--dsa-wc-input-on-base-background-color-disabled);
-    opacity: 0.5;
     cursor: not-allowed;
   }
 

package/cdn/chunks/{chunk.BRE7ZNK2.js → chunk.4BCQMGKI.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.B5IB4265.js";
+} from "./chunk.MQAAYEM3.js";
 import {
   i
-} from "./chunk.R7BJEFEU.js";
+} from "./chunk.UKK3NS3L.js";
 
 // src/components/tooltip/tooltip.styles.ts
 var tooltip_styles_default = i`

package/cdn/chunks/{chunk.P7M6AB44.js → chunk.4GD5XLM6.js}

@@ -1,14 +1,14 @@
 import {
   menu_navigation_styles_default
-} from "./chunk.C6TIDMVV.js";
+} from "./chunk.WBTHKBRH.js";
 import {
   ShoelaceElement,
   e,
   t
-} from "./chunk.JIQUSHGZ.js";
+} from "./chunk.EW5LC4ZI.js";
 import {
   x
-} from "./chunk.7HUC6BF3.js";
+} from "./chunk.JXF4O366.js";
 import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";

package/cdn/chunks/{chunk.5HO72MU3.js → chunk.4NCJ5UUW.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.B5IB4265.js";
+} from "./chunk.MQAAYEM3.js";
 import {
   i
-} from "./chunk.R7BJEFEU.js";
+} from "./chunk.UKK3NS3L.js";
 
 // src/components/accordion/accordion.styles.ts
 var accordion_styles_default = i`
@@ -118,6 +118,15 @@ var accordion_styles_default = i`
     z-index: 10;
   }
 
+  .accordion__actions-divider-container {
+    align-self: stretch;
+    padding-block: 3px;
+  }
+  .accordion__actions-divider {
+    --spacing-start: 8px;
+    --spacing-end: 4px;
+  }
+
   /* Summary icon */
   .accordion__summary-icon {
     flex: 0 0 auto;

package/cdn/chunks/{chunk.43RLM5ZA.js → chunk.4NTCF65I.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.B5IB4265.js";
+} from "./chunk.MQAAYEM3.js";
 import {
   i
-} from "./chunk.R7BJEFEU.js";
+} from "./chunk.UKK3NS3L.js";
 
 // src/components/header-search/header-search.styles.ts
 var header_search_styles_default = i`

package/cdn/chunks/{chunk.CUASAILY.js → chunk.4UPGZ7UA.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.B5IB4265.js";
+} from "./chunk.MQAAYEM3.js";
 import {
   i
-} from "./chunk.R7BJEFEU.js";
+} from "./chunk.UKK3NS3L.js";
 
 // src/components/tag-button/tag-button.styles.ts
 var tag_button_styles_default = i`

package/cdn/chunks/{chunk.WDG4A7NI.js → chunk.53B47UTB.js}

@@ -1,6 +1,6 @@
 import {
   card_content_styles_default
-} from "./chunk.NO5SMVKZ.js";
+} from "./chunk.CGI4SZOM.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -10,16 +10,16 @@ import {
 import {
   i,
   u
-} from "./chunk.VIVOXZF6.js";
+} from "./chunk.WGXZQSQR.js";
 import {
   ifDefinedAndNotEmpty
-} from "./chunk.B6GVVW66.js";
+} from "./chunk.SUUV7E4I.js";
 import {
   o
-} from "./chunk.YQLIIKLI.js";
+} from "./chunk.XED65RH5.js";
 import {
   e2 as e
-} from "./chunk.A2REDF56.js";
+} from "./chunk.JY4LUWQC.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -27,7 +27,7 @@ import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.JIQUSHGZ.js";
+} from "./chunk.EW5LC4ZI.js";
 import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";

package/cdn/chunks/{chunk.47MSVK2S.js → chunk.5CO3IOJ7.js}

@@ -1,33 +1,33 @@
 import {
   o
-} from "./chunk.JNNNIZHQ.js";
+} from "./chunk.F4UWOB6D.js";
 import {
   file_upload_item_styles_default
-} from "./chunk.CMJQSZZL.js";
+} from "./chunk.LQLCDMCQ.js";
 import {
   renderFormElementErrors
-} from "./chunk.EY4WUNAJ.js";
+} from "./chunk.RPE5DQV3.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";
 import {
   ifDefinedAndNotEmpty
-} from "./chunk.B6GVVW66.js";
+} from "./chunk.SUUV7E4I.js";
 import {
   LocalizeController
 } from "./chunk.CAMVBH5H.js";
 import {
   e2 as e
-} from "./chunk.A2REDF56.js";
+} from "./chunk.JY4LUWQC.js";
 import {
   ShoelaceElement,
   n,
   r,
   t
-} from "./chunk.JIQUSHGZ.js";
+} from "./chunk.EW5LC4ZI.js";
 import {
   x
-} from "./chunk.7HUC6BF3.js";
+} from "./chunk.JXF4O366.js";
 import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";

package/cdn/chunks/{chunk.AFUZCCDS.js → chunk.5LA3UQGA.js}

@@ -1,16 +1,16 @@
 import {
   footer_mandatory_mentions_styles_default
-} from "./chunk.KI7ZFFHX.js";
+} from "./chunk.W3IOWNM7.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
 import {
   ShoelaceElement,
   t
-} from "./chunk.JIQUSHGZ.js";
+} from "./chunk.EW5LC4ZI.js";
 import {
   x
-} from "./chunk.7HUC6BF3.js";
+} from "./chunk.JXF4O366.js";
 import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";

package/cdn/chunks/{chunk.JIYSNOET.js → chunk.5LZSOU2R.js}

@@ -1,17 +1,17 @@
 import {
   skeleton_styles_default
-} from "./chunk.RN6TSOQ5.js";
+} from "./chunk.HOR2STZV.js";
 import {
   e2 as e
-} from "./chunk.A2REDF56.js";
+} from "./chunk.JY4LUWQC.js";
 import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.JIQUSHGZ.js";
+} from "./chunk.EW5LC4ZI.js";
 import {
   x
-} from "./chunk.7HUC6BF3.js";
+} from "./chunk.JXF4O366.js";
 import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";

package/cdn/chunks/{chunk.2KZI74VU.js → chunk.5SFJEW3X.js}

@@ -17,10 +17,10 @@ import {
 } from "./chunk.EM2CIX7W.js";
 import {
   o
-} from "./chunk.YQLIIKLI.js";
+} from "./chunk.XED65RH5.js";
 import {
   e2
-} from "./chunk.A2REDF56.js";
+} from "./chunk.JY4LUWQC.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -29,13 +29,13 @@ import {
   e,
   n,
   t
-} from "./chunk.JIQUSHGZ.js";
+} from "./chunk.EW5LC4ZI.js";
 import {
   alert_styles_default
-} from "./chunk.UA5KKPLL.js";
+} from "./chunk.CDFRZZN5.js";
 import {
   x
-} from "./chunk.7HUC6BF3.js";
+} from "./chunk.JXF4O366.js";
 import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";

package/cdn/chunks/{chunk.E3PJEFJR.js → chunk.5WSWBPLP.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.B5IB4265.js";
+} from "./chunk.MQAAYEM3.js";
 import {
   i
-} from "./chunk.R7BJEFEU.js";
+} from "./chunk.UKK3NS3L.js";
 
 // src/components/quote/quote.styles.ts
 var quote_styles_default = i`

package/cdn/chunks/{chunk.3GBQ3F7Y.js → chunk.6B5QADAQ.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.B5IB4265.js";
+} from "./chunk.MQAAYEM3.js";
 import {
   i
-} from "./chunk.R7BJEFEU.js";
+} from "./chunk.UKK3NS3L.js";
 
 // src/components/popup/popup.styles.ts
 var popup_styles_default = i`

package/cdn/chunks/{chunk.M6BBYI4V.js → chunk.6GRHC4QP.js}

@@ -1,12 +1,12 @@
 import {
   form_control_styles_default
-} from "./chunk.3O3BL3NH.js";
+} from "./chunk.Z67R2PEC.js";
 import {
   component_styles_default
-} from "./chunk.B5IB4265.js";
+} from "./chunk.MQAAYEM3.js";
 import {
   i
-} from "./chunk.R7BJEFEU.js";
+} from "./chunk.UKK3NS3L.js";
 
 // src/internal/components/input-base/input-base.styles.ts
 var input_base_styles_default = i`
@@ -39,6 +39,11 @@ var input_base_styles_default = i`
     outline-offset: var(--dsa-wc-focus-ring-offset);
   }
 
+  .input--disabled .input__control,
+  .input--disabled .input__control::placeholder {
+    color: var(--dsa-wc-input-label-color-disabled);
+  }
+
   /* On Layer inputs */
   .input--on-layer {
     background-color: var(--dsa-wc-input-on-layer-background-color);
@@ -58,7 +63,6 @@ var input_base_styles_default = i`
   .input--on-layer.input--disabled {
     background-color: var(--dsa-wc-input-on-layer-background-color-disabled);
     border-color: var(--dsa-wc-input-on-layer-border-color-disabled);
-    opacity: 0.5;
     cursor: not-allowed;
   }
 
@@ -85,7 +89,7 @@ var input_base_styles_default = i`
     border-color: var(--dsa-wc-input-success-border-color);
   }
 
-  .input--on-layer .input__control::placeholder {
+  .input--on-layer:not(.input--disabled) .input__control::placeholder {
     color: var(--dsa-wc-input-on-layer-text-field-placeholder-color);
     user-select: none;
   }
@@ -105,7 +109,6 @@ var input_base_styles_default = i`
   .input--on-base.input--disabled {
     border-color: var(--dsa-wc-input-on-base-border-color-disabled);
     background-color: var(--dsa-wc-input-on-base-background-color-disabled);
-    opacity: 0.5;
     cursor: not-allowed;
   }
 
@@ -129,7 +132,7 @@ var input_base_styles_default = i`
     border-color: var(--dsa-wc-input-success-border-color);
   }
 
-  .input--on-base .input__control::placeholder {
+  .input--on-base:not(.input--disabled) .input__control::placeholder {
     color: var(--dsa-wc-input-on-base-text-field-placeholder-color);
     user-select: none;
   }