@braineet/ui
Version:
Braineet design system
14 lines • 677 B
JavaScript
import styled from 'styled-components';
import Box from '../box';
export var Checkbox = styled.input.withConfig({
displayName: "scselectColor__Checkbox",
componentId: "sc-ev4oje-0"
})(["display:none;"]);
export var CheckboxColorStyled = styled(Box).withConfig({
displayName: "scselectColor__CheckboxColorStyled",
componentId: "sc-ev4oje-1"
})(["cursor:pointer;transition:transform 0.1s ease-in-out;width:24px;height:24px;border-radius:4px;background:", ";overflow:hidden;display:block;&:hover{transform:scale(1.15);}", ""], function (p) {
return p.colorValue;
}, function (p) {
return p.isActive ? "\n transform: scale(1.15);\n " : '';
});