react-image-editor-q
Version:
SSR-safe React wrapper around Filerobot Image Editor
1 lines • 5.1 kB
JavaScript
import styled from"styled-components";import Button from"@scaleflex/ui/core/button";import IconButton from"@scaleflex/ui/core/icon-button";import Label from"@scaleflex/ui/core/label";import{CrossButton,InputGroup,SelectGroup}from"@scaleflex/ui/core";import{Color as PC}from"@scaleflex/ui/utils/types/palette";import{FontVariant as FV}from"@scaleflex/ui/utils/types/typography";var StyledTopbar=styled.div.withConfig({componentId:"sc-157y104-0"})(["padding:16px;box-sizing:border-box;position:relative;width:100%;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid ",";[data-phone=\"true\"] &{padding:6px 6px 4px 6px;","}"],function(a){var b=a.theme.palette;return b[PC.BordersSecondary]},function(a){var b=a.isPhoneScreen;return b&&"\n padding: 12px 12px 0px;\n gap: 12px;\n "}),StyledMainButtonsWrapper=styled.div.withConfig({componentId:"sc-157y104-1"})(["display:flex;align-items:center;order:3;"]),StyledControlButtonsWrapper=styled.div.withConfig({componentId:"sc-157y104-2"})(["display:flex;align-items:center;order:1;gap:4px;"]),StyledHistoryButton=styled(IconButton).withConfig({componentId:"sc-157y104-3"})(["margin:",";color:black;&.FIE_topbar-undo-button{border-right:1px solid #dedede;padding-right:10px;padding-left:10px;padding-top:6px;padding-bottom:6px;border-radius:0px;}&.FIE_topbar-redo-button{padding-top:6px;padding-bottom:6px;padding-right:10px;padding-left:10px;}&.FIE_topbar-undo-button:hover{background-color:#dedede;border-bottom-left-radius:50px;border-top-left-radius:50px;}&.FIE_topbar-redo-button:hover{background-color:#dedede;border-bottom-right-radius:50px;border-top-right-radius:50px;}svg{color:",";}"],function(a){var b=a.margin;return null!==b&&void 0!==b?b:"0 4px"},function(a){var b=a.theme.palette,c=a.disabled;return c?b[PC.IconsMuted]:"black"}),StyledZoomingWrapper=styled.div.withConfig({componentId:"sc-157y104-4"})(["display:flex;align-items:center;gap:2px;border-radius:20px;border:1px solid #dedede;color:black;"]),StyledDimensionsLabel=styled(Label).withConfig({componentId:"sc-157y104-5"})(["flex-shrink:0;color:",";",";"],function(a){var b=a.theme.palette;return b[PC.TextPlaceholder]},function(a){var b=a.theme.typography;return b.font[FV.LabelMedium]}),StyledSmallButton=styled(IconButton).withConfig({componentId:"sc-157y104-6"})(["padding:8px;border-radius:0px !important;&.FIE_topbar-zoom-out-btn{border-right:1px solid #dedede;padding-left:10px;padding-right:10px;}&.FIE_topbar-zoom-in-btn{border-left:1px solid #dedede;padding-left:10px;padding-right:10px;}svg{color:black;}&:hover{background-color:transparent;}&:focus{background-color:transparent;}"]),StyledFlexCenterAlignedContainer=styled.div.withConfig({componentId:"sc-157y104-7"})(["width:",";height:32px;display:block;width:100%;order:2;",";@media (min-width:761px){display:flex;align-items:center;justify-content:center;width:fit-content;order:2;}"],function(a){var b=a.$showBackButton;return b?"318px":"384px"},function(a){var b=a.reverseDirection;return b?"flex-direction: row-reverse":""}),StyledZoomPercentageLabel=styled(Label).withConfig({componentId:"sc-157y104-8"})(["cursor:pointer;color:black;padding:0px 10px;font-size:12px;"]),StyledBackButtonLabel=styled.span.withConfig({componentId:"sc-157y104-9"})(["color:black;"]),StyledCloseButton=styled(CrossButton).withConfig({componentId:"sc-157y104-10"})(["padding:8px;z-index:111;"]),StyledSaveButton=styled(Button).withConfig({componentId:"sc-157y104-11"})(["padding:4px 12px;"]),StyledFileNameInput=styled(InputGroup).withConfig({componentId:"sc-157y104-12"})([""]),StyledFileExtensionSelect=styled(SelectGroup).withConfig({componentId:"sc-157y104-13"})(["margin-top:16px;"]),StyledQualityWrapper=styled.div.withConfig({componentId:"sc-157y104-14"})(["width:100%;margin-top:16px;"]),StyledResizeOnSave=styled.div.withConfig({componentId:"sc-157y104-15"})(["margin-top:16px;width:100%;"]),StyledResizeOnSaveLabel=styled(Label).withConfig({componentId:"sc-157y104-16"})(["margin-bottom:4px;"]),StyledHistoryButtons=styled.div.withConfig({componentId:"sc-157y104-17"})(["display:flex;border:1px solid #dedede;border-radius:20px;"]),StyledImageOptionsButtons=styled.div.withConfig({componentId:"sc-157y104-18"})(["display:flex;gap:12px;justify-content:",";"],function(a){var b=a.isPhoneScreen;return b?"space-between":"center"}),StyledMenuIconButton=styled(IconButton).withConfig({componentId:"sc-157y104-19"})(["@media (min-width:761px){display:none;}"]),StyledDimensionsButtons=styled.div.withConfig({componentId:"sc-157y104-20"})(["display:flex;gap:12px;align-items:center;"]);export{StyledTopbar,StyledFlexCenterAlignedContainer,StyledHistoryButton,StyledZoomingWrapper,StyledSmallButton,StyledZoomPercentageLabel,StyledBackButtonLabel,StyledCloseButton,StyledSaveButton,StyledFileNameInput,StyledFileExtensionSelect,StyledQualityWrapper,StyledResizeOnSave,StyledDimensionsLabel,StyledMainButtonsWrapper,StyledControlButtonsWrapper,StyledHistoryButtons,StyledImageOptionsButtons,StyledMenuIconButton,StyledDimensionsButtons,StyledResizeOnSaveLabel};