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

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.CopyButtonUI = exports.CopyInputUI = void 0;

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

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

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

var _CopyButton = _interopRequireDefault(require("../CopyButton"));

var _CopyButton2 = require("../CopyButton/CopyButton.css");

var CopyInputUI = (0, _styledComponents.default)(_Input.default).withConfig({
  displayName: "CopyInputcss__CopyInputUI",
  componentId: "sc-1qju8ef-0"
})(["input::-moz-selection{background:", ";}input::selection{background:", ";}"], (0, _color.getColor)('blue.200'), (0, _color.getColor)('blue.200'));
exports.CopyInputUI = CopyInputUI;
var CopyButtonUI = (0, _styledComponents.default)(_CopyButton.default).withConfig({
  displayName: "CopyInputcss__CopyButtonUI",
  componentId: "sc-1qju8ef-1"
})(["&.is-size-lg{--confirmColor:", ";--confirmBorderColor:", ";--buttonMinWidth:40px;--buttonPadding:0;border-top-left-radius:0;border-bottom-left-radius:0;}", "{padding:0 30px;}"], (0, _color.getColor)('blue.500'), (0, _color.getColor)('blue.500'), _CopyButton2.TextUI);
exports.CopyButtonUI = CopyButtonUI;