react-image-editor-q
Version:
SSR-safe React wrapper around Filerobot Image Editor
1 lines • 1.02 kB
JavaScript
import Label from"@scaleflex/ui/core/label";import{FontVariant as FV}from"@scaleflex/ui/utils/types/typography";import{Color as PC}from"@scaleflex/ui/utils/types/palette";import{Stage}from"react-konva";import styled,{css}from"styled-components";var StyledFilterItem=styled.div.withConfig({componentId:"sc-xua06m-0"})(["display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:0px 2px;gap:6px;cursor:pointer;border-radius:8px;color:black;canvas{border-radius:10px;}"]),FilterItemPreview=styled(Stage).withConfig({componentId:"sc-xua06m-1"})(["[aria-selected=\"true\"] &{padding:2px;color:#e35628;border:1px solid black;border-radius:10px;}"]),FilterItemLabel=styled(Label).withConfig({componentId:"sc-xua06m-2"})(function(a){var b=a.theme;return css(["color:black;font-size:0.6875em;line-height:14px;font-family:\"Open Sans\",sans-serif;",";[aria-selected=\"true\"] &{color:black;}"],b.typography.font[FV.LabelExtraSmallUp])});export{StyledFilterItem,FilterItemPreview,FilterItemLabel};