@activecollab/components
Version:
ActiveCollab Components
75 lines • 3.37 kB
JavaScript
import styled, { css } from "styled-components";
import { BoxSizingStyle } from "../BoxSizingStyle";
import { Button } from "../Button/Button";
import { ConfirmDialog } from "../ConfirmDialog";
import { FontStyle } from "../FontStyle";
export const StyledSelectDate = styled.div.withConfig({
displayName: "Styles__StyledSelectDate",
componentId: "sc-1jkx994-0"
})(["", " ", ""], FontStyle, BoxSizingStyle);
StyledSelectDate.displayName = "StyledSelectDate";
export const StyledSelectDateButton = styled.button.withConfig({
displayName: "Styles__StyledSelectDateButton",
componentId: "sc-1jkx994-1"
})(["margin:0;padding:0;border:none;background:none;width:auto;height:auto;color:var(--color-theme-700);span,svg{cursor:pointer;}span{color:var(--color-secondary);}svg:hover{fill:var(--color-secondary);}"]);
StyledSelectDateButton.displayName = "StyledSelectDateButton";
export const StyledConfirmDialog = styled(ConfirmDialog).withConfig({
displayName: "Styles__StyledConfirmDialog",
componentId: "sc-1jkx994-2"
})([".modal-header{padding:16px 30px;h1{margin:0;font-size:16px;}}.modal-body{padding:10px 30px;}.modal-divider{border-top:1px solid var(--border-primary);height:1px;}.modal-footer{padding:16px 30px;}"]);
StyledConfirmDialog.displayName = "StyledConfirmDialog";
export const StyledSelectDateDatePicker = styled.div.withConfig({
displayName: "Styles__StyledSelectDateDatePicker",
componentId: "sc-1jkx994-3"
})(["", " color:red;"], {
"paddingBottom": "0.5rem",
"paddingTop": "1rem"
});
StyledSelectDateDatePicker.displayName = "StyledSelectDateDatePicker";
export const StyledSelectDateFooter = styled.div.withConfig({
displayName: "Styles__StyledSelectDateFooter",
componentId: "sc-1jkx994-4"
})(["", " border-top:1px solid var(--border-primary);", ""], {
"paddingLeft": "1rem",
"paddingRight": "1rem",
"paddingTop": "0.5rem",
"paddingBottom": "0.5rem"
}, props => props.$mode === "instant" && css(["", ""], {
"display": "flex"
}));
StyledSelectDateFooter.displayName = "StyledSelectDateFooter";
export const StyledSelectDateButtons = styled.div.withConfig({
displayName: "Styles__StyledSelectDateButtons",
componentId: "sc-1jkx994-5"
})(["", ""], {
"display": "flex"
});
StyledSelectDateButtons.displayName = "StyledSelectDateButtons";
export const StyledButtonSave = styled(Button).withConfig({
displayName: "Styles__StyledButtonSave",
componentId: "sc-1jkx994-6"
})(["", ""], {
"marginRight": "0.5rem"
});
StyledButtonSave.displayName = "StyledButtonSave";
export const StyledButtonClose = styled(Button).withConfig({
displayName: "Styles__StyledButtonClose",
componentId: "sc-1jkx994-7"
})(["", ""], {
"marginLeft": "auto"
});
StyledButtonClose.displayName = "StyledButtonClose";
export const StyledButtonCloseColored = styled(Button).withConfig({
displayName: "Styles__StyledButtonCloseColored",
componentId: "sc-1jkx994-8"
})(["", ""], {
"marginLeft": "auto",
"marginRight": "auto"
});
StyledButtonCloseColored.displayName = "StyledButtonCloseColored";
export const StyledIconComponent = styled.svg.withConfig({
displayName: "Styles__StyledIconComponent",
componentId: "sc-1jkx994-9"
})(["span,svg{cursor:pointer;}span{color:var(--color-secondary);}svg:hover{fill:var(--color-secondary);}"]);
StyledIconComponent.displayName = "StyledIconComponent";
//# sourceMappingURL=Styles.js.map