react-image-editor-q/lib/components/tools/tools.styled.js

SSR-safe React wrapper around Filerobot Image Editor

import{Input,Label}from"@scaleflex/ui/core";import styled from"styled-components";import{FontVariant as FV}from"@scaleflex/ui/utils/types/typography";var StyledHSVOptions=styled.div.withConfig({componentId:"sc-1fxazia-0"})(["display:flex;width:100%;justify-content:space-between;gap:10px;.SfxSlider-root{min-width:100px;}",""],function(a){var b=a.isPhoneScreen;return b&&"\n      flex-direction: column;\n\n      .SfxSlider-root {\n        min-width: 230px;\n      }\n    "}),StyledSliderContainer=styled.div.withConfig({componentId:"sc-1fxazia-1"})(["display:flex;flex-direction:column;"]),StyledSliderLabel=styled(Label).withConfig({componentId:"sc-1fxazia-2"})(["color:black;font-size:12px !important;line-height:14px;font-family:\"Open Sans\",sans-serif;",";"],function(a){var b=a.theme;return b.typography.font[FV.LabelExtraSmallUp]}),StyledSliderWrapper=styled.div.withConfig({componentId:"sc-1fxazia-3"})(["display:flex;align-items:center;"]),StyledSliderInput=styled(Input).withConfig({componentId:"sc-1fxazia-4"})(["display:inline-block;width:40px;height:28px;padding:6px 2px;margin-left:10px;border:none;color:black;font-size:12px !important;line-height:14px;font-family:\"Open Sans\",sans-serif;.SfxInput-Base{text-align:center;width:100%;min-width:100%;max-width:100%;font-size:12px !important;}"]);export{StyledHSVOptions,StyledSliderContainer,StyledSliderLabel,StyledSliderWrapper,StyledSliderInput};