@blerp/design 1.2.38 → 1.2.39

package/dist/index.cjs.js

@@ -2019,13 +2019,9 @@ var BlerpTopRow = function BlerpTopRow(_ref5) {
       onPlusClick = _ref5.onPlusClick,
       _onOptionClicked = _ref5.onOptionClicked,
       selectedOption = _ref5.selectedOption,
-      renderAddContentButton = _ref5.renderAddContentButton;
-
-  var _useState5 = React.useState(false),
-      _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      hoveringAddTo = _useState6[0],
-      setHoveringAddTo = _useState6[1];
-
+      renderAddContentButton = _ref5.renderAddContentButton,
+      hoveringAddTo = _ref5.hoveringAddTo,
+      setHoveringAddTo = _ref5.setHoveringAddTo;
   return /*#__PURE__*/React__default['default'].createElement(Stack, {
     direction: "row",
     justifyContent: "space-between",
@@ -2092,17 +2088,23 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
       selectedOption = _ref6.selectedOption,
       _ref6$trending = _ref6.trending,
       trending = _ref6$trending === void 0 ? false : _ref6$trending,
-      renderAddContentButton = _ref6.renderAddContentButton;
+      renderAddContentButton = _ref6.renderAddContentButton,
+      renderThreeDot = _ref6.renderThreeDot;
+
+  var _useState5 = React.useState(false),
+      _useState6 = _slicedToArray__default['default'](_useState5, 2),
+      hovering = _useState6[0],
+      setHovering = _useState6[1];
 
   var _useState7 = React.useState(false),
       _useState8 = _slicedToArray__default['default'](_useState7, 2),
-      hovering = _useState8[0],
-      setHovering = _useState8[1];
+      addedToPlace = _useState8[0],
+      setAddedToPlace = _useState8[1];
 
   var _useState9 = React.useState(false),
       _useState10 = _slicedToArray__default['default'](_useState9, 2),
-      addedToPlace = _useState10[0],
-      setAddedToPlace = _useState10[1];
+      hoveringAddTo = _useState10[0],
+      setHoveringAddTo = _useState10[1];
 
   var titleRef = React.useRef(null);
 
@@ -2244,11 +2246,13 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
     hovering: hovering,
     onPlusClick: handleAddToPlace,
     selectedOption: selectedOption,
-    renderAddContentButton: renderAddContentButton
+    renderAddContentButton: renderAddContentButton,
+    hoveringAddTo: hoveringAddTo,
+    setHoveringAddTo: setHoveringAddTo
   }), /*#__PURE__*/React__default['default'].createElement(Stack, {
     sx: {
       transition: "0.3s",
-      opacity: hovering ? "1" : "0",
+      opacity: hovering && !hoveringAddTo ? "1" : "0",
       pointerEvents: "none",
       zIndex: "3"
     }
@@ -2269,11 +2273,14 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
       position: "absolute",
       right: "0",
       top: "0",
-      width: "30px",
+      width: "50px",
       height: "100%",
-      background: "linear-gradient(270deg, rgba(40,50,51,1) 0%, rgba(0,0,0,0) 100%)"
+      display: "flex",
+      alignItems: "flex-end",
+      justifyContent: "center",
+      background: "linear-gradient(270deg, rgba(40,50,51,1) 40%, rgba(0,0,0,0) 100%)"
     }
-  })), /*#__PURE__*/React__default['default'].createElement(Stack, {
+  }, renderThreeDot())), /*#__PURE__*/React__default['default'].createElement(Stack, {
     direction: "row",
     alignItems: "center",
     sx: {

package/dist/index.esm.js

@@ -1944,13 +1944,9 @@ var BlerpTopRow = function BlerpTopRow(_ref5) {
       onPlusClick = _ref5.onPlusClick,
       _onOptionClicked = _ref5.onOptionClicked,
       selectedOption = _ref5.selectedOption,
-      renderAddContentButton = _ref5.renderAddContentButton;
-
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      hoveringAddTo = _useState6[0],
-      setHoveringAddTo = _useState6[1];
-
+      renderAddContentButton = _ref5.renderAddContentButton,
+      hoveringAddTo = _ref5.hoveringAddTo,
+      setHoveringAddTo = _ref5.setHoveringAddTo;
   return /*#__PURE__*/React__default.createElement(Stack, {
     direction: "row",
     justifyContent: "space-between",
@@ -2017,17 +2013,23 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
       selectedOption = _ref6.selectedOption,
       _ref6$trending = _ref6.trending,
       trending = _ref6$trending === void 0 ? false : _ref6$trending,
-      renderAddContentButton = _ref6.renderAddContentButton;
+      renderAddContentButton = _ref6.renderAddContentButton,
+      renderThreeDot = _ref6.renderThreeDot;
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      hovering = _useState6[0],
+      setHovering = _useState6[1];
 
   var _useState7 = useState(false),
       _useState8 = _slicedToArray(_useState7, 2),
-      hovering = _useState8[0],
-      setHovering = _useState8[1];
+      addedToPlace = _useState8[0],
+      setAddedToPlace = _useState8[1];
 
   var _useState9 = useState(false),
       _useState10 = _slicedToArray(_useState9, 2),
-      addedToPlace = _useState10[0],
-      setAddedToPlace = _useState10[1];
+      hoveringAddTo = _useState10[0],
+      setHoveringAddTo = _useState10[1];
 
   var titleRef = useRef(null);
 
@@ -2169,11 +2171,13 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
     hovering: hovering,
     onPlusClick: handleAddToPlace,
     selectedOption: selectedOption,
-    renderAddContentButton: renderAddContentButton
+    renderAddContentButton: renderAddContentButton,
+    hoveringAddTo: hoveringAddTo,
+    setHoveringAddTo: setHoveringAddTo
   }), /*#__PURE__*/React__default.createElement(Stack, {
     sx: {
       transition: "0.3s",
-      opacity: hovering ? "1" : "0",
+      opacity: hovering && !hoveringAddTo ? "1" : "0",
       pointerEvents: "none",
       zIndex: "3"
     }
@@ -2194,11 +2198,14 @@ var NewBlerp$1 = function NewBlerp(_ref6) {
       position: "absolute",
       right: "0",
       top: "0",
-      width: "30px",
+      width: "50px",
       height: "100%",
-      background: "linear-gradient(270deg, rgba(40,50,51,1) 0%, rgba(0,0,0,0) 100%)"
+      display: "flex",
+      alignItems: "flex-end",
+      justifyContent: "center",
+      background: "linear-gradient(270deg, rgba(40,50,51,1) 40%, rgba(0,0,0,0) 100%)"
     }
-  })), /*#__PURE__*/React__default.createElement(Stack, {
+  }, renderThreeDot())), /*#__PURE__*/React__default.createElement(Stack, {
     direction: "row",
     alignItems: "center",
     sx: {

package/dist/index.umd.js

@@ -1965,13 +1965,9 @@
           onPlusClick = _ref5.onPlusClick,
           _onOptionClicked = _ref5.onOptionClicked,
           selectedOption = _ref5.selectedOption,
-          renderAddContentButton = _ref5.renderAddContentButton;
-
-      var _useState5 = React.useState(false),
-          _useState6 = _slicedToArray__default['default'](_useState5, 2),
-          hoveringAddTo = _useState6[0],
-          setHoveringAddTo = _useState6[1];
-
+          renderAddContentButton = _ref5.renderAddContentButton,
+          hoveringAddTo = _ref5.hoveringAddTo,
+          setHoveringAddTo = _ref5.setHoveringAddTo;
       return /*#__PURE__*/React__default['default'].createElement(Stack, {
         direction: "row",
         justifyContent: "space-between",
@@ -2038,17 +2034,23 @@
           selectedOption = _ref6.selectedOption,
           _ref6$trending = _ref6.trending,
           trending = _ref6$trending === void 0 ? false : _ref6$trending,
-          renderAddContentButton = _ref6.renderAddContentButton;
+          renderAddContentButton = _ref6.renderAddContentButton,
+          renderThreeDot = _ref6.renderThreeDot;
+
+      var _useState5 = React.useState(false),
+          _useState6 = _slicedToArray__default['default'](_useState5, 2),
+          hovering = _useState6[0],
+          setHovering = _useState6[1];
 
       var _useState7 = React.useState(false),
           _useState8 = _slicedToArray__default['default'](_useState7, 2),
-          hovering = _useState8[0],
-          setHovering = _useState8[1];
+          addedToPlace = _useState8[0],
+          setAddedToPlace = _useState8[1];
 
       var _useState9 = React.useState(false),
           _useState10 = _slicedToArray__default['default'](_useState9, 2),
-          addedToPlace = _useState10[0],
-          setAddedToPlace = _useState10[1];
+          hoveringAddTo = _useState10[0],
+          setHoveringAddTo = _useState10[1];
 
       var titleRef = React.useRef(null);
 
@@ -2190,11 +2192,13 @@
         hovering: hovering,
         onPlusClick: handleAddToPlace,
         selectedOption: selectedOption,
-        renderAddContentButton: renderAddContentButton
+        renderAddContentButton: renderAddContentButton,
+        hoveringAddTo: hoveringAddTo,
+        setHoveringAddTo: setHoveringAddTo
       }), /*#__PURE__*/React__default['default'].createElement(Stack, {
         sx: {
           transition: "0.3s",
-          opacity: hovering ? "1" : "0",
+          opacity: hovering && !hoveringAddTo ? "1" : "0",
           pointerEvents: "none",
           zIndex: "3"
         }
@@ -2215,11 +2219,14 @@
           position: "absolute",
           right: "0",
           top: "0",
-          width: "30px",
+          width: "50px",
           height: "100%",
-          background: "linear-gradient(270deg, rgba(40,50,51,1) 0%, rgba(0,0,0,0) 100%)"
+          display: "flex",
+          alignItems: "flex-end",
+          justifyContent: "center",
+          background: "linear-gradient(270deg, rgba(40,50,51,1) 40%, rgba(0,0,0,0) 100%)"
         }
-      })), /*#__PURE__*/React__default['default'].createElement(Stack, {
+      }, renderThreeDot())), /*#__PURE__*/React__default['default'].createElement(Stack, {
         direction: "row",
         alignItems: "center",
         sx: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@blerp/design",
-    "version": "1.2.38",
+    "version": "1.2.39",
     "description": "Blerp UI",
     "main": "dist/index.cjs.js",
     "scripts": {