@zergo0/react-filerobot-image-editor
Version:
React component version of filerobot image editor (FIE).
1 lines • 4.7 kB
JavaScript
import{Tab}from"@scaleflex/ui/core";import{Color as PC}from"@scaleflex/ui/utils/types/palette";import styled from"styled-components";export var StyledEmojiPickerContainer=styled.div.withConfig({componentId:"sc-1ehng6u-0"})(["width:380px;max-height:450px;display:flex;flex-direction:column;background:",";.FIE_emoji-picker-panel{scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;}}"],function(a){var b=a.theme;return b.palette["bg-primary"]});export var StyledSearchContainer=styled.div.withConfig({componentId:"sc-1ehng6u-1"})(["padding:12px;border-bottom:1px solid ",";position:relative;display:flex;gap:8px;z-index:1;"],function(a){var b=a.theme;return b.palette["border-primary-stateless"]});export var StyledSearchInput=styled.input.withConfig({componentId:"sc-1ehng6u-2"})(["flex:1;padding:8px 12px;border:1px solid ",";border-radius:4px;background:",";color:",";font-size:14px;outline:none;&:focus{border-color:",";}&::placeholder{color:",";}"],function(a){var b=a.theme;return b.palette["border-primary-stateless"]},function(a){var b=a.theme;return b.palette["bg-secondary"]},function(a){var b=a.theme;return b.palette["text-primary"]},function(a){var b=a.theme;return b.palette["accent-primary"]},function(a){var b=a.theme;return b.palette["text-secondary"]});export var StyledSkinToneSelector=styled.div.withConfig({componentId:"sc-1ehng6u-3"})(["position:relative;"]);export var StyledSkinToneButton=styled.button.withConfig({componentId:"sc-1ehng6u-4"})(["width:36px;height:36px;padding:0;margin:0;border:1px solid ",";border-radius:4px;background:",";cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;&:hover{background:",";border-color:",";}&:focus{outline:none;border-color:",";}"],function(a){var b=a.theme,c=a.$selected;return c?b.palette["accent-primary"]:b.palette["border-primary-stateless"]},function(a){var b=a.theme;return b.palette["bg-secondary"]},function(a){var b=a.theme;return b.palette["bg-secondary-hover"]},function(a){var b=a.theme;return b.palette["accent-primary"]},function(a){var b=a.theme;return b.palette["accent-primary"]});export var StyledTabsContainer=styled.div.withConfig({componentId:"sc-1ehng6u-5"})(["border-bottom:1px solid ",";overflow-x:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;}.MuiTabs-scrollable{overflow-x:auto !important;}.MuiTabs-scroller{scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;}}"],function(a){var b=a.theme;return b.palette["border-primary-stateless"]});export var StyledTab=styled(Tab).withConfig({componentId:"sc-1ehng6u-6"})(["min-width:40px !important;width:40px;padding:4px !important;font-size:20px;margin-left:4px !important;&.selected{background:",";}.MuiTab-wrapper{width:100%;}"],function(a){var b=a.theme;return b.palette["bg-secondary"]});export var StyledEmojiGrid=styled.div.withConfig({componentId:"sc-1ehng6u-7"})(["display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:12px;"]);export var StyledEmojiItem=styled.div.withConfig({componentId:"sc-1ehng6u-8"})(["width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;border-radius:4px;transition:all 0.2s ease;position:relative;&:hover{background-color:",";transform:scale(1.2);}",""],function(a){var b=a.theme;return b.palette["bg-secondary-press"]},function(a){var b=a.$hasSkinTones;return b&&"\n &::after {\n content: '';\n position: absolute;\n bottom: 2px;\n right: 2px;\n width: 4px;\n height: 4px;\n background: ".concat(function(a){var b=a.theme;return b.palette["accent-primary"]},";\n border-radius: 50%;\n }\n ")});export var StyledCategoryTitle=styled.div.withConfig({componentId:"sc-1ehng6u-9"})(["grid-column:1 / -1;padding:12px 12px 4px 12px;font-size:13px;font-weight:500;color:",";text-transform:uppercase;letter-spacing:0.5px;"],function(a){var b=a.theme;return b.palette[PC.TextPrimary]});export var StyledNoResults=styled.div.withConfig({componentId:"sc-1ehng6u-10"})(["padding:40px 20px;text-align:center;color:",";font-size:14px;"],function(a){var b=a.theme;return b.palette[PC.TextSecondary]});export var StyledEmojiTooltip=styled.div.withConfig({componentId:"sc-1ehng6u-11"})(["position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:4px 8px;background:",";color:",";font-size:12px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;",":hover &{opacity:1;}"],function(a){var b=a.theme;return b.palette["bg-tooltip"]},function(a){var b=a.theme;return b.palette[PC.TextPrimary]},StyledEmojiItem);