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

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.default = exports.AddOnUI = exports.config = void 0;

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

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

var config = {
  backgroundColor: (0, _color.getColor)('grey.200'),
  borderColor: (0, _color.getColor)('grey.600'),
  borderRadius: 4
};
exports.config = config;
var AddOnUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "InputAddOncss__AddOnUI",
  componentId: "sc-19u1108-0"
})(["background-color:", ";border:1px solid ", ";align-items:center;border-radius:", "px;display:flex;height:100%;margin:0;padding:10px;color:", ";&.is-first{border-top-right-radius:0;border-bottom-right-radius:0;}&.is-last{border-top-left-radius:0;border-bottom-left-radius:0;}&.is-notOnly{border-radius:0;}"], config.backgroundColor, config.borderColor, config.borderRadius, (0, _color.getColor)('charcoal.300'));
exports.AddOnUI = AddOnUI;
var _default = AddOnUI;
exports.default = _default;