react-filerobot-image-editor/lib/components/tools/ObjectRemoval/ObjectRemoval.styled.js

React component version of filerobot image editor (FIE).

import styled from"styled-components";import Label from"@scaleflex/ui/core/label";import{Button,IconButton,Menu,MenuItemIcon}from"@scaleflex/ui/core";import{Color as PC}from"@scaleflex/ui/utils/types/palette";import{ArrowBottom}from"@scaleflex/icons";import{FontVariant as FV}from"@scaleflex/ui/utils/types/typography";var StyledRemoveOptionLabel=styled(Label).withConfig({componentId:"sc-h2vnvw-0"})(["margin-bottom:8px;",";"],function(a){var b=a.theme.typography;return b.font[FV.LabelExtraSmallUp]}),StyledBrushSizeWrapper=styled.div.withConfig({componentId:"sc-h2vnvw-1"})(["max-width:330px;min-width:200px;margin-right:16px;@media (max-width:480px){max-width:100%;width:100%;order:1;margin-right:0;}"]),StyledBrushCursor=styled.div.attrs(function(a){var b=a.$zoom,c=void 0===b?1:b,d=a.$display,e=void 0===d?"none":d,f=a.$size,g=a.$x,h=a.$y;return{style:{transform:"translate(".concat(g,"px, ").concat(h,"px) scale(").concat(c,", ").concat(c,")"),display:e,width:f,height:f}}}).withConfig({componentId:"sc-h2vnvw-2"})(["transform-origin:center;border-radius:",";position:absolute;top:0;left:0;margin:0;padding:0;border:2px solid rgba(255,255,255,1);outline:none;pointer-events:none;transition:width 0.1s ease-in-out,height 0.1s ease-in-out;background-color:",";z-index:1111;"],function(a){var b=a.$isSquareBrushType;return b?"4px":"50%"},function(a){var b=a.$isHighlightMode,c=a.theme.palette;return b?c[PC.Accent_0_7_Opacity]:c[PC.Extra_0_7_Overlay]}),StyledRemoveObjectOptionsWrapper=styled.div.withConfig({componentId:"sc-h2vnvw-3"})(["display:flex;align-items:flex-end;@media (max-width:480px){flex-wrap:wrap;}"]),StyledBrushModeWrapper=styled.div.withConfig({componentId:"sc-h2vnvw-4"})(["align-self:stretch;"]),StyledButtonsWrapper=styled.div.withConfig({componentId:"sc-h2vnvw-5"})(["display:flex;align-items:center;gap:8px;"]),StyledIconButton=styled(IconButton).withConfig({componentId:"sc-h2vnvw-6"})(["width:",";height:",";",";svg{flex-shrink:0;color:",";}"],function(a){var b=a.$width;return b||"32px"},function(a){var b=a.$height;return b||"32px"},function(a){var b=a.$margin;return b&&"margin: ".concat(b)},function(a){var b=a.theme.palette,c=a.active;return c&&b[PC.AccentStateless]}),StyledMenuPopup=styled(Menu).withConfig({componentId:"sc-h2vnvw-7"})([".SfxMenuItem-root{align-items:flex-start;}"]),StyledActiveMenuItem=styled(MenuItemIcon).withConfig({componentId:"sc-h2vnvw-8"})(["margin-right:0;svg{color:",";}"],function(a){var b=a.theme.palette;return b[PC.AccentStateless]}),StyledMenuArrow=styled(ArrowBottom).withConfig({componentId:"sc-h2vnvw-9"})(["transform:rotate(","deg);transition:transform 0.1s ease-in-out;"],function(a){var b=a.$rotate,c=void 0===b?0:b;return c}),StyledApplyButton=styled(Button).withConfig({componentId:"sc-h2vnvw-10"})(["height:32px;.SfxButton-StartIcon{margin-right:6px;}"]);export{StyledBrushSizeWrapper,StyledRemoveOptionLabel,StyledBrushCursor,StyledRemoveObjectOptionsWrapper,StyledButtonsWrapper,StyledIconButton,StyledBrushModeWrapper,StyledActiveMenuItem,StyledMenuPopup,StyledMenuArrow,StyledApplyButton};