@braineet/ui/dist/cjs/components/combobox/combobox.sc.js

Braineet design system

"use strict";

exports.__esModule = true;
exports.ComboboxPopoverStyled = exports.ButtonCancel = void 0;
var _combobox = require("ariakit/combobox");
var _isNumber = _interopRequireDefault(require("lodash/isNumber"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _button = _interopRequireDefault(require("../button"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/* eslint-disable no-nested-ternary */

var getMaxHeight = function getMaxHeight(p) {
  return "min(\n    var(\n        --popover-available-height,\n        " + (p.maxHeight ? (0, _isNumber.default)(p.maxHeight) ? p.maxHeight + "px" : p.maxHeight : '320px') + "\n    ),\n    " + (p.maxHeight ? (0, _isNumber.default)(p.maxHeight) ? p.maxHeight + "px" : p.maxHeight : '320px') + "\n)";
};
var ComboboxPopoverStyled = exports.ComboboxPopoverStyled = (0, _styledComponents.default)(_combobox.ComboboxPopover).withConfig({
  displayName: "comboboxsc__ComboboxPopoverStyled",
  componentId: "sc-yu6nwm-0"
})(["display:block;text-align:left;padding:", ";border:1px solid ", ";border-radius:", ";box-shadow:0px 8px 16px -8px ", ";overflow:auto;overscroll-behavior:contain;max-height:", ";max-width:var(--popover-available-width);background:", ";z-index:", ";"], function (props) {
  return props.theme.spaces.md;
}, function (p) {
  return p.theme.colors.black10;
}, function (props) {
  return props.theme.borderRadius.md;
}, function (props) {
  return props.theme.utils.lighten('black', 0.32);
}, function (p) {
  return getMaxHeight(p);
}, function (p) {
  return p.theme.colors.background.white;
}, function (props) {
  return props.$zIndex || (props.modal || props.portal ? props.theme.zIndex.overlay : props.theme.zIndex.dropdown);
});
var ButtonCancel = exports.ButtonCancel = (0, _styledComponents.default)(_button.default).withConfig({
  displayName: "comboboxsc__ButtonCancel",
  componentId: "sc-yu6nwm-1"
})(["position:absolute;right:4px;top:4px;"]);