@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 923 B
JavaScript
;var t=require("@mui/material"),e=require("mui-tiptap");const i=t.styled(e.RichTextEditor)(({theme:t})=>({"&.MuiTiptap-FieldContainer-root":{backgroundColor:t.custom.palette.input.default,"&:hover":{".MuiTiptap-FieldContainer-notchedOutline":{borderSize:1,backgroundColor:t.custom.palette.interaction.hover,borderColor:t.custom.palette.stroke.default}}},"&.MuiTiptap-FieldContainer-focused":{".MuiTiptap-FieldContainer-notchedOutline":{transition:t.custom.easing.input,border:`1px solid ${t.custom.palette.stroke.focus}!important`,boxShadow:t.custom.boxShadow.input.focus}},".MuiTiptap-RichTextField-menuBar":{padding:0,borderRadius:t.spacing(t.custom.radius.md),background:t.custom.palette.surface.default,margin:t.spacing(t.custom.margin.sm),border:`1px solid ${t.custom.palette.stroke.default}`,marginBottom:0,".MuiTiptap-RichTextField-content":{padding:t.spacing(t.custom.padding.xs)}}}));module.exports=i;