@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 843 B
JavaScript
import{styled as t}from"@mui/material";import{RichTextEditor as o}from"mui-tiptap";const e=t(o)(({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-MenuBar-content":{padding:t.spacing(t.p.xs,t.p.sm)}},"&.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:0,background:t.custom.palette.surface.default,margin:0,borderBottom:`1px solid ${t.custom.palette.stroke.default}`}}));export{e as default};