@cnamts/synapse 1.0.20 → 1.0.22

package/src/components/Amelipro/AmeliproAccordionFrieze/__tests__/__snapshots__/AmeliproAccordionFrieze.spec.ts.snap

@@ -116,10 +116,7 @@ exports[`AmeliproAccordionFrieze > render correctly 1`] = `
               id="amelipro-accordion-frieze-unique-id-btn-1"
               tabindex="0"
             >
-              <span class="
-                d-block
-                font-weight-semibold
-              ">
+              <span class="d-block">
                 titre 1
               </span>
               <span class="
@@ -172,10 +169,7 @@ exports[`AmeliproAccordionFrieze > render correctly 1`] = `
               id="amelipro-accordion-frieze-unique-id-btn-2"
               tabindex="0"
             >
-              <span class="
-                d-block
-                font-weight-semibold
-              ">
+              <span class="d-block">
                 titre 2
               </span>
               <span class="
@@ -243,10 +237,7 @@ exports[`AmeliproAccordionFrieze > render correctly 1`] = `
               id="amelipro-accordion-frieze-unique-id-btn-3"
               tabindex="-1"
             >
-              <span class="
-                d-block
-                font-weight-semibold
-              ">
+              <span class="d-block">
                 titre 3
               </span>
               <span class="
@@ -299,10 +290,7 @@ exports[`AmeliproAccordionFrieze > render correctly 1`] = `
               id="amelipro-accordion-frieze-unique-id-btn-4"
               tabindex="-1"
             >
-              <span class="
-                d-block
-                font-weight-semibold
-              ">
+              <span class="d-block">
                 titre 4
               </span>
               <span class="
@@ -355,10 +343,7 @@ exports[`AmeliproAccordionFrieze > render correctly 1`] = `
               id="amelipro-accordion-frieze-unique-id-btn-5"
               tabindex="-1"
             >
-              <span class="
-                d-block
-                font-weight-semibold
-              ">
+              <span class="d-block">
                 titre 5
               </span>
               <span class="
@@ -411,10 +396,7 @@ exports[`AmeliproAccordionFrieze > render correctly 1`] = `
               id="amelipro-accordion-frieze-unique-id-btn-6"
               tabindex="-1"
             >
-              <span class="
-                d-block
-                font-weight-semibold
-              ">
+              <span class="d-block">
                 titre 6
               </span>
               <span class="
@@ -467,10 +449,7 @@ exports[`AmeliproAccordionFrieze > render correctly 1`] = `
               id="amelipro-accordion-frieze-unique-id-btn-7"
               tabindex="-1"
             >
-              <span class="
-                d-block
-                font-weight-semibold
-              ">
+              <span class="d-block">
                 titre 7
               </span>
               <span class="
@@ -523,10 +502,7 @@ exports[`AmeliproAccordionFrieze > render correctly 1`] = `
               id="amelipro-accordion-frieze-unique-id-btn-8"
               tabindex="-1"
             >
-              <span class="
-                d-block
-                font-weight-semibold
-              ">
+              <span class="d-block">
                 titre 8
               </span>
               <span class="
@@ -594,10 +570,7 @@ exports[`AmeliproAccordionFrieze > render correctly 1`] = `
               id="amelipro-accordion-frieze-unique-id-btn-9"
               tabindex="-1"
             >
-              <span class="
-                d-block
-                font-weight-semibold
-              ">
+              <span class="d-block">
                 titre 9
               </span>
               <span class="
@@ -650,10 +623,7 @@ exports[`AmeliproAccordionFrieze > render correctly 1`] = `
               id="amelipro-accordion-frieze-unique-id-btn-10"
               tabindex="-1"
             >
-              <span class="
-                d-block
-                font-weight-semibold
-              ">
+              <span class="d-block">
                 titre 10
               </span>
               <span class="
@@ -706,10 +676,7 @@ exports[`AmeliproAccordionFrieze > render correctly 1`] = `
               id="amelipro-accordion-frieze-unique-id-btn-11"
               tabindex="-1"
             >
-              <span class="
-                d-block
-                font-weight-semibold
-              ">
+              <span class="d-block">
                 titre 11
               </span>
               <span class="
@@ -762,10 +729,7 @@ exports[`AmeliproAccordionFrieze > render correctly 1`] = `
               id="amelipro-accordion-frieze-unique-id-btn-12"
               tabindex="-1"
             >
-              <span class="
-                d-block
-                font-weight-semibold
-              ">
+              <span class="d-block">
                 titre 12
               </span>
               <span class="
@@ -818,10 +782,7 @@ exports[`AmeliproAccordionFrieze > render correctly 1`] = `
               id="amelipro-accordion-frieze-unique-id-btn-13"
               tabindex="-1"
             >
-              <span class="
-                d-block
-                font-weight-semibold
-              ">
+              <span class="d-block">
                 titre 13
               </span>
               <span class="
@@ -874,10 +835,7 @@ exports[`AmeliproAccordionFrieze > render correctly 1`] = `
               id="amelipro-accordion-frieze-unique-id-btn-14"
               tabindex="-1"
             >
-              <span class="
-                d-block
-                font-weight-semibold
-              ">
+              <span class="d-block">
                 titre 14
               </span>
               <span class="

package/src/components/Amelipro/AmeliproAccordionList/AmeliproAccordionList.vue

@@ -189,7 +189,7 @@
 		>
 			<p
 				:id="`${uniqueId}-result-counter`"
-				class="d-inline-block mb-0 total-counter font-weight-semibold"
+				class="d-inline-block mb-0 total-counter"
 			>
 				<span class="d-sr-only">Nombre de lignes dans la liste ci-après :</span>
 				{{ items.length }} {{ counterLabel }}

package/src/components/Amelipro/AmeliproAccordionList/__tests__/__snapshots__/AmeliproAccordionList.spec.ts.snap

@@ -18,7 +18,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
     <p
       class="
         d-inline-block
-        font-weight-semibold
         mb-0
         total-counter
       "
@@ -165,6 +164,17 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
                     class="v-field__input"
                     data-no-activator=""
                   >
+                    <select hidden="">
+                      <option value="5"></option>
+                      <option
+                        selected=""
+                        value="10"
+                      ></option>
+                      <option value="20"></option>
+                      <option value="30"></option>
+                      <option value="50"></option>
+                      <option value="100"></option>
+                    </select>
                     <!---->
                     <!---->
                     <div class="v-select__selection">
@@ -174,11 +184,13 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
                       </span>
                     </div>
                     <input
-                      aria-label="Open"
+                      aria-controls="menu-v-1"
+                      aria-expanded="false"
+                      aria-labelledby="amelipro-accordion-result-unique-id-pagination-select-label"
                       id="amelipro-accordion-result-unique-id-pagination-select"
                       inputmode="none"
+                      role="combobox"
                       size="1"
-                      title="Open"
                       type="text"
                       value="10"
                     />
@@ -258,7 +270,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
               <p
                 aria-level="2"
                 class="
-                  font-weight-semibold
                   mb-0
                   text-h3
                 "
@@ -272,7 +283,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
                     accordion-btn
                     align-center
                     d-inline-flex
-                    font-weight-semibold
                     text-ap-grey-darken-1
                     text-left
                   "
@@ -377,7 +387,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
               <p
                 aria-level="2"
                 class="
-                  font-weight-semibold
                   mb-0
                   text-h3
                 "
@@ -391,7 +400,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
                     accordion-btn
                     align-center
                     d-inline-flex
-                    font-weight-semibold
                     text-ap-grey-darken-1
                     text-left
                   "
@@ -496,7 +504,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
               <p
                 aria-level="2"
                 class="
-                  font-weight-semibold
                   mb-0
                   text-h3
                 "
@@ -510,7 +517,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
                     accordion-btn
                     align-center
                     d-inline-flex
-                    font-weight-semibold
                     text-ap-grey-darken-1
                     text-left
                   "
@@ -615,7 +621,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
               <p
                 aria-level="2"
                 class="
-                  font-weight-semibold
                   mb-0
                   text-h3
                 "
@@ -629,7 +634,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
                     accordion-btn
                     align-center
                     d-inline-flex
-                    font-weight-semibold
                     text-ap-grey-darken-1
                     text-left
                   "
@@ -734,7 +738,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
               <p
                 aria-level="2"
                 class="
-                  font-weight-semibold
                   mb-0
                   text-h3
                 "
@@ -748,7 +751,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
                     accordion-btn
                     align-center
                     d-inline-flex
-                    font-weight-semibold
                     text-ap-grey-darken-1
                     text-left
                   "
@@ -853,7 +855,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
               <p
                 aria-level="2"
                 class="
-                  font-weight-semibold
                   mb-0
                   text-h3
                 "
@@ -867,7 +868,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
                     accordion-btn
                     align-center
                     d-inline-flex
-                    font-weight-semibold
                     text-ap-grey-darken-1
                     text-left
                   "
@@ -972,7 +972,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
               <p
                 aria-level="2"
                 class="
-                  font-weight-semibold
                   mb-0
                   text-h3
                 "
@@ -986,7 +985,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
                     accordion-btn
                     align-center
                     d-inline-flex
-                    font-weight-semibold
                     text-ap-grey-darken-1
                     text-left
                   "
@@ -1091,7 +1089,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
               <p
                 aria-level="2"
                 class="
-                  font-weight-semibold
                   mb-0
                   text-h3
                 "
@@ -1105,7 +1102,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
                     accordion-btn
                     align-center
                     d-inline-flex
-                    font-weight-semibold
                     text-ap-grey-darken-1
                     text-left
                   "
@@ -1210,7 +1206,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
               <p
                 aria-level="2"
                 class="
-                  font-weight-semibold
                   mb-0
                   text-h3
                 "
@@ -1224,7 +1219,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
                     accordion-btn
                     align-center
                     d-inline-flex
-                    font-weight-semibold
                     text-ap-grey-darken-1
                     text-left
                   "
@@ -1329,7 +1323,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
               <p
                 aria-level="2"
                 class="
-                  font-weight-semibold
                   mb-0
                   text-h3
                 "
@@ -1343,7 +1336,6 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
                     accordion-btn
                     align-center
                     d-inline-flex
-                    font-weight-semibold
                     text-ap-grey-darken-1
                     text-left
                   "

package/src/components/Amelipro/AmeliproAccordionResultList/AmeliproAccordionResultList.vue

@@ -181,7 +181,7 @@
 		>
 			<p
 				:id="`${uniqueId}-result-counter`"
-				class="d-inline-block mb-0 total-counter font-weight-semibold"
+				class="d-inline-block mb-0 total-counter"
 			>
 				<span class="d-sr-only">Nombre de lignes dans la liste ci-après :</span>
 				{{ items.length }} {{ counterLabel }}

package/src/components/Amelipro/AmeliproAccordionResultList/__tests__/__snapshots__/AmeliproAccordionResultList.spec.ts.snap

@@ -18,7 +18,6 @@ exports[`AmeliproAccordionResultList > render correctly 1`] = `
     <p
       class="
         d-inline-block
-        font-weight-semibold
         mb-0
         total-counter
       "
@@ -166,6 +165,17 @@ exports[`AmeliproAccordionResultList > render correctly 1`] = `
                     class="v-field__input"
                     data-no-activator=""
                   >
+                    <select hidden="">
+                      <option value="5"></option>
+                      <option
+                        selected=""
+                        value="10"
+                      ></option>
+                      <option value="20"></option>
+                      <option value="30"></option>
+                      <option value="50"></option>
+                      <option value="100"></option>
+                    </select>
                     <!---->
                     <!---->
                     <div class="v-select__selection">
@@ -175,11 +185,13 @@ exports[`AmeliproAccordionResultList > render correctly 1`] = `
                       </span>
                     </div>
                     <input
-                      aria-label="Open"
+                      aria-controls="menu-v-1"
+                      aria-expanded="false"
+                      aria-labelledby="amelipro-accordion-list-unique-id-pagination-select-label"
                       id="amelipro-accordion-list-unique-id-pagination-select"
                       inputmode="none"
+                      role="combobox"
                       size="1"
-                      title="Open"
                       type="text"
                       value="10"
                     />

package/src/components/Amelipro/AmeliproCarousel/__tests__/__snapshots__/AmeliproCarousel.spec.ts.snap

@@ -203,7 +203,6 @@ exports[`AmeliproCarousel > render correctly 1`] = `
               v-btn--variant-elevated
               v-theme--light
             "
-            disabled="true"
             href="href item 2"
             id="carousel-unique-id-item-1-btn"
             tabindex="-1"
@@ -248,7 +247,6 @@ exports[`AmeliproCarousel > render correctly 1`] = `
               v-btn--variant-elevated
               v-theme--light
             "
-            disabled="true"
             href="href item 3"
             id="carousel-unique-id-item-2-btn"
             tabindex="-1"

package/src/components/Amelipro/AmeliproClickableTile/tests/__snapshots__/AmeliproClickableTile.spec.ts.snap

@@ -59,101 +59,3 @@ exports[`AmeliproClickableTile > Snapshots > renders the component with only req
   width="100%"
 ></v-btn-stub>
 `;
-
-exports[`AmeliproClickableTile > render correctly 1`] = `
-<button
-  class="
-    amelipro-clickable-tile
-    elevation-0
-    text-none
-    v-btn
-    v-btn--density-default
-    v-btn--elevated
-    v-btn--size-default
-    v-btn--variant-elevated
-    v-theme--light
-  "
-  id="my-clickable-tile-id"
-  style="
-    height: auto;
-    width: 100%;
-    background-color: #FFFFFF;
-    border: 1px solid #00749C !important;
-    color: #1A1B1B;
-    padding: 1rem;
-  "
-  type="button"
->
-  <span class="v-btn__overlay"></span>
-  <span class="v-btn__underlay"></span>
-  <!---->
-  <span
-    class="v-btn__content"
-    data-no-activator=""
-  >
-    <span class="
-      align-center
-      d-flex
-    ">
-      <!-- v-if -->
-      <span
-        class="
-          amelipro-clickable-tile__icon
-          amelipro-icon
-        "
-        id="my-clickable-tile-id-icon"
-      >
-        <span
-          aria-hidden="true"
-          class="
-            amelipro-custom-icon
-            custom-color
-          "
-          focusable="false"
-          role="img"
-          style="
-            color: #FFFFFF;
-            height: 32px;
-            width: 32px;
-          "
-        >
-          <span></span>
-        </span>
-      </span>
-      <span class="
-        d-block
-        ml-3
-        mr-6
-      ">
-        titre de la tuile
-      </span>
-    </span>
-    <span
-      class="
-        amelipro-clickable-tile__icon-arrow
-        amelipro-icon
-      "
-      id="my-clickable-tile-id-icon-arrow"
-    >
-      <span
-        aria-hidden="true"
-        class="
-          amelipro-custom-icon
-          custom-color
-        "
-        focusable="false"
-        role="img"
-        style="
-          color: #00749C;
-          height: 16px;
-          width: 16px;
-        "
-      >
-        <span></span>
-      </span>
-    </span>
-  </span>
-  <!---->
-  <!---->
-</button>
-`;

package/src/components/Amelipro/AmeliproContentLayout/AmeliproContentLayout.mdx

@@ -4,7 +4,7 @@ import * as AmeliproContentLayoutStories from './AmeliproContentLayout.stories';
 
 <Meta of={AmeliproContentLayoutStories} />
 
-<Story of={AmeliproContentLayoutStories.Info} />
+<Story of={AmeliproContentLayoutStories.DeprecationNotice} />
 
 # AmeliproContentLayout
 

package/src/components/Amelipro/AmeliproContentLayout/AmeliproContentLayout.stories.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
 import AmeliproContentLayout from './AmeliproContentLayout.vue'
-import AmeliproMessage from '../AmeliproMessage/AmeliproMessage.vue'
+import { createDeprecationNotice } from '@/stories/DeprecationNotice/DeprecationNotice'
 
 const meta = {
 	argTypes: {
@@ -43,20 +43,9 @@ export const Default: Story = {
 	}),
 }
 
-export const Info: Story = {
-	render: (args) => {
-		return {
-			components: { AmeliproMessage },
-			setup() {
-				return { args }
-			},
-			template: `
-			  <AmeliproMessage :closable="false" class="mb-4" type="warning">
-				<strong>Ce composant est déprécié</strong>, il ne sera plus maintenu ou mis à jour.
-				Nous vous recommandons d'utiliser à la place le composant <strong><a href='https://cnam-design-system.netlify.app/?path=/docs/composants-layout-pagecontainer--docs'>PageContainer</a></strong>.
-			  </AmeliproMessage>
-			`,
-		}
-	},
+export const DeprecationNotice = {
+	...createDeprecationNotice([
+		{ label: 'PageContainer', url: '/?path=/docs/composants-layout-pagecontainer--docs&globals=theme:ap' },
+	]),
 	tags: ['!dev'],
 }

package/src/components/Amelipro/AmeliproCopyBtn/AmeliproCopyBtn.mdx

@@ -1,9 +1,11 @@
-import { Controls, Canvas, Meta, Source } from '@storybook/blocks';
+import { Controls, Canvas, Meta, Source, Story } from '@storybook/blocks';
 
 import * as AmeliproCopyBtnStories from './AmeliproCopyBtn.stories';
 
 <Meta of={AmeliproCopyBtnStories} />
 
+<Story of={AmeliproCopyBtnStories.DeprecationNotice}/>
+
 # AmeliproCopyBtn
 
 L’élément `AmeliproCopyBtn` est utilisé pour afficher un bouton permettant de copier un texte adjacent

package/src/components/Amelipro/AmeliproCopyBtn/AmeliproCopyBtn.stories.ts

@@ -1,6 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
 import AmeliproCopyBtn from './AmeliproCopyBtn.vue'
 import AmeliproTextArea from '../AmeliproTextArea/AmeliproTextArea.vue'
+import { createDeprecationNotice } from '@/stories/DeprecationNotice/DeprecationNotice'
 
 const meta = {
 	argTypes: {
@@ -152,3 +153,9 @@ function onCopyClick(id: string) {
         `,
 	}),
 }
+export const DeprecationNotice = {
+	...createDeprecationNotice([
+		{ label: 'CopyBtn', url: '/?path=/docs/composants-boutons-copybtn--docs&globals=theme:ap' },
+	]),
+	tags: ['!dev'],
+}

package/src/components/Amelipro/AmeliproDentalChart/AmeliproTooth/AmeliproTooth.vue

@@ -102,7 +102,6 @@
 		<span
 			:id="`${uniqueId}-number`"
 			aria-hidden="true"
-			class="font-weight-semibold"
 		>
 			{{ toothNumber }}
 		</span>

package/src/components/Amelipro/AmeliproDentalChart/AmeliproTooth/tests/__snapshots__/AmeliproTooth.spec.ts.snap

@@ -17,7 +17,6 @@ exports[`AmeliproTooth > render correctly 1`] = `
   </span>
   <span
     aria-hidden="true"
-    class="font-weight-semibold"
     id="my-tooth-id-number"
   >
     36