@activecollab/components/dist/cjs/components/SelectDate/Styles.js

ActiveCollab Components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledSelectDateFooter = exports.StyledSelectDateDatePicker = exports.StyledSelectDateButtons = exports.StyledSelectDateButton = exports.StyledSelectDate = exports.StyledIconComponent = exports.StyledConfirmDialog = exports.StyledButtonSave = exports.StyledButtonCloseColored = exports.StyledButtonClose = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _BoxSizingStyle = require("../BoxSizingStyle");
var _Button = require("../Button/Button");
var _ConfirmDialog = require("../ConfirmDialog");
var _FontStyle = require("../FontStyle");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var StyledSelectDate = exports.StyledSelectDate = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledSelectDate",
  componentId: "sc-1jkx994-0"
})(["", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
StyledSelectDate.displayName = "StyledSelectDate";
var StyledSelectDateButton = exports.StyledSelectDateButton = _styledComponents.default.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";
var StyledConfirmDialog = exports.StyledConfirmDialog = (0, _styledComponents.default)(_ConfirmDialog.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";
var StyledSelectDateDatePicker = exports.StyledSelectDateDatePicker = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledSelectDateDatePicker",
  componentId: "sc-1jkx994-3"
})(["", " color:red;"], {
  "paddingBottom": "0.5rem",
  "paddingTop": "1rem"
});
StyledSelectDateDatePicker.displayName = "StyledSelectDateDatePicker";
var StyledSelectDateFooter = exports.StyledSelectDateFooter = _styledComponents.default.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"
}, function (props) {
  return props.$mode === "instant" && (0, _styledComponents.css)(["", ""], {
    "display": "flex"
  });
});
StyledSelectDateFooter.displayName = "StyledSelectDateFooter";
var StyledSelectDateButtons = exports.StyledSelectDateButtons = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledSelectDateButtons",
  componentId: "sc-1jkx994-5"
})(["", ""], {
  "display": "flex"
});
StyledSelectDateButtons.displayName = "StyledSelectDateButtons";
var StyledButtonSave = exports.StyledButtonSave = (0, _styledComponents.default)(_Button.Button).withConfig({
  displayName: "Styles__StyledButtonSave",
  componentId: "sc-1jkx994-6"
})(["", ""], {
  "marginRight": "0.5rem"
});
StyledButtonSave.displayName = "StyledButtonSave";
var StyledButtonClose = exports.StyledButtonClose = (0, _styledComponents.default)(_Button.Button).withConfig({
  displayName: "Styles__StyledButtonClose",
  componentId: "sc-1jkx994-7"
})(["", ""], {
  "marginLeft": "auto"
});
StyledButtonClose.displayName = "StyledButtonClose";
var StyledButtonCloseColored = exports.StyledButtonCloseColored = (0, _styledComponents.default)(_Button.Button).withConfig({
  displayName: "Styles__StyledButtonCloseColored",
  componentId: "sc-1jkx994-8"
})(["", ""], {
  "marginLeft": "auto",
  "marginRight": "auto"
});
StyledButtonCloseColored.displayName = "StyledButtonCloseColored";
var StyledIconComponent = exports.StyledIconComponent = _styledComponents.default.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