@mekari/pixel-toast - npm Package Compare versions

Comparing version 0.3.8 to 0.3.9

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

@@ -72,2 +72,5 @@ 'use strict';
       default: ''
+    },
+    render: {
+      type: Function
     }
@@ -103,5 +106,5 @@ },
         as: 'span',
-        'font-size': 'md'
+        fontSize: 'md'
       }
-    }, this.title)]);
+    }, this.render ? [this.render(this.id)] : this.title)]);
   }
@@ -114,4 +117,3 @@
   const {
-    theme,
-    colorMode
+    theme
   } = pixelUtils.colorModeObserver;
@@ -123,4 +125,4 @@
     title,
-    description,
-    variant = 'solid',
+    render,
+    variant = 'success',
     zIndex = DEFAULT_ZINDEX
@@ -140,6 +142,2 @@ }) {
         }
-      }, [h(pixelProvider.ColorModeProvider, {
-        props: {
-          value: colorMode || 'light'
-        }
       }, [h(MpToast, {
@@ -150,5 +148,5 @@ props: {
           title,
-          description
+          render
         }
-      })])]);
+      })]);
     }, options);
@@ -164,3 +162,10 @@ const el = document.getElementsByClassName(`Breadstick__manager-${position}`);
 
-  return notify;
+  function closeAll() {
+    return breadstick.closeAll();
+  }
+
+  return {
+    notify,
+    closeAll
+  };
 }
@@ -167,0 +172,0 @@

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

@@ -72,2 +72,5 @@ 'use strict';
       default: ''
+    },
+    render: {
+      type: Function
     }
@@ -103,5 +106,5 @@ },
         as: 'span',
-        'font-size': 'md'
+        fontSize: 'md'
       }
-    }, this.title)]);
+    }, this.render ? [this.render(this.id)] : this.title)]);
   }
@@ -114,4 +117,3 @@
   const {
-    theme,
-    colorMode
+    theme
   } = pixelUtils.colorModeObserver;
@@ -123,4 +125,4 @@
     title,
-    description,
-    variant = 'solid',
+    render,
+    variant = 'success',
     zIndex = DEFAULT_ZINDEX
@@ -140,6 +142,2 @@ }) {
         }
-      }, [h(pixelProvider.ColorModeProvider, {
-        props: {
-          value: colorMode || 'light'
-        }
       }, [h(MpToast, {
@@ -150,5 +148,5 @@ props: {
           title,
-          description
+          render
         }
-      })])]);
+      })]);
     }, options);
@@ -164,3 +162,10 @@ const el = document.getElementsByClassName(`Breadstick__manager-${position}`);
 
-  return notify;
+  function closeAll() {
+    return breadstick.closeAll();
+  }
+
+  return {
+    notify,
+    closeAll
+  };
 }
@@ -167,0 +172,0 @@

dist/mekari-pixel-toast.esm.js

@@ -5,3 +5,3 @@ import Breadstick from 'breadstick';
 import { MpIcon } from '@mekari/pixel-icon';
-import { ThemeProvider, ColorModeProvider } from '@mekari/pixel-provider';
+import { ThemeProvider } from '@mekari/pixel-provider';
 
@@ -65,2 +65,5 @@ const breadstick = new Breadstick();
       default: ''
+    },
+    render: {
+      type: Function
     }
@@ -96,5 +99,5 @@ },
         as: 'span',
-        'font-size': 'md'
+        fontSize: 'md'
       }
-    }, this.title)]);
+    }, this.render ? [this.render(this.id)] : this.title)]);
   }
@@ -107,4 +110,3 @@
   const {
-    theme,
-    colorMode
+    theme
   } = colorModeObserver;
@@ -116,4 +118,4 @@
     title,
-    description,
-    variant = 'solid',
+    render,
+    variant = 'success',
     zIndex = DEFAULT_ZINDEX
@@ -133,6 +135,2 @@ }) {
         }
-      }, [h(ColorModeProvider, {
-        props: {
-          value: colorMode || 'light'
-        }
       }, [h(MpToast, {
@@ -143,5 +141,5 @@ props: {
           title,
-          description
+          render
         }
-      })])]);
+      })]);
     }, options);
@@ -157,5 +155,12 @@ const el = document.getElementsByClassName(`Breadstick__manager-${position}`);
 
-  return notify;
+  function closeAll() {
+    return breadstick.closeAll();
+  }
+
+  return {
+    notify,
+    closeAll
+  };
 }
 
 export { MpToast, useToast };

package.json

 {
   "name": "@mekari/pixel-toast",
   "description": "Mekari Pixel | Toast component component",
-  "version": "0.3.8",
+  "version": "0.3.9",
   "homepage": "https://mekari.design/",
@@ -6,0 +6,0 @@ "repository": {

src/toast.js

@@ -5,3 +5,3 @@ import Breadstick from 'breadstick'
 import { MpIcon } from '@mekari/pixel-icon'
-import { ThemeProvider, ColorModeProvider } from '@mekari/pixel-provider'
+import { ThemeProvider } from '@mekari/pixel-provider'
 
@@ -64,2 +64,5 @@ const breadstick = new Breadstick()
       default: ''
+    },
+    render: {
+      type: Function
     }
@@ -94,3 +97,3 @@ },
         }),
-        h(MpBox, { attrs: { as: 'span', 'font-size': 'md' } }, this.title)
+        h(MpBox, { attrs: { as: 'span', fontSize: 'md' } }, this.render ? [this.render(this.id)] : this.title)
       ]
@@ -103,3 +106,3 @@ )
   const DEFAULT_ZINDEX = 5500
-  const { theme, colorMode } = colorModeObserver
+  const { theme } = colorModeObserver
   function notify({
@@ -109,4 +112,4 @@ position = 'bottom',
     title,
-    description,
-    variant = 'solid',
+    render,
+    variant = 'success',
     zIndex = DEFAULT_ZINDEX
@@ -128,20 +131,10 @@ }) {
         [
-          h(
-            ColorModeProvider,
-            {
-              props: {
-                value: colorMode || 'light'
-              }
-            },
-            [
-              h(MpToast, {
-                props: {
-                  variant,
-                  id: `${id}`,
-                  title,
-                  description
-                }
-              })
-            ]
-          )
+          h(MpToast, {
+            props: {
+              variant,
+              id: `${id}`,
+              title,
+              render
+            }
+          })
         ]
@@ -159,5 +152,9 @@ )
 
-  return notify
+  function closeAll() {
+    return breadstick.closeAll()
+  }
+
+  return { notify, closeAll }
 }
 
 export { useToast }

No alert changes

Improved metrics

Lines of code

596

increased by1.36%

Worsened metrics

Total package byte prevSize

13986

decreased by-0.24%

No dependency changes