@braineet/ui/dist/cjs/components/popOver/styles.js

Braineet design system

"use strict";

exports.__esModule = true;
exports.PopoverStyled = void 0;
var _popover = require("ariakit/popover");
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _styledSystem = require("styled-system");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/* eslint-disable no-nested-ternary */

var PopoverStyled = exports.PopoverStyled = (0, _styledComponents.default)(_popover.Popover).withConfig({
  displayName: "styles__PopoverStyled",
  componentId: "sc-dsibm-0"
})(["display:block;text-align:left;padding:", ";border:1px solid ", ";border-radius:", ";box-shadow:0px 8px 16px -8px ", ";max-height:var(--popover-available-height);background:", ";z-index:", ";min-width:max-content;", ""], 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 p.theme.colors.background.white;
}, function (props) {
  return props.$zIndex || (props.modal || props.portal ? props.theme.zIndex.overlay : props.theme.zIndex.dropdown);
}, (0, _styledSystem.compose)(_styledSystem.typography, _styledSystem.space, _styledSystem.layout, _styledSystem.flexbox, _styledSystem.grid, _styledSystem.border, _styledSystem.position, _styledSystem.shadow, _styledSystem.color, _styledSystem.background));