"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledFlexbox = exports.ContainerLabel = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _ = require("../..");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
var variantStyles = function variantStyles(theme, variant, $selected) {
  return {
    default: (0, _styledComponents.css)(["", ""], $selected && "\n      color: ".concat(theme.color.quickFilterSelectedText, ";\n      background: ").concat(theme.color.quickFilterSelectedBackground, ";\n      &:focus-visible {\n        outline: 1px solid ").concat(theme.color.quickFilterFocusSelectedOutline, ";\n      }\n      ")),
    sustainability: (0, _styledComponents.css)(["&:hover{color:", ";}", ""], theme.color.quickFilterSustainabilityHoverColor, $selected && "\n      color: ".concat(theme.color.quickFilterSustainabilityColor, ";\n      background: ").concat(theme.color.quickFilterSustainabilityBackground, ";\n      &:focus-visible {\n        outline: 1px solid ").concat(theme.color.quickFilterSustainabilityColor, ";\n      }\n      ")),
    brand: (0, _styledComponents.css)(["", ""], $selected && "\n      color: ".concat(theme.color.quickFilterBrandActiveColor, ";\n      background: ").concat(theme.color.quickFilterBrandActiveBackground, ";\n      &:focus-visible {\n        outline: 1px solid ").concat(theme.color.quickFilterBrandFocusBorder, ";\n      }\n      &:hover {\n        color: ").concat(theme.color.quickFilterBrandHoverColor, ";\n      }\n      "))
  }[variant];
};
var ContainerLabel = exports.ContainerLabel = _styledComponents.default.label.withConfig({
  displayName: "FilterChipstyled__ContainerLabel",
  componentId: "sc-al5q42-0"
})(["border-radius:50%;box-sizing:border-box;display:inline-flex;align-items:center;cursor:pointer;padding:", "px;height:", "px;color:", ";background:", ";outline-offset:-1px;&:hover{color:", ";}&:focus-visible{outline:1px solid ", ";}transition:color 222ms,background 222ms,outline 222ms;", " ", " ", ";"], function (p) {
  return p.theme.spacing.unit(2);
}, function (p) {
  return p.theme.spacing.unit(8);
}, function (p) {
  return p.theme.color.quickFilterText;
}, function (p) {
  return p.theme.color.quickFilterBackground;
}, function (p) {
  return p.theme.color.quickFilterSelectedText;
}, function (p) {
  return p.theme.color.quickFilterFocusOutline;
}, function (_ref) {
  var theme = _ref.theme,
    variant = _ref.variant,
    $selected = _ref.$selected;
  return variantStyles(theme, variant, $selected);
}, function (_ref2) {
  var hasLabel = _ref2.hasLabel,
    theme = _ref2.theme;
  return hasLabel && "\n    border-radius: ".concat(theme.spacing.unit(4), "px;\n    ").concat(theme.media.greaterThan(theme.breakpoints.md), " {\n      padding: 0 ").concat(theme.spacing.unit(3), "px;\n      height: ").concat(theme.spacing.unit(6), "px;\n    }\n    ").concat(theme.media.lessThan(theme.breakpoints.md), " {\n      padding: ").concat(theme.spacing.unit(1), "px ").concat(theme.spacing.unit(3), "px;\n    }\n  ");
}, function (p) {
  return p.$disabled && "\n      background: ".concat(p.theme.color.disabledBackground, ";\n      color: ").concat(p.theme.color.disabledText, ";\n      cursor: not-allowed;\n      &:focus-visible {\n        outline: none;\n      }\n      &:hover {\n        color: ").concat(p.theme.color.disabledText, ";\n      }\n    ");
});
var StyledFlexbox = exports.StyledFlexbox = (0, _styledComponents.default)(_.Flexbox).withConfig({
  displayName: "FilterChipstyled__StyledFlexbox",
  componentId: "sc-al5q42-1"
})(["& > *{color:inherit;}"]);