@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
2 lines (1 loc) • 2.1 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});exports.rootStyles={"& .MuiPopover-paper":{minWidth:352,maxWidth:448,padding:"0",borderRadius:2,position:"relative",overflow:"visible","& .NexusToggleTip-ImageWrapper":{borderTopLeftRadius:o=>2*o.shape.borderRadius,borderTopRightRadius:o=>2*o.shape.borderRadius,position:"relative",overflow:"hidden",zIndex:1},"& .NexusToggleTip-container":{zIndex:2},"& .MuiMobileStepper-root":{"& .MuiButton-root":{padding:2,minWidth:24,height:24,borderRadius:o=>o.shape.borderRadius/4,color:o=>o.vars.palette.text.secondary,"span.MuiTypography-root":{display:"none"}}},"& .NexusToggleTip-arrow":{position:"absolute",width:0,height:0,"&.NexusToggleTip-arrow-top":{bottom:-10,left:"calc(50% - 10px)",borderTop:o=>`5px solid ${o.vars.palette.background.paper}`,borderBottom:"5px solid transparent",borderLeft:"5px solid transparent",borderRight:"5px solid transparent"},"&.NexusToggleTip-arrow-top-start":{display:"none"},"&.NexusToggleTip-arrow-top-end":{display:"none"},"&.NexusToggleTip-arrow-bottom":{top:-10,left:"calc(50% - 5px)",borderTop:"5px solid transparent",borderBottom:o=>`5px solid ${o.vars.palette.background.paper}`,borderLeft:"5px solid transparent",borderRight:"5px solid transparent"},"&.NexusToggleTip-arrow-bottom-start":{display:"none"},"&.NexusToggleTip-arrow-bottom-end":{display:"none"},"&.NexusToggleTip-arrow-left":{right:-10,top:"calc(50% - 5px)",borderTop:"5px solid transparent",borderBottom:"5px solid transparent",borderLeft:o=>`5px solid ${o.vars.palette.background.paper}`,borderRight:"5px solid transparent"},"&.NexusToggleTip-arrow-left-start":{display:"none"},"&.NexusToggleTip-arrow-left-end":{display:"none"},"&.NexusToggleTip-arrow-right":{left:-10,top:"calc(50% - 5px)",borderTop:"5px solid transparent",borderBottom:"5px solid transparent",borderLeft:"5px solid transparent",borderRight:o=>`5px solid ${o.vars.palette.background.paper}`},"&.NexusToggleTip-arrow-right-start":{display:"none"},"&.NexusToggleTip-arrow-right-end":{display:"none"}},"& .NexusActionsBar-root > ":{"& .MuiButton-root":{height:32}}}};