floating-button-synoption-platinum - npm Package Compare versions

Comparing version 1.0.55 to 1.0.56

dist/FloatingButton/FloatingButton.js

@@ -11,7 +11,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
 var iconStyle = {
-    width: "2rem",
-    height: "2rem",
-    paddingTop: "0.5rem",
+    width: "1.5rem",
+    height: "1.5rem",
+    paddingTop: "0.2rem",
 };
-var StyledFloatingButton = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 10000;\n  width: 3rem;\n  height: 3rem;\n  border-radius: 2rem;\n  cursor: pointer;\n  text-align: center;\n  background-color: ", ";\n  left: ", ";\n  top: ", ";\n"], ["\n  position: fixed;\n  z-index: 10000;\n  width: 3rem;\n  height: 3rem;\n  border-radius: 2rem;\n  cursor: pointer;\n  text-align: center;\n  background-color: ", ";\n  left: ", ";\n  top: ", ";\n"])), function (props) { var _a; return (_a = props.floatingButtonColor) !== null && _a !== void 0 ? _a : "#302e59"; }, function (props) { return (props.isSidebarOpen ? "1.5%" : "0"); }, function (props) { var _a, _b; return (((_a = props.position) === null || _a === void 0 ? void 0 : _a.top) ? (_b = props.position) === null || _b === void 0 ? void 0 : _b.top : "0"); });
+var StyledFloatingButton = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 10000;\n  width: 2rem;\n  height: 3rem;\n  border-radius: 2rem;\n  cursor: pointer;\n  text-align: center;\n  background-color: ", ";\n  left: ", ";\n  top: ", ";\n"], ["\n  position: fixed;\n  z-index: 10000;\n  width: 2rem;\n  height: 3rem;\n  border-radius: 2rem;\n  cursor: pointer;\n  text-align: center;\n  background-color: ", ";\n  left: ", ";\n  top: ", ";\n"])), function (props) { var _a; return (_a = props.floatingButtonColor) !== null && _a !== void 0 ? _a : "#302e59"; }, function (props) { return (props.isSidebarOpen ? "1.5%" : "0"); }, function (props) { var _a, _b; return (((_a = props.position) === null || _a === void 0 ? void 0 : _a.top) ? (_b = props.position) === null || _b === void 0 ? void 0 : _b.top : "0"); });
 var FloatingButton = function (_a) {
@@ -18,0 +18,0 @@ var onClickSynOption = _a.onClickSynOption, onClickPlatinum = _a.onClickPlatinum, _b = _a.properties, properties = _b === void 0 ? {} : _b, _c = _a.position, position = _c === void 0 ? {} : _c;

dist/SideBar/SideBar.js

@@ -11,5 +11,5 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
 var SidebarImage = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  cursor: pointer;\n  text-align: center;\n  font-size: medium;\n  width: 100%;\n  border-bottom: 0.1rem solid;\n"], ["\n  cursor: pointer;\n  text-align: center;\n  font-size: medium;\n  width: 100%;\n  border-bottom: 0.1rem solid;\n"])));
-var SidebarItem = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  cursor: pointer;\n  text-align: center;\n  font-size: medium;\n  margin-top: 1rem;\n  width: 100%;\n  // background-color: ", ";\n  padding-top: 1rem;\n  font-family: cursive;\n  padding-bottom: 1rem;\n  display: grid;\n  align-content: stretch;\n  justify-content: center;\n"], ["\n  cursor: pointer;\n  text-align: center;\n  font-size: medium;\n  margin-top: 1rem;\n  width: 100%;\n  // background-color: ", ";\n  padding-top: 1rem;\n  font-family: cursive;\n  padding-bottom: 1rem;\n  display: grid;\n  align-content: stretch;\n  justify-content: center;\n"])), function (props) { return props.optionButtonColor; });
-var StyledIcon = styled.img(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 3rem;\n  height: 3rem;\n"], ["\n  width: 3rem;\n  height: 3rem;\n"])));
-var StyledSpan = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: small;\n  padding-top: 0.5rem;\n"], ["\n  font-size: small;\n  padding-top: 0.5rem;\n"])));
+var SidebarItem = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  cursor: pointer;\n  text-align: center;\n  font-size: medium;\n  margin-top: 1rem;\n  width: 100%;\n  // background-color: ", ";\n  padding-top: 1rem;\n  font-family: cursive;\n  // padding-bottom: 1rem;\n  display: grid;\n  align-content: stretch;\n  justify-content: center;\n"], ["\n  cursor: pointer;\n  text-align: center;\n  font-size: medium;\n  margin-top: 1rem;\n  width: 100%;\n  // background-color: ", ";\n  padding-top: 1rem;\n  font-family: cursive;\n  // padding-bottom: 1rem;\n  display: grid;\n  align-content: stretch;\n  justify-content: center;\n"])), function (props) { return props.optionButtonColor; });
+var StyledIcon = styled.img(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 2rem;\n  height: 2rem;\n"], ["\n  width: 2rem;\n  height: 2rem;\n"])));
+var StyledSpan = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: x-small;\n  padding-top: 0.5rem;\n"], ["\n  font-size: x-small;\n  padding-top: 0.5rem;\n"])));
 var Sidebar = function (_a) {
@@ -16,0 +16,0 @@ var onClickSynOption = _a.onClickSynOption, onClickPlatinum = _a.onClickPlatinum, _b = _a.sidebarColor, sidebarColor = _b === void 0 ? "#302e59" : _b, _c = _a.optionButtonColor, optionButtonColor = _c === void 0 ? "#757692" : _c;

package.json

 {
   "name": "floating-button-synoption-platinum",
-  "version": "1.0.55",
+  "version": "1.0.56",
   "description": "",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

289963

increased by0.01%

No dependency changes