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

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.ContentResizerUI = exports.ContentUI = exports.ActionSelectUI = exports.config = void 0;

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

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

var config = {
  backgroundColor: (0, _color.getColor)('grey.200'),
  borderColor: (0, _color.getColor)('grey.800'),
  borderRadius: '3px',
  padding: '20px',
  transition: 'height 160ms ease'
};
exports.config = config;
var ActionSelectUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "ActionSelectcss__ActionSelectUI",
  componentId: "sc-1a7sile-0"
})([".c-ActionSelectDropdownWrapper{width:100%;position:relative;}.DropList__Select,div[id*='tippy'],.SelectTagToggler{width:100%;}&.is-withContent{.SelectTagToggler{border-bottom-left-radius:0;border-bottom-right-radius:0;}}"]);
exports.ActionSelectUI = ActionSelectUI;
var ContentUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "ActionSelectcss__ContentUI",
  componentId: "sc-1a7sile-1"
})(["border-bottom-left-radius:", ";border-bottom-right-radius:", ";padding:", ";position:relative;&::before{background-color:rgba(0,0,0,0.05);content:'';height:2px;left:0;position:absolute;top:0;width:100%;}"], config.borderRadius, config.borderRadius, config.padding);
exports.ContentUI = ContentUI;
var ContentResizerUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "ActionSelectcss__ContentResizerUI",
  componentId: "sc-1a7sile-2"
})(["background-color:", ";border:1px solid ", ";border-top:none;border-bottom-left-radius:", ";border-bottom-right-radius:", ";overflow:hidden;height:0;transition:", ";will-change:height;"], config.backgroundColor, config.borderColor, config.borderRadius, config.borderRadius, config.transition);
exports.ContentResizerUI = ContentResizerUI;