@helpscout/hsds-react/components/Input/Input.Static.css.js

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.StaticUI = exports.config = void 0;

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

var _Input = require("./Input.css");

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

var config = {
  defaultHeight: _Input.config.size.md.height,
  size: _Input.config.size
};
exports.config = config;
var StaticUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "InputStaticcss__StaticUI",
  componentId: "sc-4rh2u1-0"
})(["color:currentColor;display:inline-block;min-height:", ";line-height:", ";&.is-block{display:block;}&.is-centerAlign{align-items:center;display:flex;}&.is-left{text-align:left;}&.is-right{text-align:right;}&.is-center{text-align:center;}", ";"], config.defaultHeight, config.defaultHeight, makeSizeStyles);
exports.StaticUI = StaticUI;

function makeSizeStyles() {
  return (0, _forEach.default)(config.size, function (size, props) {
    var height = props.height;
    return "\n      &.is-" + size + " {\n        min-height: " + height + ";\n        line-height: " + height + ";\n      }\n    ";
  });
}