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

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.CenteredContentUI = exports.IconUI = exports.IlloUI = exports.ILLO_SIZES = exports.ILLO_DEFAULT_SIZE = void 0;

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

var _color = require("../../styles/utilities/color");

var _forEach = _interopRequireDefault(require("../../styles/utilities/forEach"));

var _classNames = require("../../utilities/classNames");

var ILLO_DEFAULT_SIZE = 40;
exports.ILLO_DEFAULT_SIZE = ILLO_DEFAULT_SIZE;
var ILLO_SIZES = [ILLO_DEFAULT_SIZE, 60, 72, 80, 90];
exports.ILLO_SIZES = ILLO_SIZES;
var bem = (0, _classNames.BEM)('.c-Illo');
var IlloUI = (0, _styledComponents.default)('span').withConfig({
  displayName: "Illocss__IlloUI",
  componentId: "sc-1wj4u8p-0"
})(["color:currentColor;display:block;height:", "px;margin:auto;position:relative;width:", "px;", " ", "{opacity:0.3;}&.has-colorSecondary{", "{opacity:1;}}", "{fill:currentColor;&UIDark{fill:", ";}&UI{fill:", ";}&UILight{fill:", ";}&UIWhite{fill:white;}}"], ILLO_DEFAULT_SIZE, ILLO_DEFAULT_SIZE, makeSizeStyles(), bem.element('pathFillSecondary'), bem.element('pathFillSecondary'), bem.element('pathFill'), (0, _color.getColor)('charcoal.200'), (0, _color.getColor)('grey.600'), (0, _color.getColor)('grey.300'));
exports.IlloUI = IlloUI;
var IconUI = (0, _styledComponents.default)('span').withConfig({
  displayName: "Illocss__IconUI",
  componentId: "sc-1wj4u8p-1"
})(["display:block;height:100%;pointer-events:none;width:100%;svg{display:block;height:100%;max-width:100%;width:100%;}"]);
exports.IconUI = IconUI;
var CenteredContentUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "Illocss__CenteredContentUI",
  componentId: "sc-1wj4u8p-2"
})(["height:100%;display:flex;align-items:center;justify-content:center;"]);
exports.CenteredContentUI = CenteredContentUI;

function makeSizeStyles() {
  return (0, _forEach.default)(ILLO_SIZES, function (size) {
    return "\n    &.is-" + size + " {\n      height: " + size + "px;\n      width: " + size + "px;\n    }\n  ";
  });
}