@blerp/design 1.0.47 → 1.0.51

package/dist/index.cjs.js

@@ -881,6 +881,15 @@ var OpenLockIcon = function OpenLockIcon(_ref22) {
     d: "M19.5,3.2c-0.7-0.7-1.7-1-2.9-1c-1.1,0-2,0.4-2.7,1.1c-1.4,1.5-1.4,4.1-1.3,6.7H6.5c-1.4,0-2.5,1.1-2.5,2.4v6.1   c0,1.4,1.1,2.4,2.5,2.4h7.4c1.4,0,2.5-1.1,2.5-2.4v-6.1c0-1.3-1-2.3-2.3-2.4C14,7.8,14,5.4,15,4.4c0.4-0.4,0.9-0.6,1.6-0.6   c0.8,0,1.4,0.2,1.8,0.6c0.8,0.7,0.7,2.2,0.7,3l0,0.2h1.5l0-0.2C20.7,6.3,20.7,4.4,19.5,3.2z M11,15.2l-0.2,0.2v2   c0,0.3-0.3,0.6-0.6,0.6c-0.3,0-0.6-0.3-0.6-0.6v-2l-0.2-0.2C9.1,15,9,14.7,9,14.3v0c0-0.7,0.6-1.2,1.2-1.2c0.3,0,0.6,0.1,0.9,0.4   c0.2,0.2,0.4,0.5,0.4,0.9C11.4,14.7,11.3,15,11,15.2z"
   })));
 };
+var WindowsIcon = function WindowsIcon(_ref23) {
+  var sx = _ref23.sx;
+  return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
+    sx: sx
+  }, /*#__PURE__*/React__default['default'].createElement("path", {
+    id: "windows",
+    d: "M3,5.5l7.4-1v7.1H3V5.5z M3,18.5l7.4,1v-7H3V18.5L3,18.5z M11.2,19.6L21,21v-8.5h-9.8V19.6z M11.2,4.4v7.2H21 V3L11.2,4.4z"
+  }));
+};
 
 var BlerpTopRow = function BlerpTopRow(_ref) {
   var _bite$topReactions, _bite$topReactions2, _bite$topReactions3;
@@ -3001,7 +3010,8 @@ var ImageUploadModal = function ImageUploadModal(_ref) {
             case 5:
               blob = _context.sent;
               file = new File([blob], img, {
-                type: blob.type
+                type: blob.type,
+                size: blob.type
               });
               setImage(file);
 
@@ -3101,8 +3111,9 @@ var ImageUploadModal = function ImageUploadModal(_ref) {
 
                 // create an image file using the data from the blob, assign the file a name, assign the file type
                 // Adding ".JPG" is totally janky, but since the database currently reads the file type from the name of the file (not the image.type), and since we are changing the image.name to match the url of the image, an error will be thrown if we do not declare a file type at the end.
-                file = new File([blob], image.name + ".JPG", {
-                  type: image.type
+                file = new File([blob], image.name, {
+                  type: image.type,
+                  size: image.size
                 });
               });
 
@@ -8319,7 +8330,7 @@ var UserLibraryHeader = function UserLibraryHeader(_ref) {
       sort = _ref.sort,
       hideLayoutButtons = _ref.hideLayoutButtons;
   var size = useWindowSize();
-  var theme = React.useContext(styled.ThemeContext);
+  React.useContext(styled.ThemeContext);
   return /*#__PURE__*/React__default['default'].createElement(Box, {
     sx: _objectSpread({
       backgroundColor: "grey2.main",
@@ -8347,7 +8358,6 @@ var UserLibraryHeader = function UserLibraryHeader(_ref) {
     return /*#__PURE__*/React__default['default'].createElement(Button, {
       key: "tab-".concat(tab),
       onClick: function onClick() {
-        setShowSearch(null);
         setActiveBoard(null);
 
         if (tabSelection.includes(tab)) {
@@ -8359,17 +8369,16 @@ var UserLibraryHeader = function UserLibraryHeader(_ref) {
           setTabSelection([].concat(_toConsumableArray__default['default'](tabSelection), [tab]));
         }
       },
-      variant: "outlined",
+      variant: tabSelection.includes(tab) ? "contained" : "outlined",
       size: "small",
       endIcon: tabSelection.includes(tab) && /*#__PURE__*/React__default['default'].createElement(iconsMaterial.CancelRounded, null),
       sx: {
+        fontWeight: "normal",
         marginRight: "10px",
-        backgroundColor: tabSelection.includes(tab) && "grey3.main",
-        ":focus": {
-          border: "2px solid ".concat(theme.colors.grey4, " !important")
-        }
+        backgroundColor: tabSelection.includes(tab) && "grey4.main"
       },
-      color: "grey6"
+      color: tabSelection.includes(tab) ? "grey3" : "notBlack",
+      disableElevation: true
     }, tab);
   })), /*#__PURE__*/React__default['default'].createElement(LibraryControls, {
     currentSort: sort,
@@ -11149,6 +11158,7 @@ exports.UnsafeIcon = UnsafeIcon;
 exports.UserLibraryHeader = UserLibraryHeader;
 exports.UserProfileHeader = UserProfileHeader;
 exports.WalkonIcon = WalkonIcon;
+exports.WindowsIcon = WindowsIcon;
 exports.darkThemeV1 = darkThemeV1;
 exports.lightThemeV1 = lightThemeV1;
 exports.mainTheme = mainTheme;

package/dist/index.esm.js

@@ -834,6 +834,15 @@ var OpenLockIcon = function OpenLockIcon(_ref22) {
     d: "M19.5,3.2c-0.7-0.7-1.7-1-2.9-1c-1.1,0-2,0.4-2.7,1.1c-1.4,1.5-1.4,4.1-1.3,6.7H6.5c-1.4,0-2.5,1.1-2.5,2.4v6.1   c0,1.4,1.1,2.4,2.5,2.4h7.4c1.4,0,2.5-1.1,2.5-2.4v-6.1c0-1.3-1-2.3-2.3-2.4C14,7.8,14,5.4,15,4.4c0.4-0.4,0.9-0.6,1.6-0.6   c0.8,0,1.4,0.2,1.8,0.6c0.8,0.7,0.7,2.2,0.7,3l0,0.2h1.5l0-0.2C20.7,6.3,20.7,4.4,19.5,3.2z M11,15.2l-0.2,0.2v2   c0,0.3-0.3,0.6-0.6,0.6c-0.3,0-0.6-0.3-0.6-0.6v-2l-0.2-0.2C9.1,15,9,14.7,9,14.3v0c0-0.7,0.6-1.2,1.2-1.2c0.3,0,0.6,0.1,0.9,0.4   c0.2,0.2,0.4,0.5,0.4,0.9C11.4,14.7,11.3,15,11,15.2z"
   })));
 };
+var WindowsIcon = function WindowsIcon(_ref23) {
+  var sx = _ref23.sx;
+  return /*#__PURE__*/React.createElement(SvgIcon, {
+    sx: sx
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "windows",
+    d: "M3,5.5l7.4-1v7.1H3V5.5z M3,18.5l7.4,1v-7H3V18.5L3,18.5z M11.2,19.6L21,21v-8.5h-9.8V19.6z M11.2,4.4v7.2H21 V3L11.2,4.4z"
+  }));
+};
 
 var BlerpTopRow = function BlerpTopRow(_ref) {
   var _bite$topReactions, _bite$topReactions2, _bite$topReactions3;
@@ -2954,7 +2963,8 @@ var ImageUploadModal = function ImageUploadModal(_ref) {
             case 5:
               blob = _context.sent;
               file = new File([blob], img, {
-                type: blob.type
+                type: blob.type,
+                size: blob.type
               });
               setImage(file);
 
@@ -3054,8 +3064,9 @@ var ImageUploadModal = function ImageUploadModal(_ref) {
 
                 // create an image file using the data from the blob, assign the file a name, assign the file type
                 // Adding ".JPG" is totally janky, but since the database currently reads the file type from the name of the file (not the image.type), and since we are changing the image.name to match the url of the image, an error will be thrown if we do not declare a file type at the end.
-                file = new File([blob], image.name + ".JPG", {
-                  type: image.type
+                file = new File([blob], image.name, {
+                  type: image.type,
+                  size: image.size
                 });
               });
 
@@ -8272,7 +8283,7 @@ var UserLibraryHeader = function UserLibraryHeader(_ref) {
       sort = _ref.sort,
       hideLayoutButtons = _ref.hideLayoutButtons;
   var size = useWindowSize();
-  var theme = useContext(ThemeContext);
+  useContext(ThemeContext);
   return /*#__PURE__*/React.createElement(Box, {
     sx: _objectSpread({
       backgroundColor: "grey2.main",
@@ -8300,7 +8311,6 @@ var UserLibraryHeader = function UserLibraryHeader(_ref) {
     return /*#__PURE__*/React.createElement(Button, {
       key: "tab-".concat(tab),
       onClick: function onClick() {
-        setShowSearch(null);
         setActiveBoard(null);
 
         if (tabSelection.includes(tab)) {
@@ -8312,17 +8322,16 @@ var UserLibraryHeader = function UserLibraryHeader(_ref) {
           setTabSelection([].concat(_toConsumableArray(tabSelection), [tab]));
         }
       },
-      variant: "outlined",
+      variant: tabSelection.includes(tab) ? "contained" : "outlined",
       size: "small",
       endIcon: tabSelection.includes(tab) && /*#__PURE__*/React.createElement(CancelRounded, null),
       sx: {
+        fontWeight: "normal",
         marginRight: "10px",
-        backgroundColor: tabSelection.includes(tab) && "grey3.main",
-        ":focus": {
-          border: "2px solid ".concat(theme.colors.grey4, " !important")
-        }
+        backgroundColor: tabSelection.includes(tab) && "grey4.main"
       },
-      color: "grey6"
+      color: tabSelection.includes(tab) ? "grey3" : "notBlack",
+      disableElevation: true
     }, tab);
   })), /*#__PURE__*/React.createElement(LibraryControls, {
     currentSort: sort,
@@ -11011,4 +11020,4 @@ var Themes = {
 // };
 // export default returnLibrary();
 
-export { Accordion, Alert, AppBar, Autocomplete, Avatar, Backdrop, Badge, Blerp, BlerpCardIcon, BlerpCoinsIcon, BlerpListView, BlerpListViewPremium, BlerpListViewSkeleton, BlerpSkeleton, BlerpyIcon, BookmarkAddRounded, BottomNavigation, Box, Breadcrumbs, Button, ButtonGroup, Card, ChannelPointsIcon, Checkbox, CheckoutModal, Chip, ClockIcon, CogIcon, CollectionCard, CollectionListViewPremium, CollectionSkeleton, Container, CrownIcon, Dialog, DiamondIcon, DiscordIcon, Divider, Drawer, Dropdown, FloatingActionButton, GiftIcon, Grid, IconButton, ImageList, Input, InputAdornment, LightbulbIcon, LinearProgress, Link, List, Menu, MenuItem, Modal, NewCollectionModal, OpenLockIcon, Pagination, Paper, PlayOutlineIcon, PlaySolidIcon, PointerFingerIcon, Popover, PremiumBlerpCheckoutModal, PremiumCollectionCheckoutModal, PremiumSubscriptionCheckoutModal, RadarDishIcon, RadioButton, Rating, ReactionButtons, Select, ShortcutIcon, Skeleton, Slider, Snackbar, SpeedDial, Stack, Stepper, Switch, Table, Tabs, Text, Theme, Themes, Toggle, Toolbar, Tooltip, TwitchBitIcon, TwitchIcon, UnsafeIcon, UserLibraryHeader, UserProfileHeader, WalkonIcon, darkThemeV1, lightThemeV1, mainTheme };
+export { Accordion, Alert, AppBar, Autocomplete, Avatar, Backdrop, Badge, Blerp, BlerpCardIcon, BlerpCoinsIcon, BlerpListView, BlerpListViewPremium, BlerpListViewSkeleton, BlerpSkeleton, BlerpyIcon, BookmarkAddRounded, BottomNavigation, Box, Breadcrumbs, Button, ButtonGroup, Card, ChannelPointsIcon, Checkbox, CheckoutModal, Chip, ClockIcon, CogIcon, CollectionCard, CollectionListViewPremium, CollectionSkeleton, Container, CrownIcon, Dialog, DiamondIcon, DiscordIcon, Divider, Drawer, Dropdown, FloatingActionButton, GiftIcon, Grid, IconButton, ImageList, Input, InputAdornment, LightbulbIcon, LinearProgress, Link, List, Menu, MenuItem, Modal, NewCollectionModal, OpenLockIcon, Pagination, Paper, PlayOutlineIcon, PlaySolidIcon, PointerFingerIcon, Popover, PremiumBlerpCheckoutModal, PremiumCollectionCheckoutModal, PremiumSubscriptionCheckoutModal, RadarDishIcon, RadioButton, Rating, ReactionButtons, Select, ShortcutIcon, Skeleton, Slider, Snackbar, SpeedDial, Stack, Stepper, Switch, Table, Tabs, Text, Theme, Themes, Toggle, Toolbar, Tooltip, TwitchBitIcon, TwitchIcon, UnsafeIcon, UserLibraryHeader, UserProfileHeader, WalkonIcon, WindowsIcon, darkThemeV1, lightThemeV1, mainTheme };

package/dist/index.umd.js

@@ -835,6 +835,15 @@
         d: "M19.5,3.2c-0.7-0.7-1.7-1-2.9-1c-1.1,0-2,0.4-2.7,1.1c-1.4,1.5-1.4,4.1-1.3,6.7H6.5c-1.4,0-2.5,1.1-2.5,2.4v6.1   c0,1.4,1.1,2.4,2.5,2.4h7.4c1.4,0,2.5-1.1,2.5-2.4v-6.1c0-1.3-1-2.3-2.3-2.4C14,7.8,14,5.4,15,4.4c0.4-0.4,0.9-0.6,1.6-0.6   c0.8,0,1.4,0.2,1.8,0.6c0.8,0.7,0.7,2.2,0.7,3l0,0.2h1.5l0-0.2C20.7,6.3,20.7,4.4,19.5,3.2z M11,15.2l-0.2,0.2v2   c0,0.3-0.3,0.6-0.6,0.6c-0.3,0-0.6-0.3-0.6-0.6v-2l-0.2-0.2C9.1,15,9,14.7,9,14.3v0c0-0.7,0.6-1.2,1.2-1.2c0.3,0,0.6,0.1,0.9,0.4   c0.2,0.2,0.4,0.5,0.4,0.9C11.4,14.7,11.3,15,11,15.2z"
       })));
     };
+    var WindowsIcon = function WindowsIcon(_ref23) {
+      var sx = _ref23.sx;
+      return /*#__PURE__*/React__default['default'].createElement(material.SvgIcon, {
+        sx: sx
+      }, /*#__PURE__*/React__default['default'].createElement("path", {
+        id: "windows",
+        d: "M3,5.5l7.4-1v7.1H3V5.5z M3,18.5l7.4,1v-7H3V18.5L3,18.5z M11.2,19.6L21,21v-8.5h-9.8V19.6z M11.2,4.4v7.2H21 V3L11.2,4.4z"
+      }));
+    };
 
     var BlerpTopRow = function BlerpTopRow(_ref) {
       var _bite$topReactions, _bite$topReactions2, _bite$topReactions3;
@@ -2955,7 +2964,8 @@
                 case 5:
                   blob = _context.sent;
                   file = new File([blob], img, {
-                    type: blob.type
+                    type: blob.type,
+                    size: blob.type
                   });
                   setImage(file);
 
@@ -3055,8 +3065,9 @@
 
                     // create an image file using the data from the blob, assign the file a name, assign the file type
                     // Adding ".JPG" is totally janky, but since the database currently reads the file type from the name of the file (not the image.type), and since we are changing the image.name to match the url of the image, an error will be thrown if we do not declare a file type at the end.
-                    file = new File([blob], image.name + ".JPG", {
-                      type: image.type
+                    file = new File([blob], image.name, {
+                      type: image.type,
+                      size: image.size
                     });
                   });
 
@@ -8273,7 +8284,7 @@
           sort = _ref.sort,
           hideLayoutButtons = _ref.hideLayoutButtons;
       var size = useWindowSize();
-      var theme = React.useContext(styled.ThemeContext);
+      React.useContext(styled.ThemeContext);
       return /*#__PURE__*/React__default['default'].createElement(Box, {
         sx: _objectSpread({
           backgroundColor: "grey2.main",
@@ -8301,7 +8312,6 @@
         return /*#__PURE__*/React__default['default'].createElement(Button, {
           key: "tab-".concat(tab),
           onClick: function onClick() {
-            setShowSearch(null);
             setActiveBoard(null);
 
             if (tabSelection.includes(tab)) {
@@ -8313,17 +8323,16 @@
               setTabSelection([].concat(_toConsumableArray__default['default'](tabSelection), [tab]));
             }
           },
-          variant: "outlined",
+          variant: tabSelection.includes(tab) ? "contained" : "outlined",
           size: "small",
           endIcon: tabSelection.includes(tab) && /*#__PURE__*/React__default['default'].createElement(iconsMaterial.CancelRounded, null),
           sx: {
+            fontWeight: "normal",
             marginRight: "10px",
-            backgroundColor: tabSelection.includes(tab) && "grey3.main",
-            ":focus": {
-              border: "2px solid ".concat(theme.colors.grey4, " !important")
-            }
+            backgroundColor: tabSelection.includes(tab) && "grey4.main"
           },
-          color: "grey6"
+          color: tabSelection.includes(tab) ? "grey3" : "notBlack",
+          disableElevation: true
         }, tab);
       })), /*#__PURE__*/React__default['default'].createElement(LibraryControls, {
         currentSort: sort,
@@ -11103,6 +11112,7 @@
     exports.UserLibraryHeader = UserLibraryHeader;
     exports.UserProfileHeader = UserProfileHeader;
     exports.WalkonIcon = WalkonIcon;
+    exports.WindowsIcon = WindowsIcon;
     exports.darkThemeV1 = darkThemeV1;
     exports.lightThemeV1 = lightThemeV1;
     exports.mainTheme = mainTheme;

package/package.json

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