@blerp/design 1.4.6 → 1.4.7

package/dist/cjs/Blerp/BlerpImageRow.js

@@ -7,10 +7,10 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var Theme = require('../Theme.js');
+var Icons = require('../Icons/Icons.js');
 var Stack = require('../neo-components/Stack.js');
 var Box = require('../neo-components/Box.js');
 var Text = require('../neo-components/Text.js');
-var Icons = require('../Icons/Icons.js');
 var Misc = require('../neo-components/Misc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -116,7 +116,7 @@ const BlerpImageRow = _ref2 => {
           display: "none"
         }
       }
-    }, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+    }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
       sx: {
         display: "none",
         fontWeight: "regular",

package/dist/cjs/Blerp/BlerpTitleRow.js

@@ -49,7 +49,7 @@ const BlerpTitleRow = _ref => {
         textOverflow: "ellipsis",
         overflow: "hidden"
       }
-    }, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+    }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
       textAlign: "center",
       fontSize: sizeParams.fontSize,
       color: isPremium && !isLocked ? "white.override" : "white.override",
@@ -94,7 +94,7 @@ const BlerpTitleRow = _ref => {
     style: {
       textDecoration: "none"
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     textAlign: "center",
     fontSize: sizeParams.fontSize,
     color: isPremium ? "white.override" : "white.override",
@@ -120,7 +120,7 @@ const BlerpTitleRow = _ref => {
       textOverflow: "ellipsis",
       overflow: "hidden"
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     textAlign: "center",
     fontSize: sizeParams.fontSize,
     color: isPremium ? "white.override" : "white.override",

package/dist/cjs/Blerp/BlerpTopRow.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var Blerp = require('../Blerp.js');
 var Icons = require('../Icons/Icons.js');
 var Stack = require('../neo-components/Stack.js');
 var Text = require('../neo-components/Text.js');
@@ -19,6 +18,18 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const reactionIconUrls = {
+  FUNNY: "https://cdn.blerp.com/blerp_products/Icons/Funny%403x.svg",
+  MUSIC: "https://cdn.blerp.com/blerp_products/Icons/Music%403x.svg",
+  NSFW: "https://cdn.blerp.com/blerp_products/Icons/NSFW%403x.svg",
+  SAD: "https://cdn.blerp.com/blerp_products/Icons/Sad.svg",
+  SCARY: "https://cdn.blerp.com/blerp_products/Icons/Scary%403x.svg",
+  ANGRY: "https://cdn.blerp.com/blerp_products/Icons/Anger%403x.svg",
+  HAPPY: "https://cdn.blerp.com/blerp_products/Icons/Happy%403x.svg",
+  TROLL: "https://cdn.blerp.com/blerp_products/Icons/Troll%403x.svg",
+  SHOCKED: "https://cdn.blerp.com/blerp_products/Icons/Shock.svg",
+  LOVE: "https://cdn.blerp.com/blerp_products/Icons/Heart%403x.svg"
+}; // Inline SVG Icons
 
 const IconLock = _ref => {
   let {
@@ -133,7 +144,7 @@ const BlerpTopRow = _ref5 => {
     alignItems: "center",
     height: bite.visibility !== "PRIVATE" || isOwner ? "30px" : "30px",
     position: sizeParams.buttonSize === "small" && "absolute"
-  }, (bite.visibility !== "PRIVATE" || isOwner) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, (bite.visibility !== "PRIVATE" || isOwner) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     fontSize: "12px",
     color: isPremium && !isLocked ? "white.main" : "notBlack.main",
     sx: {
@@ -141,7 +152,7 @@ const BlerpTopRow = _ref5 => {
       top: "30px",
       left: "10px"
     }
-  }, bite === null || bite === void 0 ? void 0 : bite.audienceRating), (bite === null || bite === void 0 ? void 0 : bite.audioDuration) && /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, bite === null || bite === void 0 ? void 0 : bite.audienceRating), (bite === null || bite === void 0 ? void 0 : bite.audioDuration) && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     fontSize: "8px",
     color: isPremium ? "waxwing.main" : "grey5.main",
     sx: {
@@ -217,7 +228,7 @@ const BlerpTopRow = _ref5 => {
     }
   }, /*#__PURE__*/React__default["default"].createElement(Icons.BookmarkAddRounded, {
     fontSize: "small"
-  })), !!(sizeParams.buttonSize === "small" && !(bite !== null && bite !== void 0 && (_bite$topReactions = bite.topReactions) !== null && _bite$topReactions !== void 0 && _bite$topReactions.length) || sizeParams.buttonSize !== "small") && /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  })), !!(sizeParams.buttonSize === "small" && !(bite !== null && bite !== void 0 && (_bite$topReactions = bite.topReactions) !== null && _bite$topReactions !== void 0 && _bite$topReactions.length) || sizeParams.buttonSize !== "small") && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     color: "notBlack.main",
     fontWeight: "light",
     fontSize: "12px",
@@ -244,7 +255,7 @@ const BlerpTopRow = _ref5 => {
       margin: "-3px",
       zIndex: index
     },
-    src: Blerp.reactionIconUrls[reaction]
+    src: reactionIconUrls[reaction]
   })))), isPremium ? /*#__PURE__*/React__default["default"].createElement(Icons.DiamondIcon, {
     sx: {
       width: "16px",

package/dist/cjs/Blerp.js

@@ -16,18 +16,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const reactionIconUrls = {
-  FUNNY: "https://cdn.blerp.com/blerp_products/Icons/Funny%403x.svg",
-  MUSIC: "https://cdn.blerp.com/blerp_products/Icons/Music%403x.svg",
-  NSFW: "https://cdn.blerp.com/blerp_products/Icons/NSFW%403x.svg",
-  SAD: "https://cdn.blerp.com/blerp_products/Icons/Sad.svg",
-  SCARY: "https://cdn.blerp.com/blerp_products/Icons/Scary%403x.svg",
-  ANGRY: "https://cdn.blerp.com/blerp_products/Icons/Anger%403x.svg",
-  HAPPY: "https://cdn.blerp.com/blerp_products/Icons/Happy%403x.svg",
-  TROLL: "https://cdn.blerp.com/blerp_products/Icons/Troll%403x.svg",
-  SHOCKED: "https://cdn.blerp.com/blerp_products/Icons/Shock.svg",
-  LOVE: "https://cdn.blerp.com/blerp_products/Icons/Heart%403x.svg"
-};
 const Blerp = _ref => {
   let {
     bite,
@@ -230,4 +218,3 @@ const Blerp = _ref => {
 
 exports.Blerp = Blerp;
 exports["default"] = Blerp;
-exports.reactionIconUrls = reactionIconUrls;

package/dist/cjs/BlerpListViewPremium.js

@@ -44,7 +44,7 @@ const Icon = _ref => {
     height: size,
     fill: "currentColor",
     sx: _objectSpread({
-      display: 'inline-block',
+      display: "inline-block",
       flexShrink: 0
     }, sx)
   }, props), /*#__PURE__*/React__default["default"].createElement("path", {
@@ -243,7 +243,7 @@ const BlerpListViewPremium = _ref2 => {
     sx: {
       width: "80%"
     }
-  }, isLinkTitle ? /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, isLinkTitle ? /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     textAlign: "left",
     fontSize: sizeParams.fontSize,
     noWrap: true,
@@ -267,7 +267,7 @@ const BlerpListViewPremium = _ref2 => {
       textDecoration: "none",
       color: "white"
     }
-  }, bite.title)) : /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, bite.title)) : /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     textAlign: "left",
     fontSize: sizeParams.fontSize,
     noWrap: true,
@@ -285,7 +285,7 @@ const BlerpListViewPremium = _ref2 => {
         handleClickTitle();
       }
     }
-  }, bite.title), biteSubtitle && /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, bite.title), biteSubtitle && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     textAlign: "left",
     fontSize: sizeParams.smallFontSize,
     noWrap: true,
@@ -375,7 +375,7 @@ const BlerpListViewPremium = _ref2 => {
       marginRight: "4px",
       color: "white.override"
     }
-  }), /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     sx: {
       marginRight: "4px",
       color: "white.override",

package/dist/cjs/CollectionCard.js

@@ -9,7 +9,6 @@ var Box = require('./neo-components/Box.js');
 var Stack = require('./neo-components/Stack.js');
 var Misc = require('./neo-components/Misc.js');
 var Text = require('./neo-components/Text.js');
-var Icons = require('./Icons/Icons.js');
 var IconButton = require('./neo-components/IconButton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -369,7 +368,7 @@ const CollectionCard = _ref6 => {
       margin: "5px 0",
       maxWidth: "92%"
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     fontSize: fontSize ? fontSize : "22px",
     color: "white.override",
     textAlign: "center",
@@ -404,19 +403,7 @@ const CollectionCard = _ref6 => {
       boxSizing: "border-box",
       alignItems: "center"
     }
-  }, (collection === null || collection === void 0 ? void 0 : collection.edgeType) !== "NewTwitchGroupEdge" && renderPrimaryActionButton(), (collection === null || collection === void 0 ? void 0 : collection.edgeType) === "NewTwitchGroupEdge" && /*#__PURE__*/React__default["default"].createElement(Misc.Tooltip, {
-    title: "Featured on Twitch Bits"
-  }, /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
-    sx: {
-      alignItems: "center"
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(Icons.TwitchBitIcon, {
-    sx: {
-      color: "white.override",
-      zIndex: "1",
-      fontSize: "18px"
-    }
-  }))), (collection === null || collection === void 0 ? void 0 : collection.visibility) === "PRIVATE" && isOwner && /*#__PURE__*/React__default["default"].createElement(Misc.Tooltip, {
+  }, (collection === null || collection === void 0 ? void 0 : collection.edgeType) !== "NewTwitchGroupEdge" && renderPrimaryActionButton(), (collection === null || collection === void 0 ? void 0 : collection.visibility) === "PRIVATE" && isOwner && /*#__PURE__*/React__default["default"].createElement(Misc.Tooltip, {
     title: "Private"
   }, /*#__PURE__*/React__default["default"].createElement(BookmarkIconIcon, {
     sx: {
@@ -447,7 +434,7 @@ const CollectionCard = _ref6 => {
       color: "white",
       textDecoration: "none"
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     fontSize: fontSize ? fontSize : "22px",
     color: "white.override",
     textAlign: "center",
@@ -457,7 +444,7 @@ const CollectionCard = _ref6 => {
         textDecoration: "underline"
       }
     }
-  }, collection === null || collection === void 0 ? void 0 : collection.title)) : /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, collection === null || collection === void 0 ? void 0 : collection.title)) : /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     fontSize: fontSize ? fontSize : "22px",
     color: "white.override",
     textAlign: "center",

package/dist/cjs/CollectionListViewPremium.js

@@ -6,13 +6,13 @@ var _extends = require('@babel/runtime/helpers/extends');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
+var Icons = require('./Icons/Icons.js');
 var ScreenSizeHook = require('./ScreenSizeHook.js');
 var helpers = require('./helpers.js');
 var Theme = require('./Theme.js');
 var Stack = require('./neo-components/Stack.js');
 var Box = require('./neo-components/Box.js');
 var Text = require('./neo-components/Text.js');
-var Icons = require('./Icons/Icons.js');
 var IconButton = require('./neo-components/IconButton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -319,7 +319,7 @@ const CollectionListViewPremium = _ref2 => {
       position: "relative",
       left: "12px"
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     textAlign: "left",
     fontSize: sizeParams.fontSize,
     noWrap: true,
@@ -338,7 +338,7 @@ const CollectionListViewPremium = _ref2 => {
         handleClickTitle();
       }
     }
-  }, collection.title)) : /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, collection.title)) : /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     textAlign: "left",
     fontSize: sizeParams.fontSize,
     noWrap: true,
@@ -387,7 +387,7 @@ const CollectionListViewPremium = _ref2 => {
       color: "white.override",
       height: "18px"
     }
-  }), /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     sx: {
       zIndex: "2",
       color: "white.override",

package/dist/cjs/Dropdown.js

@@ -158,7 +158,7 @@ const NewDropdown = _ref2 => {
         backgroundColor: "rgba(250, 250, 250, 1)"
       }
     }, buttonStyle)
-  }, buttonLabel && /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, buttonLabel && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     noWrap: true,
     fontSize: "11px",
     color: "whiteOverride.main",
@@ -184,7 +184,7 @@ const NewDropdown = _ref2 => {
     gap: 1,
     overflow: "hidden",
     flex: 1
-  }, startIcon, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, startIcon, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     noWrap: true,
     fontSize: "14px",
     color: "darkscale2.main",
@@ -227,7 +227,7 @@ const NewDropdown = _ref2 => {
     mr: 1,
     alignItems: "center",
     justifyContent: "center"
-  }, option.startImageIcon), /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, option.startImageIcon), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     noWrap: true,
     className: "dropdown-item-text",
     sx: {
@@ -314,7 +314,7 @@ const Dropdown = _ref3 => {
   }, startIcon, /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     alignItems: "flex-start",
     overflow: "hidden"
-  }, buttonLabel && /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, buttonLabel && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     noWrap: true,
     fontSize: "10px",
     color: "grey4.main",
@@ -324,7 +324,7 @@ const Dropdown = _ref3 => {
       textTransform: "uppercase",
       marginBottom: "-2px"
     }
-  }, buttonLabel), /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, buttonLabel), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     noWrap: true,
     fontSize: "14px",
     color: "grey5.main",
@@ -367,7 +367,7 @@ const Dropdown = _ref3 => {
     mr: 1,
     alignItems: "center",
     justifyContent: "center"
-  }, option.startImageIcon), /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, option.startImageIcon), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     noWrap: true,
     className: "dropdown-item-text",
     sx: {

package/dist/cjs/GroupCard.js

@@ -126,13 +126,13 @@ const GroupCard = _ref2 => {
     onMouseLeave: () => setHovering(false)
   }, /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     height: "100%"
-  }, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, /*#__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(Text.Typography, {
+  }, (group === null || group === void 0 ? void 0 : group.biteCount) || 0, " Sounds"), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     sx: {
       whiteSpace: "nowrap",
       overflowX: "hidden",

package/dist/cjs/ImageUpload.js

@@ -132,13 +132,13 @@ const ImageUploadModal = _ref2 => {
     }
   }), /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     alignItems: "center"
-  }, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     sx: {
       fontSize: "32px"
     }
-  }, title), /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, title), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     color: "grey4"
-  }, "Adjust your image below."), /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, "Adjust your image below."), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     color: "grey4"
   }, sizeInfo)), /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
     sx: {
@@ -183,7 +183,7 @@ const ImageUploadModal = _ref2 => {
     sx: {
       color: "white"
     }
-  }) : /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }) : /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     sx: {
       textAlign: "center",
       width: "80%"

package/dist/cjs/NewBlerp.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var UsernameWithPopout = require('./UsernameWithPopout.js');
+var Icons = require('./Icons/Icons.js');
 var Box = require('./neo-components/Box.js');
 var Stack = require('./neo-components/Stack.js');
 var Text = require('./neo-components/Text.js');
-var Icons = require('./Icons/Icons.js');
 var Misc = require('./neo-components/Misc.js');
 var Button = require('./neo-components/Button.js');
 
@@ -263,7 +263,7 @@ const FavoriteIconWithCounter = _ref10 => {
       opacity: 0.5,
       color: "#ffffff"
     }
-  }), /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     sx: {
       fontSize: "12px",
       fontWeight: "400"
@@ -334,7 +334,7 @@ const RatingInfoItem = _ref12 => {
   } = _ref12;
   return /*#__PURE__*/React__default["default"].createElement(Misc.Tooltip, {
     title: tooltipText
-  }, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     sx: {
       fontSize: "9px",
       fontWeight: "600",
@@ -460,7 +460,7 @@ const ReportedWarning = _ref14 => {
         sx: {
           marginBottom: "20px"
         }
-      }), /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+      }), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
         sx: {
           fontSize: "18px",
           fontWeight: "600",
@@ -482,14 +482,14 @@ const ReportedWarning = _ref14 => {
       sx: {
         marginBottom: "20px"
       }
-    }), /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+    }), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
       sx: {
         fontSize: "18px",
         fontWeight: "600",
         color: "white.override",
         marginBottom: "10px"
       }
-    }, "Hold Up"), /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+    }, "Hold Up"), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
       sx: {
         fontSize: "14px",
         fontWeight: "400",
@@ -739,7 +739,7 @@ const NewBlerp = _ref16 => {
         alignItems: "center",
         justifyContent: "center"
       }
-    }, /*#__PURE__*/React__default["default"].createElement(LockIcon, null), /*#__PURE__*/React__default["default"].createElement(Text.Typography, null, "Private Blerp"))));
+    }, /*#__PURE__*/React__default["default"].createElement(LockIcon, null), /*#__PURE__*/React__default["default"].createElement(Text.Text, null, "Private Blerp"))));
   }
 
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Box.Box, {
@@ -831,7 +831,7 @@ const NewBlerp = _ref16 => {
     style: {
       textDecoration: "none"
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     ref: titleRef,
     sx: {
       fontSize: "16px",
@@ -925,7 +925,7 @@ const NewBlerp = _ref16 => {
     onUsernameClick: onUsernameClick,
     user: bite === null || bite === void 0 ? void 0 : bite.ownerObject,
     collapsed: false
-  }), /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     sx: {
       fontWeight: "300",
       fontSize: "12px",

package/dist/cjs/NewCollectionModal.js

@@ -7,12 +7,12 @@ var React = require('react');
 var ReactDOM = require('react-dom');
 var ImageUpload = require('./ImageUpload.js');
 var ScreenSizeHook = require('./ScreenSizeHook.js');
+var Dropdown = require('./Dropdown.js');
+var Toggle = require('./Toggle.js');
 var Button = require('./neo-components/Button.js');
 var Stack = require('./neo-components/Stack.js');
 var Text = require('./neo-components/Text.js');
 var Input = require('./neo-components/Input.js');
-var Dropdown = require('./Dropdown.js');
-var Toggle = require('./Toggle.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -188,7 +188,7 @@ const NewCollectionModal = _ref4 => {
     }
   }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     path: paths.close
-  })), /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  })), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     fontSize: "28px",
     fontWeight: "700",
     fontColor: COLORS.textMain,
@@ -228,7 +228,7 @@ const NewCollectionModal = _ref4 => {
     style: {
       color: COLORS.textMuted
     }
-  }), /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     fontSize: "12px",
     fontColor: COLORS.textMuted,
     sx: {
@@ -240,7 +240,7 @@ const NewCollectionModal = _ref4 => {
       flex: 1,
       width: "100%"
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Input.TextField, {
+  }, /*#__PURE__*/React__default["default"].createElement(Input.Input, {
     label: "Name",
     value: titleInput,
     onChange: e => setTitleInput(e.target.value),
@@ -257,7 +257,7 @@ const NewCollectionModal = _ref4 => {
         backgroundColor: COLORS.bgInput
       }
     }
-  }), /*#__PURE__*/React__default["default"].createElement(Input.TextField, {
+  }), /*#__PURE__*/React__default["default"].createElement(Input.Input, {
     label: "Description",
     value: descriptionInput,
     onChange: e => setDescriptionInput(e.target.value),
@@ -280,7 +280,7 @@ const NewCollectionModal = _ref4 => {
     spacing: 2,
     justifyContent: "space-between",
     flexWrap: "wrap"
-  }, /*#__PURE__*/React__default["default"].createElement(Stack.Stack, null, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Stack.Stack, null, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     fontSize: "12px",
     fontColor: COLORS.textMuted,
     sx: {
@@ -302,7 +302,7 @@ const NewCollectionModal = _ref4 => {
     }, {
       name: "UNLISTED"
     }]
-  })), isAdmin && /*#__PURE__*/React__default["default"].createElement(Stack.Stack, null, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  })), isAdmin && /*#__PURE__*/React__default["default"].createElement(Stack.Stack, null, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     fontSize: "12px",
     fontColor: COLORS.textMuted,
     sx: {
@@ -311,13 +311,13 @@ const NewCollectionModal = _ref4 => {
   }, "PREMIUM"), /*#__PURE__*/React__default["default"].createElement(Toggle.Toggle, {
     checked: collectionToBeEdited === null || collectionToBeEdited === void 0 ? void 0 : collectionToBeEdited.isPremium,
     onClick: () => handleChangePremium(!(collectionToBeEdited !== null && collectionToBeEdited !== void 0 && collectionToBeEdited.isPremium))
-  })), (collectionToBeEdited === null || collectionToBeEdited === void 0 ? void 0 : collectionToBeEdited.isPremium) && /*#__PURE__*/React__default["default"].createElement(Stack.Stack, null, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  })), (collectionToBeEdited === null || collectionToBeEdited === void 0 ? void 0 : collectionToBeEdited.isPremium) && /*#__PURE__*/React__default["default"].createElement(Stack.Stack, null, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     fontSize: "12px",
     fontColor: COLORS.textMuted,
     sx: {
       mb: 1
     }
-  }, "PRICE"), /*#__PURE__*/React__default["default"].createElement(Input.TextField, {
+  }, "PRICE"), /*#__PURE__*/React__default["default"].createElement(Input.Input, {
     value: price,
     onChange: e => setPrice(e.target.value),
     size: "small",