@activecollab/components/dist/cjs/components/SelectTrigger/Styles.js

ActiveCollab Components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledSelectTrigger = exports.StyledCaretIcon = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _Icons = require("../Icons");
var _Trigger = require("../Trigger");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var StyledSelectTrigger = exports.StyledSelectTrigger = (0, _styledComponents.default)(_Trigger.Trigger).withConfig({
  displayName: "Styles__StyledSelectTrigger",
  componentId: "sc-9799p2-0"
})(["display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 8px;width:300px;transition:border-color 0.3s ease;background-color:transparent;border:none;", " ", " ", " ", " ", " ", " ", ";", ";"], function (_ref) {
  var $mode = _ref.$mode;
  return $mode === "outlined" && (0, _styledComponents.css)(["border:1px solid var(--color-theme-500);background-color:var(--input-background-color);"]);
}, function (_ref2) {
  var disabled = _ref2.disabled;
  return disabled && (0, _styledComponents.css)(["opacity:50%;cursor:default;"]);
}, function (_ref3) {
  var $invalid = _ref3.$invalid,
    disabled = _ref3.disabled,
    $mode = _ref3.$mode;
  return !$invalid && !disabled && $mode === "outlined" && (0, _styledComponents.css)(["&:hover,&:focus{border-color:var(--color-primary-700);}"]);
}, function (_ref4) {
  var $invalid = _ref4.$invalid,
    $mode = _ref4.$mode;
  return $invalid && $mode === "outlined" && (0, _styledComponents.css)(["", " &:hover{", "}"], {
    "borderColor": "var(--red-alert)"
  }, {
    "borderColor": "var(--red-alert)"
  });
}, function (_ref5) {
  var $size = _ref5.$size;
  return $size === "small" && (0, _styledComponents.css)(["height:24px;border-radius:var(--ac-br-6);"]);
}, function (_ref6) {
  var $size = _ref6.$size;
  return $size === "regular" && (0, _styledComponents.css)(["height:32px;border-radius:var(--ac-br-8);"]);
}, function (_ref7) {
  var $size = _ref7.$size;
  return $size === "big" && (0, _styledComponents.css)(["height:40px;border-radius:var(--ac-br-8);"]);
}, function (_ref8) {
  var $size = _ref8.$size;
  return $size === "biggest" && (0, _styledComponents.css)(["height:48px;border-radius:var(--ac-br-8);"]);
});
StyledSelectTrigger.displayName = "StyledSelectTrigger";
var StyledCaretIcon = exports.StyledCaretIcon = (0, _styledComponents.default)(_Icons.CollapseExpandSingleIcon).withConfig({
  displayName: "Styles__StyledCaretIcon",
  componentId: "sc-9799p2-1"
})(["margin-left:8px;flex-shrink:0;transition:transform 200ms ease;", ""], function (_ref9) {
  var $open = _ref9.$open;
  return !$open && (0, _styledComponents.css)(["transform:rotate(180deg);"]);
});
StyledCaretIcon.displayName = "StyledCaretIcon";
//# sourceMappingURL=Styles.js.map