@braineet/ui
Version:
Braineet design system
33 lines (32 loc) • 1.28 kB
JavaScript
/* stylelint-disable property-no-vendor-prefix */
import styled, { css } from 'styled-components';
import { fluid } from '../../utils';
import Box from '../box';
import Icon from '../icon';
import { StyledInput } from '../input/styles';
export var StyledBox = styled(Box).withConfig({
displayName: "styles__StyledBox",
componentId: "sc-1p0l1nw-0"
})(["position:relative;"]);
export var StyledSelect = styled(StyledInput).withConfig({
displayName: "styles__StyledSelect",
componentId: "sc-1p0l1nw-1"
})(["appearance:none;padding:4px 2rem 4px 0.5rem;&:not(:disabled){cursor:pointer;}"]);
export var StyledIcon = styled(Icon).withConfig({
displayName: "styles__StyledIcon",
componentId: "sc-1p0l1nw-2"
})(["position:absolute;right:", ";top:", ";z-index:", ";"], function (props) {
return props.theme.spaces.md;
}, function (props) {
return props.theme.spaces.md;
}, function (props) {
return props.theme.zIndex.upper;
});
export var StyledIconSelect = styled(Icon).withConfig({
displayName: "styles__StyledIconSelect",
componentId: "sc-1p0l1nw-3"
})(["position:absolute;right:0.5rem;pointer-events:none;", " top:", ";"], function (p) {
return p.disabled && css(["opacity:0.24;"]);
}, function (props) {
return props.height === 40 ? fluid(8) : fluid(4);
});