@leafygreen-ui/popover - npm Package Compare versions

Comparing version 13.0.3 to 13.0.4

CHANGELOG.md

 # @leafygreen-ui/popover
 
+## 13.0.4
+
+### Patch Changes
+
+- 541e12e75: Updates builds to leverage Rollup tree shaking. (see [`tools/build/config/rollup.config.mjs`](https://github.com/mongodb/leafygreen-ui/blob/main/tools/build/config/rollup.config.mjs))
+- Updated dependencies [541e12e75]
+  - @leafygreen-ui/emotion@4.0.10
+  - @leafygreen-ui/hooks@8.3.5
+  - @leafygreen-ui/leafygreen-provider@4.0.3
+  - @leafygreen-ui/lib@14.0.3
+  - @leafygreen-ui/portal@6.0.3
+  - @leafygreen-ui/tokens@2.11.4
+
 ## 13.0.3
@@ -4,0 +17,0 @@

package.json

 {
   "name": "@leafygreen-ui/popover",
-  "version": "13.0.3",
+  "version": "13.0.4",
   "description": "LeafyGreen UI Kit Popover",
@@ -23,14 +23,14 @@ "main": "./dist/index.js",
     "react-transition-group": "^4.4.5",
-    "@leafygreen-ui/emotion": "^4.0.9",
-    "@leafygreen-ui/hooks": "^8.3.4",
-    "@leafygreen-ui/lib": "^14.0.2",
-    "@leafygreen-ui/portal": "^6.0.2",
-    "@leafygreen-ui/tokens": "^2.11.3"
+    "@leafygreen-ui/emotion": "^4.0.10",
+    "@leafygreen-ui/lib": "^14.0.3",
+    "@leafygreen-ui/portal": "^6.0.3",
+    "@leafygreen-ui/tokens": "^2.11.4",
+    "@leafygreen-ui/hooks": "^8.3.5"
   },
   "devDependencies": {
-    "@leafygreen-ui/button": "^22.0.2",
-    "@leafygreen-ui/palette": "^4.1.3"
+    "@leafygreen-ui/button": "^23.1.0",
+    "@leafygreen-ui/palette": "^4.1.4"
   },
   "peerDependencies": {
-    "@leafygreen-ui/leafygreen-provider": "^4.0.2"
+    "@leafygreen-ui/leafygreen-provider": "^4.0.3"
   },
@@ -37,0 +37,0 @@ "gitHead": "dd71a2d404218ccec2e657df9c0263dc1c15b9e0",

stories.js

@@ -1,1 +0,1 @@
-import e,{useState as n,useMemo as t,useRef as r,forwardRef as o,Fragment as a}from"react";import{storybookExcludedControlParams as i}from"@lg-tools/storybook-utils";import l from"@leafygreen-ui/button";import{css as s,cx as c}from"@leafygreen-ui/emotion";import{palette as p}from"@leafygreen-ui/palette";import{transitionDuration as d,spacing as u,color as f}from"@leafygreen-ui/tokens";import{Transition as m}from"react-transition-group";import{useFloating as g,offset as v,flip as y,autoUpdate as h}from"@floating-ui/react";import{useIsomorphicLayoutEffect as b,useObjectDependency as E,useMergeRefs as x}from"@leafygreen-ui/hooks";import{useMigrationContext as C,usePopoverPropsContext as M,usePopoverPortalContainer as T,usePopoverContext as j}from"@leafygreen-ui/leafygreen-provider";import{createUniqueClassName as w,consoleOnce as O}from"@leafygreen-ui/lib";import N from"@leafygreen-ui/portal";function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){A(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function S(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof n?n:n+""}function A(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function L(){return L=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},L.apply(this,arguments)}function I(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function k(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function z(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a,i,l=[],s=!0,c=!1;try{if(a=(t=t.call(e)).next,0===n);else for(;!(s=(r=a.call(t)).done)&&(l.push(r.value),l.length!==n);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw o}}return l}}(e,n)||H(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function B(e){return function(e){if(Array.isArray(e))return V(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||H(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function H(e,n){if(e){if("string"==typeof e)return V(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?V(e,n):void 0}}function V(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var Z={Inline:"inline",Portal:"portal",TopLayer:"top-layer"},D={Auto:"auto",Manual:"manual"},F={Top:"top",Bottom:"bottom",Left:"left",Right:"right",CenterVertical:"center-vertical",CenterHorizontal:"center-horizontal"},U={Start:"start",Middle:"middle",End:"end"},X="top",Y="bottom",$="left",q="right",G="center",J={top:0,bottom:0,left:0,right:0,height:0,width:0},K=function(e,n){var t=e.getBoundingClientRect(),r=t.top,o=t.bottom,a=t.left,i=t.right,l=t.width;return{top:r,bottom:o,left:a,right:i,height:e.offsetHeight,width:l}};var Q,W,_,ee,ne,te,re,oe,ae,ie,le,se,ce,pe,de,ue,fe,me,ge,ve,ye,he,be,Ee,xe,Ce,Me,Te,je,we=function(e,n){return e===F.CenterHorizontal&&(e=F.Right),e===F.CenterVertical&&(e=F.Bottom),n===U.Middle?e:"".concat(e,"-").concat(n)},Oe=["renderMode","dismissMode","onToggle","portalClassName","portalContainer","portalRef","scrollContainer","onEnter","onEntering","onEntered","onExit","onExiting","onExited","popoverZIndex","spacing"];function Ne(e,r){var o=z(n(null),2),a=o[0],i=o[1],l=z(n(null),2),s=l[0],c=l[1];b((function(){if(e&&e.current)c(e.current);else{var n=null!==a&&a.parentNode;n&&n instanceof HTMLElement&&c(n)}}),[a,e]);var p=E(t((function(){return function(e,n,t){if(!e)return J;var r=K(e),o=r.top,a=r.bottom,i=r.left,l=r.right,s=r.height,c=r.width;if(n){var p=n.scrollTop,d=n.scrollLeft,u=n.getBoundingClientRect();return{top:o+p-u.top,bottom:a+p-u.bottom,left:i+d-u.left,right:l+d-u.right,height:s,width:c}}var f=window,m=f.scrollX,g=f.scrollY;return{top:o+g,bottom:a+g,left:i+m,right:l+m,height:s,width:c}}(s,r)}),[s,r]));return{referenceElement:s,referenceElDocumentPos:p,setPlaceholderElement:i}}var Pe=.8,Re=d.default,Se=w("popover-content"),Ae=s(Q||(Q=k(["\n  display: none;\n"]))),Le=s(W||(W=k(["\n  margin: 0;\n  border: none;\n  padding: 0;\n  overflow: visible;\n  background-color: transparent;\n  width: max-content;\n\n  transition-property: opacity, transform, overlay;\n  transition-duration: ","ms;\n  transition-timing-function: ease-in-out;\n  transition-behavior: allow-discrete;\n\n  opacity: 0;\n  transform: scale(",");\n\n  &::backdrop {\n    transition-property: background, overlay;\n    transition-duration: ","ms;\n    transition-timing-function: ease-in-out;\n    transition-behavior: allow-discrete;\n  }\n"])),Re,Pe,Re),Ie={top:s(ee||(ee=k(["\n    transform-origin: bottom;\n  "]))),"top-start":s(ne||(ne=k(["\n    transform-origin: bottom left;\n  "]))),"top-end":s(te||(te=k(["\n    transform-origin: bottom right;\n  "]))),bottom:s(re||(re=k(["\n    transform-origin: top;\n  "]))),"bottom-start":s(oe||(oe=k(["\n    transform-origin: top left;\n  "]))),"bottom-end":s(ae||(ae=k(["\n    transform-origin: top right;\n  "]))),left:s(ie||(ie=k(["\n    transform-origin: right;\n  "]))),"left-start":s(le||(le=k(["\n    transform-origin: right top;\n  "]))),"left-end":s(se||(se=k(["\n    transform-origin: right bottom;\n  "]))),right:s(ce||(ce=k(["\n    transform-origin: left;\n  "]))),"right-start":s(pe||(pe=k(["\n    transform-origin: left top;\n  "]))),"right-end":s(de||(de=k(["\n    transform-origin: left bottom;\n  "]))),center:s(ue||(ue=k(["\n    transform-origin: center;\n  "]))),"center-start":s(fe||(fe=k(["\n    transform-origin: top;\n  "]))),"center-end":s(me||(me=k(["\n    transform-origin: bottom;\n  "])))},ke=s(ge||(ge=k(["\n  opacity: 0;\n"]))),ze=s(xe||(xe=k(["\n  opacity: 1;\n  pointer-events: initial;\n\n  &:popover-open {\n    opacity: 1;\n\n    pointer-events: initial;\n  }\n"]))),Be=function(e){var n=e.className,t=e.left,r=e.placement,o=e.popoverZIndex,a=e.position,i=e.spacing,l=e.state,p=e.top,d=e.transformAlign;return c(Le,function(e){var n=e.left,t=e.position,r=e.top;return s(_||(_=k(["\n  left: ","px;\n  position: ",";\n  top: ","px;\n"])),n,t,r)}({left:t,position:a,top:p}),Ie[r],A(A(A({},function(e,n){switch(n){case X:return c(ke,s(ve||(ve=k(["\n          transform: translate3d(0, ","px, 0)\n            scale(",");\n        "])),e,Pe));case Y:return c(ke,s(ye||(ye=k(["\n          transform: translate3d(0, -","px, 0)\n            scale(",");\n        "])),e,Pe));case $:return c(ke,s(he||(he=k(["\n          transform: translate3d(","px, 0, 0)\n            scale(",");\n        "])),e,Pe));case q:return c(ke,s(be||(be=k(["\n          transform: translate3d(-","px, 0, 0)\n            scale(",");\n        "])),e,Pe));default:return c(ke,s(Ee||(Ee=k(["\n          transform: scale(",");\n        "])),Pe))}}(i,d),"entered"!==l),function(e){switch(e){case X:case Y:return c(ze,s(Ce||(Ce=k(["\n          transform: translateY(0) scale(1);\n\n          &:popover-open {\n            transform: translateY(0) scale(1);\n          }\n        "]))));case $:case q:return c(ze,s(Me||(Me=k(["\n          transform: translateX(0) scale(1);\n\n          &:popover-open {\n            transform: translateX(0) scale(1);\n          }\n        "]))));default:return c(ze,s(Te||(Te=k(["\n          transform: scale(1);\n\n          &:popover-open {\n            transform: scale(1);\n          }\n        "]))))}}(d),"entered"===l),s(je||(je=k(["\n        z-index: ",";\n      "])),o),"number"==typeof o),n)},He=["active","adjustOnMutation","align","children","className","justify","refEl"],Ve=["renderMode","dismissMode","onToggle","usePortal","portalClassName","portalContainer","portalRef","scrollContainer","onEnter","onEntering","onEntered","onExit","onExiting","onExited","popoverZIndex","spacing"],Ze=o((function(n,t){var o=n.active,i=void 0!==o&&o;n.adjustOnMutation;var l=n.align,s=void 0===l?F.Bottom:l,c=n.children,p=n.className,d=n.justify,f=void 0===d?U.Start:d,b=n.refEl,E=function(e){var n=e.renderMode,t=e.dismissMode,r=e.onToggle,o=e.portalClassName,a=e.portalContainer,i=e.portalRef,l=e.scrollContainer,s=e.onEnter,c=e.onEntering,p=e.onEntered,d=e.onExit,u=e.onExiting,f=e.onExited,m=e.popoverZIndex,g=e.spacing,v=I(e,Oe),y=C().forceUseTopLayer,h=M(),b=T(),E=y?Z.TopLayer:n||h.renderMode,x=E===Z.Portal,j=E===Z.TopLayer,w=j?{dismissMode:t||h.dismissMode,onToggle:r||h.onToggle}:{},O=x?{portalClassName:o||h.portalClassName,portalContainer:a||h.portalContainer||b.portalContainer,portalRef:i||h.portalRef,scrollContainer:l||h.scrollContainer||b.scrollContainer}:{},N={onEnter:s||h.onEnter,onEntering:c||h.onEntering,onEntered:p||h.onEntered,onExit:d||h.onExit,onExiting:u||h.onExiting,onExited:f||h.onExited},P={popoverZIndex:j?void 0:m||h.popoverZIndex,spacing:g||h.spacing};return R(R(R(R(R({renderMode:E,usePortal:x},w),O),N),P),v)}(I(n,He)),w=E.renderMode,P=void 0===w?Z.TopLayer:w,S=E.dismissMode,A=void 0===S?D.Auto:S,k=E.onToggle,B=E.usePortal,H=E.portalClassName,V=E.portalContainer,X=E.portalRef,Y=E.scrollContainer,J=E.onEnter,K=E.onEntering,Q=E.onEntered,W=E.onExit,_=E.onExiting,ee=E.onExited,ne=E.popoverZIndex,te=E.spacing,re=void 0===te?u[100]:te,oe=I(E,Ve),ae=j().setIsPopoverOpen;B&&Y&&(Y.contains(V)||O.warn("To ensure correct positioning make sure that the portalContainer element is inside of the scrollContainer"));var ie=B?N:a,le=B?{className:V?void 0:H,container:null!=V?V:void 0,portalRef:X}:{},se=Ne(b,Y),ce=se.referenceElement,pe=se.referenceElDocumentPos,de=se.setPlaceholderElement,ue=function(){var n=z(e.useState(null),2),t=n[0],o=n[1],a=r(t);return a.current=t,{contentNode:t,contentNodeRef:a,setContentNode:o}}(),fe=ue.contentNodeRef,me=ue.setContentNode,ge=g({elements:{reference:ce},middleware:[v((function(e){var n=e.rects;return function(e,n,t){return e===F.CenterHorizontal?-t.reference.width/2-t.floating.width/2:e===F.CenterVertical?-t.reference.height/2-t.floating.height/2:n}(s,re,n)}),[s,re]),y({boundary:null!=Y?Y:"clippingAncestors"})],open:i,placement:we(s,f),strategy:P===Z.TopLayer?"fixed":"absolute",transform:!1,whileElementsMounted:h}),ve=ge.context,ye=ge.elements,he=ge.placement,be=ge.refs,Ee=ge.strategy,xe=ge.x,Ce=ge.y,Me=x([be.setFloating,t]),Te=function(e){var n=z(e.split("-"),2),t=n[0],r=n[1];return{align:t,justify:r||U.Middle}}(he),je=Te.align,Pe=Te.justify,Le=function(e){var n=e.placement,t=e.align,r=z(n.split("-"),2),o=r[0],a=r[1];if(t!==F.CenterHorizontal&&t!==F.CenterVertical)return{placement:n,transformAlign:o};if(a===U.Start){if(t===F.CenterHorizontal)return{placement:"center-start",transformAlign:G};if(t===F.CenterVertical)return{placement:"right",transformAlign:q}}if(a===U.End){if(t===F.CenterHorizontal)return{placement:"center-end",transformAlign:G};if(t===F.CenterVertical)return{placement:"left",transformAlign:$}}return{placement:"center",transformAlign:G}}({placement:he,align:s}),Ie=Le.placement,ke=Le.transformAlign;return e.createElement(e.Fragment,null,e.createElement("span",{ref:de,className:Ae}),e.createElement(m,{nodeRef:fe,in:ve.open,timeout:{appear:0,enter:Re,exit:Re},onEnter:J,onEntering:function(e){var n,t,r;P===Z.TopLayer&&(null===(n=ye.floating)||void 0===n||n.addEventListener("toggle",k),null===(t=ye.floating)||void 0===t||null===(r=t.showPopover)||void 0===r||r.call(t));null==K||K(e)},onEntered:function(e){ae(!0),null==Q||Q(e)},onExit:W,onExiting:_,onExited:function(){var e,n,t;(ae(!1),P===Z.TopLayer)&&(null===(e=ye.floating)||void 0===e||e.removeEventListener("toggle",k),null===(n=ye.floating)||void 0===n||null===(t=n.hidePopover)||void 0===t||t.call(n));null==ee||ee()},mountOnEnter:!0,unmountOnExit:!0,appear:!0},(function(n){return e.createElement(e.Fragment,null,e.createElement(ie,le,e.createElement("div",L({ref:Me,className:Be({className:p,left:xe,placement:Ie,popoverZIndex:ne,position:Ee,spacing:re,state:n,top:Ce,transformAlign:ke}),popover:P===Z.TopLayer?A:void 0},oe),e.createElement("div",{ref:me,className:Se},null===c?null:"function"==typeof c?c({align:je,justify:Pe,referenceElPos:pe}):c))))})))}));Ze.displayName="Popover";var De,Fe,Ue,Xe,Ye,$e,qe=["buttonText"],Ge=["portalClassName","portalContainer","portalRef","scrollContainer","dismissMode","renderMode","onToggle"],Je=["buttonText"],Ke=["dismissMode","onToggle","renderMode"],Qe=["buttonText"],We=["dismissMode","onToggle","renderMode","portalClassName","portalContainer","portalRef","scrollContainer"],_e=s(De||(De=k(["\n  border: 1px solid ",";\n  text-align: center;\n  padding: 12px;\n  max-height: 100%;\n  overflow: hidden;\n  // Reset these properties since they'll be inherited\n  // from the container element when not using a portal.\n  font-size: initial;\n  color: initial;\n  background-color: initial;\n"])),p.gray.light1),en=s(Fe||(Fe=k(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),nn=s(Ue||(Ue=k(["\n  width: 500px;\n  height: 90vh;\n  background-color: ",";\n  overflow: scroll;\n  position: relative;\n"])),p.gray.light2),tn=s(Xe||(Xe=k(["\n  position: relative;\n  height: 160vh;\n  width: 80vw;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),rn=[].concat(B(i),["active","children","portalClassName","refButtonPosition","refEl"]),on={title:"Components/Popover",component:Ze,parameters:{default:"LiveExample",controls:{exclude:rn},generate:{storyNames:["Top","Right","Bottom","Left","CenterHorizontal","CenterVertical"],combineArgs:{justify:Object.values(U)},args:{active:!0,children:e.createElement("div",{className:_e},"Popover content")},decorator:function(n){return e.createElement("div",{className:s(Ye||(Ye=k(["\n              position: relative;\n              width: 60vw;\n              height: 150px;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n            "])))},e.createElement(l,null,"Button Text",e.createElement(n,{buttonText:void 0,className:s($e||($e=k(["\n                  background-color: ",";\n                "])),f.light.background.primary.default),dismissMode:"manual"})))}}},args:{adjustOnMutation:!1,align:F.Top,buttonText:"Button Text",dismissMode:D.Auto,justify:U.Start,renderMode:Z.TopLayer,spacing:4},argTypes:{align:{options:Object.values(F),control:{type:"radio"}},buttonText:{type:"string",description:"Storybook only prop. Used to change the reference button text"},dismissMode:{options:Object.values(D),control:{type:"radio"}},justify:{options:Object.values(U),control:{type:"radio"}},renderMode:{options:Object.values(Z),control:{type:"radio"}}}},an=function(t){var o=t.buttonText,a=I(t,qe),i=a.portalClassName,s=a.portalContainer,c=a.portalRef,p=a.scrollContainer,d=a.dismissMode,u=a.renderMode,f=void 0===u?Z.TopLayer:u,m=a.onToggle,g=I(a,Ge),v=r(null),y=z(n(!1),2),h=y[0],b=y[1],E=R(R({active:h,refEl:v},function(e){var n=e.dismissMode,t=e.onToggle,r=e.portalClassName,o=e.portalContainer,a=e.portalRef,i=e.renderMode,l=e.scrollContainer;return i===Z.Inline?{renderMode:i}:i===Z.Portal?{renderMode:i,portalClassName:r,portalContainer:o,portalRef:a,scrollContainer:l}:{dismissMode:n,onToggle:t,renderMode:i}}({dismissMode:d,onToggle:function(e){null==m||m(e);var n="open"===e.newState;b(n)},portalClassName:i,portalContainer:s,portalRef:c,renderMode:f,scrollContainer:p})),g);return e.createElement("div",{className:en},e.createElement(l,{onClick:function(){b((function(e){return!e}))},ref:v},o),e.createElement(Ze,E,e.createElement("div",{className:_e},"Popover content")))};an.parameters={chromatic:{disableSnapshot:!0}};var ln={render:function(t){var o=t.buttonText,a=I(t,Je);a.dismissMode,a.onToggle,a.renderMode;var i=I(a,Ke),s=z(n(!1),2),c=s[0],p=s[1],d=r(null),u=r(null);return e.createElement("div",{className:nn},e.createElement("div",{className:tn,ref:u},e.createElement(l,{onClick:function(){return p((function(e){return!e}))}},o,e.createElement(Ze,L({},i,{active:c,renderMode:Z.Portal,portalContainer:u.current,portalRef:d,scrollContainer:u.current}),e.createElement("div",{className:_e},"Popover content")))))},parameters:{chromatic:{disableSnapshot:!0},controls:{exclude:[].concat(B(rn),["dismissMode","renderMode"])}},argTypes:{renderMode:{control:"none"},portalClassName:{control:"none"},refEl:{control:"none"},className:{control:"none"},active:{control:"none"}}},sn={render:function(t){var o=t.buttonText,a=I(t,Qe);a.dismissMode,a.onToggle,a.renderMode,a.portalClassName,a.portalContainer,a.portalRef,a.scrollContainer;var i=I(a,We),s=r(null),c=z(n(!1),2),p=c[0],d=c[1];return e.createElement("div",{className:en},e.createElement(l,{onClick:function(){return d((function(e){return!e}))},ref:s},o),e.createElement(Ze,L({},i,{active:p,refEl:s,renderMode:Z.Inline}),e.createElement("div",{className:_e},"Popover content")))},parameters:{chromatic:{disableSnapshot:!0},controls:{exclude:[].concat(B(rn),["dismissMode","renderMode"])}},argTypes:{renderMode:{control:"none"},portalClassName:{control:"none"},refEl:{control:"none"},className:{control:"none"},active:{control:"none"}}},cn=[].concat(B(i),["active","adjustOnMutation","align","buttonText","children","dismissMode","justify","portalClassName","refButtonPosition","refEl","renderMode","spacing","usePortal"]),pn={render:an.bind({}),args:{align:F.Top},parameters:{controls:{exclude:cn}}},dn={render:an.bind({}),args:{align:F.Bottom},parameters:{controls:{exclude:cn}}},un={render:an.bind({}),args:{align:F.Left},parameters:{controls:{exclude:cn}}},fn={render:an.bind({}),args:{align:F.Right},parameters:{controls:{exclude:cn}}},mn={render:an.bind({}),args:{align:F.CenterHorizontal},parameters:{controls:{exclude:cn}}},gn={render:an.bind({}),args:{align:F.CenterVertical},parameters:{controls:{exclude:cn}}};export{dn as Bottom,mn as CenterHorizontal,gn as CenterVertical,un as Left,an as LiveExample,sn as RenderModeInline,ln as RenderModePortalInScrollableContainer,fn as Right,pn as Top,on as default};
+import n,{useRef as e,useEffect as r,useState as t,useMemo as o,forwardRef as a,Fragment as i}from"react";import{css as l,cx as s}from"@leafygreen-ui/emotion";import{useDarkMode as c,useMigrationContext as d,usePopoverPropsContext as p,usePopoverPortalContainer as u,usePopoverContext as f}from"@leafygreen-ui/leafygreen-provider";import{consoleOnce as g,Theme as m,createUniqueClassName as b,getTheme as h}from"@leafygreen-ui/lib";import{transitionDuration as v,fontFamilies as y,fontWeights as x,typeScales as E,BaseFontSize as k,spacing as w,color as O}from"@leafygreen-ui/tokens";import{transparentize as C,mix as j}from"polished";import{Transition as N}from"react-transition-group";import{useFloating as P,offset as M,flip as T,autoUpdate as F}from"@floating-ui/react";import{useIsomorphicLayoutEffect as L,useObjectDependency as S,useMergeRefs as R}from"@leafygreen-ui/hooks";import z from"@leafygreen-ui/portal";function A(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,t)}return r}function I(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?A(Object(r),!0).forEach((function(e){B(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function D(n){var e=function(n,e){if("object"!=typeof n||!n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,e);if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n,"string");return"symbol"==typeof e?e:e+""}function B(n,e,r){return(e=D(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function _(){return _=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n},_.apply(this,arguments)}function G(n,e){if(null==n)return{};var r,t,o=function(n,e){if(null==n)return{};var r,t,o={},a=Object.keys(n);for(t=0;t<a.length;t++)r=a[t],e.indexOf(r)>=0||(o[r]=n[r]);return o}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(t=0;t<a.length;t++)r=a[t],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(o[r]=n[r])}return o}function H(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function Y(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var t,o,a,i,l=[],s=!0,c=!1;try{if(a=(r=r.call(n)).next,0===e);else for(;!(s=(t=a.call(r)).done)&&(l.push(t.value),l.length!==e);s=!0);}catch(n){c=!0,o=n}finally{try{if(!s&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw o}}return l}}(n,e)||V(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Z(n){return function(n){if(Array.isArray(n))return U(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||V(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function V(n,e){if(n){if("string"==typeof n)return U(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?U(n,e):void 0}}function U(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}var q=["aria-controls","aria-describedby","aria-label","aria-labelledby","aria-describedby","className","data-lgid","id","onBlur","onCancel","onChange","onClear","onClick","onConfirm","onDismiss","onFilter","popoverZIndex","portalClassName","portalContainer","ref","setOpen","scrollContainer","usePortal"];function X(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,t)}return r}function W(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?X(Object(r),!0).forEach((function(e){$(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):X(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function $(n,e,r){return(e=function(n){var e=function(n,e){if("object"!=typeof n||!n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function J(){return J=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n},J.apply(this,arguments)}function K(n,e){if(null==n)return{};var r,t,o=function(n,e){if(null==n)return{};var r,t,o={},a=Object.keys(n);for(t=0;t<a.length;t++)r=a[t],e.indexOf(r)>=0||(o[r]=n[r]);return o}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(t=0;t<a.length;t++)r=a[t],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(o[r]=n[r])}return o}var Q=function(e){return n.useRef(null)};function nn(n){return n||"div"}var en=["as","children"],rn=n.forwardRef((function(e,r){var t=e.as,o=e.children,a=K(e,en),i=function(n){return{Component:nn(n),ref:Q()}}(t).Component;return n.createElement(i,J({},a,{ref:r}),o)}));rn.displayName="Polymorph";var tn=["as"];function on(n,e,r){var t=function(n,e,r){var t=null==e?void 0:e.href;return n&&"a"===n?(t&&"string"==typeof t||g.error("LG Polymorphic error",'Component received `as="a"`, but did not receive an `href` prop'),W({as:"a",href:"string"==typeof t?t:void 0},e)):W(n?{as:n,href:t||void 0}:t&&"string"==typeof t?{as:"a",href:t}:{as:r},e)}(n,e,r),o=t.as,a=K(t,tn);return{Component:o,as:o,ref:Q(),rest:a}}var an=v.slower,ln=function(){var n,e;if("undefined"!=typeof window){var r={setRippleListener:!1,registeredRippleElements:new WeakMap};return null!==(e=(n=window).__LEAFYGREEN_UTILS__)&&void 0!==e||(n.__LEAFYGREEN_UTILS__={modules:{}}),window.__LEAFYGREEN_UTILS__.modules["@leafygreen-ui/ripple"]=r,window.__LEAFYGREEN_UTILS__.modules["@leafygreen-ui/ripple"]}}();function sn(n){null!=ln&&ln.registeredRippleElements.has(n.target)&&function(n){var e=n.target,r=null==ln?void 0:ln.registeredRippleElements.get(e);if(e&&r){var t=r.backgroundColor,o=e.getBoundingClientRect(),a=document.createElement("span");a.className="lg-ui-ripple",a.style.height=a.style.width=Math.max(o.width,o.height)+"px",e.appendChild(a);var i=n.pageY-o.top-a.offsetHeight/2-document.body.scrollTop,l=n.pageX-o.left-a.offsetWidth/2-document.body.scrollLeft;a.style.top=i+"px",a.style.left=l+"px",a.style.background=t,setTimeout((function(){a.remove()}),750)}}(n)}function cn(n,e){if(ln){if(ln.registeredRippleElements.set(n,e),!ln.setRippleListener){document.addEventListener("click",sn,{passive:!0});var r=document.createElement("style");r.innerHTML=dn,document.head.append(r),ln.setRippleListener=!0}return function(){ln.registeredRippleElements.delete(n)}}}var dn="\n  @-webkit-keyframes lg-ui-ripple {\n    from {\n      opacity:1;\n    }\n    to {\n      transform: scale(2);\n      transition: opacity ".concat(an,"ms;\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes lg-ui-ripple {\n    from {\n      opacity:1;\n    }\n    to {\n      transform: scale(2);\n      transition: opacity ").concat(an,"ms;\n      opacity: 0;\n    }\n  }\n\n  @keyframes lg-ui-ripple {\n    from {\n      opacity:1;\n    }\n    to {\n      transform: scale(2);\n      transition: opacity ").concat(an,"ms;\n      opacity: 0;\n    }\n  }\n\n  .lg-ui-ripple {\n    position: absolute;\n    border-radius: 100%;\n    transform: scale(0.2);\n    opacity: 0;\n    pointer-events: none;\n    // Ensures that text is shown above ripple effect\n    z-index: -1;\n    -webkit-animation: lg-ui-ripple .75s ease-out;\n    -moz-animation: lg-ui-ripple .75s ease-out;\n    animation: lg-ui-ripple .75s ease-out;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .lg-ui-ripple {\n      animation: none;\n      transform: none;\n    }\n  }\n"),pn="#FFFFFF",un="#001E2B",fn={dark4:"#112733",dark3:"#1C2D38",dark2:"#3D4F58",dark1:"#5C6C75",base:"#889397",light1:"#C1C7C6",light2:"#E8EDEB",light3:"#F9FBFA"},gn={dark3:"#023430",dark2:"#00684A",dark1:"#00A35C",base:"#00ED64",light1:"#71F6BA",light2:"#C0FAE6",light3:"#E3FCF7"},mn={dark3:"#0C2657",dark2:"#083C90",dark1:"#1254B7",base:"#016BF8",light1:"#0498EC",light2:"#C3E7FE",light3:"#E1F7FF"},bn={dark3:"#4C2100",dark2:"#944F01",base:"#FFC010",light2:"#FFEC9E",light3:"#FEF7DB"},hn={dark3:"#5B0000",dark2:"#970606",base:"#DB3030",light1:"#FF6960",light2:"#FFCDC7",light3:"#FFEAE5"};function vn(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,t)}return r}function yn(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?vn(Object(r),!0).forEach((function(e){xn(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):vn(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function xn(n,e,r){return(e=function(n){var e=function(n,e){if("object"!=typeof n||!n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof e?e:e+""}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function En(){return En=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n},En.apply(this,arguments)}function kn(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var wn,On,Cn,jn,Nn,Pn,Mn,Tn,Fn,Ln,Sn,Rn,zn,An,In,Dn,Bn,_n,Gn,Hn,Yn,Zn,Vn,Un,qn,Xn,Wn,$n,Jn,Kn,Qn,ne,ee,re,te,oe,ae,ie,le,se,ce,de,pe,ue,fe="default",ge="primary",me="primaryOutline",be="danger",he="dangerOutline",ve="baseGreen",ye="xsmall",xe="small",Ee="default",ke="large",we=.76,Oe=xn(xn({},m.Light,xn(xn(xn(xn(xn(xn({},fe,fn.light2),ge,gn.dark1),me,C(we,gn.base)),be,hn.light1),he,C(we,hn.base)),ve,gn.light1)),m.Dark,xn(xn(xn(xn(xn(xn({},fe,fn.base),ge,gn.dark1),me,C(we,gn.base)),be,hn.dark2),he,C(we,hn.light1)),ve,gn.dark1)),Ce=l(wn||(wn=kn(["\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border-radius: 5px;\n"]))),je=l(On||(On=kn(["\n  justify-content: space-between;\n"]))),Ne=l(Cn||(Cn=kn(["\n  display: grid;\n  grid-auto-flow: column;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n  position: relative;\n  user-select: none;\n  z-index: 0;\n  transition: all "," ease-in-out;\n"])),v.default),Pe=xn(xn(xn(xn({},ye,l(jn||(jn=kn(["\n    padding: 0 7px; // 8px - 1px border\n    gap: 6px;\n  "])))),xe,l(Nn||(Nn=kn(["\n    padding: 0 11px; // 12px - 1px border\n    gap: 6px;\n  "])))),Ee,l(Pn||(Pn=kn(["\n    padding: 0 11px; // 12px - 1px border\n    gap: 6px;\n  "])))),ke,l(Mn||(Mn=kn(["\n    padding: 0 15px; // 16px - 1px border\n    gap: 8px;\n  "])))),Me=l(Tn||(Tn=kn(["\n  position: absolute;\n"]))),Te=l(Fn||(Fn=kn(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"]))),Fe=xn(xn(xn(xn({},ye,16),xe,16),Ee,16),ke,20),Le=xn(xn({},m.Dark,fn.light1),m.Light,fn.dark1),Se=l(Ln||(Ln=kn(["\n  visibility: hidden;\n"]))),Re=l(Sn||(Sn=kn(["\n  justify-self: right;\n"]))),ze=l(Rn||(Rn=kn(["\n  justify-self: left;\n"]))),Ae=b("button"),Ie=xn(xn({},m.Light,xn(xn(xn(xn(xn(xn({},fe,l(zn||(zn=kn(["\n      color: ",";\n    "])),fn.base)),ge,l(An||(An=kn(["\n      color: ",";\n    "])),gn.light2)),me,l(In||(In=kn(["\n      color: ",";\n    "])),gn.dark2)),be,l(Dn||(Dn=kn(["\n      color: ",";\n    "])),hn.light3)),he,l(Bn||(Bn=kn(["\n      color: ",";\n    "])),hn.light1)),ve,l(_n||(_n=kn(["\n      color: ",";\n    "])),gn.dark2))),m.Dark,xn(xn(xn(xn(xn(xn({},fe,l(Gn||(Gn=kn(["\n      color: ",";\n    "])),fn.light2)),ge,l(Hn||(Hn=kn(["\n      color: ",";\n    "])),gn.light2)),me,l(Yn||(Yn=kn(["\n      color: ",";\n    "])),gn.base)),be,l(Zn||(Zn=kn(["\n      color: ",";\n    "])),hn.light2)),he,l(Vn||(Vn=kn(["\n      color: ",";\n    "])),hn.light1)),ve,l(Un||(Un=kn(["\n      color: ",";\n    "])),gn.dark2))),De=xn(xn({},m.Light,xn(xn(xn(xn(xn(xn({},fe,l(qn||(qn=kn(["\n      color: ",";\n    "])),un)),ge,l(Xn||(Xn=kn(["\n      color: ",";\n    "])),pn)),me,l(Wn||(Wn=kn(["\n      color: ",";\n    "])),gn.dark2)),be,l($n||($n=kn(["\n      color: ",";\n    "])),pn)),he,l(Jn||(Jn=kn(["\n      color: ",";\n    "])),hn.base)),ve,l(Kn||(Kn=kn(["\n      color: ",";\n    "])),gn.dark3))),m.Dark,xn(xn(xn(xn(xn(xn({},fe,l(Qn||(Qn=kn(["\n      color: ",";\n    "])),pn)),ge,l(ne||(ne=kn(["\n      color: ",";\n    "])),pn)),me,l(ee||(ee=kn(["\n      color: ",";\n    "])),gn.base)),be,l(re||(re=kn(["\n      color: ",";\n    "])),pn)),he,l(te||(te=kn(["\n      color: ",";\n    "])),hn.light1)),ve,l(oe||(oe=kn(["\n      color: ",";\n    "])),gn.dark3))),Be=l(ae||(ae=kn(["\n  ."," {\n    &:hover,\n    &:active {\n      color: currentColor;\n    }\n  }\n"])),Ae),_e=xn(xn(xn(xn({},ye,l(ie||(ie=kn(["\n    height: 14px;\n    width: 14px;\n  "])))),xe,l(le||(le=kn(["\n    height: 16px;\n    width: 16px;\n  "])))),Ee,l(se||(se=kn(["\n    height: 16px;\n    width: 16px;\n  "])))),ke,l(ce||(ce=kn(["\n    height: 20px;\n    width: 20px;\n  "])))),Ge=xn(xn({},m.Light,l(de||(de=kn(["\n    color: ",";\n  "])),fn.base)),m.Dark,l(pe||(pe=kn(["\n    color: ",";\n  "])),fn.dark1)),He=l(ue||(ue=kn(["\n  color: ",";\n"])),fn.dark1);function Ye(e){var r=e.glyph,t=e.variant,o=e.size,a=e.darkMode,i=e.disabled,l=e.isIconOnlyButton,c=e.className,d=!l&&{"aria-hidden":!0,role:"presentation"},p=h(a),u=l?De:Ie;return n.cloneElement(r,yn({className:s(u[p][t],_e[o],xn(xn(xn({},Be,l),Ge[p],i),He,i&&l&&a),c)},d))}Ye.displayName="ButtonIcon";var Ze,Ve,Ue,qe,Xe,We,$e,Je,Ke,Qe,nr,er,rr,tr,or,ar,ir,lr,sr,cr,dr,pr,ur,fr,gr,mr,br,hr,vr,yr,xr,Er,kr,wr=function(e){var r,t=e.leftGlyph,o=e.rightGlyph,a=e.className,i=e.children,l=e.variant,c=e.size,d=e.darkMode,p={variant:l,size:c,darkMode:d,disabled:e.disabled,isIconOnlyButton:null!==(r=(t||o)&&!i)&&void 0!==r&&r};return n.createElement("div",{className:s(Ne,Pe[c],xn({},je,!!o&&d),a)},t&&n.createElement(Ye,En({glyph:t,className:Re},p)),i,o&&n.createElement(Ye,En({glyph:o,className:ze},p)))},Or=function(t){var o,a=t.darkMode,i=t.disabled,l=t.variant,d=t.size,p=t.isLoading,u=t.loadingText,f=t.loadingIndicator,g=t.className,m=c(a),b=m.darkMode,h=m.theme,v=e(null);r((function(){var n,e=Oe[h][l];return null==v.current||i||(n=cn(v.current,{backgroundColor:e})),n}),[v,l,b,i,h]);var y=f&&n.cloneElement(f,yn(yn({},f.props),{},xn({className:s(xn({},Te,!u),null===(o=f.props)||void 0===o?void 0:o.className),sizeOverride:Fe[d],colorOverride:Le[h]},"data-testid","lg-button-spinner")));return p?n.createElement(n.Fragment,null,n.createElement("div",{className:s(Ne,Pe[d],xn({},Me,!u))},y,u),!u&&n.createElement(wr,En({},t,{className:s(Se,g)}))):n.createElement(n.Fragment,null,n.createElement("div",{className:Ce,ref:v}),n.createElement(wr,t))},Cr="lg-button",jr='&:focus-visible, &[data-focus="true"]',Nr='&:hover, &[data-hover="true"]',Pr='&:active, &[data-active="true"]',Mr=function(n){return"\n    0 0 0 2px ".concat(n,", \n    0 0 0 4px ").concat(mn.light1,";\n")},Tr=l(Ze||(Ze=kn(["\n  // unset browser default\n  appearance: none;\n  padding: 0;\n  margin: 0;\n  background-color: transparent;\n  border: 1px solid transparent;\n  display: inline-flex;\n  align-items: stretch;\n  transition: all ","ms ease-in-out;\n  position: relative;\n  text-decoration: none;\n  cursor: pointer;\n  z-index: 0;\n  font-family: ",";\n  border-radius: 6px;\n\n  "," {\n    outline: none;\n  }\n\n  ",",\n  &:focus,\n  &:hover {\n    text-decoration: none;\n  }\n"])),v.default,y.default,jr,Pr),Fr=xn(xn({},m.Light,xn(xn(xn(xn(xn(xn({},fe,l(Ve||(Ve=kn(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n\n      // needed to override any global button styles\n      "," {\n        color: ",";\n      }\n\n      ",",\n      "," {\n        color: ",";\n        background-color: ",";\n        box-shadow: 0 0 0 3px ",";\n      }\n    "])),fn.light3,fn.base,un,jr,un,Nr,Pr,un,pn,fn.light2)),ge,l(Ue||(Ue=kn(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n\n      "," {\n        color: ",";\n      }\n\n      ",",\n      "," {\n        color: ",";\n        background-color: #00593f; // Not quite dark3\n        border-color: #00593f; // Not quite dark3\n        box-shadow: 0 0 0 3px ",";\n      }\n    "])),gn.dark2,gn.dark2,pn,jr,pn,Nr,Pr,pn,gn.light2)),me,l(qe||(qe=kn(["\n      background-color: transparent;\n      border-color: ",";\n      color: ",";\n\n      "," {\n        color: ",";\n      }\n\n      ",",\n      "," {\n        color: ",";\n        background-color: ",";\n        box-shadow: 0px 0px 0px 3px ",";\n      }\n    "])),gn.dark2,gn.dark2,jr,gn.dark2,Nr,Pr,gn.dark2,C(.96,gn.base),gn.light2)),be,l(Xe||(Xe=kn(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n\n      "," {\n        color: ",";\n      }\n\n      ",",\n      "," {\n        color: ",";\n        background-color: #c82222; // not quite dark1\n        border-color: #c82222; // not quite dark1\n        box-shadow: 0px 0px 0px 3px ",";\n      }\n    "])),hn.base,hn.base,pn,jr,pn,Nr,Pr,pn,hn.light3)),he,l(We||(We=kn(["\n      background-color: transparent;\n      border-color: ",";\n      color: ",";\n\n      "," {\n        color: ",";\n      }\n\n      ",",\n      "," {\n        color: ",";\n        background-color: ",";\n        border-color: ",";\n        box-shadow: 0px 0px 0px 3px ",";\n      }\n    "])),hn.light1,hn.base,jr,hn.base,Nr,Pr,hn.dark2,C(.96,hn.base),hn.base,hn.light3)),ve,l($e||($e=kn(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n\n      "," {\n        color: ",";\n      }\n\n      ",",\n      "," {\n        color: ",";\n        background-color: ",";\n        box-shadow: 0px 0px 0px 3px ",";\n      }\n    "])),gn.base,gn.dark2,gn.dark3,jr,gn.dark3,Nr,Pr,gn.dark3,j(.96,gn.base,gn.dark3),gn.light2))),m.Dark,xn(xn(xn(xn(xn(xn({},fe,l(Je||(Je=kn(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n\n      "," {\n        color: ",";\n      }\n\n      ",",\n      "," {\n        background-color: ",";\n        border-color: ",";\n        color: ",";\n        box-shadow: 0px 0px 0px 3px ",";\n      }\n    "])),fn.dark2,fn.base,pn,jr,pn,Nr,Pr,fn.dark1,fn.base,pn,fn.dark2)),ge,l(Ke||(Ke=kn(["\n      background-color: ",";\n      border: 1px solid ",";\n      color: ",";\n\n      "," {\n        color: ",";\n      }\n\n      ",",\n      "," {\n        color: ",";\n        background-color: #00593f; // Off palette\n        box-shadow: 0 0 0 3px ",";\n      }\n    "])),gn.dark2,gn.base,pn,jr,pn,Nr,Pr,pn,gn.dark3)),me,l(Qe||(Qe=kn(["\n      background-color: transparent;\n      border-color: ",";\n      color: ",";\n\n      "," {\n        color: ",";\n      }\n\n      ",",\n      "," {\n        color: ",";\n        background-color: ",";\n        border-color: ",";\n        box-shadow: 0px 0px 0px 3px ",";\n      }\n    "])),gn.base,gn.base,jr,gn.base,Nr,Pr,gn.base,C(.96,gn.base),gn.base,gn.dark3)),be,l(nr||(nr=kn(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n\n      "," {\n        color: ",";\n      }\n\n      ",",\n      "," {\n        border-color: ",";\n        color: ",";\n        background-color: #c82222; // Off palette\n        box-shadow: 0px 0px 0px 3px ","; // yes, yellow\n      }\n    "])),hn.base,hn.light1,pn,jr,pn,Nr,Pr,hn.light1,pn,bn.dark3)),he,l(er||(er=kn(["\n      border-color: ",";\n      color: ",";\n\n      "," {\n        color: ",";\n      }\n\n      ",",\n      "," {\n        color: ",";\n        background-color: ",";\n        box-shadow: 0px 0px 0px 3px ","; // yes, yellow\n      }\n    "])),hn.light1,hn.light1,jr,hn.light1,Nr,Pr,hn.light1,C(.96,hn.base),bn.dark3)),ve,l(rr||(rr=kn(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n\n      "," {\n        color: ",";\n      }\n\n      ",",\n      "," {\n        color: ",";\n        background-color: ",";\n        border-color: ",";\n        box-shadow: 0px 0px 0px 3px ",";\n      }\n    "])),gn.base,gn.dark2,gn.dark3,jr,gn.dark3,Nr,Pr,gn.dark3,j(.96,gn.base,gn.light3),gn.dark2,gn.dark3))),Lr=xn(xn({},m.Light,xn(xn(xn(xn(xn(xn({},fe,l(tr||(tr=kn(["\n      "," {\n        background-color: ",";\n        box-shadow: ",";\n      }\n    "])),jr,pn,Mr(pn))),ge,l(or||(or=kn(["\n      "," {\n        color: ",";\n        background-color: #00593f; // Not quite dark3\n        box-shadow: ",";\n      }\n    "])),jr,pn,Mr(pn))),me,l(ar||(ar=kn(["\n      "," {\n        background-color: ",";\n        box-shadow: ",";\n      }\n    "])),jr,C(.96,gn.base),Mr(pn))),be,l(ir||(ir=kn(["\n      "," {\n        color: ",";\n        background-color: #c82222; // not quite dark1\n        box-shadow: ",";\n      }\n    "])),jr,pn,Mr(pn))),he,l(lr||(lr=kn(["\n      "," {\n        color: ",";\n        box-shadow: ",";\n      }\n    "])),jr,hn.dark2,Mr(pn))),ve,l(sr||(sr=kn(["\n      "," {\n        box-shadow: ",";\n      }\n    "])),jr,Mr(pn)))),m.Dark,xn(xn(xn(xn(xn(xn({},fe,l(cr||(cr=kn(["\n      "," {\n        background-color: ",";\n        box-shadow: ",";\n      }\n    "])),jr,fn.dark1,Mr(un))),ge,l(dr||(dr=kn(["\n      "," {\n        background-color: #00593f; // Off palette\n        box-shadow: ",";\n      }\n    "])),jr,Mr(un))),me,l(pr||(pr=kn(["\n      "," {\n        background-color: ",";\n        border-color: ",";\n        box-shadow: ",";\n      }\n    "])),jr,C(.96,gn.base),gn.base,Mr(un))),be,l(ur||(ur=kn(["\n      "," {\n        background-color: #c82222; // Off palette\n        box-shadow: ",";\n      }\n    "])),jr,Mr(un))),he,l(fr||(fr=kn(["\n      "," {\n        background-color: ",";\n        border-color: ",";\n        box-shadow: ",";\n      }\n    "])),jr,C(.96,hn.base),hn.light1,Mr(un))),ve,l(gr||(gr=kn(["\n      "," {\n        background-color: ",";\n        box-shadow: ",";\n      }\n    "])),jr,gn.base,Mr(un)))),Sr=xn(xn({},m.Light,l(mr||(mr=kn(["\n    &,\n    ",", "," {\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n      box-shadow: none;\n      cursor: not-allowed;\n    }\n\n    "," {\n      color: ",";\n      box-shadow: ",";\n    }\n  "])),Nr,Pr,fn.light2,fn.light1,fn.base,jr,fn.base,Mr(pn))),m.Dark,l(br||(br=kn(["\n    &,\n    ",", "," {\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n      box-shadow: none;\n      cursor: not-allowed;\n    }\n\n    "," {\n      color: ",";\n      box-shadow: ",";\n    }\n  "])),Nr,Pr,fn.dark3,fn.dark2,fn.dark1,jr,fn.dark1,Mr(un))),Rr=xn(xn(xn(xn({},ye,l(hr||(hr=kn(["\n    height: 22px;\n    text-transform: uppercase;\n    font-size: 12px;\n    line-height: 1em;\n    font-weight: ",";\n    letter-spacing: 0.4px;\n  "])),x.bold)),xe,l(vr||(vr=kn(["\n    height: 28px;\n  "])))),Ee,l(yr||(yr=kn(["\n    height: 36px;\n  "])))),ke,l(xr||(xr=kn(["\n    height: 48px;\n    font-size: 18px;\n    line-height: 24px;\n  "])))),zr=xn(xn({},k.Body1,l(Er||(Er=kn(["\n    font-size: ","px;\n    line-height: ","px;\n    font-weight: ",";\n  "])),E.body1.fontSize,E.body1.lineHeight,x.medium)),k.Body2,l(kr||(kr=kn(["\n    font-size: ","px;\n    line-height: ","px;\n    // Pixel pushing for optical alignment purposes\n    transform: translateY(1px);\n    font-weight: ",";\n  "])),E.body2.fontSize,E.body2.lineHeight,x.medium)),Ar=["variant","size","darkMode","data-lgid","baseFontSize","disabled","onClick","leftGlyph","rightGlyph","children","className","as","type","isLoading","loadingIndicator","loadingText"],Ir=function(e,r){var t,o;return(o=1===e.length?e:n.forwardRef(e)).displayName=null!==(t=e.displayName)&&void 0!==t?t:"PolymorphicComponent",o}((function(e,r){var t=e.variant,o=void 0===t?fe:t,a=e.size,i=void 0===a?Ee:a,l=e.darkMode,d=e["data-lgid"],p=void 0===d?Cr:d,u=e.baseFontSize,f=void 0===u?k.Body1:u,g=e.disabled,m=void 0!==g&&g,b=e.onClick,v=e.leftGlyph,y=e.rightGlyph,x=e.children,E=e.className,w=e.as,O=e.type,C=e.isLoading,j=void 0!==C&&C,N=e.loadingIndicator,P=e.loadingText,M=function(n,e){if(null==n)return{};var r,t,o=function(n,e){if(null==n)return{};var r,t,o={},a=Object.keys(n);for(t=0;t<a.length;t++)r=a[t],e.indexOf(r)>=0||(o[r]=n[r]);return o}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(t=0;t<a.length;t++)r=a[t],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(o[r]=n[r])}return o}(e,Ar),T=on(w,M,"button"),F=T.Component,L=T.rest,S=c(l).darkMode,R="a"===F,z=!(m||j),A=function(){return{root:arguments.length>0&&void 0!==arguments[0]?arguments[0]:Cr}}(p),I=function(n){var e=n.variant,r=n.size,t=n.baseFontSize,o=n.disabled,a=h(n.darkMode),i=Fr[a][e],l=Lr[a][e],c=Rr[r],d=zr[t];return s(Tr,i,d,c,xn({},l,!o),xn({},Sr[a],o))}({variant:o,size:i,darkMode:S,baseFontSize:f,disabled:!z}),D=yn(yn({"data-lgid":A.root,type:R?void 0:O||"button",className:s(Ae,I,E),ref:r,"aria-disabled":!z,onClick:z?b:function(n){return n.preventDefault()}},L),{},{href:z?L.href:void 0}),B={rightGlyph:y,leftGlyph:v,darkMode:S,disabled:m,variant:o,size:i,isLoading:j,loadingIndicator:N,loadingText:P};return n.createElement(F,D,n.createElement(Or,B,x))}));Ir.displayName="Button";var Dr={Inline:"inline",Portal:"portal",TopLayer:"top-layer"},Br={Auto:"auto",Manual:"manual"},_r={Top:"top",Bottom:"bottom",Left:"left",Right:"right",CenterVertical:"center-vertical",CenterHorizontal:"center-horizontal"},Gr={Start:"start",Middle:"middle",End:"end"},Hr="top",Yr="bottom",Zr="left",Vr="right",Ur="center",qr={top:0,bottom:0,left:0,right:0,height:0,width:0},Xr=function(n,e){var r=n.getBoundingClientRect(),t=r.top,o=r.bottom,a=r.left,i=r.right,l=r.width;return{top:t,bottom:o,left:a,right:i,height:n.offsetHeight,width:l}};var Wr,$r,Jr,Kr,Qr,nt,et,rt,tt,ot,at,it,lt,st,ct,dt,pt,ut,ft,gt,mt,bt,ht,vt,yt,xt,Et,kt,wt,Ot=function(n,e){return n===_r.CenterHorizontal&&(n=_r.Right),n===_r.CenterVertical&&(n=_r.Bottom),e===Gr.Middle?n:"".concat(n,"-").concat(e)},Ct=["renderMode","dismissMode","onToggle","portalClassName","portalContainer","portalRef","scrollContainer","onEnter","onEntering","onEntered","onExit","onExiting","onExited","popoverZIndex","spacing"];function jt(n,e){var r=Y(t(null),2),a=r[0],i=r[1],l=Y(t(null),2),s=l[0],c=l[1];L((function(){if(n&&n.current)c(n.current);else{var e=null!==a&&a.parentNode;e&&e instanceof HTMLElement&&c(e)}}),[a,n]);var d=S(o((function(){return function(n,e,r){if(!n)return qr;var t=Xr(n),o=t.top,a=t.bottom,i=t.left,l=t.right,s=t.height,c=t.width;if(e){var d=e.scrollTop,p=e.scrollLeft,u=e.getBoundingClientRect();return{top:o+d-u.top,bottom:a+d-u.bottom,left:i+p-u.left,right:l+p-u.right,height:s,width:c}}var f=window,g=f.scrollX,m=f.scrollY;return{top:o+m,bottom:a+m,left:i+g,right:l+g,height:s,width:c}}(s,e)}),[s,e]));return{referenceElement:s,referenceElDocumentPos:d,setPlaceholderElement:i}}var Nt=.8,Pt=v.default,Mt=b("popover-content"),Tt=l(Wr||(Wr=H(["\n  display: none;\n"]))),Ft=l($r||($r=H(["\n  margin: 0;\n  border: none;\n  padding: 0;\n  overflow: visible;\n  background-color: transparent;\n  width: max-content;\n\n  transition-property: opacity, transform, overlay;\n  transition-duration: ","ms;\n  transition-timing-function: ease-in-out;\n  transition-behavior: allow-discrete;\n\n  opacity: 0;\n  transform: scale(",");\n\n  &::backdrop {\n    transition-property: background, overlay;\n    transition-duration: ","ms;\n    transition-timing-function: ease-in-out;\n    transition-behavior: allow-discrete;\n  }\n"])),Pt,Nt,Pt),Lt={top:l(Kr||(Kr=H(["\n    transform-origin: bottom;\n  "]))),"top-start":l(Qr||(Qr=H(["\n    transform-origin: bottom left;\n  "]))),"top-end":l(nt||(nt=H(["\n    transform-origin: bottom right;\n  "]))),bottom:l(et||(et=H(["\n    transform-origin: top;\n  "]))),"bottom-start":l(rt||(rt=H(["\n    transform-origin: top left;\n  "]))),"bottom-end":l(tt||(tt=H(["\n    transform-origin: top right;\n  "]))),left:l(ot||(ot=H(["\n    transform-origin: right;\n  "]))),"left-start":l(at||(at=H(["\n    transform-origin: right top;\n  "]))),"left-end":l(it||(it=H(["\n    transform-origin: right bottom;\n  "]))),right:l(lt||(lt=H(["\n    transform-origin: left;\n  "]))),"right-start":l(st||(st=H(["\n    transform-origin: left top;\n  "]))),"right-end":l(ct||(ct=H(["\n    transform-origin: left bottom;\n  "]))),center:l(dt||(dt=H(["\n    transform-origin: center;\n  "]))),"center-start":l(pt||(pt=H(["\n    transform-origin: top;\n  "]))),"center-end":l(ut||(ut=H(["\n    transform-origin: bottom;\n  "])))},St=l(ft||(ft=H(["\n  opacity: 0;\n"]))),Rt=l(yt||(yt=H(["\n  opacity: 1;\n  pointer-events: initial;\n\n  &:popover-open {\n    opacity: 1;\n\n    pointer-events: initial;\n  }\n"]))),zt=function(n){var e=n.className,r=n.left,t=n.placement,o=n.popoverZIndex,a=n.position,i=n.spacing,c=n.state,d=n.top,p=n.transformAlign;return s(Ft,function(n){var e=n.left,r=n.position,t=n.top;return l(Jr||(Jr=H(["\n  left: ","px;\n  position: ",";\n  top: ","px;\n"])),e,r,t)}({left:r,position:a,top:d}),Lt[t],B(B(B({},function(n,e){switch(e){case Hr:return s(St,l(gt||(gt=H(["\n          transform: translate3d(0, ","px, 0)\n            scale(",");\n        "])),n,Nt));case Yr:return s(St,l(mt||(mt=H(["\n          transform: translate3d(0, -","px, 0)\n            scale(",");\n        "])),n,Nt));case Zr:return s(St,l(bt||(bt=H(["\n          transform: translate3d(","px, 0, 0)\n            scale(",");\n        "])),n,Nt));case Vr:return s(St,l(ht||(ht=H(["\n          transform: translate3d(-","px, 0, 0)\n            scale(",");\n        "])),n,Nt));default:return s(St,l(vt||(vt=H(["\n          transform: scale(",");\n        "])),Nt))}}(i,p),"entered"!==c),function(n){switch(n){case Hr:case Yr:return s(Rt,l(xt||(xt=H(["\n          transform: translateY(0) scale(1);\n\n          &:popover-open {\n            transform: translateY(0) scale(1);\n          }\n        "]))));case Zr:case Vr:return s(Rt,l(Et||(Et=H(["\n          transform: translateX(0) scale(1);\n\n          &:popover-open {\n            transform: translateX(0) scale(1);\n          }\n        "]))));default:return s(Rt,l(kt||(kt=H(["\n          transform: scale(1);\n\n          &:popover-open {\n            transform: scale(1);\n          }\n        "]))))}}(p),"entered"===c),l(wt||(wt=H(["\n        z-index: ",";\n      "])),o),"number"==typeof o),e)},At=["active","adjustOnMutation","align","children","className","justify","refEl"],It=["renderMode","dismissMode","onToggle","usePortal","portalClassName","portalContainer","portalRef","scrollContainer","onEnter","onEntering","onEntered","onExit","onExiting","onExited","popoverZIndex","spacing"],Dt=a((function(r,t){var o=r.active,a=void 0!==o&&o;r.adjustOnMutation;var l=r.align,s=void 0===l?_r.Bottom:l,c=r.children,m=r.className,b=r.justify,h=void 0===b?Gr.Start:b,v=r.refEl,y=function(n){var e=n.renderMode,r=n.dismissMode,t=n.onToggle,o=n.portalClassName,a=n.portalContainer,i=n.portalRef,l=n.scrollContainer,s=n.onEnter,c=n.onEntering,f=n.onEntered,g=n.onExit,m=n.onExiting,b=n.onExited,h=n.popoverZIndex,v=n.spacing,y=G(n,Ct),x=d().forceUseTopLayer,E=p(),k=u(),w=x?Dr.TopLayer:e||E.renderMode,O=w===Dr.Portal,C=w===Dr.TopLayer,j=C?{dismissMode:r||E.dismissMode,onToggle:t||E.onToggle}:{},N=O?{portalClassName:o||E.portalClassName,portalContainer:a||E.portalContainer||k.portalContainer,portalRef:i||E.portalRef,scrollContainer:l||E.scrollContainer||k.scrollContainer}:{},P={onEnter:s||E.onEnter,onEntering:c||E.onEntering,onEntered:f||E.onEntered,onExit:g||E.onExit,onExiting:m||E.onExiting,onExited:b||E.onExited},M={popoverZIndex:C?void 0:h||E.popoverZIndex,spacing:v||E.spacing};return I(I(I(I(I({renderMode:w,usePortal:O},j),N),P),M),y)}(G(r,At)),x=y.renderMode,E=void 0===x?Dr.TopLayer:x,k=y.dismissMode,O=void 0===k?Br.Auto:k,C=y.onToggle,j=y.usePortal,L=y.portalClassName,S=y.portalContainer,A=y.portalRef,D=y.scrollContainer,B=y.onEnter,H=y.onEntering,Z=y.onEntered,V=y.onExit,U=y.onExiting,q=y.onExited,X=y.popoverZIndex,W=y.spacing,$=void 0===W?w[100]:W,J=G(y,It),K=f().setIsPopoverOpen;j&&D&&(D.contains(S)||g.warn("To ensure correct positioning make sure that the portalContainer element is inside of the scrollContainer"));var Q=j?z:i,nn=j?{className:S?void 0:L,container:null!=S?S:void 0,portalRef:A}:{},en=jt(v,D),rn=en.referenceElement,tn=en.referenceElDocumentPos,on=en.setPlaceholderElement,an=function(){var r=Y(n.useState(null),2),t=r[0],o=r[1],a=e(t);return a.current=t,{contentNode:t,contentNodeRef:a,setContentNode:o}}(),ln=an.contentNodeRef,sn=an.setContentNode,cn=P({elements:{reference:rn},middleware:[M((function(n){var e=n.rects;return function(n,e,r){return n===_r.CenterHorizontal?-r.reference.width/2-r.floating.width/2:n===_r.CenterVertical?-r.reference.height/2-r.floating.height/2:e}(s,$,e)}),[s,$]),T({boundary:null!=D?D:"clippingAncestors"})],open:a,placement:Ot(s,h),strategy:E===Dr.TopLayer?"fixed":"absolute",transform:!1,whileElementsMounted:F}),dn=cn.context,pn=cn.elements,un=cn.placement,fn=cn.refs,gn=cn.strategy,mn=cn.x,bn=cn.y,hn=R([fn.setFloating,t]),vn=function(n){var e=Y(n.split("-"),2),r=e[0],t=e[1];return{align:r,justify:t||Gr.Middle}}(un),yn=vn.align,xn=vn.justify,En=function(n){var e=n.placement,r=n.align,t=Y(e.split("-"),2),o=t[0],a=t[1];if(r!==_r.CenterHorizontal&&r!==_r.CenterVertical)return{placement:e,transformAlign:o};if(a===Gr.Start){if(r===_r.CenterHorizontal)return{placement:"center-start",transformAlign:Ur};if(r===_r.CenterVertical)return{placement:"right",transformAlign:Vr}}if(a===Gr.End){if(r===_r.CenterHorizontal)return{placement:"center-end",transformAlign:Ur};if(r===_r.CenterVertical)return{placement:"left",transformAlign:Zr}}return{placement:"center",transformAlign:Ur}}({placement:un,align:s}),kn=En.placement,wn=En.transformAlign;return n.createElement(n.Fragment,null,n.createElement("span",{ref:on,className:Tt}),n.createElement(N,{nodeRef:ln,in:dn.open,timeout:{appear:0,enter:Pt,exit:Pt},onEnter:B,onEntering:function(n){var e,r,t;E===Dr.TopLayer&&(null===(e=pn.floating)||void 0===e||e.addEventListener("toggle",C),null===(r=pn.floating)||void 0===r||null===(t=r.showPopover)||void 0===t||t.call(r));null==H||H(n)},onEntered:function(n){K(!0),null==Z||Z(n)},onExit:V,onExiting:U,onExited:function(){var n,e,r;(K(!1),E===Dr.TopLayer)&&(null===(n=pn.floating)||void 0===n||n.removeEventListener("toggle",C),null===(e=pn.floating)||void 0===e||null===(r=e.hidePopover)||void 0===r||r.call(e));null==q||q()},mountOnEnter:!0,unmountOnExit:!0,appear:!0},(function(e){return n.createElement(n.Fragment,null,n.createElement(Q,nn,n.createElement("div",_({ref:hn,className:zt({className:m,left:mn,placement:kn,popoverZIndex:X,position:gn,spacing:$,state:e,top:bn,transformAlign:wn}),popover:E===Dr.TopLayer?O:void 0},J),n.createElement("div",{ref:sn,className:Mt},null===c?null:"function"==typeof c?c({align:yn,justify:xn,referenceElPos:tn}):c))))})))}));Dt.displayName="Popover";var Bt,_t,Gt,Ht,Yt,Zt,Vt=["buttonText"],Ut=["portalClassName","portalContainer","portalRef","scrollContainer","dismissMode","renderMode","onToggle"],qt=["buttonText"],Xt=["dismissMode","onToggle","renderMode"],Wt=["buttonText"],$t=["dismissMode","onToggle","renderMode","portalClassName","portalContainer","portalRef","scrollContainer"],Jt=l(Bt||(Bt=H(["\n  border: 1px solid ",";\n  text-align: center;\n  padding: 12px;\n  max-height: 100%;\n  overflow: hidden;\n  // Reset these properties since they'll be inherited\n  // from the container element when not using a portal.\n  font-size: initial;\n  color: initial;\n  background-color: initial;\n"])),fn.light1),Kt=l(_t||(_t=H(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),Qt=l(Gt||(Gt=H(["\n  width: 500px;\n  height: 90vh;\n  background-color: ",";\n  overflow: scroll;\n  position: relative;\n"])),fn.light2),no=l(Ht||(Ht=H(["\n  position: relative;\n  height: 160vh;\n  width: 80vw;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),eo=[].concat(Z(q),["active","children","portalClassName","refButtonPosition","refEl"]),ro={title:"Components/Popover",component:Dt,parameters:{default:"LiveExample",controls:{exclude:eo},generate:{storyNames:["Top","Right","Bottom","Left","CenterHorizontal","CenterVertical"],combineArgs:{justify:Object.values(Gr)},args:{active:!0,children:n.createElement("div",{className:Jt},"Popover content")},decorator:function(e){return n.createElement("div",{className:l(Yt||(Yt=H(["\n              position: relative;\n              width: 60vw;\n              height: 150px;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n            "])))},n.createElement(Ir,null,"Button Text",n.createElement(e,{buttonText:void 0,className:l(Zt||(Zt=H(["\n                  background-color: ",";\n                "])),O.light.background.primary.default),dismissMode:"manual"})))}}},args:{adjustOnMutation:!1,align:_r.Top,buttonText:"Button Text",dismissMode:Br.Auto,justify:Gr.Start,renderMode:Dr.TopLayer,spacing:4},argTypes:{align:{options:Object.values(_r),control:{type:"radio"}},buttonText:{type:"string",description:"Storybook only prop. Used to change the reference button text"},dismissMode:{options:Object.values(Br),control:{type:"radio"}},justify:{options:Object.values(Gr),control:{type:"radio"}},renderMode:{options:Object.values(Dr),control:{type:"radio"}}}},to=function(r){var o=r.buttonText,a=G(r,Vt),i=a.portalClassName,l=a.portalContainer,s=a.portalRef,c=a.scrollContainer,d=a.dismissMode,p=a.renderMode,u=void 0===p?Dr.TopLayer:p,f=a.onToggle,g=G(a,Ut),m=e(null),b=Y(t(!1),2),h=b[0],v=b[1],y=I(I({active:h,refEl:m},function(n){var e=n.dismissMode,r=n.onToggle,t=n.portalClassName,o=n.portalContainer,a=n.portalRef,i=n.renderMode,l=n.scrollContainer;return i===Dr.Inline?{renderMode:i}:i===Dr.Portal?{renderMode:i,portalClassName:t,portalContainer:o,portalRef:a,scrollContainer:l}:{dismissMode:e,onToggle:r,renderMode:i}}({dismissMode:d,onToggle:function(n){null==f||f(n);var e="open"===n.newState;v(e)},portalClassName:i,portalContainer:l,portalRef:s,renderMode:u,scrollContainer:c})),g);return n.createElement("div",{className:Kt},n.createElement(Ir,{onClick:function(){v((function(n){return!n}))},ref:m},o),n.createElement(Dt,y,n.createElement("div",{className:Jt},"Popover content")))};to.parameters={chromatic:{disableSnapshot:!0}};var oo={render:function(r){var o=r.buttonText,a=G(r,qt);a.dismissMode,a.onToggle,a.renderMode;var i=G(a,Xt),l=Y(t(!1),2),s=l[0],c=l[1],d=e(null),p=e(null);return n.createElement("div",{className:Qt},n.createElement("div",{className:no,ref:p},n.createElement(Ir,{onClick:function(){return c((function(n){return!n}))}},o,n.createElement(Dt,_({},i,{active:s,renderMode:Dr.Portal,portalContainer:p.current,portalRef:d,scrollContainer:p.current}),n.createElement("div",{className:Jt},"Popover content")))))},parameters:{chromatic:{disableSnapshot:!0},controls:{exclude:[].concat(Z(eo),["dismissMode","renderMode"])}},argTypes:{renderMode:{control:"none"},portalClassName:{control:"none"},refEl:{control:"none"},className:{control:"none"},active:{control:"none"}}},ao={render:function(r){var o=r.buttonText,a=G(r,Wt);a.dismissMode,a.onToggle,a.renderMode,a.portalClassName,a.portalContainer,a.portalRef,a.scrollContainer;var i=G(a,$t),l=e(null),s=Y(t(!1),2),c=s[0],d=s[1];return n.createElement("div",{className:Kt},n.createElement(Ir,{onClick:function(){return d((function(n){return!n}))},ref:l},o),n.createElement(Dt,_({},i,{active:c,refEl:l,renderMode:Dr.Inline}),n.createElement("div",{className:Jt},"Popover content")))},parameters:{chromatic:{disableSnapshot:!0},controls:{exclude:[].concat(Z(eo),["dismissMode","renderMode"])}},argTypes:{renderMode:{control:"none"},portalClassName:{control:"none"},refEl:{control:"none"},className:{control:"none"},active:{control:"none"}}},io=[].concat(Z(q),["active","adjustOnMutation","align","buttonText","children","dismissMode","justify","portalClassName","refButtonPosition","refEl","renderMode","spacing","usePortal"]),lo={render:to.bind({}),args:{align:_r.Top},parameters:{controls:{exclude:io}}},so={render:to.bind({}),args:{align:_r.Bottom},parameters:{controls:{exclude:io}}},co={render:to.bind({}),args:{align:_r.Left},parameters:{controls:{exclude:io}}},po={render:to.bind({}),args:{align:_r.Right},parameters:{controls:{exclude:io}}},uo={render:to.bind({}),args:{align:_r.CenterHorizontal},parameters:{controls:{exclude:io}}},fo={render:to.bind({}),args:{align:_r.CenterVertical},parameters:{controls:{exclude:io}}};export{so as Bottom,uo as CenterHorizontal,fo as CenterVertical,co as Left,to as LiveExample,ao as RenderModeInline,oo as RenderModePortalInScrollableContainer,po as Right,lo as Top,ro as default};

No alert changes

Improved metrics

Total package byte prevSize

374543

6.59%

Lines of code

4016

1.93%

Dependency changes

• Updated

  @leafygreen-ui/emotion@^4.0.10

• Updated

  @leafygreen-ui/hooks@^8.3.5

• Updated

  @leafygreen-ui/lib@^14.0.3

• Updated

  @leafygreen-ui/portal@^6.0.3

• Updated

  @leafygreen-ui/tokens@^2.11.4