sp-image-editor
Version:
React component version of filerobot image editor (FIE).
1 lines • 1.49 kB
JavaScript
import styled from"styled-components";import Label from"@scaleflex/ui/core/label";import{Color as PC}from"@scaleflex/ui/utils/types/palette";import{FontVariant as FV}from"@scaleflex/ui/utils/types/typography";var StyledTabItem=styled.div.withConfig({componentId:"sc-utyrbj-0"})(function(a){var b=a.theme;return"\n width: 72px;\n min-height: 66px;\n padding: 4px 2px;\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n gap: 6px;\n background: ".concat(b.palette[PC.BackgroundStateless],";\n align-items: center;\n justify-content: center;\n\n [data-phone='true'] & {\n margin-bottom: 0;\n height: 50px;\n border-radius: 0;\n }\n\n svg {\n color: ").concat(b.palette[PC.IconsPrimary],";\n }\n\n &,\n * {\n cursor: pointer;\n }\n\n &:hover {\n background: ").concat(b.palette["bg-primary-active"],";\n }\n\n &[aria-selected='true'] {\n background: ").concat(b.palette["bg-primary-active"],";\n\n * {\n color: ").concat(b.palette["accent-primary-active"],";\n }\n }\n ")}),StyledTabItemLabel=styled(Label).withConfig({componentId:"sc-utyrbj-1"})(function(a){var b=a.theme;return"\n color: ".concat(b.palette[PC.TextPrimary],";\n ").concat(b.typography.font[FV.LabelSmall],";\n font-size: 12px;\n line-height: 14px;\n\n span {\n white-space: normal;\n }\n\n [data-phone='true'] & {\n font-size: 10px;\n }\n")});export{StyledTabItem,StyledTabItemLabel};