react-ts-popup - npm Package Compare versions

Comparing version 0.0.22 to 0.0.23

dist/cjs/components/popup/index.styled.js

@@ -6,7 +6,5 @@ "use strict";
 var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.Area = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  background-color: ", ";\n  backdrop-filter: blur(6px);\n  z-index: 1;\n\n  .content {\n    position: relative;\n    width: 600px;\n    padding: 2rem;\n    border-radius: 1rem;\n    background-color: #000000c4;\n    border: 2px solid var(--white-color);\n    box-shadow: 0 0.3rem 0 0 var(--plain-shadow);\n    font-size: 1.4rem;\n    font-weight: 500;\n    color: var(--plain-dark);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    @media (max-width: 768px) {\n      width: 90vw;\n    }\n  }\n\n  .title {\n    font-family: 'Secular One', sans-serif;\n    font-size: 3rem;\n    font-weight: 400;\n    margin-bottom: 1rem;\n    color: white;\n  }\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  background-color: ", ";\n  backdrop-filter: blur(6px);\n  z-index: 1;\n\n  .content {\n    position: relative;\n    width: 600px;\n    padding: 2rem;\n    border-radius: 1rem;\n    background-color: #000000c4;\n    border: 2px solid var(--white-color);\n    box-shadow: 0 0.3rem 0 0 var(--plain-shadow);\n    font-size: 1.4rem;\n    font-weight: 500;\n    color: var(--plain-dark);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    @media (max-width: 768px) {\n      width: 90vw;\n    }\n  }\n\n  .title {\n    font-family: 'Secular One', sans-serif;\n    font-size: 3rem;\n    font-weight: 400;\n    margin-bottom: 1rem;\n    color: white;\n  }\n"])), function (props) {
-    return props.theme == 'true' ? 'rgba(0,0,0,0.25)' : props.theme == 'false' ? 'white' : 'transparent';
-});
+exports.Area = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  background-color: ", ";\n  backdrop-filter: blur(6px);\n  z-index: 1;\n\n  .content {\n    position: relative;\n    width: 600px;\n    padding: 2rem;\n    border-radius: 1rem;\n    background-color: #000000c4;\n    border: 2px solid var(--white-color);\n    box-shadow: 0 0.3rem 0 0 var(--plain-shadow);\n    font-size: 1.4rem;\n    font-weight: 500;\n    color: var(--plain-dark);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    @media (max-width: 768px) {\n      width: 90vw;\n    }\n  }\n\n  .title {\n    font-family: 'Secular One', sans-serif;\n    font-size: 3rem;\n    font-weight: 400;\n    margin-bottom: 1rem;\n    color: white;\n  }\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  background-color: ", ";\n  backdrop-filter: blur(6px);\n  z-index: 1;\n\n  .content {\n    position: relative;\n    width: 600px;\n    padding: 2rem;\n    border-radius: 1rem;\n    background-color: #000000c4;\n    border: 2px solid var(--white-color);\n    box-shadow: 0 0.3rem 0 0 var(--plain-shadow);\n    font-size: 1.4rem;\n    font-weight: 500;\n    color: var(--plain-dark);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    @media (max-width: 768px) {\n      width: 90vw;\n    }\n  }\n\n  .title {\n    font-family: 'Secular One', sans-serif;\n    font-size: 3rem;\n    font-weight: 400;\n    margin-bottom: 1rem;\n    color: white;\n  }\n"])), function (props) { return (props.theme == 'true' ? 'rgba(0,0,0,0.25)' : 'white'); });
 exports.Background = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"])));
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=index.styled.js.map

dist/esm/components/popup/index.styled.js

 import { __makeTemplateObject } from "tslib";
 import styled from 'styled-components';
-export var Area = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  background-color: ", ";\n  backdrop-filter: blur(6px);\n  z-index: 1;\n\n  .content {\n    position: relative;\n    width: 600px;\n    padding: 2rem;\n    border-radius: 1rem;\n    background-color: #000000c4;\n    border: 2px solid var(--white-color);\n    box-shadow: 0 0.3rem 0 0 var(--plain-shadow);\n    font-size: 1.4rem;\n    font-weight: 500;\n    color: var(--plain-dark);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    @media (max-width: 768px) {\n      width: 90vw;\n    }\n  }\n\n  .title {\n    font-family: 'Secular One', sans-serif;\n    font-size: 3rem;\n    font-weight: 400;\n    margin-bottom: 1rem;\n    color: white;\n  }\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  background-color: ", ";\n  backdrop-filter: blur(6px);\n  z-index: 1;\n\n  .content {\n    position: relative;\n    width: 600px;\n    padding: 2rem;\n    border-radius: 1rem;\n    background-color: #000000c4;\n    border: 2px solid var(--white-color);\n    box-shadow: 0 0.3rem 0 0 var(--plain-shadow);\n    font-size: 1.4rem;\n    font-weight: 500;\n    color: var(--plain-dark);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    @media (max-width: 768px) {\n      width: 90vw;\n    }\n  }\n\n  .title {\n    font-family: 'Secular One', sans-serif;\n    font-size: 3rem;\n    font-weight: 400;\n    margin-bottom: 1rem;\n    color: white;\n  }\n"])), function (props) {
-    return props.theme == 'true' ? 'rgba(0,0,0,0.25)' : props.theme == 'false' ? 'white' : 'transparent';
-});
+export var Area = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  background-color: ", ";\n  backdrop-filter: blur(6px);\n  z-index: 1;\n\n  .content {\n    position: relative;\n    width: 600px;\n    padding: 2rem;\n    border-radius: 1rem;\n    background-color: #000000c4;\n    border: 2px solid var(--white-color);\n    box-shadow: 0 0.3rem 0 0 var(--plain-shadow);\n    font-size: 1.4rem;\n    font-weight: 500;\n    color: var(--plain-dark);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    @media (max-width: 768px) {\n      width: 90vw;\n    }\n  }\n\n  .title {\n    font-family: 'Secular One', sans-serif;\n    font-size: 3rem;\n    font-weight: 400;\n    margin-bottom: 1rem;\n    color: white;\n  }\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  background-color: ", ";\n  backdrop-filter: blur(6px);\n  z-index: 1;\n\n  .content {\n    position: relative;\n    width: 600px;\n    padding: 2rem;\n    border-radius: 1rem;\n    background-color: #000000c4;\n    border: 2px solid var(--white-color);\n    box-shadow: 0 0.3rem 0 0 var(--plain-shadow);\n    font-size: 1.4rem;\n    font-weight: 500;\n    color: var(--plain-dark);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    @media (max-width: 768px) {\n      width: 90vw;\n    }\n  }\n\n  .title {\n    font-family: 'Secular One', sans-serif;\n    font-size: 3rem;\n    font-weight: 400;\n    margin-bottom: 1rem;\n    color: white;\n  }\n"])), function (props) { return (props.theme == 'true' ? 'rgba(0,0,0,0.25)' : 'white'); });
 export var Background = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"])));
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=index.styled.js.map

package.json

 {
   "name": "react-ts-popup",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "description": "React popup component that helps you create simple and complex Modals, tooltips, and Menus for your next React App.",
@@ -5,0 +5,0 @@ "homepage": "",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

19107

decreased by-0.97%

Lines of code

138

decreased by-1.43%

Number of low quality alerts

4

increased by33.33%

No dependency changes