@braineet/ui/dist/cjs/components/drawer/styles.js

Braineet design system

"use strict";

exports.__esModule = true;
exports.default = exports.Wrapper = exports.Overlay = exports.Footer = exports.Content = exports.Body = void 0;
var _reactSpring = require("react-spring");
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _pane = _interopRequireDefault(require("../pane"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Wrapper = (0, _styledComponents.default)(_reactSpring.animated.div).withConfig({
  displayName: "styles__Wrapper",
  componentId: "sc-1hmtrk1-0"
})(["position:", ";z-index:", ";overflow:hidden;"], function (props) {
  return props.$position;
}, function (props) {
  return props.$zIndex || props.theme.zIndex.overlay;
});
exports.Wrapper = Wrapper;
var Content = _styledComponents.default.div.withConfig({
  displayName: "styles__Content",
  componentId: "sc-1hmtrk1-1"
})(["display:flex;width:", ";margin:0.5rem;border-radius:1rem;height:calc(100% - 1rem);flex-direction:column;background:white;box-sizing:border-box;overflow:hidden;box-shadow:0 7px 14px 0 rgba(0,0,0,0.1),0 3px 6px 0 rgba(0,0,0,0.07);", ""], function (props) {
  return props.width || 'auto';
}, function (p) {
  return p.innerStyles;
});
exports.Content = Content;
var Overlay = (0, _styledComponents.default)(_reactSpring.animated.div).withConfig({
  displayName: "styles__Overlay",
  componentId: "sc-1hmtrk1-2"
})(["position:fixed;top:0;left:0;bottom:0;right:0;z-index:", ";background:", ";"], function (props) {
  return props.$zIndex || props.theme.zIndex.overlay;
}, function (props) {
  return props.bg ? props.bg : 'rgba(16, 22, 26, 0.7)';
});
exports.Overlay = Overlay;
var Body = (0, _styledComponents.default)(_pane.default).withConfig({
  displayName: "styles__Body",
  componentId: "sc-1hmtrk1-3"
})(["display:flex;flex-direction:column;height:100%;flex:1;padding:", ";"], function (props) {
  return props.padding || '16px';
});
exports.Body = Body;
var Footer = _styledComponents.default.footer.withConfig({
  displayName: "styles__Footer",
  componentId: "sc-1hmtrk1-4"
})(["display:flex;justify-content:flex-end;padding:16px;"]);
exports.Footer = Footer;
var _default = {
  Wrapper: Wrapper,
  Content: Content,
  Overlay: Overlay,
  Body: Body,
  Footer: Footer
};
exports.default = _default;