popupz - npm Package Compare versions

Comparing version 1.3.3 to 1.3.4

dist/index.js

		@@ -32,3 +32,2 @@ 'use strict';
		}) => {
		const [mood, setMood] = React.useState('');
		const [color, setColor] = React.useState('');
		@@ -39,3 +38,2 @@ const [bgcolor, setBgcolor] = React.useState('');
		light: {
		colors: "text-gray-950 bg-white/90",
		progessbarBgColor: "#cccccc",
		@@ -49,3 +47,2 @@ success: "#00ab66",
		dark: {
		colors: "text-gray-50 bg-gray-900",
		progessbarBgColor: "#4A5568",
		@@ -73,7 +70,6 @@ success: "#32cd32",
		setBgcolor(themes[theme].progessbarBgColor);
		setMood(themes[theme].colors);
		setIcon(icons[type]);
		}, []);
		return /#__PURE__/React.createElement("div", {
		className: `popz fixed top-[20px] right-[20px] min-w-52 rounded-[10px] z-[9999] shadow-xl ${mood} ${progressBar === 'true' ? 'pt-[7px] pb-[0.2px] px-1' : 'py-[9px] px-2'}`
		className: `popz fixed top-[20px] right-[20px] min-w-52 rounded-[10px] z-[9999] shadow-xl ${theme === 'light' ? 'bg-white/90 text-gray-900' : 'bg-gray-800/90 text-white'} ${progressBar === 'true' ? 'pt-[7px] pb-[0.2px] px-1' : 'py-[9px] px-2'}`
		}, /#__PURE__/React.createElement("div", {
		@@ -80,0 +76,0 @@ className: "text-center px-[5px] flex items-center gap-x-1 text-base"

package.json

		{
		"name": "popupz",
		"version": "1.3.3",
		"version": "1.3.4",
		"type": "module",
		@@ -5,0 +5,0 @@ "description": "A simple and customizable popup notification library for React and Next.js applications.",

src/components/Popz.jsx

		@@ -11,3 +11,2 @@ import React, { useState, useEffect } from 'react';

		const [mood, setMood] = useState('');
		const [color, setColor] = useState('');
		@@ -19,3 +18,2 @@ const [bgcolor, setBgcolor] = useState('');
		light: {
		colors: "text-gray-950 bg-white/90",
		progessbarBgColor: "#cccccc",
		@@ -29,3 +27,2 @@ success: "#00ab66",
		dark: {
		colors: "text-gray-50 bg-gray-900",
		progessbarBgColor: "#4A5568",
		@@ -56,3 +53,2 @@ success: "#32cd32",
		setBgcolor(themes[theme].progessbarBgColor);
		setMood(themes[theme].colors);
		setIcon(icons[type]);
		@@ -62,3 +58,3 @@ }, []);
		return (
		<div className={`popz fixed top-[20px] right-[20px] min-w-52 rounded-[10px] z-[9999] shadow-xl ${mood} ${progressBar==='true' ? 'pt-[7px] pb-[0.2px] px-1':'py-[9px] px-2'}`}>
		<div className={`popz fixed top-[20px] right-[20px] min-w-52 rounded-[10px] z-[9999] shadow-xl ${theme==='light'? 'bg-white/90 text-gray-900' : 'bg-gray-800/90 text-white'} ${progressBar==='true' ? 'pt-[7px] pb-[0.2px] px-1':'py-[9px] px-2'}`}>
		<div className='text-center px-[5px] flex items-center gap-x-1 text-base'>
		@@ -65,0 +61,0 @@ <span style={{color: `${color}`}}>

New alerts