@activecollab/components
Version:
ActiveCollab Components
29 lines • 1.61 kB
JavaScript
import styled, { css } from "styled-components";
import { Choose } from "../Choose/Choose";
import { Label } from "../Label";
export const StyledChoose = styled(Choose).withConfig({
displayName: "Styles__StyledChoose",
componentId: "sc-uv67fb-0"
})(["flex-shrink:0;white-space:nowrap;", ""], props => !props.active && css(["background-color:transparent !important;"]));
StyledChoose.displayName = "StyledChoose";
export const StyledVerticalContainer = styled.div.withConfig({
displayName: "Styles__StyledVerticalContainer",
componentId: "sc-uv67fb-1"
})(["display:flex;flex-direction:column;width:100%;gap:8px;"]);
StyledVerticalContainer.displayName = "StyledVerticalContainer";
export const StyledLabel = styled(Label).withConfig({
displayName: "Styles__StyledLabel",
componentId: "sc-uv67fb-2"
})(["", ""], props => !props.$disabled ? css(["cursor:pointer;"]) : css(["cursor:not-allowed;"]));
StyledLabel.displayName = "StyledLabel";
export const StyledRadioOption = styled.div.withConfig({
displayName: "Styles__StyledRadioOption",
componentId: "sc-uv67fb-3"
})(["display:flex;align-items:center;gap:6px;", " &:hover{opacity:0.8;}&[data-disabled=\"true\"]{opacity:0.5;cursor:not-allowed;}"], props => !props.$disabled ? css(["cursor:pointer;"]) : css(["cursor:not-allowed;"]));
StyledRadioOption.displayName = "StyledRadioOption";
export const StyledFlexContainer = styled.div.withConfig({
displayName: "Styles__StyledFlexContainer",
componentId: "sc-uv67fb-4"
})(["display:flex;width:100%;"]);
StyledFlexContainer.displayName = "StyledFlexContainer";
//# sourceMappingURL=Styles.js.map