carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.72 kB
JavaScript
import o,{css as t}from"styled-components";import{padding as n}from"styled-system";import i from"../../style/themes/apply-base-theme.js";import e from"../icon-button/icon-button.component.js";import r from"../icon/icon.style.js";import{StyledForm as a,StyledFormContent as s,StyledFormFooter as p}from"../form/form.style.js";const c=o.div.withConfig({displayName:"popover-container.style__PopoverContainerWrapperStyle",componentId:"sc-60790147-0"})(["position:relative;display:inline-block;",""],(({hasFullWidth:o})=>o&&t(["width:100%;"]))),l=o.div.withConfig({displayName:"popover-container.style__PopoverContainerTitleStyle",componentId:"sc-60790147-1"})(["font-size:16px;font-weight:500;"]),d=o.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderStyle",componentId:"sc-60790147-2"})(["display:flex;max-width:280px;&:has(","){margin-bottom:8px;justify-content:space-between;}&:not(:has(",")){justify-content:end;}"],l,l),m=o.div.attrs(i).withConfig({displayName:"popover-container.style__PopoverContainerContentStyle",componentId:"sc-60790147-3"})([""," background:var(--colorsUtilityYang100);"," box-shadow:var(--boxShadow100);min-width:300px;position:absolute;z-index:",";"," :focus{outline:none;}&:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{flex-grow:1;min-height:0;overflow-y:auto;}","{border-bottom-right-radius:var(--borderRadius200);border-bottom-left-radius:var(--borderRadius200);}}}"],n,(({$borderRadius:o="borderRadius100"})=>{const n=o.split(" ").filter(Boolean);return t(["border-radius:",";"],n.map((o=>`var(--${o.trim()})`)).join(" "))}),(({zIndex:o})=>o),(({disableAnimation:o,$popoverOffset:n})=>o?t(["opacity:1;transform:none;"]):t(["&.enter{opacity:0;transform:translateY( ","px );}&.enter-done{opacity:1;transform:translateY(0);transition-property:opacity,transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25,0.25,0,1.5);}&.exit{opacity:0;transform:translateY(-8px);transition-property:opacity,transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25,0.25,0,1.5);}&.exit-done{opacity:0;transform:translateY(0);}"],n?-8:0)),a,a,s,p),y=o(e).withConfig({displayName:"popover-container.style__PopoverContainerOpenIcon",componentId:"sc-60790147-4"})(["","{color:var(--colorsActionMinor500);}"],r),f=o(e).withConfig({displayName:"popover-container.style__PopoverContainerCloseIcon",componentId:"sc-60790147-5"})(["position:absolute;top:16px;right:24px;","{color:var(--colorsActionMinor500);}"],r);export{f as PopoverContainerCloseIcon,m as PopoverContainerContentStyle,d as PopoverContainerHeaderStyle,y as PopoverContainerOpenIcon,l as PopoverContainerTitleStyle,c as PopoverContainerWrapperStyle};