@symply.io/basic-components 1.0.8-beta.1 → 1.0.8-beta.3

package/Sidebar/SidebarItem.js

@@ -16,12 +16,12 @@ import ListItem from "@mui/material/ListItem";
 import ListItemText from "@mui/material/ListItemText";
 import ListItemIcon from "@mui/material/ListItemIcon";
 import LockIcon from "@mui/icons-material/LockRounded";
+import useTheme from "@mui/material/styles/useTheme";
 import ChevronRightIcon from "@mui/icons-material/ChevronRight";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import useCustomTheme from "../useCustomTheme";
 function SidebarItem(props) {
     var icon = props.icon, name = props.name, active = props.active, expand = props.expand, lock = props.lock, beta = props.beta, isSub = props.isSub, hasChildren = props.hasChildren, _a = props.betaTagColor, betaTagColor = _a === void 0 ? "#00A2A9" : _a, onClick = props.onClick;
-    var theme = useCustomTheme();
+    var theme = useTheme();
     return (_jsxs(ListItem, __assign({ button: true, onClick: onClick, disabled: lock, sx: {
             paddingLeft: isSub ? theme.spacing(4) : undefined,
             display: "flex",

package/Sidebar/SidebarItemsGroup.js

@@ -14,7 +14,7 @@ import { useState, memo, useMemo, useEffect, useCallback } from "react";
 import { Match, useLocation } from "@reach/router";
 import Collapse from "@mui/material/Collapse";
 import List from "@mui/material/List";
-import useCustomTheme from "../useCustomTheme";
+import useTheme from "@mui/material/styles/useTheme";
 import SidebarItem from "./SidebarItem";
 import SidebarLink from "./SidebarLink";
 function SidebarItemsGroup(props) {
@@ -31,7 +31,7 @@ function SidebarItemsGroup(props) {
     useEffect(function () {
         setExpand(match);
     }, [match]);
-    var theme = useCustomTheme();
+    var theme = useTheme();
     return (_jsxs(_Fragment, { children: [_jsx(List, __assign({ component: "div", disablePadding: true }, { children: _jsx(SidebarItem, { active: false, name: name, icon: icon, lock: lock, beta: beta, expand: expand, hasChildren: true, betaTagColor: betaTagColor, onClick: onToggleExpand }) })), children && (_jsx(Collapse, __assign({ in: expand, timeout: "auto" }, { children: _jsx(List, __assign({ component: "div", disablePadding: true }, { children: children.map(function (c) { return (_jsx(Match, __assign({ path: c.path }, { children: function (prop) { return (_jsx(SidebarLink, { name: c.name, path: c.path, icon: c.icon, lock: c.lock, beta: c.beta, titleForLock: titleForLock, active: prop.match !== null, betaTagColor: c.betaTagColor, isSub: true })); } }), c.name)); }) })) })))] }));
 }
 export default memo(SidebarItemsGroup);

package/Sidebar/SidebarLink.js

@@ -22,12 +22,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Link, useLocation } from "@reach/router";
-import useCustomTheme from "../useCustomTheme";
+import useTheme from "@mui/material/styles/useTheme";
 import SidebarItem from "./SidebarItem";
 function SidebarLink(props) {
     var pathname = useLocation().pathname;
     var name = props.name, path = props.path, icon = props.icon, lock = props.lock, beta = props.beta, active = props.active, titleForLock = props.titleForLock, betaTagColor = props.betaTagColor, rest = __rest(props, ["name", "path", "icon", "lock", "beta", "active", "titleForLock", "betaTagColor"]);
-    var theme = useCustomTheme();
+    var theme = useTheme();
     return (_jsx(Link, __assign({ to: lock ? pathname : path, title: lock ? titleForLock || "Feature is unavailable on Free plan" : name, style: {
             color: theme.palette.primary.main,
             textDecoration: "none"

package/Sidebar/types.d.ts

@@ -6,8 +6,6 @@ export interface SidebarItemBaseProps {
     beta?: boolean;
     titleForLock?: string;
     betaTagColor?: CSSProperties["color"];
-    primaryColor?: CSSProperties["color"];
-    secondaryColor?: CSSProperties["color"];
     icon: ReactElement;
 }
 export interface SidebarBaseProps extends SidebarItemBaseProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symply.io/basic-components",
-  "version": "1.0.8-beta.1",
+  "version": "1.0.8-beta.3",
   "description": "Basic and reusable components for all frontend of Symply apps",
   "keywords": [
     "react",