popupz - npm Package Compare versions

Comparing version 3.2.2 to 3.2.3

package.json

 {
   "name": "popupz",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "A simple and customizable popup notification library for React applications.",
@@ -5,0 +5,0 @@ "main": "src/index.jsx",

src/App.jsx

@@ -6,3 +6,3 @@ import React from 'react';
   return (
-    <PopzProvider position='tl'>
+    <PopzProvider position='tr'>
       <AppContent />
@@ -23,3 +23,3 @@ </PopzProvider>
   const handleSubmit3 = () => {
-    popz('dark','warning','Notice all the errors you see in the console. This tells you there are type errors in your codebase Also notice that no index.js is created anymore', 'true');
+    popz('dark','warning','Notice all the errors you see in the console. This tells you there tice all the errors you see in the console. This tells you there are type errors in your codebase Also notice that no index.js is created anymore', 'true');
   };
@@ -26,0 +26,0 @@ const handleSubmit4 = () => {

src/index.jsx

@@ -35,3 +35,3 @@ import React, { createContext, useContext, useEffect, useState } from 'react';
           {popzQueue.map((pop) => (
-            <div key={pop.id} className='popzSpace'>
+            <div key={pop.id} className='popzSpace' style={{ float: (dir === 'tl' || dir === 'bl') ? 'left' : 'right' }}>
               <Popz theme={pop.theme} type={pop.type} message={pop.message} progressBar={pop.progressBar} direction={dir}/>
@@ -38,0 +38,0 @@ </div>

src/Popz.jsx

@@ -65,3 +65,3 @@ import React, { useState, useEffect } from 'react';
           </span> 
-          <span>{message}</span>
+          <span className='message'>{message}</span>
         </div>
@@ -68,0 +68,0 @@ {(progressBar === 'true') && <ProgressBar color={color} bgcolor={bgcolor}/>}

No alert changes

Improved metrics

Total package byte prevSize

13362

increased by1.49%

Lines of code

316

increased by0.96%

No dependency changes