UNPKG

@helpscout/hsds-react

Version:

React component library for Help Scout's Design System

25 lines (16 loc) 1.15 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); exports.__esModule = true; exports.PreviewCardUI = void 0; var _styledComponents = _interopRequireDefault(require("styled-components")); var _color = require("../../styles/utilities/color"); var _cardStyles = require("../../styles/mixins/cardStyles.css"); var _noteStyles = require("../../styles/mixins/noteStyles.css"); var _classNames = require("../../utilities/classNames"); var _Card = _interopRequireDefault(require("../Card")); var bem = (0, _classNames.BEM)('.c-PreviewCard'); var PreviewCardUI = (0, _styledComponents.default)(_Card.default).withConfig({ displayName: "PreviewCardcss__PreviewCardUI", componentId: "sc-1vh7aq1-0" })(["", ";padding:20px;text-decoration:none;&:hover{text-decoration:none;}", "{margin-bottom:4px;}&.is-link{", "{color:", ";}}&.is-hoverable{border-radius:5px;}&.is-note{", ";border:none;}"], (0, _cardStyles.shadowlessBoxShadowWithHover)(), bem.element('title'), bem.element('title'), (0, _color.getColor)('link.base'), (0, _noteStyles.noteBoxShadowWithHover)()); exports.PreviewCardUI = PreviewCardUI;