@mozaic-ds/vue 2.5.0 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/mozaic-vue.css +1 -1
  2. package/dist/mozaic-vue.js +267 -262
  3. package/dist/mozaic-vue.js.map +1 -1
  4. package/dist/mozaic-vue.umd.cjs +1 -1
  5. package/dist/mozaic-vue.umd.cjs.map +1 -1
  6. package/package.json +1 -1
  7. package/src/components/statusnotification/MStatusNotification.vue +9 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mozaic-ds/vue",
3
- "version": "2.5.0",
3
+ "version": "2.6.0",
4
4
  "type": "module",
5
5
  "description": "Mozaic-Vue is the Vue.js implementation of ADEO Design system",
6
6
  "author": "ADEO - ADEO Design system",
package/src/components/statusnotification/MStatusNotification.vue CHANGED
@@ -17,17 +17,18 @@
17
17
  </div>
18
18
  </div>
19
19
 
20
- <button
20
+ <MIconButton
21
21
  v-if="closable"
22
22
  class="mc-status-notification-closable__close"
23
+ size="s"
24
+ ghost
25
+ aria-label="Close"
23
26
  @click="emit('close')"
24
27
  >
25
- <Cross20
26
- class="mc-status-notification-closable__icon"
27
- aria-hidden="true"
28
- />
29
- <span class="mc-status-notification-closable__text">Close</span>
30
- </button>
28
+ <template #icon>
29
+ <Cross20 class="mc-button__icon" aria-hidden="true" />
30
+ </template>
31
+ </MIconButton>
31
32
  </section>
32
33
  </template>
33
34
 
@@ -38,6 +39,7 @@ import InfoCircleFilled32 from '@mozaic-ds/icons-vue/src/components/InfoCircleFi
38
39
  import WarningCircleFilled32 from '@mozaic-ds/icons-vue/src/components/WarningCircleFilled32/WarningCircleFilled32.vue';
39
40
  import CrossCircleFilled32 from '@mozaic-ds/icons-vue/src/components/CrossCircleFilled32/CrossCircleFilled32.vue';
40
41
  import CheckCircleFilled32 from '@mozaic-ds/icons-vue/src/components/CheckCircleFilled32/CheckCircleFilled32.vue';
42
+ import MIconButton from '../iconbutton/MIconButton.vue';
41
43
  /**
42
44
  * A Status Notification is used to draw the user’s attention to important information that needs to be acknowledged. It often provides feedback on a process, highlights a status update, or alerts users about an issue. Notifications are typically triggered by user actions or system events and are designed to be easily noticeable while maintaining a non-intrusive experience.
43
45
  */