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

STOKR - Components Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.CardTitleContainer = exports.CardTitle = exports.CardRightText = exports.CardLeftText = exports.CardHeaderRegular = exports.CardHeader = exports.Card = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _rwd = _interopRequireDefault(require("../../styles/rwd"));
var _Select = require("../Input/Select.styles");
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 Card = exports.Card = _styledComponents.default.div.withConfig({
  displayName: "Cardstyles__Card",
  componentId: "sc-16hwkn5-0"
})(["padding:28px 22px;background:", ";", " ", " ", " ", ""], _theme.default.cWhite, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 40px 50px;\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n  "])), props => props.lessPadding && (0, _styledComponents.css)(["padding:28px 22px;"]), props => props.lessPaddingHorizontal && (0, _styledComponents.css)(["padding:40px 22px;"]), props => props.lessPaddingVertical && (0, _styledComponents.css)(["padding:28px 50px;"]), props => props.chartPadding && (0, _styledComponents.css)(["padding:20px;"]), props => props.noPadding && (0, _styledComponents.css)(["padding:0;"])), props => props.chartPadding && (0, _styledComponents.css)(["padding:10px;"]), props => props.noPadding && (0, _styledComponents.css)(["padding:0;"]), props => props.grow && "\n    flex-grow: ".concat(props.grow, ";\n  "));
const CardTitle = exports.CardTitle = _styledComponents.default.div.withConfig({
  displayName: "Cardstyles__CardTitle",
  componentId: "sc-16hwkn5-1"
})(["font-size:16px;line-height:22px;font-weight:600;"]);
const CardTitleContainer = exports.CardTitleContainer = _styledComponents.default.div.withConfig({
  displayName: "Cardstyles__CardTitleContainer",
  componentId: "sc-16hwkn5-2"
})(["display:flex;flex-direction:row;align-items:center;"]);
const CardRightText = exports.CardRightText = _styledComponents.default.div.withConfig({
  displayName: "Cardstyles__CardRightText",
  componentId: "sc-16hwkn5-3"
})(["margin-left:auto;font-size:16px;"]);
const CardLeftText = exports.CardLeftText = _styledComponents.default.div.withConfig({
  displayName: "Cardstyles__CardLeftText",
  componentId: "sc-16hwkn5-4"
})(["margin-left:18px;font-size:16px;"]);
const CardHeader = exports.CardHeader = _styledComponents.default.div.withConfig({
  displayName: "Cardstyles__CardHeader",
  componentId: "sc-16hwkn5-5"
})(["display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;", " ", "{height:22px;margin-top:-8px;}"], props => props.paddingRight && (0, _styledComponents.css)(["padding-right:", ";"], props.paddingRight), _Select.SelectWrapper);
const CardHeaderRegular = exports.CardHeaderRegular = _styledComponents.default.div.withConfig({
  displayName: "Cardstyles__CardHeaderRegular",
  componentId: "sc-16hwkn5-6"
})(["font-weight:400;display:inline-block;"]);