react-ts-popup - npm Package Compare versions

Comparing version 0.0.19 to 0.0.20

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

@@ -6,5 +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 ? 'black' : 'white'); });
+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' ? 'black' : '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 ? 'black' : 'white'); });
+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' ? 'black' : '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.19",
+  "version": "0.0.20",
   "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": "",

No alert changes

Improved metrics

Total package byte prevSize

19083

increased by0.22%

No dependency changes