@cnamts/synapse 1.0.3 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cnamts/synapse",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "private": false,
   "description": "CNAM DS v3",
   "type": "module",
@@ -46,7 +46,7 @@
     "node": ">=18.0.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.2",
+    "@chromatic-com/storybook": "^4.0.0",
     "@jls-digital/storybook-addon-code": "^1.0.4",
     "@mdi/js": "^7.4.47",
     "@storybook/addon-docs": "^8.5.6",
@@ -64,12 +64,12 @@
     "@storybook/vue3-vite": "^8.5.6",
     "@stylistic/eslint-plugin": "^2.9.0",
     "@stylistic/eslint-plugin-ts": "^2.9.0",
-    "@stylistic/stylelint-config": "^2.0.0",
+    "@stylistic/stylelint-config": "^3.0.0",
     "@tsconfig/node20": "^20.1.4",
     "@types/node": "^20.17.1",
     "@typescript-eslint/parser": "^8.11.0",
     "@vitejs/plugin-vue": "^5.1.4",
-    "@vitest/coverage-v8": "^2.1.4",
+    "@vitest/coverage-v8": "^3.2.4",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.5.1",
     "auto-changelog": "^2.4.0",
@@ -80,31 +80,31 @@
     "eslint-plugin-vuejs-accessibility": "^2.4.1",
     "happy-dom": "^15.7.4",
     "husky": "^9.1.6",
-    "marked": "^15.0.7",
+    "marked": "^16.0.0",
     "postcss-html": "^1.7.0",
     "postcss-scss": "^4.0.9",
     "resize-observer-polyfill": "^1.5.1",
     "semantic-release": "^24.2.3",
     "storybook": "^8.5.6",
-    "storybook-addon-vue-mdx": "^1.0.6",
+    "storybook-addon-vue-mdx": "^2.0.0",
     "stylelint": "^16.12.0",
     "stylelint-config-recommended-scss": "^14.1.0",
     "stylelint-config-recommended-vue": "^1.5.0",
     "stylelint-config-standard-scss": "^14.0.0",
     "typescript": "5.4.2",
     "typescript-eslint": "^8.11.0",
-    "vite": "^5.4.10",
+    "vite": "^7.0.6",
     "vite-plugin-dts": "^4.0.1",
-    "vite-plugin-vuetify": "^2.0.4",
-    "vitest": "^2.0.5",
-    "vue": "^3.4.33",
+    "vite-plugin-vuetify": "^2.1.1",
+    "vitest": "^3.2.4",
+    "vue": "^3.5.18",
     "vue-router": "^4.4.5",
     "vue-tsc": "^2.1.8",
     "vue3-snapshot-serializer": "^2.9.0"
   },
   "peerDependencies": {
-    "vue": "^3.4.33",
-    "vuetify": "^3.6.13"
+    "vue": "^3.5.18",
+    "vuetify": "^3.9.2"
   },
   "dependencies": {
     "@emotion/css": "^11.13.5",

package/src/assets/_typography.scss

@@ -1,49 +1,48 @@
 /* Typography styles for CNAM and PA themes */
 
-/* Theme Typography */
-.v-theme--cnam,
-.v-theme--pa {
+.v-application .v-theme--cnam,
+.v-application .v-theme--pa {
 	/* Headings with Vuetify classes */
 	.text-h1 {
 		font-size: var(--v-typography-h1-font-size) !important;
 		font-weight: var(--v-typography-h1-font-weight) !important;
 		line-height: var(--v-typography-h1-line-height) !important;
-		letter-spacing: var(--v-typography-h1-letter-spacing) !important;
+		letter-spacing: var(--v-typography-h1-letter-spacing);
 	}
 
 	.text-h2 {
 		font-size: var(--v-typography-h2-font-size) !important;
 		font-weight: var(--v-typography-h2-font-weight) !important;
 		line-height: var(--v-typography-h2-line-height) !important;
-		letter-spacing: var(--v-typography-h2-letter-spacing) !important;
+		letter-spacing: var(--v-typography-h2-letter-spacing);
 	}
 
 	.text-h3 {
 		font-size: var(--v-typography-h3-font-size) !important;
 		font-weight: var(--v-typography-h3-font-weight) !important;
 		line-height: var(--v-typography-h3-line-height) !important;
-		letter-spacing: var(--v-typography-h3-letter-spacing) !important;
+		letter-spacing: var(--v-typography-h3-letter-spacing);
 	}
 
 	.text-h4 {
 		font-size: var(--v-typography-h4-font-size) !important;
 		font-weight: var(--v-typography-h4-font-weight) !important;
 		line-height: var(--v-typography-h4-line-height) !important;
-		letter-spacing: var(--v-typography-h4-letter-spacing) !important;
+		letter-spacing: var(--v-typography-h4-letter-spacing);
 	}
 
 	.text-h5 {
 		font-size: var(--v-typography-h5-font-size) !important;
 		font-weight: var(--v-typography-h5-font-weight) !important;
 		line-height: var(--v-typography-h5-line-height) !important;
-		letter-spacing: var(--v-typography-h5-letter-spacing) !important;
+		letter-spacing: var(--v-typography-h5-letter-spacing);
 	}
 
 	.text-h6 {
 		font-size: var(--v-typography-h6-font-size) !important;
 		font-weight: var(--v-typography-h6-font-weight) !important;
 		line-height: var(--v-typography-h6-line-height) !important;
-		letter-spacing: var(--v-typography-h6-letter-spacing) !important;
+		letter-spacing: var(--v-typography-h6-letter-spacing);
 	}
 
 	/* Native HTML heading elements */
@@ -51,7 +50,7 @@
 		font-size: var(--v-typography-h1-font-size) !important;
 		font-weight: var(--v-typography-h1-font-weight) !important;
 		line-height: var(--v-typography-h1-line-height) !important;
-		letter-spacing: var(--v-typography-h1-letter-spacing) !important;
+		letter-spacing: var(--v-typography-h1-letter-spacing);
 		margin-bottom: 0.5rem;
 	}
 
@@ -59,7 +58,7 @@
 		font-size: var(--v-typography-h2-font-size) !important;
 		font-weight: var(--v-typography-h2-font-weight) !important;
 		line-height: var(--v-typography-h2-line-height) !important;
-		letter-spacing: var(--v-typography-h2-letter-spacing) !important;
+		letter-spacing: var(--v-typography-h2-letter-spacing);
 		margin-bottom: 0.5rem;
 	}
 
@@ -67,7 +66,7 @@
 		font-size: var(--v-typography-h3-font-size) !important;
 		font-weight: var(--v-typography-h3-font-weight) !important;
 		line-height: var(--v-typography-h3-line-height) !important;
-		letter-spacing: var(--v-typography-h3-letter-spacing) !important;
+		letter-spacing: var(--v-typography-h3-letter-spacing);
 		margin-bottom: 0.5rem;
 	}
 
@@ -75,7 +74,7 @@
 		font-size: var(--v-typography-h4-font-size) !important;
 		font-weight: var(--v-typography-h4-font-weight) !important;
 		line-height: var(--v-typography-h4-line-height) !important;
-		letter-spacing: var(--v-typography-h4-letter-spacing) !important;
+		letter-spacing: var(--v-typography-h4-letter-spacing);
 		margin-bottom: 0.5rem;
 	}
 
@@ -83,7 +82,7 @@
 		font-size: var(--v-typography-h5-font-size) !important;
 		font-weight: var(--v-typography-h5-font-weight) !important;
 		line-height: var(--v-typography-h5-line-height) !important;
-		letter-spacing: var(--v-typography-h5-letter-spacing) !important;
+		letter-spacing: var(--v-typography-h5-letter-spacing);
 		margin-bottom: 0.5rem;
 	}
 
@@ -91,7 +90,7 @@
 		font-size: var(--v-typography-h6-font-size) !important;
 		font-weight: var(--v-typography-h6-font-weight) !important;
 		line-height: var(--v-typography-h6-line-height) !important;
-		letter-spacing: var(--v-typography-h6-letter-spacing) !important;
+		letter-spacing: var(--v-typography-h6-letter-spacing);
 		margin-bottom: 0.5rem;
 	}
 
@@ -100,14 +99,14 @@
 		font-size: var(--v-typography-body1-font-size) !important;
 		font-weight: var(--v-typography-body1-font-weight) !important;
 		line-height: var(--v-typography-body1-line-height) !important;
-		letter-spacing: var(--v-typography-body1-letter-spacing) !important;
+		letter-spacing: var(--v-typography-body1-letter-spacing);
 	}
 
 	.text-body-2 {
 		font-size: var(--v-typography-body2-font-size) !important;
 		font-weight: var(--v-typography-body2-font-weight) !important;
 		line-height: var(--v-typography-body2-line-height) !important;
-		letter-spacing: var(--v-typography-body2-letter-spacing) !important;
+		letter-spacing: var(--v-typography-body2-letter-spacing);
 	}
 
 	/* Subtitle text */
@@ -115,14 +114,14 @@
 		font-size: var(--v-typography-subtitle1-font-size) !important;
 		font-weight: var(--v-typography-subtitle1-font-weight) !important;
 		line-height: var(--v-typography-subtitle1-line-height) !important;
-		letter-spacing: var(--v-typography-subtitle1-letter-spacing) !important;
+		letter-spacing: var(--v-typography-subtitle1-letter-spacing);
 	}
 
 	.text-subtitle-2 {
 		font-size: var(--v-typography-subtitle2-font-size) !important;
 		font-weight: var(--v-typography-subtitle2-font-weight) !important;
 		line-height: var(--v-typography-subtitle2-line-height) !important;
-		letter-spacing: var(--v-typography-subtitle2-letter-spacing) !important;
+		letter-spacing: var(--v-typography-subtitle2-letter-spacing);
 	}
 
 	/* Other typography */
@@ -130,14 +129,14 @@
 		font-size: var(--v-typography-caption-font-size) !important;
 		font-weight: var(--v-typography-caption-font-weight) !important;
 		line-height: var(--v-typography-caption-line-height) !important;
-		letter-spacing: var(--v-typography-caption-letter-spacing) !important;
+		letter-spacing: var(--v-typography-caption-letter-spacing);
 	}
 
 	.text-overline {
 		font-size: var(--v-typography-overline-font-size) !important;
 		font-weight: var(--v-typography-overline-font-weight) !important;
 		line-height: var(--v-typography-overline-line-height) !important;
-		letter-spacing: var(--v-typography-overline-letter-spacing) !important;
+		letter-spacing: var(--v-typography-overline-letter-spacing);
 		text-transform: var(--v-typography-overline-text-transform, uppercase) !important;
 	}
 
@@ -146,13 +145,13 @@
 		font-size: var(--v-typography-display1-font-size) !important;
 		font-weight: var(--v-typography-display1-font-weight) !important;
 		line-height: var(--v-typography-display1-line-height) !important;
-		letter-spacing: var(--v-typography-display1-letter-spacing) !important;
+		letter-spacing: var(--v-typography-display1-letter-spacing);
 	}
 
 	.text-display-2 {
 		font-size: var(--v-typography-display2-font-size) !important;
 		font-weight: var(--v-typography-display2-font-weight) !important;
 		line-height: var(--v-typography-display2-line-height) !important;
-		letter-spacing: var(--v-typography-display2-letter-spacing) !important;
+		letter-spacing: var(--v-typography-display2-letter-spacing);
 	}
 }

package/src/components/Accordion/Accordion.vue

@@ -21,7 +21,7 @@
 		disabled?: boolean
 	}
 
-	interface Props extends CustomizableOptions {
+	export interface AccordionProps extends CustomizableOptions {
 		items: AccordionItem[]
 		headingLevel?: number
 		groupId?: string
@@ -36,7 +36,7 @@
 		}
 	}
 
-	const props = withDefaults(defineProps<Props>(), {
+	const props = withDefaults(defineProps<AccordionProps>(), {
 		headingLevel: 3,
 		groupId: 'default',
 		vuetifyOptions: () => ({}),

package/src/components/Accordion/tests/__snapshots__/accordion.spec.ts.snap

@@ -3,7 +3,11 @@
 exports[`Accordion > renders correctly 1`] = `
 <div
   class="sy-accordion"
-  style="--accordion-hover-color: var(--v-theme-primary); --accordion-focus-color: var(--v-theme-primary); --accordion-active-color: var(--v-theme-primary);"
+  style="
+    --accordion-hover-color: var(--v-theme-primary);
+    --accordion-focus-color: var(--v-theme-primary);
+    --accordion-active-color: var(--v-theme-primary);
+  "
 >
   <div class="
     bg-white

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

@@ -64,22 +64,23 @@ exports[`AmeliproAutoCompleteField > render correctly 1`] = `
               v-theme--light
             "
             role="progressbar"
-            style="top: 0px; height: 0px; --v-progress-linear-height: 2px;"
+            style="
+              top: 0px;
+              height: 0px;
+              --v-progress-linear-height: 2px;
+            "
           >
             <!---->
             <div
-              class="
-                bg-ap-blue-darken-1
-                v-progress-linear__background
-              "
+              class="v-progress-linear__background"
               style="opacity: NaN;"
             ></div>
             <div
-              class="
-                bg-ap-blue-darken-1
-                v-progress-linear__buffer
+              class="v-progress-linear__buffer"
+              style="
+                opacity: NaN;
+                width: 0%;
               "
-              style="opacity: NaN; width: 0%;"
             ></div>
             <transition-stub
               appear="false"
@@ -89,12 +90,10 @@ exports[`AmeliproAutoCompleteField > render correctly 1`] = `
             >
               <div class="v-progress-linear__indeterminate">
                 <div class="
-                  bg-ap-blue-darken-1
                   long
                   v-progress-linear__indeterminate
                 "></div>
                 <div class="
-                  bg-ap-blue-darken-1
                   short
                   v-progress-linear__indeterminate
                 "></div>
@@ -148,7 +147,10 @@ exports[`AmeliproAutoCompleteField > render correctly 1`] = `
             "
             id="my-AutoCompleteField-id-btn"
             plain=""
-            style="height: auto; width: auto;"
+            style="
+              height: auto;
+              width: auto;
+            "
             tabindex="-1"
             type="button"
           >
@@ -174,7 +176,12 @@ exports[`AmeliproAutoCompleteField > render correctly 1`] = `
               >
                 <span
                   class="amelipro-external-icon"
-                  style="background-color: transparent; border-radius: 50%; color: #00749C; padding: 0px;"
+                  style="
+                    background-color: transparent;
+                    border-radius: 50%;
+                    color: #00749C;
+                    padding: 0px;
+                  "
                 >
                   <i
                     aria-hidden="true"
@@ -186,7 +193,12 @@ exports[`AmeliproAutoCompleteField > render correctly 1`] = `
                       v-icon
                       v-theme--light
                     "
-                    style="font-size: 100%; height: 100%; width: 100%; display: block;"
+                    style="
+                      font-size: 100%;
+                      height: 100%;
+                      width: 100%;
+                      display: block;
+                    "
                   ></i>
                 </span>
               </span>

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

@@ -39,7 +39,11 @@ exports[`AmeliproBreadcrumb > render correctly 1`] = `
           v-theme--light
         "
         id="amelipro-breadcrumb-unique-id-btn-0"
-        style="height: auto; min-height: auto; padding: 0px;"
+        style="
+          height: auto;
+          min-height: auto;
+          padding: 0px;
+        "
         type="button"
       >
         <span class="v-btn__overlay"></span>
@@ -92,7 +96,11 @@ exports[`AmeliproBreadcrumb > render correctly 1`] = `
           v-theme--light
         "
         id="amelipro-breadcrumb-unique-id-btn-1"
-        style="height: auto; min-height: auto; padding: 0px;"
+        style="
+          height: auto;
+          min-height: auto;
+          padding: 0px;
+        "
         type="button"
       >
         <span class="v-btn__overlay"></span>
@@ -145,7 +153,11 @@ exports[`AmeliproBreadcrumb > render correctly 1`] = `
           v-theme--light
         "
         id="amelipro-breadcrumb-unique-id-btn-2"
-        style="height: auto; min-height: auto; padding: 0px;"
+        style="
+          height: auto;
+          min-height: auto;
+          padding: 0px;
+        "
         type="button"
       >
         <span class="v-btn__overlay"></span>

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

@@ -15,7 +15,11 @@ exports[`AmeliproBtn > render correctly 1`] = `
     v-theme--light
   "
   id="my-btn-id"
-  style="height: auto; min-height: 2.5rem; color: #FFFFFF !important;"
+  style="
+    height: auto;
+    min-height: 2.5rem;
+    color: #FFFFFF !important;
+  "
   type="button"
 >
   <span class="v-btn__overlay"></span>

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

@@ -18,7 +18,10 @@ exports[`AmeliproCallback > render correctly 1`] = `
       w-100
     "
     id="my-callback-id-card-container"
-    style="background-color: #FFFFFF; border: 1px solid #DDDEDE;"
+    style="
+      background-color: #FFFFFF;
+      border: 1px solid #DDDEDE;
+    "
   >
     <div
       class="amelipro-card__left-part"
@@ -41,7 +44,11 @@ exports[`AmeliproCallback > render correctly 1`] = `
             flex-sm-row
             w-100
           "
-          style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDDEDE;"
+          style="
+            border-bottom-width: 1px;
+            border-bottom-style: solid;
+            border-bottom-color: #DDDEDE;
+          "
         >
           <div
             class="amelipro-card__header-slot-wrapper--left"
@@ -88,7 +95,11 @@ exports[`AmeliproCallback > render correctly 1`] = `
                 "
                 focusable="false"
                 role="img"
-                style="color: #FFFFFF; height: 32px; width: 32px;"
+                style="
+                  color: #FFFFFF;
+                  height: 32px;
+                  width: 32px;
+                "
               >
                 <span>
                   <svg

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

@@ -10,7 +10,10 @@ exports[`AmeliproCard > render correctly 1`] = `
     w-100
   "
   id="my-card-id-container"
-  style="background-color: #FFFFFF; border: 1px solid #DDDEDE;"
+  style="
+    background-color: #FFFFFF;
+    border: 1px solid #DDDEDE;
+  "
 >
   <div
     class="amelipro-card__left-part"
@@ -33,7 +36,11 @@ exports[`AmeliproCard > render correctly 1`] = `
           flex-sm-row
           w-100
         "
-        style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDDEDE;"
+        style="
+          border-bottom-width: 1px;
+          border-bottom-style: solid;
+          border-bottom-color: #DDDEDE;
+        "
       >
         <div
           class="amelipro-card__header-slot-wrapper--left"

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

@@ -34,7 +34,10 @@ exports[`AmeliproChips > render correctly 1`] = `
     "
     id="my-chip-id-btn"
     plain=""
-    style="height: auto; width: auto;"
+    style="
+      height: auto;
+      width: auto;
+    "
     title="supprimer texte de la chip"
     type="button"
   >

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

@@ -48,7 +48,10 @@ exports[`AmeliproDialog > render correctly 1`] = `
         "
         id="amelipro-dialog-id-close-btn"
         plain=""
-        style="height: auto; width: auto;"
+        style="
+          height: auto;
+          width: auto;
+        "
         type="button"
       >
         <span class="v-btn__overlay"></span>
@@ -79,7 +82,11 @@ exports[`AmeliproDialog > render correctly 1`] = `
               "
               focusable="false"
               role="img"
-              style="color: #00749C; height: 40px; width: 40px;"
+              style="
+                color: #00749C;
+                height: 40px;
+                width: 40px;
+              "
             >
               <span>
                 <svg

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

@@ -28,7 +28,11 @@ exports[`AmeliproDisclosure > render correctly 1`] = `
       v-theme--light
     "
     id="my-disclosure-id-open-close-btn"
-    style="height: auto; min-height: auto; padding: 0px;"
+    style="
+      height: auto;
+      min-height: auto;
+      padding: 0px;
+    "
     type="button"
   >
     <span class="v-btn__overlay"></span>
@@ -55,7 +59,14 @@ exports[`AmeliproDisclosure > render correctly 1`] = `
         >
           <span
             class="amelipro-external-icon"
-            style="background-color: transparent; border-radius: 50%; color: #00749C; padding: 0px; height: 1.5rem; width: 1.5rem;"
+            style="
+              background-color: transparent;
+              border-radius: 50%;
+              color: #00749C;
+              padding: 0px;
+              height: 1.5rem;
+              width: 1.5rem;
+            "
           >
             <i
               aria-hidden="true"
@@ -67,7 +78,12 @@ exports[`AmeliproDisclosure > render correctly 1`] = `
                 v-icon
                 v-theme--light
               "
-              style="font-size: 100%; height: 100%; width: 100%; display: block;"
+              style="
+                font-size: 100%;
+                height: 100%;
+                width: 100%;
+                display: block;
+              "
             ></i>
           </span>
         </span>

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

@@ -67,7 +67,11 @@ exports[`AmeliproFooter > render correctly 1`] = `
         "
         href="tel:3608"
         id="my-footer-id-contact-link"
-        style="height: auto; min-height: auto; padding: 0px;"
+        style="
+          height: auto;
+          min-height: auto;
+          padding: 0px;
+        "
         type="button"
       ><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
         
@@ -133,7 +137,11 @@ exports[`AmeliproFooter > render correctly 1`] = `
             v-theme--light
           "
           id="my-footer-id-site-map-btn"
-          style="height: auto; min-height: auto; padding: 0px;"
+          style="
+            height: auto;
+            min-height: auto;
+            padding: 0px;
+          "
           type="button"
         >
           <span class="v-btn__overlay"></span>
@@ -177,7 +185,11 @@ exports[`AmeliproFooter > render correctly 1`] = `
             v-theme--light
           "
           id="my-footer-id-about-btn"
-          style="height: auto; min-height: auto; padding: 0px;"
+          style="
+            height: auto;
+            min-height: auto;
+            padding: 0px;
+          "
           type="button"
         >
           <span class="v-btn__overlay"></span>
@@ -221,7 +233,11 @@ exports[`AmeliproFooter > render correctly 1`] = `
             v-theme--light
           "
           id="my-footer-id-config-btn"
-          style="height: auto; min-height: auto; padding: 0px;"
+          style="
+            height: auto;
+            min-height: auto;
+            padding: 0px;
+          "
           type="button"
         >
           <span class="v-btn__overlay"></span>
@@ -265,7 +281,11 @@ exports[`AmeliproFooter > render correctly 1`] = `
             v-theme--light
           "
           id="my-footer-id-legal-notice-btn"
-          style="height: auto; min-height: auto; padding: 0px;"
+          style="
+            height: auto;
+            min-height: auto;
+            padding: 0px;
+          "
           type="button"
         >
           <span class="v-btn__overlay"></span>
@@ -309,7 +329,11 @@ exports[`AmeliproFooter > render correctly 1`] = `
             v-theme--light
           "
           id="my-footer-id-cgu-btn"
-          style="height: auto; min-height: auto; padding: 0px;"
+          style="
+            height: auto;
+            min-height: auto;
+            padding: 0px;
+          "
           type="button"
         >
           <span class="v-btn__overlay"></span>
@@ -353,7 +377,11 @@ exports[`AmeliproFooter > render correctly 1`] = `
             v-theme--light
           "
           id="my-footer-id-a11y-btn"
-          style="height: auto; min-height: auto; padding: 0px;"
+          style="
+            height: auto;
+            min-height: auto;
+            padding: 0px;
+          "
           type="button"
         >
           <span class="v-btn__overlay"></span>

package/src/components/Amelipro/AmeliproHeader/AmeliproHeaderBar/AmeliproHeaderBrandSection/tests/__snapshots__/AmeliproHeaderBrandSection.spec.ts.snap

@@ -125,7 +125,7 @@ exports[`AmeliproHeaderBrandSection > render correctly 1`] = `
       alt="AmeliPro"
       class="logo-amelipro"
       id="amelipro-header-brand-section-id-logo-amelipro"
-      src="/src/assets/amelipro/img/amelipro.svg"
+      src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='99'%20height='64'%20viewBox='0%200%2099%2064'%20fill='none'%3e%3cpath%20fill='%2300a5df'%20d='M68.38%2038.78c.54.32%201.45.63%202.31.63%202.76%200%205.38-1.87%205.38-5.72v-2.86c0-3.59-2.62-5.7-5.7-5.7-3.09%200-5.71%202.11-5.71%205.7v13.73h3.72v-5.78Zm0-2.99v-4.83c0-1.8.85-2.68%202-2.68%201.12%200%201.97.88%201.97%202.68v2.6c0%201.97-.88%202.7-2%202.7-.67%200-1.32-.2-1.97-.47ZM77.97%2039.07h3.7v-8.68c0-1.23.67-2.11%201.84-2.11.63%200%201.28.13%201.85.29l.7-3.02a8.47%208.47%200%200%200-2.57-.42c-3.1%200-5.52%202.11-5.52%205.26v8.68ZM86.43%2033.45c0%203.72%202.44%205.96%205.8%205.96%203.35%200%205.8-2.24%205.8-5.96V31.1c0-3.72-2.45-5.96-5.8-5.96-3.36%200-5.8%202.24-5.8%205.96v2.36Zm3.69-.13v-2.1c0-1.8.52-2.94%202.1-2.94%201.56%200%202.11%201.14%202.11%202.94v2.1c0%201.8-.55%202.94-2.1%202.94-1.57%200-2.11-1.14-2.11-2.94Z'/%3e%3cpath%20fill='%230c419a'%20d='M.47%2035.64c0-2.82%202.38-4.42%207.64-4.97-.08-1.2-.82-1.9-2.27-1.9-1.12%200-2.24.48-3.5%201.23L.94%2027.36a10.75%2010.75%200%200%201%205.67-1.78c3.39%200%205.25%201.97%205.25%206.09v7.72H8.15v-1.3s-1.53%201.64-3.7%201.64C2%2039.69.48%2037.9.48%2035.64Zm7.64-.22v-2.34c-2.8.37-3.88%201.26-3.88%202.27%200%20.85.6%201.3%201.53%201.3.86-.04%201.64-.52%202.35-1.23ZM57.84%2021.75c0-1.22.97-2.08%202.28-2.08%201.3%200%202.27.86%202.27%202.08%200%201.23-.97%202.08-2.27%202.08-1.35%200-2.28-.89-2.28-2.08Zm.3%204.05h3.91v13.48h-3.9V25.8ZM36.24%2032.7c0-4.37%202.76-7.05%206.07-7.05%203.77%200%205.85%202.79%205.85%206.46%200%20.7-.07%201.45-.14%201.79h-7.94c.33%201.97%201.67%202.86%203.43%202.86%201%200%201.86-.41%202.83-.97l1.34%202.49a8.4%208.4%200%200%201-4.7%201.52c-3.87-.04-6.74-2.64-6.74-7.1Zm8.6-1.48c0-1.48-.85-2.56-2.41-2.56-1.23%200-2.1.85-2.35%202.56h4.77ZM18.18%2027.66c1.08-1.08%202.28-2%204.03-2%201.86%200%203.02.77%203.69%202.18%201.15-1.19%202.38-2.19%204.17-2.19%202.9%200%204.21%202.08%204.21%205.39v8.28h-4.14v-7.73c0-1.85-.52-2.41-1.56-2.41-.63%200-1.34.4-2.16%201.23v8.95h-4.18v-7.77c0-1.85-.48-2.41-1.56-2.41-.63%200-1.34.4-2.16%201.23v8.95h-4.14V26.02h3.8v1.64ZM50.52%2035.2V20.34h3.92v15c0%20.86.37%201.12.7%201.12.15%200%20.26%200%20.49-.04l.48%202.94c-.44.18-1.08.33-1.97.33-2.72.04-3.62-1.75-3.62-4.5Z'/%3e%3c/svg%3e"
     />
   </routerlink>
 </div>