@activecollab/components
Version:
ActiveCollab Components
55 lines (54 loc) • 2.94 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StyledMenuHeader = exports.StyledMenuFooter = exports.StyledMenu = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _BoxSizingStyle = require("../BoxSizingStyle");
var _Bubble = require("../Bubble");
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 StyledMenu = exports.StyledMenu = (0, _styledComponents.default)(_Bubble.Bubble).withConfig({
displayName: "Styles__StyledMenu",
componentId: "sc-8fhkp-0"
})(["", " ", " ", " color:var(--color-theme-700);a:focus,a:active{outline:none;}", " ", " ", " ", ""], {
"marginTop": "0.25rem",
"marginBottom": "0.25rem",
"overflow": "auto",
"borderColor": "var(--border-primary)",
"backgroundColor": "var(--page-paper-main)"
}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
return props.$mode === "normal" && (0, _styledComponents.css)(["width:260px;"]);
}, function (props) {
return props.$mode === "wider" && (0, _styledComponents.css)(["width:350px;"]);
}, function (props) {
return props.$mode === "tiny" && (0, _styledComponents.css)(["width:180px;"]);
}, function (props) {
return props.$mode === "widest" && (0, _styledComponents.css)(["width:590px;"]);
});
StyledMenu.displayName = "StyledMenu";
var StyledMenuFooter = exports.StyledMenuFooter = _styledComponents.default.div.withConfig({
displayName: "Styles__StyledMenuFooter",
componentId: "sc-8fhkp-1"
})(["", " display:flex;border-top:1px solid var(--border-primary);height:32px;align-items:center;"], {
"display": "flex",
"paddingLeft": "0.5rem",
"paddingRight": "0.5rem",
"paddingTop": "0.25rem",
"paddingBottom": "0.25rem"
});
StyledMenuFooter.displayName = "StyledMenuFooter";
var StyledMenuHeader = exports.StyledMenuHeader = _styledComponents.default.div.withConfig({
displayName: "Styles__StyledMenuHeader",
componentId: "sc-8fhkp-2"
})(["", " border-bottom:1px solid var(--border-primary);height:32px;"], {
"display": "flex",
"alignItems": "center",
"justifyContent": "space-between",
"paddingLeft": "0.5rem",
"paddingRight": "0.5rem",
"paddingTop": "0.25rem",
"paddingBottom": "0.25rem"
});
StyledMenuHeader.displayName = "StyledMenuHeader";
//# sourceMappingURL=Styles.js.map