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

ActiveCollab Components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledInfoSmallIcon = exports.StyledInfoIcon = exports.StyledComboBoxList = exports.StyledComboBoxInput = exports.StyledComboBoxCollapseExpandSingleIcon = exports.StyledComboBoxCloseSmallIcon = exports.StyledChipWrapper = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _collection = require("../Icons/collection");
var _Input = require("../Input/Input");
var _Styles = require("../Input/Styles");
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 StyledComboBoxInput = exports.StyledComboBoxInput = (0, _styledComponents.default)(_Input.Input).withConfig({
  displayName: "Styles__StyledComboBoxInput",
  componentId: "sc-5qvkpb-0"
})(["overflow:hidden;text-overflow:ellipsis;width:100%;"]);
StyledComboBoxInput.displayName = "StyledComboBoxInput";
var StyledIconDefaults = (0, _styledComponents.css)(["flex-shrink:0;cursor:pointer;"]);
var StyledComboBoxCollapseExpandSingleIcon = exports.StyledComboBoxCollapseExpandSingleIcon = (0, _styledComponents.default)(_collection.CollapseExpandSingleIcon).withConfig({
  displayName: "Styles__StyledComboBoxCollapseExpandSingleIcon",
  componentId: "sc-5qvkpb-1"
})(["", ";color:var(--color-theme-600);transform:rotate(180deg);", ""], StyledIconDefaults, function (props) {
  return props.$open && (0, _styledComponents.css)(["transform:rotate(0deg);"]);
});
StyledComboBoxCollapseExpandSingleIcon.displayName = "StyledComboBoxCollapseExpandSingleIcon";
var StyledComboBoxCloseSmallIcon = exports.StyledComboBoxCloseSmallIcon = (0, _styledComponents.default)(_collection.CloseSmallIcon).withConfig({
  displayName: "Styles__StyledComboBoxCloseSmallIcon",
  componentId: "sc-5qvkpb-2"
})(["", ";opacity:0;transition-property:all;transition-duration:0.2s;transition-delay:0.5s;", ":hover,", ":hover &{opacity:1;transition-delay:0s;}"], StyledIconDefaults, StyledComboBoxInput, _Styles.StyledInputWrapper);
StyledComboBoxCloseSmallIcon.displayName = "StyledComboBoxCloseSmallIcon";
var StyledComboBoxList = exports.StyledComboBoxList = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledComboBoxList",
  componentId: "sc-5qvkpb-3"
})(["min-width:260px;background-color:var(--page-paper-main);border-radius:8px;border:1px solid var(--border-primary);box-shadow:var(--shadow-tertiary);margin:8px 0;width:", ";", ""], function (props) {
  return "".concat(props.$width, "px");
}, function (_ref) {
  var $hide = _ref.$hide;
  return $hide === true && (0, _styledComponents.css)(["display:none;"]);
});
StyledComboBoxList.displayName = "StyledComboBoxList";
var StyledChipWrapper = exports.StyledChipWrapper = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledChipWrapper",
  componentId: "sc-5qvkpb-4"
})(["", ";", ";", ";", " ", " ", ""], {
  "display": "flex"
}, {
  "gap": "0.25rem"
}, {
  "flex": "1 1 0%"
}, function (_ref2) {
  var $open = _ref2.$open;
  return !$open && (0, _styledComponents.css)(["overflow:hidden;"]);
}, function (_ref3) {
  var $autoSize = _ref3.$autoSize;
  return $autoSize === "auto" && (0, _styledComponents.css)(["", ";", ";"], {
    "flexWrap": "wrap"
  }, {
    "width": "100%"
  });
}, function (_ref4) {
  var $autoSize = _ref4.$autoSize;
  return $autoSize !== "auto" && (0, _styledComponents.css)(["align-items:center;"]);
});
StyledChipWrapper.displayName = "StyledChipWrapper";
var StyledInfoIcon = exports.StyledInfoIcon = (0, _styledComponents.default)(_collection.InfoIcon).withConfig({
  displayName: "Styles__StyledInfoIcon",
  componentId: "sc-5qvkpb-5"
})(["", ""], {
  "cursor": "help",
  "fill": "var(--red-alert)"
});
StyledInfoIcon.displayName = "StyledInfoIcon";
var StyledInfoSmallIcon = exports.StyledInfoSmallIcon = (0, _styledComponents.default)(_collection.InfoSmallIcon).withConfig({
  displayName: "Styles__StyledInfoSmallIcon",
  componentId: "sc-5qvkpb-6"
})(["", ""], {
  "cursor": "help",
  "fill": "var(--red-alert)"
});
StyledInfoSmallIcon.displayName = "StyledInfoSmallIcon";
//# sourceMappingURL=Styles.js.map