@helpscout/hsds-react/components/Card/Card.css.js

React component library for Help Scout's Design System

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.BlockUI = exports.CardUI = exports.config = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _Link = _interopRequireDefault(require("../Link"));

var _cardStyles = _interopRequireDefault(require("../../styles/mixins/cardStyles.css"));

var config = {
  borderRadius: 4,
  border: '1px solid rgba(193, 203, 212, 0.7)',
  boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)',
  boxShadowHover: '0 6px 12px rgba(0, 0, 0, 0.12)',
  boxShadowFloating: '0 1px 3px 0 rgba(0, 0, 0, 0.1)',
  padding: '20px 15px',
  transformHover: 'translateY(-2px)',
  transition: 'box-shadow 200ms linear, transform 200ms linear'
};
exports.config = config;
var CardUI = (0, _styledComponents.default)(_Link.default).withConfig({
  displayName: "Cardcss__CardUI",
  componentId: "sc-1c88644-0"
})(["background-color:white;border:1px solid rgba(193,203,212,0.7);border-radius:", "px;box-shadow:", ";color:currentColor;display:block;padding:16px;text-decoration:none;& > *:first-child{border-top-left-radius:", "px;border-top-right-radius:", "px;}& > *:last-child{border-bottom-left-radius:", "px;border-bottom-right-radius:", "px;}&.c-Link{background-color:white;color:currentColor;}&.is-borderless{border:none;}&.is-clickable{cursor:pointer;}&.is-floating{box-shadow:", ";}&.is-flex{display:flex;flex-direction:column;min-height:0;width:100%;}&.is-fullHeight{height:100%;}&.is-hoverable{border:none;", ";}&.is-seamless{padding:0;}"], config.borderRadius, config.boxShadow, config.borderRadius, config.borderRadius, config.borderRadius, config.borderRadius, config.boxShadowFloating, (0, _cardStyles.default)());
exports.CardUI = CardUI;

var BlockUI = _styledComponents.default.div.withConfig({
  displayName: "Cardcss__BlockUI",
  componentId: "sc-1c88644-1"
})(["padding:20px 20px;& + &{border-top:1px solid rgba(193,203,212,0.7);}&.is-md{padding:20px 20px;}&.is-sm{padding:12px 20px;}&.is-xs{padding:8px 20px;}&.is-scrollableWrapper{padding:0;max-height:100%;min-height:0;}&.is-bg-muted{background-color:#f9fafa;}&.is-flex{flex:1;}"]);

exports.BlockUI = BlockUI;