@parkassist/pa-ui-library/dist/components/MaterialSidePanel/style.js

INX Platform elements

import { styled } from "@mui/material/styles";
import Measures from "../../constants/Measures";
const SidebarWrapper = styled("div", {
  shouldForwardProp: prop => prop !== "open"
})(({
  theme,
  open
}) => Object.assign(Object.assign({
  flexGrow: 1,
  padding: Measures.minMargin * 3,
  transition: theme.transitions.create("margin", {
    easing: theme.transitions.easing.sharp,
    duration: theme.transitions.duration.leavingScreen
  }),
  marginRight: -Measures.sidePanelWidth
}, open && {
  transition: theme.transitions.create("margin", {
    easing: theme.transitions.easing.easeOut,
    duration: theme.transitions.duration.enteringScreen
  }),
  marginRight: 0
}), {
  position: "relative"
}));
export default SidebarWrapper;