react-image-editor-q/lib/components/common/ColorPickerModal/ColorPickerModal.styled.js

SSR-safe React wrapper around Filerobot Image Editor

import{Modal,ModalActions as SfxModalActions}from"@scaleflex/ui/core";import styled from"styled-components";import{Color as PC}from"@scaleflex/ui/utils/types/palette";var ColorPickerModal=styled(Modal).withConfig({componentId:"sc-6ay04y-0"})(["max-width:350px;"]),ColorPickerWrap=styled.div.withConfig({componentId:"sc-6ay04y-1"})([".SfxColorPicker-root{max-width:100%;padding:0;box-shadow:none;border:none;","}.SfxColorPicker-action{display:flex;gap:12px;.SfxColorPicker-select{width:90px;}.SfxInput-root{width:190px !important;}}.SfxColorPicker-icon{color:black;padding-right:10px;}.SfxColorPicker-range-picker,.SfxColorPicker-bar-wrapper{width:100%;}"],function(a){var b=a.hideModalTitle;return b&&"padding-top: 12px;"}),ModalActions=styled(SfxModalActions).withConfig({componentId:"sc-6ay04y-2"})(["gap:12px;padding:24px;.SfxButton-root{flex:1;margin:0;height:30px;color:black;border-radius:50px;background-color:white;border:1px solid #c9c9c9;line-height:14px;font-family:\"Open Sans\",sans-serif;letter-spacing:0.04rem;& > span > span{font-size:0.75rem;}&:hover{background-color:#dedede;}}"]),Styled={ColorPickerModal:ColorPickerModal,ColorPickerWrap:ColorPickerWrap,ModalActions:ModalActions};export default Styled;