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

ActiveCollab Components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledYearMonthPickerNavBarItem = exports.StyledYearMonthPickerNavBar = exports.StyledYearMonthPicker = exports.StyledNavBarButton = exports.StyledMonths = exports.StyledMonth = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _Button = require("../Button/Button");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
var StyledNavBarButton = exports.StyledNavBarButton = (0, _styledComponents.default)(_Button.Button).withConfig({
  displayName: "Styles__StyledNavBarButton",
  componentId: "sc-1owijsg-0"
})(["position:absolute;margin-top:1px;cursor:pointer;z-index:2;background-image:none;", " ", ""], function (props) {
  return props.$direction === "previous" && (0, _styledComponents.css)(["right:auto;left:1px;"]);
}, function (props) {
  return props.$direction === "next" && (0, _styledComponents.css)(["right:1px;"]);
});
var StyledMonths = exports.StyledMonths = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledMonths",
  componentId: "sc-1owijsg-1"
})(["top:30px;height:230px;", ""], {
  "position": "absolute",
  "left": "0px",
  "zIndex": "10",
  "display": "flex",
  "flexWrap": "wrap",
  "backgroundColor": "var(--page-paper-main)",
  "padding": "1.25rem"
});
var StyledMonth = exports.StyledMonth = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledMonth",
  componentId: "sc-1owijsg-2"
})(["width:26%;transition-duration:0.3s;", " ", " ", " ", " ", ""], {
  "margin": "auto",
  "cursor": "pointer",
  "borderRadius": "1rem",
  "fontSize": "0.875rem",
  "lineHeight": "1.25rem",
  "fontWeight": "700"
}, function (props) {
  return !props.$isSelected ? (0, _styledComponents.css)(["&:hover{background-color:var(--color-primary-300);}"]) : (0, _styledComponents.css)(["", " background-color:var(--color-primary);"], {
    "color": "var(--color-theme-100)"
  });
}, function (props) {
  return props.$isCurrent && !props.$isSelected && (0, _styledComponents.css)(["", ""], {
    "color": "var(--color-primary)"
  });
}, function (props) {
  return props.$isCurrent && props.$isSelected && (0, _styledComponents.css)(["color:var(--color-theme-100);"]);
}, function (props) {
  return props.$isCurrentQuarter && (0, _styledComponents.css)(["background-color:var(--color-primary-300);"]);
});
var StyledYearMonthPicker = exports.StyledYearMonthPicker = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledYearMonthPicker",
  componentId: "sc-1owijsg-3"
})(["display:table-caption;margin-bottom:0.5rem;padding:0 0.5rem;", " &> div{font-weight:500;font-size:1.15rem;}"], {
  "textAlign": "center",
  "color": "var(--color-theme-900)"
});
var StyledYearMonthPickerNavBar = exports.StyledYearMonthPickerNavBar = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledYearMonthPickerNavBar",
  componentId: "sc-1owijsg-4"
})(["width:auto;margin:0 auto;"]);
var StyledYearMonthPickerNavBarItem = exports.StyledYearMonthPickerNavBarItem = _styledComponents.default.span.withConfig({
  displayName: "Styles__StyledYearMonthPickerNavBarItem",
  componentId: "sc-1owijsg-5"
})(["", " transition-duration:0.3s;display:inline-block;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"], {
  "cursor": "pointer",
  "paddingLeft": "1rem",
  "paddingRight": "1rem"
});
StyledNavBarButton.displayName = "StyledNavBarButton";
StyledMonths.displayName = "StyledMonths";
StyledMonth.displayName = "StyledMonth";
//# sourceMappingURL=Styles.js.map