feat: Update changes from core sdk

Author: cizil-keyvalue

.storybook/main.ts

@@ -1,7 +1,7 @@
 import type { StorybookConfig } from "@storybook/vue3-vite";
 
 const config: StorybookConfig = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  stories: ["../**/*.mdx", "../**/*.stories.@(js|jsx|mjs|ts|tsx)"],
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",

custom.d.ts

@@ -2,3 +2,5 @@ declare module '*.svg' {
   const src: string;
   export default src;
 }
+
+declare module '*.png';

package.json

@@ -65,6 +65,6 @@
     "license"
   ],
   "dependencies": {
-    "test_notification": "1.0.20"
+    "test_notification": "1.1.0"
   }
 }

src/assets/dark/defaultAvatarDark.png

@@ -1,5 +1,4 @@
 <template>
-  <div :class="className" :style="{ width: size, height: size }">
     <svg
       :width="size"
       :height="size"
@@ -15,7 +14,6 @@
         stroke-linejoin="round"
       />
     </svg>
-  </div>
 </template>
 
 <script setup lang="ts">

src/assets/defaultAvatar.svg

@@ -1,5 +1,4 @@
 <template>
-  <div :class="className" :style="{ width: size, height: size }">
     <svg
       :width="size"
       :height="size"
@@ -12,18 +11,15 @@
         :fill="fill"
       />
     </svg>
-  </div>
 </template>
 
 <script setup lang="ts">
 withDefaults(
   defineProps<{
     fill?: string;
-    className?: string;
     size?: string;
   }>(),
   {
-    className: '',
     fill: '#667185',
     size: '24'
   }

src/assets/light/defaultAvatarLight.png

@@ -1,5 +1,4 @@
 <template>
-  <div :class="className" :style="{ width: size, height: size }">
     <svg
       :width="size"
       :height="size"
@@ -15,22 +14,19 @@
         stroke-linejoin="round"
       />
     </svg>
-  </div>
 </template>
 
 <script setup lang="ts">
 withDefaults(
   defineProps<{
     fill?: string;
-    className?: string;
     size?: string;
     stroke?: string;
   }>(),
   {
     fill: 'none',
     size: '20',
-    stroke: '#98A2B3',
-    className: ''
+    stroke: '#98A2B3'
   }
 );
 </script>

src/components/BellIcon.vue

@@ -9,7 +9,7 @@
       />
     </div>
     <div :style="styles.errorText" class="siren-sdk-error-text">
-      {{ ERROR_TEXT }}
+      {{ error || ERROR_TEXT }}
     </div>
     <div :style="styles.errorText" class="siren-sdk-error-sub-text">
       {{ ERROR_SUB_TEXT }}