carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.9 kB
JavaScript
;var o=require("styled-components"),t=require("styled-system"),e=require("../../style/themes/apply-base-theme.js"),n=require("../icon-button/icon-button.component.js"),r=require("../icon/icon.style.js"),i=require("../form/form.style.js");function a(o){return o&&o.__esModule?o:{default:o}}var s=a(o);const p=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerWrapperStyle",componentId:"sc-60790147-0"})(["position:relative;display:inline-block;",""],(({hasFullWidth:t})=>t&&o.css(["width:100%;"]))),l=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerTitleStyle",componentId:"sc-60790147-1"})(["font-size:16px;font-weight:500;"]),d=s.default.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),c=s.default.div.attrs(e.default).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);}}}"],t.padding,(({$borderRadius:t="borderRadius100"})=>{const e=t.split(" ").filter(Boolean);return o.css(["border-radius:",";"],e.map((o=>`var(--${o.trim()})`)).join(" "))}),(({zIndex:o})=>o),(({disableAnimation:t,$popoverOffset:e})=>t?o.css(["opacity:1;transform:none;"]):o.css(["&.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);}"],e?-8:0)),i.StyledForm,i.StyledForm,i.StyledFormContent,i.StyledFormFooter),y=s.default(n.default).withConfig({displayName:"popover-container.style__PopoverContainerOpenIcon",componentId:"sc-60790147-4"})(["","{color:var(--colorsActionMinor500);}"],r.default),u=s.default(n.default).withConfig({displayName:"popover-container.style__PopoverContainerCloseIcon",componentId:"sc-60790147-5"})(["position:absolute;top:16px;right:24px;","{color:var(--colorsActionMinor500);}"],r.default);exports.PopoverContainerCloseIcon=u,exports.PopoverContainerContentStyle=c,exports.PopoverContainerHeaderStyle=d,exports.PopoverContainerOpenIcon=y,exports.PopoverContainerTitleStyle=l,exports.PopoverContainerWrapperStyle=p;