@cnamts/synapse 1.0.11 → 1.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cnamts/synapse",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "private": false,
   "description": "CNAM DS v3",
   "type": "module",

package/src/assets/overrides/_forms.scss

@@ -1,3 +1,5 @@
+@use '@/assets/tokens';
+
 .v-messages {
 	font-size: 14px !important;
 

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

@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
 import AmeliproAccordion from './AmeliproAccordion.vue'
+import { fn } from '@storybook/test'
 
 const meta = {
 	argTypes: {
@@ -26,10 +27,11 @@ type Story = StoryObj<typeof AmeliproAccordion>
 
 export const Default: Story = {
 	args: {
-		accordionTitle: 'Mon titre',
-		default: '[Slot: default]',
-		headerRight: '[Slot: headerRight]',
-		uniqueId: 'amelipro-accordion-unique-id',
+		'accordionTitle': 'Mon titre',
+		'default': '[Slot: default]',
+		'headerRight': '[Slot: headerRight]',
+		'uniqueId': 'amelipro-accordion-unique-id',
+		'onOpen-close': fn(),
 	},
 	parameters: {
 		sourceCode: [
@@ -69,6 +71,7 @@ export const Default: Story = {
 <AmeliproAccordion
 	class="w-100"
 	v-bind="args"
+	@open-close="args['onOpen-close']"
 >
 	<template #default>
 		{{ args.default }}

package/src/components/Amelipro/AmeliproAccordion/AmeliproAccordion.vue

@@ -45,10 +45,12 @@
 		},
 	})
 
+	const emit = defineEmits(['open-close'])
 	const opened = ref(props.isOpen)
 
 	const openClose = (): void => {
 		opened.value = !opened.value
+		emit('open-close', props.uniqueId, opened.value)
 	}
 
 	// Rendre publique la méthode openClose permet à un bouton ou à un composant externe de fermer/ouvrir l'accordéon

package/src/components/Amelipro/AmeliproAccordionFrieze/AmeliproAccordionFrieze.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 	import { type PropType, computed, onMounted, ref, watch } from 'vue'
+	import AmeliproIcon from '../AmeliproIcon/AmeliproIcon.vue'
 	import AmeliproIconBtn from '../AmeliproIconBtn/AmeliproIconBtn.vue'
 	import { useDisplay } from 'vuetify'
 	import type { IAmeliproAccordionFriezeItem } from './types'