@blerp/design 1.4.5 → 1.4.7

package/dist/cjs/Dropdown.js

@@ -4,7 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var index = require('./index.js');
+var Button = require('./neo-components/Button.js');
+var Text = require('./neo-components/Text.js');
+var Stack = require('./neo-components/Stack.js');
+var Navigation = require('./neo-components/Navigation.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -134,7 +137,7 @@ const NewDropdown = _ref2 => {
     handleOptionClicked(option);
     handleClose();
   }, [handleOptionClicked, handleClose]);
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(index.Button, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button.Button, {
     ref: buttonRef,
     onClick: handleClick,
     variant: buttonVariant || "contained",
@@ -155,7 +158,7 @@ const NewDropdown = _ref2 => {
         backgroundColor: "rgba(250, 250, 250, 1)"
       }
     }, buttonStyle)
-  }, buttonLabel && /*#__PURE__*/React__default["default"].createElement(index.Text, {
+  }, buttonLabel && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     noWrap: true,
     fontSize: "11px",
     color: "whiteOverride.main",
@@ -169,19 +172,19 @@ const NewDropdown = _ref2 => {
       letterSpacing: "0.02em",
       textTransform: "uppercase"
     }
-  }, buttonLabel), /*#__PURE__*/React__default["default"].createElement(index.Stack, {
+  }, buttonLabel), /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     direction: "row",
     justifyContent: "space-between",
     alignItems: "center",
     width: "100%",
     gap: 1
-  }, /*#__PURE__*/React__default["default"].createElement(index.Stack, {
+  }, /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     direction: "row",
     alignItems: "center",
     gap: 1,
     overflow: "hidden",
     flex: 1
-  }, startIcon, /*#__PURE__*/React__default["default"].createElement(index.Text, {
+  }, startIcon, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     noWrap: true,
     fontSize: "14px",
     color: "darkscale2.main",
@@ -191,7 +194,7 @@ const NewDropdown = _ref2 => {
   }, buttonTitle)), endIcon || /*#__PURE__*/React__default["default"].createElement(ChevronIcon, {
     isOpen: open,
     color: "rgba(255, 255, 255, 0.54)"
-  }))), /*#__PURE__*/React__default["default"].createElement(index.Menu, {
+  }))), /*#__PURE__*/React__default["default"].createElement(Navigation.Menu, {
     id: "new-dropdown-menu",
     MenuListProps: {
       "aria-labelledby": "dropdown-button",
@@ -213,25 +216,25 @@ const NewDropdown = _ref2 => {
       timeout: 200
     },
     PaperProps: getMenuPaperStyles(buttonWidth, paperStyle)
-  }, options === null || options === void 0 ? void 0 : options.map((option, index$1) => /*#__PURE__*/React__default["default"].createElement(index.MenuItem, {
-    key: option.id || option.name || "dropdown-".concat(index$1),
+  }, options === null || options === void 0 ? void 0 : options.map((option, index) => /*#__PURE__*/React__default["default"].createElement(Navigation.MenuItem, {
+    key: option.id || option.name || "dropdown-".concat(index),
     selected: buttonTitle === option.name,
     role: "option",
     "aria-selected": buttonTitle === option.name,
     sx: getMenuItemStyles(buttonTitle === option.name),
     onClick: () => handleOptionSelect(option)
-  }, option.startImageIcon && /*#__PURE__*/React__default["default"].createElement(index.Stack, {
+  }, option.startImageIcon && /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     mr: 1,
     alignItems: "center",
     justifyContent: "center"
-  }, option.startImageIcon), /*#__PURE__*/React__default["default"].createElement(index.Text, {
+  }, option.startImageIcon), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     noWrap: true,
     className: "dropdown-item-text",
     sx: {
       fontSize: "14px",
       flex: 1
     }
-  }, option.name), option.endImageIcon && /*#__PURE__*/React__default["default"].createElement(index.Stack, {
+  }, option.name), option.endImageIcon && /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     ml: 1,
     alignItems: "center",
     justifyContent: "center"
@@ -276,7 +279,7 @@ const Dropdown = _ref3 => {
     handleOptionClicked(option);
     handleClose();
   }, [handleOptionClicked, handleClose]);
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(index.Button, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button.Button, {
     ref: buttonRef,
     onClick: handleClick,
     variant: buttonVariant || "contained",
@@ -296,22 +299,22 @@ const Dropdown = _ref3 => {
         backgroundColor: "rgba(250, 250, 250, 1)"
       }
     }, buttonStyle)
-  }, /*#__PURE__*/React__default["default"].createElement(index.Stack, {
+  }, /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     direction: "row",
     justifyContent: "space-between",
     alignItems: "center",
     width: "100%",
     gap: 1
-  }, /*#__PURE__*/React__default["default"].createElement(index.Stack, {
+  }, /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     direction: "row",
     alignItems: "center",
     gap: 1.5,
     overflow: "hidden",
     flex: 1
-  }, startIcon, /*#__PURE__*/React__default["default"].createElement(index.Stack, {
+  }, startIcon, /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     alignItems: "flex-start",
     overflow: "hidden"
-  }, buttonLabel && /*#__PURE__*/React__default["default"].createElement(index.Text, {
+  }, buttonLabel && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     noWrap: true,
     fontSize: "10px",
     color: "grey4.main",
@@ -321,7 +324,7 @@ const Dropdown = _ref3 => {
       textTransform: "uppercase",
       marginBottom: "-2px"
     }
-  }, buttonLabel), /*#__PURE__*/React__default["default"].createElement(index.Text, {
+  }, buttonLabel), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     noWrap: true,
     fontSize: "14px",
     color: "grey5.main",
@@ -331,7 +334,7 @@ const Dropdown = _ref3 => {
   }, buttonTitle))), endIcon || /*#__PURE__*/React__default["default"].createElement(ChevronIcon, {
     isOpen: open,
     color: "rgba(0, 0, 0, 0.54)"
-  }))), /*#__PURE__*/React__default["default"].createElement(index.Menu, {
+  }))), /*#__PURE__*/React__default["default"].createElement(Navigation.Menu, {
     id: "dropdown-menu",
     MenuListProps: {
       "aria-labelledby": "dropdown-button",
@@ -353,25 +356,25 @@ const Dropdown = _ref3 => {
       timeout: 200
     },
     PaperProps: getMenuPaperStyles(buttonWidth, paperStyle)
-  }, options === null || options === void 0 ? void 0 : options.map((option, index$1) => /*#__PURE__*/React__default["default"].createElement(index.MenuItem, {
-    key: option.id || option.name || "dropdown-".concat(index$1),
+  }, options === null || options === void 0 ? void 0 : options.map((option, index) => /*#__PURE__*/React__default["default"].createElement(Navigation.MenuItem, {
+    key: option.id || option.name || "dropdown-".concat(index),
     selected: buttonTitle === option.name,
     role: "option",
     "aria-selected": buttonTitle === option.name,
     sx: getMenuItemStyles(buttonTitle === option.name),
     onClick: () => handleOptionSelect(option)
-  }, option.startImageIcon && /*#__PURE__*/React__default["default"].createElement(index.Stack, {
+  }, option.startImageIcon && /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     mr: 1,
     alignItems: "center",
     justifyContent: "center"
-  }, option.startImageIcon), /*#__PURE__*/React__default["default"].createElement(index.Text, {
+  }, option.startImageIcon), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     noWrap: true,
     className: "dropdown-item-text",
     sx: {
       fontSize: "14px",
       flex: 1
     }
-  }, option.name), option.endImageIcon && /*#__PURE__*/React__default["default"].createElement(index.Stack, {
+  }, option.name), option.endImageIcon && /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     ml: 1,
     alignItems: "center",
     justifyContent: "center"

package/dist/cjs/EllipsisLoader.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var index = require('./index.js');
 var colors = require('./colors.js');
+var Box = require('./neo-components/Box.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -22,7 +22,7 @@ const EllipsisLoader = _ref => {
     sizeUnit,
     style
   } = _ref;
-  return /*#__PURE__*/React__default["default"].createElement(index.Box, {
+  return /*#__PURE__*/React__default["default"].createElement(Box.Box, {
     sx: _objectSpread(_objectSpread({
       display: "flex",
       justifyContent: "center",
@@ -91,6 +91,7 @@ EllipsisLoader.defaultProps = {
     height: "20px"
   }
 };
+var EllipsisLoader$1 = EllipsisLoader;
 
 exports.EllipsisLoader = EllipsisLoader;
-exports["default"] = EllipsisLoader;
+exports["default"] = EllipsisLoader$1;

package/dist/cjs/GroupCard.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var index = require('./index.js');
 var NewBlerp = require('./NewBlerp.js');
+var Stack = require('./neo-components/Stack.js');
+var Text = require('./neo-components/Text.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -104,7 +105,7 @@ const GroupCard = _ref2 => {
     return "".concat((index - 2) * 10, "px");
   };
 
-  return /*#__PURE__*/React__default["default"].createElement(index.Stack, {
+  return /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     sx: {
       minWidth: "250px",
       maxWidth: "290px",
@@ -123,15 +124,15 @@ const GroupCard = _ref2 => {
     },
     onMouseEnter: () => setHovering(true),
     onMouseLeave: () => setHovering(false)
-  }, /*#__PURE__*/React__default["default"].createElement(index.Stack, {
+  }, /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     height: "100%"
-  }, /*#__PURE__*/React__default["default"].createElement(index.Text, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     sx: {
       color: "grey5.main",
       fontSize: "12px",
       fontWeight: "300"
     }
-  }, (group === null || group === void 0 ? void 0 : group.biteCount) || 0, " Sounds"), /*#__PURE__*/React__default["default"].createElement(index.Text, {
+  }, (group === null || group === void 0 ? void 0 : group.biteCount) || 0, " Sounds"), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     sx: {
       whiteSpace: "nowrap",
       overflowX: "hidden",
@@ -143,7 +144,7 @@ const GroupCard = _ref2 => {
       height: "31px",
       marginBottom: "5px"
     }
-  }, group === null || group === void 0 ? void 0 : group.title), /*#__PURE__*/React__default["default"].createElement(index.Stack, {
+  }, group === null || group === void 0 ? void 0 : group.title), /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     direction: "row"
   }, /*#__PURE__*/React__default["default"].createElement(NewBlerp.AddedToIcons, {
     item: group,
@@ -151,7 +152,7 @@ const GroupCard = _ref2 => {
   }), /*#__PURE__*/React__default["default"].createElement(NewBlerp.FavoriteIconWithCounter, {
     saved: group === null || group === void 0 ? void 0 : group.saved,
     count: saveCount
-  })), /*#__PURE__*/React__default["default"].createElement(index.Stack, {
+  })), /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     direction: "row",
     sx: {
       width: "100%",

package/dist/cjs/ImageEditor.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 
@@ -243,5 +245,6 @@ const ImageEditor = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   }, "Failed to load image"));
 });
 ImageEditor.displayName = 'ImageEditor';
+var ImageEditor$1 = ImageEditor;
 
-module.exports = ImageEditor;
+exports["default"] = ImageEditor$1;

package/dist/cjs/ImageUpload.js

@@ -1,13 +1,18 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var _extends = require('@babel/runtime/helpers/extends');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var index = require('./index.js');
 var React = require('react');
 var ImageEditor = require('./ImageEditor.js');
 var ScreenSizeHook = require('./ScreenSizeHook.js');
 var Theme = require('./Theme.js');
+var Stack = require('./neo-components/Stack.js');
+var Text = require('./neo-components/Text.js');
+var Box = require('./neo-components/Box.js');
+var Button = require('./neo-components/Button.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -30,7 +35,7 @@ const Icon = _ref => {
   } = _ref,
       props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  return /*#__PURE__*/React__default["default"].createElement(index.Box, _extends__default["default"]({
+  return /*#__PURE__*/React__default["default"].createElement(Box.Box, _extends__default["default"]({
     component: "svg",
     viewBox: "0 0 24 24",
     width: size,
@@ -110,7 +115,7 @@ const ImageUploadModal = _ref2 => {
     onClose();
   };
 
-  return /*#__PURE__*/React__default["default"].createElement(index.Stack, {
+  return /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     sx: {
       minHeight: "580px"
     },
@@ -125,17 +130,17 @@ const ImageUploadModal = _ref2 => {
       right: 20,
       cursor: "pointer"
     }
-  }), /*#__PURE__*/React__default["default"].createElement(index.Stack, {
+  }), /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     alignItems: "center"
-  }, /*#__PURE__*/React__default["default"].createElement(index.Text, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     sx: {
       fontSize: "32px"
     }
-  }, title), /*#__PURE__*/React__default["default"].createElement(index.Text, {
+  }, title), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     color: "grey4"
-  }, "Adjust your image below."), /*#__PURE__*/React__default["default"].createElement(index.Text, {
+  }, "Adjust your image below."), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     color: "grey4"
-  }, sizeInfo)), /*#__PURE__*/React__default["default"].createElement(index.Stack, {
+  }, sizeInfo)), /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     sx: {
       minWidth: "300px",
       backgroundColor: "waxwing.main",
@@ -178,12 +183,12 @@ const ImageUploadModal = _ref2 => {
     sx: {
       color: "white"
     }
-  }) : /*#__PURE__*/React__default["default"].createElement(index.Text, {
+  }) : /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     sx: {
       textAlign: "center",
       width: "80%"
     }
-  }, "Click or drop image here to upload.")) : image.type !== "image/gif" ? /*#__PURE__*/React__default["default"].createElement(ImageEditor, {
+  }, "Click or drop image here to upload.")) : image.type !== "image/gif" ? /*#__PURE__*/React__default["default"].createElement(ImageEditor["default"], {
     ref: imageEditorRef,
     width: !isCircularImage && !isSquareImage ? 650 : 250,
     height: !isCircularImage && !isSquareImage ? 225 : 250,
@@ -195,11 +200,11 @@ const ImageUploadModal = _ref2 => {
     src: URL.createObjectURL(image),
     width: "250px",
     alt: "gif preview"
-  })), image && image.type !== "image/gif" && /*#__PURE__*/React__default["default"].createElement(index.Stack, {
+  })), image && image.type !== "image/gif" && /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     direction: "row",
     width: "250px",
     alignItems: "center"
-  }, /*#__PURE__*/React__default["default"].createElement(index.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(Box.Box, {
     component: "input",
     type: "range",
     min: "35",
@@ -212,15 +217,17 @@ const ImageUploadModal = _ref2 => {
         background: theme.colors.ibisRed
       }
     }
-  })), /*#__PURE__*/React__default["default"].createElement(index.Stack, {
+  })), /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     alignItems: "center"
-  }, /*#__PURE__*/React__default["default"].createElement(index.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(Button.Button, {
     variant: "text",
     onClick: () => setImage(null)
-  }, image ? "Change Image" : "Cancel"), /*#__PURE__*/React__default["default"].createElement(index.Button, {
+  }, image ? "Change Image" : "Cancel"), /*#__PURE__*/React__default["default"].createElement(Button.Button, {
     variant: "contained",
     onClick: handleUploadClick
   }, "Save Image")));
 };
 
-module.exports = ImageUploadModal;
+var ImageUpload = ImageUploadModal;
+
+exports["default"] = ImageUpload;