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

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.ItemUI = exports.itemConfig = exports.ControlGroupUI = void 0;

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

var ControlGroupUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "ControlGroupcss__ControlGroupUI",
  componentId: "sc-31iiih-0"
})(["display:flex;position:relative;vertical-align:middle;"]);
exports.ControlGroupUI = ControlGroupUI;
var itemConfig = {
  borderRadius: 3,
  borderWidth: 1
};
exports.itemConfig = itemConfig;
var ItemUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "ControlGroupcss__ItemUI",
  componentId: "sc-31iiih-1"
})(["margin-top:0;min-width:0;position:relative;width:auto;& + *:not(:first-child){margin-left:-", "px;.c-Button{border-top-left-radius:0;border-bottom-left-radius:0;}}& + *:not(:last-child){.c-Button{border-top-right-radius:0;border-bottom-right-radius:0;}}&:first-child{.c-Button{border-top-right-radius:0;border-bottom-right-radius:0;}}&.is-block{flex:1;max-width:100%;}"], itemConfig.borderWidth);
exports.ItemUI = ItemUI;