@wulperstudio/cms/node/organisms/FreeColumn/styled.js

Wulper Studio Library Components CMS

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.FreeColumnWrapperHeader = exports.FreeColumnTitle = exports.FreeColumnHeader = exports.FreeColumnCounter = exports.FreeColumnContainer = exports.FreeColumCreateColumn = void 0;
var _material = require("@mui/material");
var _utils = require("../../utils");
/* eslint-disable no-nested-ternary */

var FreeColumnContainer = exports.FreeColumnContainer = (0, _material.styled)('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return (0, _utils.handleProps)(prop, ['variant', 'customColorBorder', 'columnWidth', 'sx']);
  }
})(function (_ref) {
  var theme = _ref.theme,
    variant = _ref.variant,
    _ref$columnWidth = _ref.columnWidth,
    columnWidth = _ref$columnWidth === void 0 ? 400 : _ref$columnWidth,
    customColorBorder = _ref.customColorBorder;
  return Object.assign({
    display: 'grid',
    gridTemplateRows: 'auto 1fr auto',
    rowGap: '12px',
    minWidth: columnWidth,
    maxWidth: columnWidth,
    padding: '10px',
    borderRadius: '10px',
    minHeight: 'auto',
    height: '100%',
    maxHeight: '100%',
    overflowY: 'auto',
    marginRight: '10px',
    backgroundColor: theme.palette.background["default"]
  }, variant === 'float' && {
    boxShadow: theme.shadows[1]
  }, variant === 'fixed' && {
    border: "1px solid ".concat(theme.palette.text.secondary)
  }, variant === 'border' && {
    border: "1px solid ".concat(customColorBorder != null ? customColorBorder : theme.palette.text.secondary)
  }, variant === 'transparent' && {
    backgroundColor: 'transparent'
  });
});
var FreeColumnHeader = exports.FreeColumnHeader = (0, _material.styled)('div')({
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'space-between',
  height: 52
});
var FreeColumnTitle = exports.FreeColumnTitle = (0, _material.styled)('h1')(function (_ref2) {
  var theme = _ref2.theme;
  return {
    textTransform: 'uppercase',
    color: theme.palette.text.primary,
    fontSize: '16px',
    fontWeight: 600
  };
});
var FreeColumnCounter = exports.FreeColumnCounter = (0, _material.styled)('span')(function (_ref3) {
  var theme = _ref3.theme;
  return {
    color: theme.palette.text.secondary,
    fontSize: '14px'
  };
});
var FreeColumCreateColumn = exports.FreeColumCreateColumn = (0, _material.styled)('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return (0, _utils.handleProps)(prop, ['columnWidth', 'sx']);
  }
})(function (_ref4) {
  var _ref4$columnWidth = _ref4.columnWidth,
    columnWidth = _ref4$columnWidth === void 0 ? 400 : _ref4$columnWidth;
  return {
    minWidth: columnWidth,
    maxWidth: columnWidth,
    padding: '10px',
    maxHeight: '100%',
    marginRight: '10px'
  };
});
var FreeColumnWrapperHeader = exports.FreeColumnWrapperHeader = (0, _material.styled)('div')({
  display: 'flex',
  flexDirection: 'column'
});