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

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.AddButtonWrapperUI = exports.AndWrapperUI = exports.ConditionListUI = exports.config = void 0;

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

var _breakpoints = require("../../styles/mixins/breakpoints.css");

var _Page = require("../Page/Page.config");

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

var config = {
  operatorHeight: '56px',
  operatorAddHeight: '52px'
};
exports.config = config;
var ConditionListUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "ConditionListcss__ConditionListUI",
  componentId: "sc-1bnkibp-0"
})(["position:relative;&::before{background:", ";bottom:0;content:'';height:100%;left:50%;margin-left:-0.5px;position:absolute;top:0;width:1px;}> *{position:relative;}&.is-withOffset{margin-left:-10px;margin-right:-10px;width:calc(100% + 20px);", ";}"], (0, _color.getColor)('border.ui'), (0, _breakpoints.breakpoint)(_Page.pageBreakpointsConfig.breakpoint.widescreen, "\n      margin-left: -60px;\n      margin-right: -60px;\n      width: calc(100% + 120px);\n    "));
exports.ConditionListUI = ConditionListUI;
var AndWrapperUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "ConditionListcss__AndWrapperUI",
  componentId: "sc-1bnkibp-1"
})(["align-items:center;display:flex;justify-content:center;height:", ";"], config.operatorHeight);
exports.AndWrapperUI = AndWrapperUI;
var AddButtonWrapperUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "ConditionListcss__AddButtonWrapperUI",
  componentId: "sc-1bnkibp-2"
})(["align-items:flex-end;display:flex;justify-content:center;height:", ";"], config.operatorAddHeight);
exports.AddButtonWrapperUI = AddButtonWrapperUI;