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

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.FilteredListUI = exports.SeparatorUI = exports.BadgeItemUI = exports.BadgeUI = exports.ItemUI = void 0;

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

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

var _font = require("../../styles/utilities/font");

var _Badge = _interopRequireDefault(require("../Badge"));

var _focusRing = require("../../styles/mixins/focusRing.css");

var ItemUI = (0, _styledComponents.default)('li').withConfig({
  displayName: "FilteredListcss__ItemUI",
  componentId: "sc-1k427qx-0"
})(["display:flex;flex-direction:row;margin:0;align-items:center;color:", ";min-height:22px;"], (0, _color.getColor)('charcoal.400'));
exports.ItemUI = ItemUI;
var BadgeUI = (0, _styledComponents.default)(_Badge.default).withConfig({
  displayName: "FilteredListcss__BadgeUI",
  componentId: "sc-1k427qx-1"
})(["", ";--focusRingRadius:3px;margin-left:5px;&.is-square{background:white;border-color:", ";color:", ";font-size:12px;font-weight:500;height:22px;padding:0 7px;display:inline-flex;align-items:center;line-height:normal;}"], _focusRing.focusRing, (0, _color.getColor)('grey.500'), (0, _color.getColor)('charcoal.600'));
exports.BadgeUI = BadgeUI;
var BadgeItemUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "FilteredListcss__BadgeItemUI",
  componentId: "sc-1k427qx-2"
})(["&:not(:last-child){margin-bottom:2px;}"]);
exports.BadgeItemUI = BadgeItemUI;
var SeparatorUI = (0, _styledComponents.default)('span').withConfig({
  displayName: "FilteredListcss__SeparatorUI",
  componentId: "sc-1k427qx-3"
})(["display:inline-flex;align-items:center;color:", ";margin-left:10px;height:100%;line-height:1;"], (0, _color.getColor)('grey.600'));
exports.SeparatorUI = SeparatorUI;
var FilteredListUI = (0, _styledComponents.default)('ul').withConfig({
  displayName: "FilteredListcss__FilteredListUI",
  componentId: "sc-1k427qx-4"
})(["margin:0;", ";display:flex;flex-direction:column;&.is-inline{flex-direction:row;", "{margin-right:10px;}", "{margin-left:10px;}}"], (0, _font.setFontSize)(13), ItemUI, BadgeUI);
exports.FilteredListUI = FilteredListUI;