@helpscout/hsds-react/components/CopyButton/CopyButton.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.ConfirmationIconWrapperUI = exports.IconUI = exports.TextUI = void 0;

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

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

var _Button = _interopRequireDefault(require("../Button"));

var _Icon = _interopRequireDefault(require("../Icon"));

var TextUI = _styledComponents.default.span.withConfig({
  displayName: "CopyButtoncss__TextUI",
  componentId: "sc-1vfocmu-0"
})(["display:inline-flex;transition:opacity linear 150ms;"]);

exports.TextUI = TextUI;
var IconUI = (0, _styledComponents.default)(_Icon.default).withConfig({
  displayName: "CopyButtoncss__IconUI",
  componentId: "sc-1vfocmu-1"
})(["display:inline-flex;transition:opacity linear 150ms;"]);
exports.IconUI = IconUI;
var ConfirmationIconWrapperUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "CopyButtoncss__ConfirmationIconWrapperUI",
  componentId: "sc-1vfocmu-2"
})(["display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;right:0;top:0;z-index:2;opacity:0;transition:opacity linear 150ms;color:white;background:var(--confirmColor);"]);
exports.ConfirmationIconWrapperUI = ConfirmationIconWrapperUI;
var CopyButtonUI = (0, _styledComponents.default)(_Button.default).withConfig({
  displayName: "CopyButtoncss__CopyButtonUI",
  componentId: "sc-1vfocmu-3"
})(["--confirmColor:var(--buttonMainColor);--confirmBorderColor:var(buttonBorderColor);position:relative;&.is-copyConfirmed{border-color:var(--confirmColor) !important;", "{opacity:0;}", "{opacity:0;}", "{opacity:1;}}"], TextUI, IconUI, ConfirmationIconWrapperUI);
exports.CopyButtonUI = CopyButtonUI;