@mekari/pixel-toast - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

dist/mekari-pixel-toast.cjs.dev.js

@@ -51,4 +51,4 @@ 'use strict';
 /**
-* Usage :** ` import { MpToast } from '@mekari/pixel-toast' `
-**/
+ * Usage :** ` import { MpToast } from '@mekari/pixel-toast' `
+ **/
 
@@ -55,0 +55,0 @@ const MpToast = {

dist/mekari-pixel-toast.cjs.prod.js

@@ -51,4 +51,4 @@ 'use strict';
 /**
-* Usage :** ` import { MpToast } from '@mekari/pixel-toast' `
-**/
+ * Usage :** ` import { MpToast } from '@mekari/pixel-toast' `
+ **/
 
@@ -55,0 +55,0 @@ const MpToast = {

dist/mekari-pixel-toast.esm.js

@@ -43,4 +43,4 @@ import Breadstick from 'breadstick';
 /**
-* Usage :** ` import { MpToast } from '@mekari/pixel-toast' `
-**/
+ * Usage :** ` import { MpToast } from '@mekari/pixel-toast' `
+ **/
 
@@ -47,0 +47,0 @@ const MpToast = {

package.json

 {
   "name": "@mekari/pixel-toast",
   "description": "Mekari Pixel | Toast component component",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "homepage": "https://mekari.design/",
@@ -29,3 +29,3 @@ "repository": {
     "@mekari/pixel-box": "^0.0.7",
-    "@mekari/pixel-icon": "^0.0.9",
+    "@mekari/pixel-icon": "^0.1.0",
     "@mekari/pixel-provider": "0.0.4",
@@ -32,0 +32,0 @@ "breadstick": "^0.2.15"

README.md

@@ -11,2 +11,2 @@ # @mekari/pixel-toast
 npm i @mekari/pixel-toast
-```
+```

src/toast.js

@@ -1,2 +0,1 @@
-
 import Breadstick from 'breadstick'
@@ -46,4 +45,4 @@ import { colorModeObserver } from '@mekari/pixel-utils'
 /**
-* Usage :** ` import { MpToast } from '@mekari/pixel-toast' `
-**/
+ * Usage :** ` import { MpToast } from '@mekari/pixel-toast' `
+ **/
 export const MpToast = {
@@ -66,25 +65,27 @@ name: 'MpToast',
     }
-
   },
-  render (h) {
-    return h(MpBox, {
-      attrs: {
-        'data-pixel-component': 'MpToast',
-        border: '1.5px',
-        p: '3',
-        'border-radius': 'md',
-        'align-items': 'center',
-        'border-color': variants[this.variant].color,
-        bg: 'white',
-        m: '10',
-        shadow: 'lg',
-        lineHeight: 0
-      }
-    }, [
-      h(MpIcon, {
-        props: variants[this.variant].icon,
-        attrs: { mr: '2' }
-      }),
-      h(MpBox, { attrs: { as: 'span', 'font-size': 'md' } }, this.title)
-    ]
+  render(h) {
+    return h(
+      MpBox,
+      {
+        attrs: {
+          'data-pixel-component': 'MpToast',
+          border: '1.5px',
+          p: '3',
+          'border-radius': 'md',
+          'align-items': 'center',
+          'border-color': variants[this.variant].color,
+          bg: 'white',
+          m: '10',
+          shadow: 'lg',
+          lineHeight: 0
+        }
+      },
+      [
+        h(MpIcon, {
+          props: variants[this.variant].icon,
+          attrs: { mr: '2' }
+        }),
+        h(MpBox, { attrs: { as: 'span', 'font-size': 'md' } }, this.title)
+      ]
     )
@@ -94,12 +95,6 @@ }
 
-function useToast () {
+function useToast() {
   const { theme, colorMode } = colorModeObserver
   const icons = iconAssets
-  function notify ({
-    position = 'bottom',
-    duration = 5000,
-    title,
-    description,
-    variant = 'solid'
-  }) {
+  function notify({ position = 'bottom', duration = 5000, title, description, variant = 'solid' }) {
     const options = {
@@ -111,22 +106,32 @@ position,
     breadstick.notify(({ h, id }) => {
-      return h(ThemeProvider, {
-        props: {
-          theme,
-          icons
-        }
-      }, [h(ColorModeProvider, {
-        props: {
-          value: colorMode || 'light'
-        }
-      }, [h(MpToast, {
-        props: {
-          variant,
-          id: `${id}`,
-          title,
-          description
-        }
-      })])])
-    },
-    options
-    )
+      return h(
+        ThemeProvider,
+        {
+          props: {
+            theme,
+            icons
+          }
+        },
+        [
+          h(
+            ColorModeProvider,
+            {
+              props: {
+                value: colorMode || 'light'
+              }
+            },
+            [
+              h(MpToast, {
+                props: {
+                  variant,
+                  id: `${id}`,
+                  title,
+                  description
+                }
+              })
+            ]
+          )
+        ]
+      )
+    }, options)
   }
@@ -133,0 +138,0 @@

No alert changes

Improved metrics

Total package byte prevSize

12342

increased by2.05%

Lines of code

541

increased by1.31%

Number of lines in readme file

12

increased by9.09%

Dependency changes

• + Added@mekari/pixel-icon@0.1.0(transitive)

• - Removed@mekari/pixel-icon@0.0.9(transitive)

• Updated@mekari/pixel-icon@^0.1.0