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

Braineet design system

/* eslint-disable no-nested-ternary */
import { Popover } from 'ariakit/popover';
import styled from 'styled-components';
import { compose, space, typography, layout, flexbox, grid, border, position, shadow, color, background } from 'styled-system';
export var PopoverStyled = styled(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);
}, compose(typography, space, layout, flexbox, grid, border, position, shadow, color, background));