carbon-react 154.6.0 → 154.7.0

package/esm/components/global-header/__internal__/global-header.context.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface GlobalHeaderContextType {
+    isWithinGlobalHeader: boolean;
+}
+export declare const useGlobalHeader: () => GlobalHeaderContextType;
+export declare const GlobalHeaderProvider: ({ children, }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export {};

package/esm/components/global-header/__internal__/global-header.context.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useContext as i,createContext as e}from"react";const o=e(void 0),t=()=>i(o)||{isWithinGlobalHeader:!1},a=({children:i})=>r(o.Provider,{value:{isWithinGlobalHeader:!0},children:i});export{a as GlobalHeaderProvider,t as useGlobalHeader};

package/esm/components/global-header/global-header.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import t from"styled-components";import{Box as n}from"../box/box.component.js";import{NavigationBar as o}from"../navigation-bar/navigation-bar.component.js";function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const a=t(n).withConfig({displayName:"global-header.component__StyledLogo",componentId:"sc-31677873-0"})(["display:flex;align-items:center;margin-left:var(--spacing200);margin-right:var(--spacing300);& > *{max-height:100%;}@media (min-width:600px){margin-left:var(--spacing300);}@media (min-width:960px){margin-left:var(--spacing400);}@media (min-width:1260px){margin-left:var(--spacing500);}"]),c=t=>{var n,c,{children:l,logo:p}=t,m=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(t,["children","logo"]);return e(o,(n=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){i(e,r,t[r])}))}return e}({isGlobal:!0},m),c=null!=(c={children:[p&&r(a,{"data-element":"global-header-logo-wrapper",children:p}),l]})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(c)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(c)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(c,e))})),n))};c.displayName="GlobalHeader";export{c as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import t from"styled-components";import{Box as n}from"../box/box.component.js";import{NavigationBar as o}from"../navigation-bar/navigation-bar.component.js";import{GlobalHeaderProvider as i}from"./__internal__/global-header.context.js";function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const l=t(n).withConfig({displayName:"global-header.component__StyledLogo",componentId:"sc-7ea5f3e9-0"})(["display:flex;align-items:center;margin-left:var(--spacing200);margin-right:var(--spacing300);& > *{max-height:100%;}@media (min-width:600px){margin-left:var(--spacing300);}@media (min-width:960px){margin-left:var(--spacing400);}@media (min-width:1260px){margin-left:var(--spacing500);}"]),c=t=>{var n,c,{children:p,logo:m}=t,f=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(t,["children","logo"]);return e(o,(n=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){a(e,r,t[r])}))}return e}({isGlobal:!0},f),c=null!=(c={children:[m&&r(l,{"data-element":"global-header-logo-wrapper",children:m}),r(i,{children:p})]})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(c)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(c)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(c,e))})),n))};c.displayName="GlobalHeader";export{c as default};

package/esm/components/popover-container/popover-container.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{forwardRef as r,useState as o,useRef as i,useContext as a,useCallback as l,useEffect as c,useImperativeHandle as s,useMemo as p}from"react";import{CSSTransition as d}from"react-transition-group";import{offset as u,flip as m}from"@floating-ui/dom";import f from"../../hooks/useMediaQuery/useMediaQuery.js";import{PopoverContainerOpenIcon as b,PopoverContainerCloseIcon as v,PopoverContainerWrapperStyle as y,PopoverContainerContentStyle as h,PopoverContainerHeaderStyle as _,PopoverContainerTitleStyle as O}from"./popover-container.style.js";import g from"../icon/icon.component.js";import j from"../../__internal__/popover/popover.component.js";import x from"../../__internal__/utils/helpers/guid/index.js";import P from"../../style/utils/filter-styled-system-padding-props.js";import C from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import w from"../../__internal__/utils/helpers/events/events.js";import k from"../../__internal__/focus-trap/focus-trap.component.js";import A from"../modal/__internal__/modal.context.js";import B from"../../hooks/__internal__/useFocusPortalContent/useFocusPortalContent.js";import I from"../../__internal__/utils/helpers/tags/tags.js";import{defaultFocusableSelectors as D}from"../../__internal__/focus-trap/focus-trap-utils.js";import L from"../flat-table/__internal__/flat-table.context.js";function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){E(e,t,n[t])}))}return e}function F(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const M=({tabIndex:t,onClick:n,"data-element":r,ref:o,"aria-label":i,id:a,"aria-expanded":l,"aria-haspopup":c})=>e(b,{tabIndex:t,onClick:n,"data-element":r,ref:o,"aria-label":i,"aria-haspopup":c,"aria-expanded":l,id:a,children:e(g,{type:"settings"})}),R=({"data-element":t,tabIndex:n,onClick:r,ref:o,"aria-label":i,closeButtonDataProps:a})=>e(v,F(S({tabIndex:n,onClick:r,ref:o,"aria-label":i},I("close",S({"data-element":t},a))),{children:e(g,{type:"close"})})),W=r(((r,b)=>{var{children:v,title:g,position:E="right",open:W,onOpen:Q,onClose:T,renderOpenComponent:q=M,renderCloseComponent:H=R,shouldCoverButton:K=!1,ariaDescribedBy:N,openButtonAriaLabel:U,closeButtonAriaLabel:$="close",containerAriaLabel:z,closeButtonDataProps:G,disableAnimation:J=!1,hasFullWidth:V=!1}=r,X=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(r,["children","title","position","open","onOpen","onClose","renderOpenComponent","renderCloseComponent","shouldCoverButton","ariaDescribedBy","openButtonAriaLabel","closeButtonAriaLabel","containerAriaLabel","closeButtonDataProps","disableAnimation","hasFullWidth"]);const Y=void 0!==W,[Z,ee]=o(!1),te=i(null),ne=i(null),re=i(null),oe=i(x()),ie=i(null),ae=g?`PopoverContainer_${oe.current}`:void 0,le=Y?W:Z,ce=!f("screen and (prefers-reduced-motion: no-preference)"),se=function(e){return p((()=>[u(e?({rects:e})=>({mainAxis:-e.reference.height}):6),m({fallbackStrategy:"initialPlacement"})]),[e])}(K),{isInFlatTable:pe}=a(L),de=l((e=>{var t;Y||ee(!1),null==T||T(e),le&&(null===(t=ne.current)||void 0===t||t.focus())}),[Y,le,T]),ue=l((e=>{!w.composedPath(e).find((e=>e instanceof HTMLElement&&"input"===e.getAttribute("data-element")&&"true"===e.getAttribute("aria-expanded")))&&w.isEscKey(e)&&de(e)}),[de]);c((()=>(document.addEventListener("keydown",ue),()=>{document.removeEventListener("keydown",ue)})),[ue]),c((()=>{var e;!K&&le&&(null===(e=ie.current)||void 0===e||e.focus({preventScroll:!0}))}),[le,K,ie]),B(K?void 0:ie,K?void 0:ne,de);const me=l((e=>{const t=Array.from(document.querySelectorAll(D)||[]).filter((e=>e===ne.current||-1!==Number(e.tabIndex))),n=t.indexOf(ne.current);t[n+1].focus(),de(e)}),[]),fe=(e,t)=>{var n;"next"===e&&me?me(t):"prev"===e&&(null===(n=ne.current)||void 0===n||n.focus())},be={tabIndex:0,"aria-expanded":le,"aria-haspopup":"dialog",isOpen:le,"data-element":"popover-container-open-component",onClick:e=>{Y||ee(!le),le?null==T||T(e):null==Q||Q(e)},ref:ne,"aria-label":U||g,id:le?void 0:ae},ve={"data-element":"popover-container-close-component",tabIndex:0,onClick:e=>{de(e)},ref:te,"aria-label":$,closeButtonDataProps:G},ye=C((e=>{Y||ee(!1),le&&(null==T||T(e))}),"mousedown"),[he,_e]=o(!1);s(b,(()=>({focusButton(){var e;null===(e=ne.current)||void 0===e||e.focus()}})),[]);const Oe=()=>t(h,F(S({"data-element":"popover-container-content",role:"dialog","aria-labelledby":ae,"aria-label":z,"aria-describedby":N,p:"16px 24px",ref:ie,tabIndex:-1,disableAnimation:J||ce},P(X)),{children:[t(_,{children:[e(O,{id:ae,"data-element":"popover-container-title",children:g}),H(ve)]}),v]}));return t(y,F(S({onMouseDown:ye,hasFullWidth:V},I("popover-container",X)),{children:[e("div",{ref:re,children:q(be)}),e(d,{nodeRef:ie,timeout:{exit:J?0:300},in:le,unmountOnExit:!0,onEntered:K?()=>_e(!0):void 0,onExiting:K?()=>_e(!1):void 0,children:e(j,{reference:re,placement:"right"===E?"bottom-start":"bottom-end",popoverStrategy:J||ce?"fixed":"absolute",middleware:se,childRefOverride:ie,disableBackgroundUI:pe,children:K?e(A.Provider,{value:{isAnimationComplete:he},children:e(k,{wrapperRef:ie,isOpen:le,children:Oe()})}):t(n,{children:[e("div",{"data-element":"tab-guard-top",tabIndex:0,"aria-hidden":!0,onFocus:e=>fe("prev",e)}),Oe(),e("div",{"data-element":"tab-guard-bottom",tabIndex:0,"aria-hidden":!0,onFocus:e=>fe("next",e)})]})})})]}))}));export{W as PopoverContainer,W as default,R as renderClose,M as renderOpen};
+import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{forwardRef as r,useState as o,useRef as i,useContext as a,useCallback as l,useEffect as c,useImperativeHandle as s,useMemo as d}from"react";import{CSSTransition as p}from"react-transition-group";import{offset as u,flip as m}from"@floating-ui/dom";import f from"../../hooks/useMediaQuery/useMediaQuery.js";import{PopoverContainerOpenIcon as b,PopoverContainerCloseIcon as v,PopoverContainerWrapperStyle as h,PopoverContainerContentStyle as y,PopoverContainerHeaderStyle as _,PopoverContainerTitleStyle as O}from"./popover-container.style.js";import g from"../icon/icon.component.js";import j from"../../__internal__/popover/popover.component.js";import x from"../../__internal__/utils/helpers/guid/index.js";import P from"../../style/utils/filter-styled-system-padding-props.js";import C from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import w from"../../__internal__/utils/helpers/events/events.js";import k from"../../__internal__/focus-trap/focus-trap.component.js";import A from"../modal/__internal__/modal.context.js";import B from"../../hooks/__internal__/useFocusPortalContent/useFocusPortalContent.js";import I from"../../__internal__/utils/helpers/tags/tags.js";import{defaultFocusableSelectors as D}from"../../__internal__/focus-trap/focus-trap-utils.js";import L from"../flat-table/__internal__/flat-table.context.js";import{useGlobalHeader as E}from"../global-header/__internal__/global-header.context.js";function S(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){S(e,t,n[t])}))}return e}function M(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const W=({tabIndex:t,onClick:n,"data-element":r,ref:o,"aria-label":i,id:a,"aria-expanded":l,"aria-haspopup":c})=>e(b,{tabIndex:t,onClick:n,"data-element":r,ref:o,"aria-label":i,"aria-haspopup":c,"aria-expanded":l,id:a,children:e(g,{type:"settings"})}),R=({"data-element":t,tabIndex:n,onClick:r,ref:o,"aria-label":i,closeButtonDataProps:a})=>e(v,M(F({tabIndex:n,onClick:r,ref:o,"aria-label":i},I("close",F({"data-element":t},a))),{children:e(g,{type:"close"})})),H=r(((r,b)=>{var{children:v,title:g,position:S="right",open:H,onOpen:Q,onClose:T,renderOpenComponent:q=W,renderCloseComponent:z=R,shouldCoverButton:G=!1,ariaDescribedBy:K,openButtonAriaLabel:N,closeButtonAriaLabel:U="close",containerAriaLabel:$,closeButtonDataProps:J,disableAnimation:V=!1,hasFullWidth:X=!1}=r,Y=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(r,["children","title","position","open","onOpen","onClose","renderOpenComponent","renderCloseComponent","shouldCoverButton","ariaDescribedBy","openButtonAriaLabel","closeButtonAriaLabel","containerAriaLabel","closeButtonDataProps","disableAnimation","hasFullWidth"]);const Z=void 0!==H,[ee,te]=o(!1),ne=i(null),re=i(null),oe=i(null),ie=i(x()),ae=i(null),le=g?`PopoverContainer_${ie.current}`:void 0,ce=Z?H:ee,se=!f("screen and (prefers-reduced-motion: no-preference)"),de=function(e){return d((()=>[u(e?({rects:e})=>({mainAxis:-e.reference.height}):6),m({fallbackStrategy:"initialPlacement"})]),[e])}(G),{isInFlatTable:pe}=a(L),ue=l((e=>{var t;Z||te(!1),null==T||T(e),ce&&(null===(t=re.current)||void 0===t||t.focus())}),[Z,ce,T]),me=l((e=>{!w.composedPath(e).find((e=>e instanceof HTMLElement&&"input"===e.getAttribute("data-element")&&"true"===e.getAttribute("aria-expanded")))&&w.isEscKey(e)&&ue(e)}),[ue]);c((()=>(document.addEventListener("keydown",me),()=>{document.removeEventListener("keydown",me)})),[me]),c((()=>{var e;!G&&ce&&(null===(e=ae.current)||void 0===e||e.focus({preventScroll:!0}))}),[ce,G,ae]),B(G?void 0:ae,G?void 0:re,ue);const fe=l((e=>{const t=Array.from(document.querySelectorAll(D)||[]).filter((e=>e===re.current||-1!==Number(e.tabIndex))),n=t.indexOf(re.current);t[n+1].focus(),ue(e)}),[]),be=(e,t)=>{var n;"next"===e&&fe?fe(t):"prev"===e&&(null===(n=re.current)||void 0===n||n.focus())},ve={tabIndex:0,"aria-expanded":ce,"aria-haspopup":"dialog",isOpen:ce,"data-element":"popover-container-open-component",onClick:e=>{Z||te(!ce),ce?null==T||T(e):null==Q||Q(e)},ref:re,"aria-label":N||g,id:ce?void 0:le},he={"data-element":"popover-container-close-component",tabIndex:0,onClick:e=>{ue(e)},ref:ne,"aria-label":U,closeButtonDataProps:J},ye=C((e=>{Z||te(!1),ce&&(null==T||T(e))}),"mousedown"),[_e,Oe]=o(!1),{isWithinGlobalHeader:ge}=E();s(b,(()=>({focusButton(){var e;null===(e=re.current)||void 0===e||e.focus()}})),[]);const je=()=>t(y,M(F({"data-element":"popover-container-content",role:"dialog","aria-labelledby":le,"aria-label":$,"aria-describedby":K,p:"16px 24px",ref:ae,tabIndex:-1,disableAnimation:V||se,zIndex:ge?1e4:2e3},P(Y)),{children:[t(_,{children:[e(O,{id:le,"data-element":"popover-container-title",children:g}),z(he)]}),v]}));return t(h,M(F({onMouseDown:ye,hasFullWidth:X},I("popover-container",Y)),{children:[e("div",{ref:oe,children:q(ve)}),e(p,{nodeRef:ae,timeout:{exit:V?0:300},in:ce,unmountOnExit:!0,onEntered:G?()=>Oe(!0):void 0,onExiting:G?()=>Oe(!1):void 0,children:e(j,{reference:oe,placement:"right"===S?"bottom-start":"bottom-end",popoverStrategy:V||se?"fixed":"absolute",middleware:de,childRefOverride:ae,disableBackgroundUI:pe,children:G?e(A.Provider,{value:{isAnimationComplete:_e},children:e(k,{wrapperRef:ae,isOpen:ce,children:je()})}):t(n,{children:[e("div",{"data-element":"tab-guard-top",tabIndex:0,"aria-hidden":!0,onFocus:e=>be("prev",e)}),je(),e("div",{"data-element":"tab-guard-bottom",tabIndex:0,"aria-hidden":!0,onFocus:e=>be("next",e)})]})})})]}))}));export{H as PopoverContainer,H as default,R as renderClose,W as renderOpen};

package/esm/components/popover-container/popover-container.style.d.ts

@@ -8,6 +8,7 @@ declare const PopoverContainerHeaderStyle: import("styled-components").StyledCom
 type PopoverContainerContentStyleProps = {
     animationState?: TransitionStatus;
     disableAnimation?: boolean;
+    zIndex?: number;
 };
 declare const PopoverContainerContentStyle: import("styled-components").StyledComponent<"div", any, PopoverContainerContentStyleProps, never>;
 type AdditionalIconButtonProps = {

package/esm/components/popover-container/popover-container.style.js

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import{padding as i}from"styled-system";import"../../style/themes/sage/index.js";import e from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";import n 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-4b145903-0"})(["position:relative;display:inline-block;",""],(({hasFullWidth:o})=>o&&t(["width:100%;"]))),l=o.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderStyle",componentId:"sc-4b145903-1"})(["display:flex;justify-content:space-between;margin-bottom:8px;max-width:280px;"]),d=o.div.withConfig({displayName:"popover-container.style__PopoverContainerContentStyle",componentId:"sc-4b145903-2"})([""," background:var(--colorsUtilityYang100);border-radius:var(--borderRadius100);box-shadow:var(--boxShadow100);min-width:300px;position:absolute;z-index:2000;"," :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);}}}"],i,(({disableAnimation:o})=>t(o?["opacity:1;transform:none;"]:["&.enter{opacity:0;transform:translateY(-8px);}&.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);}"])),a,a,s,p),m=o(n).withConfig({displayName:"popover-container.style__PopoverContainerOpenIcon",componentId:"sc-4b145903-3"})(["","{color:var(--colorsActionMinor500);}"],r),y=o(n).withConfig({displayName:"popover-container.style__PopoverContainerCloseIcon",componentId:"sc-4b145903-4"})(["position:absolute;top:16px;right:24px;","{color:var(--colorsActionMinor500);}"],r),f=o.div.withConfig({displayName:"popover-container.style__PopoverContainerTitleStyle",componentId:"sc-4b145903-5"})(["font-size:16px;font-weight:500;"]);d.defaultProps={theme:e};export{y as PopoverContainerCloseIcon,d as PopoverContainerContentStyle,l as PopoverContainerHeaderStyle,m as PopoverContainerOpenIcon,f as PopoverContainerTitleStyle,c as PopoverContainerWrapperStyle};
+import o,{css as t}from"styled-components";import{padding as i}from"styled-system";import"../../style/themes/sage/index.js";import e from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";import n 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-b28c341a-0"})(["position:relative;display:inline-block;",""],(({hasFullWidth:o})=>o&&t(["width:100%;"]))),d=o.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderStyle",componentId:"sc-b28c341a-1"})(["display:flex;justify-content:space-between;margin-bottom:8px;max-width:280px;"]),l=o.div.withConfig({displayName:"popover-container.style__PopoverContainerContentStyle",componentId:"sc-b28c341a-2"})([""," background:var(--colorsUtilityYang100);border-radius:var(--borderRadius100);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);}}}"],i,(({zIndex:o})=>o),(({disableAnimation:o})=>t(o?["opacity:1;transform:none;"]:["&.enter{opacity:0;transform:translateY(-8px);}&.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);}"])),a,a,s,p),m=o(n).withConfig({displayName:"popover-container.style__PopoverContainerOpenIcon",componentId:"sc-b28c341a-3"})(["","{color:var(--colorsActionMinor500);}"],r),y=o(n).withConfig({displayName:"popover-container.style__PopoverContainerCloseIcon",componentId:"sc-b28c341a-4"})(["position:absolute;top:16px;right:24px;","{color:var(--colorsActionMinor500);}"],r),f=o.div.withConfig({displayName:"popover-container.style__PopoverContainerTitleStyle",componentId:"sc-b28c341a-5"})(["font-size:16px;font-weight:500;"]);l.defaultProps={theme:e};export{y as PopoverContainerCloseIcon,l as PopoverContainerContentStyle,d as PopoverContainerHeaderStyle,m as PopoverContainerOpenIcon,f as PopoverContainerTitleStyle,c as PopoverContainerWrapperStyle};

package/esm/components/profile/profile.style.js

@@ -1 +1 @@
-import i from"styled-components";import{margin as e}from"styled-system";import{Portrait as o}from"../portrait/portrait.component.js";import t from"../../style/themes/base/index.js";import r from"./profile.config.js";import{Link as l}from"../link/link.component.js";import{StyledPortraitContainer as a}from"../portrait/portrait.style.js";const n=i.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"sc-2a03cab0-0"})(["font-weight:500;font-size:",";"],(({size:i="M"})=>r[i].nameSize)),s=i(l).withConfig({displayName:"profile.style__ProfileEmailStyle",componentId:"sc-2a03cab0-1"})(["a{font-size:",";color:",";}"],(({size:i="M"})=>r[i].emailSize),(({darkBackground:i})=>i&&"var(--colorsActionMajor350)")),c=i.span.withConfig({displayName:"profile.style__ProfileTextStyle",componentId:"sc-2a03cab0-2"})(["font-size:",";"],(({size:i="M"})=>r[i].emailSize)),p=i.div.withConfig({displayName:"profile.style__ProfileStyle",componentId:"sc-2a03cab0-3"})(["border-radius:inherit;white-space:nowrap;color:",";background-color:",";display:flex;flex-direction:row;"," ","{flex-shrink:0;}"],(({darkBackground:i})=>i?"var(--colorsUtilityReadOnly600)":"var(--colorsUtilityYin090)"),(({darkBackground:i})=>i?"var(--colorsUtilityYin090)":"transparent"),e,a),m=i.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"sc-2a03cab0-4"})(["vertical-align:middle;display:flex;flex-direction:column;justify-content:center;line-height:",";margin-left:",";"],(({size:i="M"})=>r[i].lineHeight),(({size:i="M"})=>r[i].marginLeft)),f=i(o).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"sc-2a03cab0-5"})(["display:inline-block;"]);p.defaultProps={theme:t};export{f as ProfileAvatarStyle,m as ProfileDetailsStyle,s as ProfileEmailStyle,n as ProfileNameStyle,p as ProfileStyle,c as ProfileTextStyle};
+import e from"styled-components";import{margin as i}from"styled-system";import{Portrait as o}from"../portrait/portrait.component.js";import t from"../../style/themes/base/index.js";import r from"./profile.config.js";import{Link as l}from"../link/link.component.js";import{StyledPortraitContainer as n}from"../portrait/portrait.style.js";const a=e.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"sc-88ca67c0-0"})(["font-weight:500;font-size:",";"],(({size:e="M"})=>r[e].nameSize)),s=e(l).withConfig({displayName:"profile.style__ProfileEmailStyle",componentId:"sc-88ca67c0-1"})(["a{font-size:",";color:",";}"],(({size:e="M"})=>r[e].emailSize),(({darkBackground:e})=>e&&"var(--colorsActionMajor350)")),c=e.span.withConfig({displayName:"profile.style__ProfileTextStyle",componentId:"sc-88ca67c0-2"})(["font-size:",";"],(({size:e="M"})=>r[e].emailSize)),m=e.div.withConfig({displayName:"profile.style__ProfileStyle",componentId:"sc-88ca67c0-3"})(["border-radius:inherit;color:",";background-color:",";display:flex;flex-direction:row;align-items:center;"," ","{flex-shrink:0;}"],(({darkBackground:e})=>e?"var(--colorsUtilityReadOnly600)":"var(--colorsUtilityYin090)"),(({darkBackground:e})=>e?"var(--colorsUtilityYin090)":"transparent"),i,n),p=e.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"sc-88ca67c0-4"})(["display:flex;flex-direction:column;justify-content:center;line-height:",";margin-left:",";"],(({size:e="M"})=>r[e].lineHeight),(({size:e="M"})=>r[e].marginLeft)),f=e(o).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"sc-88ca67c0-5"})(["display:inline-block;"]);m.defaultProps={theme:t};export{f as ProfileAvatarStyle,p as ProfileDetailsStyle,s as ProfileEmailStyle,a as ProfileNameStyle,m as ProfileStyle,c as ProfileTextStyle};

package/lib/components/global-header/__internal__/global-header.context.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface GlobalHeaderContextType {
+    isWithinGlobalHeader: boolean;
+}
+export declare const useGlobalHeader: () => GlobalHeaderContextType;
+export declare const GlobalHeaderProvider: ({ children, }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export {};

package/lib/components/global-header/__internal__/global-header.context.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("react");const i=r.createContext(void 0);exports.GlobalHeaderProvider=({children:r})=>e.jsx(i.Provider,{value:{isWithinGlobalHeader:!0},children:r}),exports.useGlobalHeader=()=>r.useContext(i)||{isWithinGlobalHeader:!1};

package/lib/components/global-header/global-header.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("styled-components"),t=require("../box/box.component.js"),n=require("../navigation-bar/navigation-bar.component.js");function o(e){return e&&e.__esModule?e:{default:e}}function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const a=o(r).default(t.Box).withConfig({displayName:"global-header.component__StyledLogo",componentId:"sc-31677873-0"})(["display:flex;align-items:center;margin-left:var(--spacing200);margin-right:var(--spacing300);& > *{max-height:100%;}@media (min-width:600px){margin-left:var(--spacing300);}@media (min-width:960px){margin-left:var(--spacing400);}@media (min-width:1260px){margin-left:var(--spacing500);}"]),l=r=>{var t,o,{children:l,logo:c}=r,p=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,["children","logo"]);return e.jsxs(n.NavigationBar,(t=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){i(e,r,t[r])}))}return e}({isGlobal:!0},p),o=null!=(o={children:[c&&e.jsx(a,{"data-element":"global-header-logo-wrapper",children:c}),l]})?o:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))})),t))};l.displayName="GlobalHeader",exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("styled-components"),t=require("../box/box.component.js"),n=require("../navigation-bar/navigation-bar.component.js"),o=require("./__internal__/global-header.context.js");function i(e){return e&&e.__esModule?e:{default:e}}function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const l=i(r).default(t.Box).withConfig({displayName:"global-header.component__StyledLogo",componentId:"sc-7ea5f3e9-0"})(["display:flex;align-items:center;margin-left:var(--spacing200);margin-right:var(--spacing300);& > *{max-height:100%;}@media (min-width:600px){margin-left:var(--spacing300);}@media (min-width:960px){margin-left:var(--spacing400);}@media (min-width:1260px){margin-left:var(--spacing500);}"]),c=r=>{var t,i,{children:c,logo:p}=r,s=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,["children","logo"]);return e.jsxs(n.NavigationBar,(t=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){a(e,r,t[r])}))}return e}({isGlobal:!0},s),i=null!=(i={children:[p&&e.jsx(l,{"data-element":"global-header-logo-wrapper",children:p}),e.jsx(o.GlobalHeaderProvider,{children:c})]})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})),t))};c.displayName="GlobalHeader",exports.default=c;

package/lib/components/popover-container/popover-container.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-transition-group"),n=require("@floating-ui/dom"),o=require("../../hooks/useMediaQuery/useMediaQuery.js"),a=require("./popover-container.style.js"),i=require("../icon/icon.component.js"),l=require("../../__internal__/popover/popover.component.js"),s=require("../../__internal__/utils/helpers/guid/index.js"),u=require("../../style/utils/filter-styled-system-padding-props.js"),c=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),d=require("../../__internal__/utils/helpers/events/events.js"),p=require("../../__internal__/focus-trap/focus-trap.component.js"),f=require("../modal/__internal__/modal.context.js"),b=require("../../hooks/__internal__/useFocusPortalContent/useFocusPortalContent.js"),m=require("../../__internal__/utils/helpers/tags/tags.js"),v=require("../../__internal__/focus-trap/focus-trap-utils.js"),x=require("../flat-table/__internal__/flat-table.context.js");function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){y(e,t,r[t])}))}return e}function h(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const _=({tabIndex:t,onClick:r,"data-element":n,ref:o,"aria-label":l,id:s,"aria-expanded":u,"aria-haspopup":c})=>e.jsx(a.PopoverContainerOpenIcon,{tabIndex:t,onClick:r,"data-element":n,ref:o,"aria-label":l,"aria-haspopup":c,"aria-expanded":u,id:s,children:e.jsx(i.default,{type:"settings"})}),O=({"data-element":t,tabIndex:r,onClick:n,ref:o,"aria-label":l,closeButtonDataProps:s})=>e.jsx(a.PopoverContainerCloseIcon,h(j({tabIndex:r,onClick:n,ref:o,"aria-label":l},m.default("close",j({"data-element":t},s))),{children:e.jsx(i.default,{type:"close"})})),C=t.forwardRef(((i,y)=>{var{children:C,title:g,position:P="right",open:k,onOpen:w,onClose:q,renderOpenComponent:S=_,renderCloseComponent:A=O,shouldCoverButton:I=!1,ariaDescribedBy:B,openButtonAriaLabel:E,closeButtonAriaLabel:D="close",containerAriaLabel:L,closeButtonDataProps:F,disableAnimation:R=!1,hasFullWidth:M=!1}=i,T=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(i,["children","title","position","open","onOpen","onClose","renderOpenComponent","renderCloseComponent","shouldCoverButton","ariaDescribedBy","openButtonAriaLabel","closeButtonAriaLabel","containerAriaLabel","closeButtonDataProps","disableAnimation","hasFullWidth"]);const W=void 0!==k,[H,Q]=t.useState(!1),K=t.useRef(null),N=t.useRef(null),U=t.useRef(null),$=t.useRef(s.default()),z=t.useRef(null),G=g?`PopoverContainer_${$.current}`:void 0,J=W?k:H,V=!o.default("screen and (prefers-reduced-motion: no-preference)"),X=function(e){return t.useMemo((()=>[n.offset(e?({rects:e})=>({mainAxis:-e.reference.height}):6),n.flip({fallbackStrategy:"initialPlacement"})]),[e])}(I),{isInFlatTable:Y}=t.useContext(x.default),Z=t.useCallback((e=>{var t;W||Q(!1),null==q||q(e),J&&(null===(t=N.current)||void 0===t||t.focus())}),[W,J,q]),ee=t.useCallback((e=>{!d.default.composedPath(e).find((e=>e instanceof HTMLElement&&"input"===e.getAttribute("data-element")&&"true"===e.getAttribute("aria-expanded")))&&d.default.isEscKey(e)&&Z(e)}),[Z]);t.useEffect((()=>(document.addEventListener("keydown",ee),()=>{document.removeEventListener("keydown",ee)})),[ee]),t.useEffect((()=>{var e;!I&&J&&(null===(e=z.current)||void 0===e||e.focus({preventScroll:!0}))}),[J,I,z]),b.default(I?void 0:z,I?void 0:N,Z);const te=t.useCallback((e=>{const t=Array.from(document.querySelectorAll(v.defaultFocusableSelectors)||[]).filter((e=>e===N.current||-1!==Number(e.tabIndex))),r=t.indexOf(N.current);t[r+1].focus(),Z(e)}),[]),re=(e,t)=>{var r;"next"===e&&te?te(t):"prev"===e&&(null===(r=N.current)||void 0===r||r.focus())},ne={tabIndex:0,"aria-expanded":J,"aria-haspopup":"dialog",isOpen:J,"data-element":"popover-container-open-component",onClick:e=>{W||Q(!J),J?null==q||q(e):null==w||w(e)},ref:N,"aria-label":E||g,id:J?void 0:G},oe={"data-element":"popover-container-close-component",tabIndex:0,onClick:e=>{Z(e)},ref:K,"aria-label":D,closeButtonDataProps:F},ae=c.default((e=>{W||Q(!1),J&&(null==q||q(e))}),"mousedown"),[ie,le]=t.useState(!1);t.useImperativeHandle(y,(()=>({focusButton(){var e;null===(e=N.current)||void 0===e||e.focus()}})),[]);const se=()=>e.jsxs(a.PopoverContainerContentStyle,h(j({"data-element":"popover-container-content",role:"dialog","aria-labelledby":G,"aria-label":L,"aria-describedby":B,p:"16px 24px",ref:z,tabIndex:-1,disableAnimation:R||V},u.default(T)),{children:[e.jsxs(a.PopoverContainerHeaderStyle,{children:[e.jsx(a.PopoverContainerTitleStyle,{id:G,"data-element":"popover-container-title",children:g}),A(oe)]}),C]}));return e.jsxs(a.PopoverContainerWrapperStyle,h(j({onMouseDown:ae,hasFullWidth:M},m.default("popover-container",T)),{children:[e.jsx("div",{ref:U,children:S(ne)}),e.jsx(r.CSSTransition,{nodeRef:z,timeout:{exit:R?0:300},in:J,unmountOnExit:!0,onEntered:I?()=>le(!0):void 0,onExiting:I?()=>le(!1):void 0,children:e.jsx(l.default,{reference:U,placement:"right"===P?"bottom-start":"bottom-end",popoverStrategy:R||V?"fixed":"absolute",middleware:X,childRefOverride:z,disableBackgroundUI:Y,children:I?e.jsx(f.default.Provider,{value:{isAnimationComplete:ie},children:e.jsx(p.default,{wrapperRef:z,isOpen:J,children:se()})}):e.jsxs(e.Fragment,{children:[e.jsx("div",{"data-element":"tab-guard-top",tabIndex:0,"aria-hidden":!0,onFocus:e=>re("prev",e)}),se(),e.jsx("div",{"data-element":"tab-guard-bottom",tabIndex:0,"aria-hidden":!0,onFocus:e=>re("next",e)})]})})})]}))}));exports.PopoverContainer=C,exports.default=C,exports.renderClose=O,exports.renderOpen=_;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-transition-group"),n=require("@floating-ui/dom"),o=require("../../hooks/useMediaQuery/useMediaQuery.js"),a=require("./popover-container.style.js"),i=require("../icon/icon.component.js"),l=require("../../__internal__/popover/popover.component.js"),s=require("../../__internal__/utils/helpers/guid/index.js"),u=require("../../style/utils/filter-styled-system-padding-props.js"),d=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),c=require("../../__internal__/utils/helpers/events/events.js"),p=require("../../__internal__/focus-trap/focus-trap.component.js"),f=require("../modal/__internal__/modal.context.js"),b=require("../../hooks/__internal__/useFocusPortalContent/useFocusPortalContent.js"),m=require("../../__internal__/utils/helpers/tags/tags.js"),v=require("../../__internal__/focus-trap/focus-trap-utils.js"),x=require("../flat-table/__internal__/flat-table.context.js"),j=require("../global-header/__internal__/global-header.context.js");function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){y(e,t,r[t])}))}return e}function _(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const O=({tabIndex:t,onClick:r,"data-element":n,ref:o,"aria-label":l,id:s,"aria-expanded":u,"aria-haspopup":d})=>e.jsx(a.PopoverContainerOpenIcon,{tabIndex:t,onClick:r,"data-element":n,ref:o,"aria-label":l,"aria-haspopup":d,"aria-expanded":u,id:s,children:e.jsx(i.default,{type:"settings"})}),g=({"data-element":t,tabIndex:r,onClick:n,ref:o,"aria-label":l,closeButtonDataProps:s})=>e.jsx(a.PopoverContainerCloseIcon,_(h({tabIndex:r,onClick:n,ref:o,"aria-label":l},m.default("close",h({"data-element":t},s))),{children:e.jsx(i.default,{type:"close"})})),C=t.forwardRef(((i,y)=>{var{children:C,title:P,position:k="right",open:q,onOpen:w,onClose:S,renderOpenComponent:A=O,renderCloseComponent:I=g,shouldCoverButton:B=!1,ariaDescribedBy:E,openButtonAriaLabel:D,closeButtonAriaLabel:L="close",containerAriaLabel:F,closeButtonDataProps:R,disableAnimation:M=!1,hasFullWidth:H=!1}=i,W=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(i,["children","title","position","open","onOpen","onClose","renderOpenComponent","renderCloseComponent","shouldCoverButton","ariaDescribedBy","openButtonAriaLabel","closeButtonAriaLabel","containerAriaLabel","closeButtonDataProps","disableAnimation","hasFullWidth"]);const T=void 0!==q,[G,Q]=t.useState(!1),z=t.useRef(null),K=t.useRef(null),N=t.useRef(null),U=t.useRef(s.default()),$=t.useRef(null),J=P?`PopoverContainer_${U.current}`:void 0,V=T?q:G,X=!o.default("screen and (prefers-reduced-motion: no-preference)"),Y=function(e){return t.useMemo((()=>[n.offset(e?({rects:e})=>({mainAxis:-e.reference.height}):6),n.flip({fallbackStrategy:"initialPlacement"})]),[e])}(B),{isInFlatTable:Z}=t.useContext(x.default),ee=t.useCallback((e=>{var t;T||Q(!1),null==S||S(e),V&&(null===(t=K.current)||void 0===t||t.focus())}),[T,V,S]),te=t.useCallback((e=>{!c.default.composedPath(e).find((e=>e instanceof HTMLElement&&"input"===e.getAttribute("data-element")&&"true"===e.getAttribute("aria-expanded")))&&c.default.isEscKey(e)&&ee(e)}),[ee]);t.useEffect((()=>(document.addEventListener("keydown",te),()=>{document.removeEventListener("keydown",te)})),[te]),t.useEffect((()=>{var e;!B&&V&&(null===(e=$.current)||void 0===e||e.focus({preventScroll:!0}))}),[V,B,$]),b.default(B?void 0:$,B?void 0:K,ee);const re=t.useCallback((e=>{const t=Array.from(document.querySelectorAll(v.defaultFocusableSelectors)||[]).filter((e=>e===K.current||-1!==Number(e.tabIndex))),r=t.indexOf(K.current);t[r+1].focus(),ee(e)}),[]),ne=(e,t)=>{var r;"next"===e&&re?re(t):"prev"===e&&(null===(r=K.current)||void 0===r||r.focus())},oe={tabIndex:0,"aria-expanded":V,"aria-haspopup":"dialog",isOpen:V,"data-element":"popover-container-open-component",onClick:e=>{T||Q(!V),V?null==S||S(e):null==w||w(e)},ref:K,"aria-label":D||P,id:V?void 0:J},ae={"data-element":"popover-container-close-component",tabIndex:0,onClick:e=>{ee(e)},ref:z,"aria-label":L,closeButtonDataProps:R},ie=d.default((e=>{T||Q(!1),V&&(null==S||S(e))}),"mousedown"),[le,se]=t.useState(!1),{isWithinGlobalHeader:ue}=j.useGlobalHeader();t.useImperativeHandle(y,(()=>({focusButton(){var e;null===(e=K.current)||void 0===e||e.focus()}})),[]);const de=()=>e.jsxs(a.PopoverContainerContentStyle,_(h({"data-element":"popover-container-content",role:"dialog","aria-labelledby":J,"aria-label":F,"aria-describedby":E,p:"16px 24px",ref:$,tabIndex:-1,disableAnimation:M||X,zIndex:ue?1e4:2e3},u.default(W)),{children:[e.jsxs(a.PopoverContainerHeaderStyle,{children:[e.jsx(a.PopoverContainerTitleStyle,{id:J,"data-element":"popover-container-title",children:P}),I(ae)]}),C]}));return e.jsxs(a.PopoverContainerWrapperStyle,_(h({onMouseDown:ie,hasFullWidth:H},m.default("popover-container",W)),{children:[e.jsx("div",{ref:N,children:A(oe)}),e.jsx(r.CSSTransition,{nodeRef:$,timeout:{exit:M?0:300},in:V,unmountOnExit:!0,onEntered:B?()=>se(!0):void 0,onExiting:B?()=>se(!1):void 0,children:e.jsx(l.default,{reference:N,placement:"right"===k?"bottom-start":"bottom-end",popoverStrategy:M||X?"fixed":"absolute",middleware:Y,childRefOverride:$,disableBackgroundUI:Z,children:B?e.jsx(f.default.Provider,{value:{isAnimationComplete:le},children:e.jsx(p.default,{wrapperRef:$,isOpen:V,children:de()})}):e.jsxs(e.Fragment,{children:[e.jsx("div",{"data-element":"tab-guard-top",tabIndex:0,"aria-hidden":!0,onFocus:e=>ne("prev",e)}),de(),e.jsx("div",{"data-element":"tab-guard-bottom",tabIndex:0,"aria-hidden":!0,onFocus:e=>ne("next",e)})]})})})]}))}));exports.PopoverContainer=C,exports.default=C,exports.renderClose=g,exports.renderOpen=O;

package/lib/components/popover-container/popover-container.style.d.ts

@@ -8,6 +8,7 @@ declare const PopoverContainerHeaderStyle: import("styled-components").StyledCom
 type PopoverContainerContentStyleProps = {
     animationState?: TransitionStatus;
     disableAnimation?: boolean;
+    zIndex?: number;
 };
 declare const PopoverContainerContentStyle: import("styled-components").StyledComponent<"div", any, PopoverContainerContentStyleProps, never>;
 type AdditionalIconButtonProps = {

package/lib/components/popover-container/popover-container.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),o=require("styled-system");require("../../style/themes/sage/index.js");var t=require("../../style/themes/base/index.js");require("../../style/themes/none/index.js");var n=require("../icon-button/icon-button.component.js"),r=require("../icon/icon.style.js"),i=require("../form/form.style.js");function a(e){return e&&e.__esModule?e:{default:e}}var s=a(e);const p=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerWrapperStyle",componentId:"sc-4b145903-0"})(["position:relative;display:inline-block;",""],(({hasFullWidth:o})=>o&&e.css(["width:100%;"]))),l=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderStyle",componentId:"sc-4b145903-1"})(["display:flex;justify-content:space-between;margin-bottom:8px;max-width:280px;"]),d=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerContentStyle",componentId:"sc-4b145903-2"})([""," background:var(--colorsUtilityYang100);border-radius:var(--borderRadius100);box-shadow:var(--boxShadow100);min-width:300px;position:absolute;z-index:2000;"," :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);}}}"],o.padding,(({disableAnimation:o})=>o?e.css(["opacity:1;transform:none;"]):e.css(["&.enter{opacity:0;transform:translateY(-8px);}&.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);}"])),i.StyledForm,i.StyledForm,i.StyledFormContent,i.StyledFormFooter),c=s.default(n.default).withConfig({displayName:"popover-container.style__PopoverContainerOpenIcon",componentId:"sc-4b145903-3"})(["","{color:var(--colorsActionMinor500);}"],r.default),y=s.default(n.default).withConfig({displayName:"popover-container.style__PopoverContainerCloseIcon",componentId:"sc-4b145903-4"})(["position:absolute;top:16px;right:24px;","{color:var(--colorsActionMinor500);}"],r.default),u=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerTitleStyle",componentId:"sc-4b145903-5"})(["font-size:16px;font-weight:500;"]);d.defaultProps={theme:t.default},exports.PopoverContainerCloseIcon=y,exports.PopoverContainerContentStyle=d,exports.PopoverContainerHeaderStyle=l,exports.PopoverContainerOpenIcon=c,exports.PopoverContainerTitleStyle=u,exports.PopoverContainerWrapperStyle=p;
+"use strict";var e=require("styled-components"),o=require("styled-system");require("../../style/themes/sage/index.js");var t=require("../../style/themes/base/index.js");require("../../style/themes/none/index.js");var n=require("../icon-button/icon-button.component.js"),r=require("../icon/icon.style.js"),i=require("../form/form.style.js");function a(e){return e&&e.__esModule?e:{default:e}}var s=a(e);const p=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerWrapperStyle",componentId:"sc-b28c341a-0"})(["position:relative;display:inline-block;",""],(({hasFullWidth:o})=>o&&e.css(["width:100%;"]))),l=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderStyle",componentId:"sc-b28c341a-1"})(["display:flex;justify-content:space-between;margin-bottom:8px;max-width:280px;"]),d=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerContentStyle",componentId:"sc-b28c341a-2"})([""," background:var(--colorsUtilityYang100);border-radius:var(--borderRadius100);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);}}}"],o.padding,(({zIndex:e})=>e),(({disableAnimation:o})=>o?e.css(["opacity:1;transform:none;"]):e.css(["&.enter{opacity:0;transform:translateY(-8px);}&.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);}"])),i.StyledForm,i.StyledForm,i.StyledFormContent,i.StyledFormFooter),c=s.default(n.default).withConfig({displayName:"popover-container.style__PopoverContainerOpenIcon",componentId:"sc-b28c341a-3"})(["","{color:var(--colorsActionMinor500);}"],r.default),y=s.default(n.default).withConfig({displayName:"popover-container.style__PopoverContainerCloseIcon",componentId:"sc-b28c341a-4"})(["position:absolute;top:16px;right:24px;","{color:var(--colorsActionMinor500);}"],r.default),u=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerTitleStyle",componentId:"sc-b28c341a-5"})(["font-size:16px;font-weight:500;"]);d.defaultProps={theme:t.default},exports.PopoverContainerCloseIcon=y,exports.PopoverContainerContentStyle=d,exports.PopoverContainerHeaderStyle=l,exports.PopoverContainerOpenIcon=c,exports.PopoverContainerTitleStyle=u,exports.PopoverContainerWrapperStyle=p;

package/lib/components/profile/profile.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),i=require("styled-system"),t=require("../portrait/portrait.component.js"),l=require("../../style/themes/base/index.js"),r=require("./profile.config.js"),o=require("../link/link.component.js"),a=require("../portrait/portrait.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var s=n(e);const f=s.default.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"sc-2a03cab0-0"})(["font-weight:500;font-size:",";"],(({size:e="M"})=>r.default[e].nameSize)),d=s.default(o.Link).withConfig({displayName:"profile.style__ProfileEmailStyle",componentId:"sc-2a03cab0-1"})(["a{font-size:",";color:",";}"],(({size:e="M"})=>r.default[e].emailSize),(({darkBackground:e})=>e&&"var(--colorsActionMajor350)")),c=s.default.span.withConfig({displayName:"profile.style__ProfileTextStyle",componentId:"sc-2a03cab0-2"})(["font-size:",";"],(({size:e="M"})=>r.default[e].emailSize)),p=s.default.div.withConfig({displayName:"profile.style__ProfileStyle",componentId:"sc-2a03cab0-3"})(["border-radius:inherit;white-space:nowrap;color:",";background-color:",";display:flex;flex-direction:row;"," ","{flex-shrink:0;}"],(({darkBackground:e})=>e?"var(--colorsUtilityReadOnly600)":"var(--colorsUtilityYin090)"),(({darkBackground:e})=>e?"var(--colorsUtilityYin090)":"transparent"),i.margin,a.StyledPortraitContainer),y=s.default.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"sc-2a03cab0-4"})(["vertical-align:middle;display:flex;flex-direction:column;justify-content:center;line-height:",";margin-left:",";"],(({size:e="M"})=>r.default[e].lineHeight),(({size:e="M"})=>r.default[e].marginLeft)),u=s.default(t.Portrait).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"sc-2a03cab0-5"})(["display:inline-block;"]);p.defaultProps={theme:l.default},exports.ProfileAvatarStyle=u,exports.ProfileDetailsStyle=y,exports.ProfileEmailStyle=d,exports.ProfileNameStyle=f,exports.ProfileStyle=p,exports.ProfileTextStyle=c;
+"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../portrait/portrait.component.js"),l=require("../../style/themes/base/index.js"),r=require("./profile.config.js"),o=require("../link/link.component.js"),a=require("../portrait/portrait.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var s=n(e);const f=s.default.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"sc-88ca67c0-0"})(["font-weight:500;font-size:",";"],(({size:e="M"})=>r.default[e].nameSize)),c=s.default(o.Link).withConfig({displayName:"profile.style__ProfileEmailStyle",componentId:"sc-88ca67c0-1"})(["a{font-size:",";color:",";}"],(({size:e="M"})=>r.default[e].emailSize),(({darkBackground:e})=>e&&"var(--colorsActionMajor350)")),d=s.default.span.withConfig({displayName:"profile.style__ProfileTextStyle",componentId:"sc-88ca67c0-2"})(["font-size:",";"],(({size:e="M"})=>r.default[e].emailSize)),p=s.default.div.withConfig({displayName:"profile.style__ProfileStyle",componentId:"sc-88ca67c0-3"})(["border-radius:inherit;color:",";background-color:",";display:flex;flex-direction:row;align-items:center;"," ","{flex-shrink:0;}"],(({darkBackground:e})=>e?"var(--colorsUtilityReadOnly600)":"var(--colorsUtilityYin090)"),(({darkBackground:e})=>e?"var(--colorsUtilityYin090)":"transparent"),t.margin,a.StyledPortraitContainer),y=s.default.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"sc-88ca67c0-4"})(["display:flex;flex-direction:column;justify-content:center;line-height:",";margin-left:",";"],(({size:e="M"})=>r.default[e].lineHeight),(({size:e="M"})=>r.default[e].marginLeft)),u=s.default(i.Portrait).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"sc-88ca67c0-5"})(["display:inline-block;"]);p.defaultProps={theme:l.default},exports.ProfileAvatarStyle=u,exports.ProfileDetailsStyle=y,exports.ProfileEmailStyle=c,exports.ProfileNameStyle=f,exports.ProfileStyle=p,exports.ProfileTextStyle=d;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "154.6.0",
+  "version": "154.7.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",