@blerp/design 1.4.6 → 1.4.8

package/dist/cjs/Theme.js

@@ -76,20 +76,6 @@ const mainTheme = {
   bitsFourIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/Blue%20bits%20icon%20white%20stroke.svg",
   bitsFiveIcon: "https://cdn.blerp.com/blerp_products/Twitch/Assets/Variable%20Pricing/Red%20bits%20icon%20white%20stroke.svg"
 };
-const fonts = "@font-face {\n  font-family: \"Odudo\";\n  font-weight: normal;\n  font-display: swap;\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Regular.eot\");\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Regular.woff2\")\n      format(\"woff2\"),\n    url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Regular.woff\")\n      format(\"woff\");\n}\n\n@font-face {\n  font-family: \"Odudo\";\n  font-weight: lighter;\n  font-display: swap;\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Light.eot\");\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Light.woff2\")\n      format(\"woff2\"),\n    url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Light.woff\")\n      format(\"woff\");\n}\n\n@font-face {\n  font-family: \"Odudo\";\n  font-weight: 300;\n  font-display: swap;\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Light.eot\");\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Light.woff2\")\n      format(\"woff2\"),\n    url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Light.woff\")\n      format(\"woff\");\n}\n\n@font-face {\n  font-family: \"Odudo\";\n  font-weight: 400;\n  font-display: swap;\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Regular.eot\");\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Regular.woff2\")\n      format(\"woff2\"),\n    url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Regular.woff\")\n      format(\"woff\");\n}\n\n@font-face {\n  font-family: \"Odudo\";\n  font-weight: bolder;\n  font-display: swap;\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/Odudo%20V1.3/WEB/odudo-semibold-webfont.eot\");\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/Odudo%20V1.3/WEB/odudo-semibold-webfont.woff2\")\n      format(\"woff2\"),\n    url(\"https://cdn.blerp.com/blerp-web-images/fonts/Odudo%20V1.3/WEB/odudo-semibold-webfont.woff\")\n      format(\"woff\");\n}\n\n@font-face {\n  font-family: \"Odudo\";\n  font-weight: 600;\n  font-display: swap;\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/Odudo%20V1.3/WEB/odudo-semibold-webfont.eot\");\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/Odudo%20V1.3/WEB/odudo-semibold-webfont.woff2\")\n      format(\"woff2\"),\n    url(\"https://cdn.blerp.com/blerp-web-images/fonts/Odudo%20V1.3/WEB/odudo-semibold-webfont.woff\")\n      format(\"woff\");\n}\n\n@font-face {\n  font-family: \"Odudo\";\n  font-weight: bold;\n  font-display: swap;\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Bold.eot\");\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Bold.woff2\")\n      format(\"woff2\"),\n    url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Bold.woff\")\n      format(\"woff\");\n}\n\n@font-face {\n  font-family: \"Odudo\";\n  font-weight: 700;\n  font-display: swap;\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Bold.eot\");\n  src: url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Bold.woff2\")\n      format(\"woff2\"),\n    url(\"https://cdn.blerp.com/blerp-web-images/fonts/web/Odudo-Bold.woff\")\n      format(\"woff\");\n}"; // Try to load MUI dynamically, but don't fail if it's not installed
-
-let createTheme = null;
-let MuiThemeProvider = null;
-
-try {
-  const mui = require("@mui/material/styles");
-
-  createTheme = mui.createTheme;
-  MuiThemeProvider = mui.ThemeProvider;
-} catch (e) {// MUI not installed, that's fine
-  // console.log("MUI not detected - using lightweight theme mode");
-} // Try to load styled-components, but don't fail if it's not installed
-
 
 let StyledThemeProvider = null;
 
@@ -119,188 +105,8 @@ const darkThemeConfig = _objectSpread({
   icons: icons["default"],
   palette: colors.darkPalette
 }, mainTheme); // MUI themes (only created if MUI is available)
-
-const muiThemeConfig = {
-  typography: {
-    fontFamily: "Odudo, Arial"
-  },
-  components: {
-    MuiPopover: {
-      defaultProps: {
-        BackdropProps: {
-          sx: {
-            backgroundColor: "transparent",
-            backdropFilter: "none"
-          }
-        }
-      }
-    },
-    MuiBackdrop: {
-      styleOverrides: {
-        root: {
-          backgroundColor: "".concat(colors["default"].grey6, "70"),
-          backdropFilter: "blur(4px)"
-        }
-      }
-    },
-    MuiSvgIcon: {
-      styleOverrides: {
-        root: {
-          color: colors["default"].notBlack
-        }
-      }
-    },
-    MuiFilledInput: {
-      styleOverrides: {
-        root: {
-          color: colors["default"].notBlack,
-          backgroundColor: colors["default"].grey2,
-          "& textarea": {
-            color: colors["default"].notBlack
-          },
-          ":hover": {
-            backgroundColor: colors["default"].grey2
-          },
-          ":before": {
-            borderColor: colors["default"].notBlack
-          },
-          ":hover:before": {
-            borderColor: "".concat(colors["default"].notBlack, " !important")
-          }
-        }
-      }
-    },
-    MuiInput: {
-      styleOverrides: {
-        root: {
-          color: colors["default"].notBlack,
-          borderColor: colors["default"].notBlack,
-          ":before": {
-            borderColor: colors["default"].notBlack
-          },
-          ":hover:before": {
-            borderColor: "".concat(colors["default"].notBlack, " !important")
-          }
-        }
-      }
-    },
-    MuiInputLabel: {
-      styleOverrides: {
-        root: {
-          color: colors["default"].notBlack
-        }
-      }
-    },
-    MuiTypography: {
-      styleOverrides: {
-        root: {
-          color: colors["default"].notBlack
-        }
-      }
-    },
-    MuiButton: {
-      styleOverrides: {
-        root: {
-          borderRadius: "30px",
-          fontWeight: "600",
-          letterSpacing: "0.05rem",
-          textTransform: "capitalize"
-        }
-      },
-      variants: [{
-        props: {
-          variant: "outlined"
-        },
-        style: {
-          borderWidth: "2px",
-          "&:hover": {
-            borderWidth: "2px"
-          }
-        }
-      }]
-    },
-    MuiCssBaseline: {
-      styleOverrides: fonts
-    }
-  }
-};
-const theme = createTheme ? createTheme(_objectSpread(_objectSpread({}, muiThemeConfig), {}, {
-  mode: "light",
-  colors: colors.lightColors,
-  icons: icons["default"],
-  palette: colors.lightPalette
-})) : lightThemeConfig;
-const darkTheme = createTheme ? createTheme(_objectSpread(_objectSpread({}, muiThemeConfig), {}, {
-  components: _objectSpread(_objectSpread({}, muiThemeConfig.components), {}, {
-    MuiTypography: {
-      styleOverrides: {
-        root: {
-          color: colors["default"].white
-        }
-      }
-    },
-    MuiFilledInput: {
-      styleOverrides: {
-        root: {
-          color: colors["default"].white,
-          backgroundColor: colors["default"].grey7,
-          "& textarea": {
-            color: colors["default"].white
-          },
-          ":hover": {
-            backgroundColor: colors["default"].grey7
-          },
-          ":before": {
-            borderColor: colors["default"].waxwing
-          },
-          ":hover:before": {
-            borderColor: "".concat(colors["default"].white, " !important")
-          }
-        }
-      }
-    },
-    MuiInput: {
-      styleOverrides: {
-        root: {
-          color: colors["default"].white,
-          borderColor: colors["default"].white,
-          ":before": {
-            borderColor: colors["default"].waxwing
-          },
-          ":hover:before": {
-            borderColor: "".concat(colors["default"].white, " !important")
-          }
-        }
-      }
-    },
-    MuiInputLabel: {
-      styleOverrides: {
-        root: {
-          color: colors["default"].white
-        }
-      }
-    },
-    MuiSvgIcon: {
-      styleOverrides: {
-        root: {
-          color: colors["default"].white
-        }
-      }
-    },
-    MuiBackdrop: {
-      styleOverrides: {
-        root: {
-          backgroundColor: "".concat(colors["default"].grey5, "70"),
-          backdropFilter: "blur(4px)"
-        }
-      }
-    }
-  }),
-  mode: "dark",
-  colors: colors.darkColors,
-  icons: icons["default"],
-  palette: colors.darkPalette
-})) : darkThemeConfig; // Create a context for theme access (legacy - for styled-components)
+const theme = lightThemeConfig;
+const darkTheme = darkThemeConfig; // Create a context for theme access (legacy - for styled-components)
 
 const BlerpThemeContext = /*#__PURE__*/React.createContext(null);
 const useBlerpTheme = () => {
@@ -314,7 +120,7 @@ const useBlerpTheme = () => {
 };
 /**
  * BlerpTheme - Main theme provider
- * 
+ *
  * FIXED: Now accepts and passes through customColors to NewThemeProvider
  * This allows ExtensionTheme and other consumers to override extension colors
  */
@@ -341,9 +147,7 @@ const BlerpTheme = _ref => {
     theme: themeValue
   }, innerContent) : innerContent; // Wrap with MUI ThemeProvider if available
 
-  const withMuiTheme = MuiThemeProvider ? /*#__PURE__*/React__default["default"].createElement(MuiThemeProvider, {
-    theme: currentTheme
-  }, withStyledTheme) : withStyledTheme; // CRITICAL FIX: Pass customColors through to NewThemeProvider
+  const withMuiTheme = withStyledTheme; // CRITICAL FIX: Pass customColors through to NewThemeProvider
   // This ensures neo-components get the extension color overrides
 
   return /*#__PURE__*/React__default["default"].createElement(ThemeProvider.ThemeProvider, {
@@ -357,7 +161,6 @@ var BlerpTheme$1 = BlerpTheme; // Export fonts for manual injection if needed
 exports.darkTheme = darkTheme;
 exports.darkThemeConfig = darkThemeConfig;
 exports["default"] = BlerpTheme$1;
-exports.fonts = fonts;
 exports.lightThemeConfig = lightThemeConfig;
 exports.theme = theme;
 exports.useBlerpTheme = useBlerpTheme;

package/dist/cjs/Toggle.js

@@ -111,3 +111,4 @@ const Toggle = _ref2 => {
 };
 
 exports.Toggle = Toggle;
+exports["default"] = Toggle;

package/dist/cjs/UserCard.js

@@ -66,7 +66,7 @@ const UserCard = _ref => {
       flex: 1,
       marginLeft: "20px"
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     sx: {
       fontSize: "18px",
       fontWeight: "300",
@@ -94,12 +94,12 @@ const UserCard = _ref => {
       cursor: "pointer"
     },
     onClick: onFollowerClick
-  }, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     sx: {
       fontSize: "14px",
       fontWeight: "400"
     }
-  }, followerCount), /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, followerCount), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     sx: {
       fontSize: "12px",
       fontWeight: "300",
@@ -111,12 +111,12 @@ const UserCard = _ref => {
       cursor: "pointer"
     },
     onClick: onCreatedClick
-  }, /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     sx: {
       fontSize: "14px",
       fontWeight: "400"
     }
-  }, createdCount), /*#__PURE__*/React__default["default"].createElement(Text.Typography, {
+  }, createdCount), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     sx: {
       fontSize: "12px",
       fontWeight: "300",

package/dist/cjs/UserPage/UserLibraryHeader.js

@@ -2,107 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var ScreenSizeHook = require('../ScreenSizeHook.js');
-var LibraryControls = require('./LibraryControls.js');
-var Box = require('../neo-components/Box.js');
-var Stack = require('../neo-components/Stack.js');
-var Button = require('../neo-components/Button.js');
+// TODO: If this component is needed, import dependencies directly (not from ../index)
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-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 UserLibraryHeader = _ref => {
-  let {
-    sx,
-    tabs,
-    tabSelection,
-    setTabSelection,
-    setShowSearch,
-    setSearchTerm,
-    searchTerm,
-    setActiveBoard,
-    hideSearch,
-    setSort,
-    sort,
-    hideLayoutButtons
-  } = _ref;
-  const size = ScreenSizeHook.useWindowSize();
-  return /*#__PURE__*/React__default["default"].createElement(Box.Box, {
-    sx: _objectSpread({
-      backgroundColor: "grey2.main",
-      position: "sticky",
-      top: size.width >= 1000 ? "80px" : "110px",
-      zIndex: "5"
-    }, sx)
-  }, /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
-    direction: "row",
-    style: {
-      padding: "20px 10px",
-      maxWidth: "1300px",
-      margin: "0 auto",
-      width: "95%"
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
-    direction: "row",
-    width: "100%",
-    justifyContent: size.width <= 675 ? "center" : "space-between",
-    alignItems: "center",
-    flexWrap: "wrap"
-  }, /*#__PURE__*/React__default["default"].createElement(Stack.Stack, {
-    direction: "row",
-    flexWrap: "inherit"
-  }, tabs === null || tabs === void 0 ? void 0 : tabs.map(tab => /*#__PURE__*/React__default["default"].createElement(Button.Button, {
-    key: "tab-".concat(tab),
-    onClick: () => {
-      setActiveBoard(null);
-
-      if (tabSelection.includes(tab)) {
-        let newTabs = tabSelection.filter(item => item !== tab);
-        setTabSelection(newTabs);
-      } else {
-        setTabSelection([...tabSelection, tab]);
-      }
-    },
-    variant: tabSelection.includes(tab) ? "contained" : "outlined",
-    size: "small",
-    endIcon: tabSelection.includes(tab) && /*#__PURE__*/React__default["default"].createElement("svg", {
-      width: "18",
-      height: "18",
-      viewBox: "0 0 24 24",
-      fill: "currentColor"
-    }, /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
-    })),
-    sx: {
-      fontWeight: "normal",
-      marginRight: "10px",
-      marginBottom: "10px",
-      backgroundColor: tabSelection.includes(tab) && "grey4.main"
-    },
-    color: tabSelection.includes(tab) ? "grey3" : "notBlack",
-    disableElevation: true
-  }, tab))), /*#__PURE__*/React__default["default"].createElement(LibraryControls["default"], {
-    currentSort: sort,
-    setActiveBoard: setActiveBoard,
-    setSort: value => {
-      setSort(value); // refetch({ variables: options });
-    },
-    searchTerm: searchTerm,
-    hideSearch: hideSearch,
-    setSearchTerm: setSearchTerm,
-    setShowSearch: setShowSearch,
-    hideLayoutButtons: hideLayoutButtons
-  }))));
+const UserProfileHeader = () => {
+  return null;
 };
 
-var UserLibraryHeader$1 = UserLibraryHeader;
+var UserProfileHeader$1 = UserProfileHeader;
 
-exports["default"] = UserLibraryHeader$1;
+exports["default"] = UserProfileHeader$1;