@wulperstudio/cms/node/components/Text/styled.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Label = exports.CustomTypography = exports.Box = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _material = require("@mui/material");
var _templateObject, _templateObject2;
var Box = exports.Box = (0, _material.styled)('div')(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  background-color: ", ";\n  padding: ", ";\n  border-radius: ", ";\n  border: ", ";\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  box-shadow: ", ";\n  border-bottom: ", ";\n"])), function (props) {
  return props.backgroundColor ? '#fff' : '#f6f7fc';
}, function (props) {
  return props.backgroundColor ? '10px 0px' : '10px 15px';
}, function (props) {
  return props.showDivider ? '0px' : '5px';
}, function (props) {
  return props.showBorder ? '1px solid #ECECFB' : 'none';
}, function (props) {
  return props.showBoxShadow ? '0px 4px 24px rgba(0, 0, 0, 0.05)' : 'none';
}, function (props) {
  return props.showDivider ? '1px solid #f6f7fc' : 'none';
});
var Label = exports.Label = (0, _material.styled)('label')(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: normal;\n  font-family: Poppins, cursive;\n  color: #b2beda;\n  margin-bottom: 10px;\n"])));
var CustomTypography = exports.CustomTypography = (0, _material.styled)(_material.Typography)(function (_ref) {
  var clines = _ref.clines;
  return {
    maxWidth: '100%',
    display: '-webkit-box',
    WebkitBoxOrient: 'vertical',
    WebkitLineClamp: clines,
    overflow: 'hidden',
    textOverflow: 'ellipsis'
  };
});