@stokr/components-library/dist/components/ComponentWrapper/ComponentWrapper.styles.js

STOKR - Components Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.ComponentWrapper = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _rwd = _interopRequireDefault(require("../../styles/rwd"));
var _theme = _interopRequireDefault(require("../../styles/theme"));
var _templateObject;
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
const ComponentWrapper = exports.ComponentWrapper = _styledComponents.default.div.withConfig({
  displayName: "ComponentWrapperstyles__ComponentWrapper",
  componentId: "sc-1w1v084-0"
})(["position:relative;padding:32px;text-align:left !important;", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " @media screen and (max-width:767px){padding:32px;", "}", " ", " ", " ", ""], _rwd.default.Large(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 32px 64px;\n  "]))), props => props.borderLeft && (0, _styledComponents.css)(["border-left:1px solid ", ";"], _theme.default.cLightGrey), props => props.borderRight && (0, _styledComponents.css)(["border-right:1px solid ", ";"], _theme.default.cLightGrey), props => props.borderTop && (0, _styledComponents.css)(["border-top:1px solid ", ";"], _theme.default.cLightGrey), props => props.borderBottom && (0, _styledComponents.css)(["border-bottom:1px solid ", ";"], _theme.default.cLightGrey), props => props.noPaddingLeft && (0, _styledComponents.css)(["padding-left:0 !important;"]), props => props.noPaddingRight && (0, _styledComponents.css)(["padding-right:0 !important;"]), props => props.noPaddingTop && (0, _styledComponents.css)(["padding-top:0 !important;"]), props => props.noPaddingBottom && (0, _styledComponents.css)(["padding-bottom:0 !important;"]), props => props.noPaddingVertical && (0, _styledComponents.css)(["padding-top:0 !important;padding-bottom:0 !important;"]), props => props.horizontalPaddingHalf && (0, _styledComponents.css)(["padding-left:18px !important;padding-right:18px !important;"]), props => props.noPaddingHorizontal && (0, _styledComponents.css)(["padding-left:0 !important;padding-right:0 !important;"]), props => props.paddingVeticalHalf && (0, _styledComponents.css)(["padding-top:16px !important;padding-bottom:16px !important;"]), props => props.noPadding && (0, _styledComponents.css)(["padding:0 !important;"]), props => props.center && (0, _styledComponents.css)(["text-align:center !important;"]), props => props.grow && (0, _styledComponents.css)(["flex-grow:1;"]), props => props.wrap && (0, _styledComponents.css)(["flex-wrap:wrap;"]), props => props.background && (0, _styledComponents.css)(["background-color:", ";"], _theme.default.cGrey), props => props.fluid && (0, _styledComponents.css)(["width:100%;"]), props => props.fluidcenter && (0, _styledComponents.css)(["width:100% !important;text-align:center !important;"]), props => props.titleHalf && (0, _styledComponents.css)(["h4{width:50%;@media screen and (max-width:767px){width:100%;}}"]), props => props.investmentNotifications && (0, _styledComponents.css)(["padding:0;"]), props => props.alignVertically && (0, _styledComponents.css)(["display:flex;align-items:center;"]), props => props.marginTop && (0, _styledComponents.css)(["margin-top:", ";"], props.marginTop), props => props.isAddMember && (0, _styledComponents.css)(["@media screen and (min-width:768px){padding-left:10px !important;padding-right:10px !important;}"]), props => props.flex && "\n          display:flex;\n          align-items: center;\n      ");
var _default = exports.default = ComponentWrapper;