@activecollab/components
Version:
ActiveCollab Components
39 lines • 1.48 kB
JavaScript
import styled from "styled-components";
import { BoxSizingStyle } from "../BoxSizingStyle";
import { FontStyle } from "../FontStyle";
import ArrowLeftIcon from "../Icons/collection/ArrowLeft";
import TreeDotsIcon from "../Icons/collection/TreeDots";
export const StyledMenuSelectorDots = styled(TreeDotsIcon).withConfig({
displayName: "Styles__StyledMenuSelectorDots",
componentId: "sc-1x7qbnu-0"
})(["", ""], {
"marginLeft": "0.5rem",
"flexShrink": "0",
"cursor": "pointer"
});
StyledMenuSelectorDots.displayName = "StyledMenuSelectorDots";
export const StyledMenuSelectorBack = styled(ArrowLeftIcon).withConfig({
displayName: "Styles__StyledMenuSelectorBack",
componentId: "sc-1x7qbnu-1"
})(["", ""], {
"marginRight": "0.5rem",
"flexShrink": "0",
"cursor": "pointer",
"stroke": "currentColor"
});
StyledMenuSelectorBack.displayName = "StyledMenuSelectorBack";
export const StyledMenuSelector = styled.div.withConfig({
displayName: "Styles__StyledMenuSelector",
componentId: "sc-1x7qbnu-2"
})(["", " ", " color:var(--color-theme-700);"], BoxSizingStyle, FontStyle);
StyledMenuSelector.displayName = "StyledMenuSelector";
export const StyledMenuSelectorInner = styled.div.withConfig({
displayName: "Styles__StyledMenuSelectorInner",
componentId: "sc-1x7qbnu-3"
})(["", ""], {
"margin": "1rem",
"display": "flex",
"alignItems": "center"
});
StyledMenuSelectorInner.displayName = "StyledMenuSelectorInner";
//# sourceMappingURL=Styles.js.map