Socket
Socket
Sign inDemoInstall

popupz

Package Overview
Dependencies
Maintainers
1
Versions
41
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

popupz - npm Package Compare versions

Comparing version 1.1.12 to 1.2.12

8

dist/index.js

@@ -47,3 +47,3 @@ 'use strict';

dark: {
colors: "text-white bg-gray-800/90",
colors: "text-white bg-black/80",
progessbarBgColor: "#4A5568",

@@ -66,3 +66,3 @@ success: "#32cd32",

progressBar = progressBar === 'true' || progressBar === 'false' ? progressBar : 'true';
theme = theme in themes ? theme : 'light';
theme = theme === 'dark' ? 'dark' : 'light';
type = type in themes[theme] ? type : 'default';

@@ -82,3 +82,3 @@ React.useEffect(() => {

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-lg ${mood} ${progressBar === 'true' ? 'pt-[7px] pb-[0.2px] px-1' : 'py-[9px] px-2'}`
}, /*#__PURE__*/React.createElement("div", {

@@ -119,3 +119,3 @@ className: "text-center px-[5px] flex items-center gap-x-1 text-base"

value: popz
}, children, popzType && /*#__PURE__*/React.createElement(Popz, {
}, children, (popzType || popzTheme || popzMessage || popzProgressBar) && /*#__PURE__*/React.createElement(Popz, {
theme: popzTheme,

@@ -122,0 +122,0 @@ type: popzType,

{
"name": "popupz",
"version": "1.1.12",
"version": "1.2.12",
"type": "module",

@@ -5,0 +5,0 @@ "description": "A simple and customizable popup notification library for React and Next.js applications.",

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

dark: {
colors: "text-white bg-gray-800/90",
colors: "text-white bg-black/80",
progessbarBgColor: "#4A5568",

@@ -48,3 +48,3 @@ success: "#32cd32",

progressBar= progressBar==='true'|| progressBar==='false' ? progressBar : 'true';
theme= theme in themes? theme : 'light';
theme= (theme === 'dark')? 'dark' : 'light';
type= (type in themes[theme]) ? type : 'default';

@@ -67,3 +67,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-lg ${mood} ${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'>

@@ -70,0 +70,0 @@ <span style={{color: `${color}`}}>

@@ -30,3 +30,3 @@ import React, { useState, createContext, useContext } from 'react';

{children}
{popzType && <Popz theme={popzTheme} type={popzType} message={popzMessage} progressBar={popzProgressBar}/>}
{(popzType || popzTheme || popzMessage || popzProgressBar) && <Popz theme={popzTheme} type={popzType} message={popzMessage} progressBar={popzProgressBar}/>}
</PopzContext.Provider>

@@ -33,0 +33,0 @@ );

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc