@cnamts/synapse 1.0.14 → 1.0.16

package/src/components/Captcha/tests/__snapshots__/Captcha.spec.ts.snap

@@ -73,165 +73,159 @@ exports[`Captcha > renders correctly in audio mode 1`] = `
       v-sheet
       v-theme--light
     ">
-      <div class="
-        basic-field
-        mt-4
-        v-input
-        v-input--center-affix
-        v-input--density-default
-        v-input--horizontal
-        v-locale--is-ltr
-        v-text-field
-        v-theme--light
-      ">
-        <!---->
-        <div class="v-input__control">
-          <div class="
-            bg-white
-            v-field
-            v-field--appended
-            v-field--center-affix
-            v-field--has-background
-            v-field--prepended
-            v-field--variant-outlined
-            v-locale--is-ltr
-            v-theme--light
-          ">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div
-                aria-hidden="true"
-                aria-valuemax="100"
-                aria-valuemin="0"
-                class="
-                  v-locale--is-ltr
-                  v-progress-linear
-                  v-theme--light
-                "
-                role="progressbar"
-                style="
-                  top: 0px;
-                  height: 0px;
-                  --v-progress-linear-height: 2px;
-                "
-              >
-                <!---->
-                <div
-                  class="
-                    bg-primary
-                    v-progress-linear__background
-                  "
-                  style="opacity: NaN;"
-                ></div>
+      <div class="sy-textfield-container">
+        <div class="
+          basic-field
+          mt-4
+          v-input
+          v-input--center-affix
+          v-input--density-default
+          v-input--horizontal
+          v-locale--is-ltr
+          v-text-field
+          v-theme--light
+        ">
+          <!---->
+          <div class="v-input__control">
+            <div class="
+              bg-white
+              v-field
+              v-field--appended
+              v-field--center-affix
+              v-field--has-background
+              v-field--prepended
+              v-field--variant-outlined
+              v-locale--is-ltr
+              v-theme--light
+            ">
+              <div class="v-field__overlay"></div>
+              <div class="v-field__loader">
                 <div
+                  aria-hidden="true"
+                  aria-valuemax="100"
+                  aria-valuemin="0"
                   class="
-                    bg-primary
-                    v-progress-linear__buffer
+                    v-locale--is-ltr
+                    v-progress-linear
+                    v-theme--light
                   "
+                  role="progressbar"
                   style="
-                    opacity: NaN;
-                    width: 0%;
+                    top: 0px;
+                    height: 0px;
+                    --v-progress-linear-height: 2px;
                   "
-                ></div>
-                <transition-stub
-                  appear="false"
-                  css="true"
-                  name="fade-transition"
-                  persisted="false"
                 >
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="
-                      bg-primary
-                      long
-                      v-progress-linear__indeterminate
-                    "></div>
-                    <div class="
-                      bg-primary
-                      short
-                      v-progress-linear__indeterminate
-                    "></div>
-                  </div>
-                </transition-stub>
+                  <!---->
+                  <div
+                    class="v-progress-linear__background"
+                    style="opacity: NaN;"
+                  ></div>
+                  <div
+                    class="v-progress-linear__buffer"
+                    style="
+                      opacity: NaN;
+                      width: 0%;
+                    "
+                  ></div>
+                  <transition-stub
+                    appear="false"
+                    css="true"
+                    name="fade-transition"
+                    persisted="false"
+                  >
+                    <div class="v-progress-linear__indeterminate">
+                      <div class="
+                        long
+                        v-progress-linear__indeterminate
+                      "></div>
+                      <div class="
+                        short
+                        v-progress-linear__indeterminate
+                      "></div>
+                    </div>
+                  </transition-stub>
+                  <!---->
+                </div>
+              </div>
+              <div class="v-field__prepend-inner">
                 <!---->
+                <!-- v-if -->
+                <!-- v-if -->
               </div>
-            </div>
-            <div class="v-field__prepend-inner">
-              <!---->
-              <!-- v-if -->
-              <!-- v-if -->
-            </div>
-            <div
-              class="v-field__field"
-              data-no-activator=""
-            >
-              <!---->
-              <label
-                class="
-                  v-field-label
-                  v-label
-                "
-                for="input-v-2"
+              <div
+                class="v-field__field"
+                data-no-activator=""
               >
                 <!---->
-                Caractères de l’audio
-              </label>
-              <!---->
-              <input
-                aria-describedby="input-v-2-messages"
-                aria-label="Caractères de l’audio"
-                autocomplete="off"
-                class="v-field__input"
-                id="input-v-2"
-                title="Caractères de l’audio"
-                type="text"
-              />
-              <!---->
-            </div>
-            <!---->
-            <div class="v-field__append-inner">
-              <!-- Keyboard-focusable clear button -->
-              <!-- v-if -->
-              <!-- v-if -->
-              <!-- v-if -->
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <div class="v-field__outline__start"></div>
-              <div class="v-field__outline__notch">
                 <label
-                  aria-hidden="true"
                   class="
                     v-field-label
-                    v-field-label--floating
                     v-label
                   "
-                  for="input-v-2"
+                  for="input-v-1"
                 >
                   <!---->
                   Caractères de l’audio
                 </label>
+                <!---->
+                <input
+                  aria-describedby="input-v-1-messages"
+                  aria-label="Caractères de l’audio"
+                  autocomplete="off"
+                  class="v-field__input"
+                  id="input-v-1"
+                  title="Caractères de l’audio"
+                  type="text"
+                />
+                <!---->
               </div>
-              <div class="v-field__outline__end"></div>
               <!---->
+              <div class="v-field__append-inner">
+                <!-- Keyboard-focusable clear button -->
+                <!-- v-if -->
+                <!-- v-if -->
+                <!-- v-if -->
+                <!---->
+              </div>
+              <div class="v-field__outline">
+                <div class="v-field__outline__start"></div>
+                <div class="v-field__outline__notch">
+                  <label
+                    aria-hidden="true"
+                    class="
+                      v-field-label
+                      v-field-label--floating
+                      v-label
+                    "
+                    for="input-v-1"
+                  >
+                    <!---->
+                    Caractères de l’audio
+                  </label>
+                </div>
+                <div class="v-field__outline__end"></div>
+                <!---->
+              </div>
             </div>
           </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub
-            appear="false"
-            class="v-messages"
-            css="true"
-            id="input-v-2-messages"
-            name="slide-y-transition"
-            persisted="false"
-            tag="div"
-          >
-            <!---->
-          </transition-group-stub>
-          <!-- v-if -->
           <!---->
+          <div class="v-input__details">
+            <transition-group-stub
+              appear="false"
+              class="v-messages"
+              css="true"
+              id="input-v-1-messages"
+              name="slide-y-transition"
+              persisted="false"
+              tag="div"
+            >
+              <!---->
+            </transition-group-stub>
+            <!---->
+          </div>
         </div>
+        <!-- v-if -->
       </div>
     </div>
     <div class="
@@ -466,165 +460,159 @@ exports[`Captcha > renders correctly in image mode 1`] = `
       v-sheet
       v-theme--light
     ">
-      <div class="
-        basic-field
-        mt-4
-        v-input
-        v-input--center-affix
-        v-input--density-default
-        v-input--horizontal
-        v-locale--is-ltr
-        v-text-field
-        v-theme--light
-      ">
-        <!---->
-        <div class="v-input__control">
-          <div class="
-            bg-white
-            v-field
-            v-field--appended
-            v-field--center-affix
-            v-field--has-background
-            v-field--prepended
-            v-field--variant-outlined
-            v-locale--is-ltr
-            v-theme--light
-          ">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div
-                aria-hidden="true"
-                aria-valuemax="100"
-                aria-valuemin="0"
-                class="
-                  v-locale--is-ltr
-                  v-progress-linear
-                  v-theme--light
-                "
-                role="progressbar"
-                style="
-                  top: 0px;
-                  height: 0px;
-                  --v-progress-linear-height: 2px;
-                "
-              >
-                <!---->
-                <div
-                  class="
-                    bg-primary
-                    v-progress-linear__background
-                  "
-                  style="opacity: NaN;"
-                ></div>
+      <div class="sy-textfield-container">
+        <div class="
+          basic-field
+          mt-4
+          v-input
+          v-input--center-affix
+          v-input--density-default
+          v-input--horizontal
+          v-locale--is-ltr
+          v-text-field
+          v-theme--light
+        ">
+          <!---->
+          <div class="v-input__control">
+            <div class="
+              bg-white
+              v-field
+              v-field--appended
+              v-field--center-affix
+              v-field--has-background
+              v-field--prepended
+              v-field--variant-outlined
+              v-locale--is-ltr
+              v-theme--light
+            ">
+              <div class="v-field__overlay"></div>
+              <div class="v-field__loader">
                 <div
+                  aria-hidden="true"
+                  aria-valuemax="100"
+                  aria-valuemin="0"
                   class="
-                    bg-primary
-                    v-progress-linear__buffer
+                    v-locale--is-ltr
+                    v-progress-linear
+                    v-theme--light
                   "
+                  role="progressbar"
                   style="
-                    opacity: NaN;
-                    width: 0%;
+                    top: 0px;
+                    height: 0px;
+                    --v-progress-linear-height: 2px;
                   "
-                ></div>
-                <transition-stub
-                  appear="false"
-                  css="true"
-                  name="fade-transition"
-                  persisted="false"
                 >
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="
-                      bg-primary
-                      long
-                      v-progress-linear__indeterminate
-                    "></div>
-                    <div class="
-                      bg-primary
-                      short
-                      v-progress-linear__indeterminate
-                    "></div>
-                  </div>
-                </transition-stub>
+                  <!---->
+                  <div
+                    class="v-progress-linear__background"
+                    style="opacity: NaN;"
+                  ></div>
+                  <div
+                    class="v-progress-linear__buffer"
+                    style="
+                      opacity: NaN;
+                      width: 0%;
+                    "
+                  ></div>
+                  <transition-stub
+                    appear="false"
+                    css="true"
+                    name="fade-transition"
+                    persisted="false"
+                  >
+                    <div class="v-progress-linear__indeterminate">
+                      <div class="
+                        long
+                        v-progress-linear__indeterminate
+                      "></div>
+                      <div class="
+                        short
+                        v-progress-linear__indeterminate
+                      "></div>
+                    </div>
+                  </transition-stub>
+                  <!---->
+                </div>
+              </div>
+              <div class="v-field__prepend-inner">
                 <!---->
+                <!-- v-if -->
+                <!-- v-if -->
               </div>
-            </div>
-            <div class="v-field__prepend-inner">
-              <!---->
-              <!-- v-if -->
-              <!-- v-if -->
-            </div>
-            <div
-              class="v-field__field"
-              data-no-activator=""
-            >
-              <!---->
-              <label
-                class="
-                  v-field-label
-                  v-label
-                "
-                for="input-v-1"
+              <div
+                class="v-field__field"
+                data-no-activator=""
               >
                 <!---->
-                Caractères de l’image
-              </label>
-              <!---->
-              <input
-                aria-describedby="input-v-1-messages"
-                aria-label="Caractères de l’image"
-                autocomplete="off"
-                class="v-field__input"
-                id="input-v-1"
-                title="Caractères de l’image"
-                type="text"
-              />
-              <!---->
-            </div>
-            <!---->
-            <div class="v-field__append-inner">
-              <!-- Keyboard-focusable clear button -->
-              <!-- v-if -->
-              <!-- v-if -->
-              <!-- v-if -->
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <div class="v-field__outline__start"></div>
-              <div class="v-field__outline__notch">
                 <label
-                  aria-hidden="true"
                   class="
                     v-field-label
-                    v-field-label--floating
                     v-label
                   "
-                  for="input-v-1"
+                  for="input-v-0"
                 >
                   <!---->
                   Caractères de l’image
                 </label>
+                <!---->
+                <input
+                  aria-describedby="input-v-0-messages"
+                  aria-label="Caractères de l’image"
+                  autocomplete="off"
+                  class="v-field__input"
+                  id="input-v-0"
+                  title="Caractères de l’image"
+                  type="text"
+                />
+                <!---->
               </div>
-              <div class="v-field__outline__end"></div>
               <!---->
+              <div class="v-field__append-inner">
+                <!-- Keyboard-focusable clear button -->
+                <!-- v-if -->
+                <!-- v-if -->
+                <!-- v-if -->
+                <!---->
+              </div>
+              <div class="v-field__outline">
+                <div class="v-field__outline__start"></div>
+                <div class="v-field__outline__notch">
+                  <label
+                    aria-hidden="true"
+                    class="
+                      v-field-label
+                      v-field-label--floating
+                      v-label
+                    "
+                    for="input-v-0"
+                  >
+                    <!---->
+                    Caractères de l’image
+                  </label>
+                </div>
+                <div class="v-field__outline__end"></div>
+                <!---->
+              </div>
             </div>
           </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub
-            appear="false"
-            class="v-messages"
-            css="true"
-            id="input-v-1-messages"
-            name="slide-y-transition"
-            persisted="false"
-            tag="div"
-          >
-            <!---->
-          </transition-group-stub>
-          <!-- v-if -->
           <!---->
+          <div class="v-input__details">
+            <transition-group-stub
+              appear="false"
+              class="v-messages"
+              css="true"
+              id="input-v-0-messages"
+              name="slide-y-transition"
+              persisted="false"
+              tag="div"
+            >
+              <!---->
+            </transition-group-stub>
+            <!---->
+          </div>
         </div>
+        <!-- v-if -->
       </div>
     </div>
     <div class="

package/src/components/CopyBtn/tests/__snapshots__/CopyBtn.spec.ts.snap

@@ -26,7 +26,6 @@ exports[`CopyBtn > renders correctly 1`] = `
     origin="auto"
     scrim="false"
     scrollstrategy="reposition"
-    sticktotarget="false"
     zindex="2000"
   ></v-tooltip-stub>
 </div>

package/src/components/Customs/Selects/SelectBtnField/Accessibilite.stories.ts

@@ -184,6 +184,10 @@ export const Legende: StoryObj = {
 				  </div>
 				</div>
 			  </div>
+			  	<div class="mt-4">
+				  <p>Rapport d’audit manuel : <a href="/audits/SelectBtnField.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
+				  <p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/916" target="_blank" style="color:#0C41BD;">issue #916</a>)</p>
+			  </div>
             `,
 		}
 	},