@cnamts/synapse 0.0.6-alpha → 0.0.7-alpha

package/src/components/SocialMediaLinks/SocialMediaLinks.vue

@@ -17,7 +17,7 @@
 			{{ locales.followUs }}
 		</span>
 
-		<ul class="d-flex max-width-none">
+		<ul class="vd-social-media-links-content d-flex max-width-none">
 			<li
 				v-for="(social, index) in props.links"
 				:key="index"
@@ -82,11 +82,17 @@ li {
   .vd-social-media-links-label {
     text-align: right;
   }
+  .vd-social-media-links-content {
+    justify-content: flex-end;
+  }
 }
 
 @media (max-width: 767px) {
   .vd-social-media-links-label {
     text-align: left;
   }
+  .vd-social-media-links-content {
+    justify-content: flex-start;
+  }
 }
 </style>

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

@@ -2,13 +2,13 @@
 
 exports[`SocialMediaLinks > renders correctly with default props 1`] = `
 "<div data-v-9d3df26f="" class="d-flex flex-column"><span data-v-9d3df26f="" class="vd-social-media-links-label text-subtitle-2 text--primary">Suivez-nous :</span>
-  <ul data-v-9d3df26f="" class="d-flex max-width-none"></ul>
+  <ul data-v-9d3df26f="" class="vd-social-media-links-content d-flex max-width-none"></ul>
 </div>"
 `;
 
 exports[`SocialMediaLinks > renders correctly with provided links 1`] = `
 "<div data-v-9d3df26f="" class="d-flex flex-column"><span data-v-9d3df26f="" class="vd-social-media-links-label text-subtitle-2 text--primary">Suivez-nous :</span>
-  <ul data-v-9d3df26f="" class="d-flex max-width-none">
+  <ul data-v-9d3df26f="" class="vd-social-media-links-content d-flex max-width-none">
     <li data-v-9d3df26f=""><a data-v-9d3df26f="" class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-text" href="https://twitter.com" id="social-btn-0" target="_blank" rel="noopener noreferrer" aria-label="Lien vers Twitter"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
         <!----><span class="v-btn__content" data-no-activator=""><i data-v-9d3df26f="" class="mdi-twitter mdi v-icon notranslate v-theme--light vd-social-media-links-icon" style="font-size: 30px; height: 30px; width: 30px;" aria-hidden="true"></i></span>
         <!---->

package/src/components/SubHeader/SubHeader.stories.ts

@@ -295,8 +295,9 @@ export const ActionBtn: Story = {
 				code: `
 				<script setup lang="ts">
 					import { SubHeader } from '@cnamts/synapse'
+					import { ref } from 'vue'
 										
-					const items = [
+					const items = ref([
 						{
 							title: 'Informations patient',
 							items: [
@@ -317,10 +318,12 @@ export const ActionBtn: Story = {
 								{ key: 'Dernière modification', value: '04/06/2020' },
 							],
 						},
-					]
+					])
 					
 					const updateInfo = (eventValue: { dataListIndex: number, itemIndex: number }) => {
-						items[eventValue.dataListIndex].items[eventValue.itemIndex].value = '25/09/1970'
+                        if (items) {
+							items[eventValue.dataListIndex].items[eventValue.itemIndex].value = '25/09/1970'
+						}
 					}
 				</script>
 				`,

package/src/components/SyAlert/SyAlert.vue

@@ -131,6 +131,13 @@
 	}
 }
 
+.v-btn {
+  text-transform: none;
+  font-weight: bold;
+  font-size: 0.75rem;
+  letter-spacing: normal;
+}
+
 @media screen and (max-width: 440px) {
 	.alert {
 		display: flex;

package/src/components/index.ts

@@ -33,6 +33,7 @@ export { default as NotFoundPage } from './NotFoundPage/NotFoundPage.vue'
 export { default as NirField } from './NirField/NirField.vue'
 export * from './NirField/nirValidation'
 export { default as NotificationBar } from './NotificationBar/NotificationBar.vue'
+export { useNotificationService } from '../services/NotificationService'
 export * from './NotificationBar/types'
 export { default as PageContainer } from './PageContainer/PageContainer.vue'
 export { default as PhoneField } from './PhoneField/PhoneField.vue'