@helpscout/hsds-react
Version:
React component library for Help Scout's Design System
39 lines (31 loc) • 1.95 kB
JavaScript
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;
;