UNPKG

@helpscout/hsds-react

Version:

React component library for Help Scout's Design System

39 lines (31 loc) 1.95 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); exports.__esModule = true; exports.BlankSlateUI = exports.TextUI = exports.HeadingUI = exports.IlloUI = void 0; var _color = require("../../styles/utilities/color"); var _variableFontSize = _interopRequireDefault(require("../../styles/utilities/variableFontSize")); var _styledComponents = _interopRequireDefault(require("styled-components")); var _Heading = _interopRequireDefault(require("../Heading")); var _Text = _interopRequireDefault(require("../Text")); var IlloUI = (0, _styledComponents.default)('div').withConfig({ displayName: "BlankSlatecss__IlloUI", componentId: "sc-1logoms-0" })(["margin:0;margin-bottom:18px;align-self:center;"]); exports.IlloUI = IlloUI; var HeadingUI = (0, _styledComponents.default)(_Heading.default).withConfig({ displayName: "BlankSlatecss__HeadingUI", componentId: "sc-1logoms-1" })(["&.is-h3{", ";}color:", ";"], (0, _variableFontSize.default)({ fontSize: 18 }), (0, _color.getColor)('charcoal.800')); exports.HeadingUI = HeadingUI; var TextUI = (0, _styledComponents.default)(_Text.default).withConfig({ displayName: "BlankSlatecss__TextUI", componentId: "sc-1logoms-2" })(["color:", ";padding-top:8px;b,strong{color:", ";}"], (0, _color.getColor)('charcoal.300'), (0, _color.getColor)('charcoal.500')); exports.TextUI = TextUI; var BlankSlateUI = (0, _styledComponents.default)('div').withConfig({ displayName: "BlankSlatecss__BlankSlateUI", componentId: "sc-1logoms-3" })(["display:flex;width:100%;height:100%;justify-content:center;text-align:center;flex-direction:column;padding:56px 8px 68px;&.align-top{justify-content:flex-start;}&.with-light-background{background-color:", ";", "{color:", ";b,strong{color:", ";}}}"], (0, _color.getColor)('grey.200'), TextUI, (0, _color.getColor)('charcoal.400'), (0, _color.getColor)('charcoal.600')); exports.BlankSlateUI = BlankSlateUI;