react-crud-mui 0.2.94 → 0.2.95

package/dist/components/side-panel/SidePanel.d.ts

@@ -5,6 +5,7 @@ export type SidePanelItem = {
     name: React.ReactNode;
     icon?: React.ReactNode;
     endIcon?: React.ReactNode;
+    danger?: boolean;
 };
 export interface SidePanelProps extends BoxProps {
     items: SidePanelItem[];

package/dist/components/side-panel/styles.d.ts

@@ -2,4 +2,5 @@ export declare const StyledButton: import('@emotion/styled').StyledComponent<imp
     ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
 }, "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "href" | "disabled" | "action" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant" | "fullWidth" | "disableElevation" | "endIcon" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
     active: boolean;
+    danger?: boolean;
 }, {}, {}>;

package/dist/coreui.js

@@ -12155,19 +12155,20 @@ function Ew({
   return o === "tag" ? /* @__PURE__ */ c(E9, { ellipsis: a, type: i, ...s, children: n }) : o === "percentage" ? /* @__PURE__ */ c(R9, { ellipsis: a, type: i, ...s, children: n }) : /* @__PURE__ */ c(F9, { ellipsis: a, type: i, ...s, children: n });
 }
 const D9 = Sn(Xr, {
-  shouldForwardProp: (n) => n !== "active"
+  shouldForwardProp: (n) => n !== "active" && n !== "danger"
 })(({
   theme: n,
-  active: o
+  active: o,
+  danger: i
 }) => ({
   borderRadius: 0,
   fontWeight: 500,
   position: "relative",
   padding: "0.6rem 1.5rem",
   justifyContent: "flex-start",
-  color: n.palette.grey[500],
+  color: i ? n.palette.error.main : n.palette.grey[500],
   ...o && {
-    color: n.palette.primary.main,
+    color: i ? n.palette.error.main : n.palette.primary.main,
     backgroundColor: n.palette.action.selected,
     "&:hover": {
       backgroundColor: n.palette.action.hover
@@ -12180,11 +12181,11 @@ const D9 = Sn(Xr, {
       borderRadius: 4,
       position: "absolute",
       transition: "all 0.3s",
-      backgroundColor: n.palette.primary.main
+      backgroundColor: i ? n.palette.error.main : n.palette.primary.main
     }
   },
   "&:hover": {
-    color: n.palette.primary.main,
+    color: i ? n.palette.error.main : n.palette.primary.main,
     backgroundColor: n.palette.action.selected,
     "&:hover": {
       backgroundColor: n.palette.action.hover
@@ -12197,7 +12198,7 @@ const D9 = Sn(Xr, {
       borderRadius: 4,
       position: "absolute",
       transition: "all 0.3s",
-      backgroundColor: n.palette.primary.main
+      backgroundColor: i ? n.palette.error.main : n.palette.primary.main
     }
   }
 }));
@@ -12212,7 +12213,7 @@ function Fw({
     t: f
   } = Ye(), [d, m] = Ge(!1), g = vx((w) => w.breakpoints.down("md")), x = (w) => () => {
     i == null || i(w), m(!1);
-  }, y = () => /* @__PURE__ */ c(It, { flexDirection: "column", children: n == null ? void 0 : n.map((w) => /* @__PURE__ */ c(D9, { variant: "text", startIcon: w.icon, endIcon: w.endIcon, active: o === w.key, onClick: x(w), children: /* @__PURE__ */ c("span", { style: {
+  }, y = () => /* @__PURE__ */ c(It, { flexDirection: "column", children: n == null ? void 0 : n.map((w) => /* @__PURE__ */ c(D9, { variant: "text", startIcon: w.icon, endIcon: w.endIcon, danger: w.danger, active: o === w.key, onClick: x(w), children: /* @__PURE__ */ c("span", { style: {
     flexGrow: "1",
     textAlign: "left"
   }, children: w.name }) }, w.key)) });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-crud-mui",
   "private": false,
-  "version": "0.2.94",
+  "version": "0.2.95",
   "type": "module",
   "main": "./dist/coreui.js",
   "module": "./dist/coreui.js",