carbon-react 158.23.4 → 158.24.1

package/esm/__internal__/modal/modal.component.d.ts

@@ -28,5 +28,5 @@ export interface ModalProps extends TagProps {
      */
     restoreFocusOnClose?: boolean;
 }
-declare const Modal: ({ children, "data-element": dataElement, "data-role": dataRole, open, onCancel, disableEscKey, disableClose, enableBackgroundUI, topModalOverride, restoreFocusOnClose, ...rest }: ModalProps) => React.JSX.Element;
+declare const Modal: (props: ModalProps) => React.JSX.Element;
 export default Modal;

package/esm/__internal__/modal/modal.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useRef as r,useState as t,useEffect as n,useCallback as l}from"react";import{TransitionGroup as a,CSSTransition as i}from"react-transition-group";import c from"../../hooks/__internal__/useScrollBlock/useScrollBlock.js";import{Portal as s}from"../../components/portal/portal.js";import{getDocument as d}from"../dom/globals.js";import m from"../utils/helpers/events/events.js";import p from"../../hooks/__internal__/useModalManager/useModalManager.js";import{StyledModal as u,StyledModalBackground as f}from"./modal.style.js";import b from"./modal.context.js";function O(e,o,r){return o in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}function g(e){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{},t=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),t.forEach((function(o){O(e,o,r[o])}))}return e}const y=300,j=O=>{var{children:j,"data-element":v,"data-role":h="modal",open:P,onCancel:k,disableEscKey:w=!1,disableClose:E,enableBackgroundUI:M=!1,topModalOverride:S,restoreFocusOnClose:C=!0}=O,_=function(e,o){if(null==e)return{};var r,t,n=function(e,o){if(null==e)return{};var r,t,n={},l=Object.keys(e);for(t=0;t<l.length;t++)r=l[t],o.indexOf(r)>=0||(n[r]=e[r]);return n}(e,o);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)r=l[t],o.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(O,["children","data-element","data-role","open","onCancel","disableEscKey","disableClose","enableBackgroundUI","topModalOverride","restoreFocusOnClose"]);const x=r(null),I=r(null),R=r(null),[B,D]=t(!1),[F,N]=t(!1),{blockScroll:T,allowScroll:K}=c();n((()=>{M||(P?T():K())}),[K,T,M,P]),n((()=>()=>{M||K()}),[K,M]);const A=l((e=>{k&&!E&&!w&&m.isEscKey(e)&&(e.stopImmediatePropagation(),k(e))}),[E,w,k]),U=d();let q,z;return p({open:P,closeModal:A,modalRef:x,setTriggerRefocusFlag:N,topModalOverride:S,focusCallToActionElement:C&&U?U.activeElement:void 0}),P&&(q=M?null:e(f,{ref:I,"data-element":"modal-background","data-role":"modal-background",transitionName:"modal-background",transitionTime:y}),z=j),e(s,{children:o(u,(G=g({"data-component":"modal","data-element":v,"data-role":h,"data-state":P&&B?"open":"closed",transitionName:"modal",transitionTime:y,topModalOverride:S,ref:x},_),H={children:[e(a,{children:q&&e(i,{nodeRef:I,appear:!0,classNames:"modal-background",timeout:y,onEntered:()=>D(!0),onExiting:()=>D(!1),children:q},"modal")}),e(a,{children:z&&e(i,{nodeRef:R,appear:!0,classNames:"modal",timeout:y,children:e(b.Provider,{value:{isAnimationComplete:B,triggerRefocusFlag:F,isInModal:!0},children:e("div",{ref:R,children:z})})})})]},H=null!=H?H:{},Object.getOwnPropertyDescriptors?Object.defineProperties(G,Object.getOwnPropertyDescriptors(H)):function(e){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o.push.apply(o,r)}return o}(Object(H)).forEach((function(e){Object.defineProperty(G,e,Object.getOwnPropertyDescriptor(H,e))})),G))});var G,H};export{j as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useRef as r,useState as t,useEffect as n,useCallback as l}from"react";import{TransitionGroup as a,CSSTransition as i}from"react-transition-group";import c from"../../hooks/__internal__/useScrollBlock/useScrollBlock.js";import s from"../../components/portal/portal.js";import{getDocument as d}from"../dom/globals.js";import m from"../utils/helpers/events/events.js";import p from"../../hooks/__internal__/useModalManager/useModalManager.js";import{StyledModal as u,StyledModalBackground as f}from"./modal.style.js";import b from"./modal.context.js";function O(e,o,r){return o in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}function g(e){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{},t=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),t.forEach((function(o){O(e,o,r[o])}))}return e}const y=300,j=s=>{var{children:O,"data-element":j,"data-role":v="modal",open:h,onCancel:P,disableEscKey:k=!1,disableClose:w,enableBackgroundUI:E=!1,topModalOverride:M,restoreFocusOnClose:S=!0}=s,C=function(e,o){if(null==e)return{};var r,t,n=function(e,o){if(null==e)return{};var r,t,n={},l=Object.keys(e);for(t=0;t<l.length;t++)r=l[t],o.indexOf(r)>=0||(n[r]=e[r]);return n}(e,o);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)r=l[t],o.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(s,["children","data-element","data-role","open","onCancel","disableEscKey","disableClose","enableBackgroundUI","topModalOverride","restoreFocusOnClose"]);const _=r(null),x=r(null),I=r(null),[R,B]=t(!1),[D,F]=t(!1),{blockScroll:N,allowScroll:T}=c();n((()=>{E||(h?N():T())}),[T,N,E,h]),n((()=>()=>{E||T()}),[T,E]);const K=l((e=>{P&&!w&&!k&&m.isEscKey(e)&&(e.stopImmediatePropagation(),P(e))}),[w,k,P]),A=d();let U,q;return p({open:h,closeModal:K,modalRef:_,setTriggerRefocusFlag:F,topModalOverride:M,focusCallToActionElement:S&&A?A.activeElement:void 0}),h&&(U=E?null:e(f,{ref:x,"data-element":"modal-background","data-role":"modal-background",transitionName:"modal-background",transitionTime:y}),q=O),o(u,(z=g({"data-component":"modal","data-element":j,"data-role":v,"data-state":h&&R?"open":"closed",transitionName:"modal",transitionTime:y,topModalOverride:M,ref:_},C),G=null!=(G={children:[e(a,{children:U&&e(i,{nodeRef:x,appear:!0,classNames:"modal-background",timeout:y,onEntered:()=>B(!0),onExiting:()=>B(!1),children:U},"modal")}),e(a,{children:q&&e(i,{nodeRef:I,appear:!0,classNames:"modal",timeout:y,children:e(b.Provider,{value:{isAnimationComplete:R,triggerRefocusFlag:D,isInModal:!0},children:e("div",{ref:I,children:q})})})})]})?G:{},Object.getOwnPropertyDescriptors?Object.defineProperties(z,Object.getOwnPropertyDescriptors(G)):function(e){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o.push.apply(o,r)}return o}(Object(G)).forEach((function(e){Object.defineProperty(z,e,Object.getOwnPropertyDescriptor(G,e))})),z));var z,G},v=o=>e(s,{children:e(j,g({},o))});export{v as default};

package/esm/__internal__/popover/popover.component.d.ts

@@ -44,5 +44,5 @@ export interface PopoverProps {
      */
     childRefOverride?: MutableRefObject<HTMLDivElement | null>;
 }
-declare const Popover: ({ children, placement, disablePortal, reference, middleware, disableBackgroundUI, isOpen, animationFrame, popoverStrategy, childRefOverride, }: PopoverProps) => React.JSX.Element;
+declare const Popover: ({ disablePortal, ...props }: PopoverProps) => React.JSX.Element | null;
 export default Popover;

package/esm/__internal__/popover/popover.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import r,{useRef as o,useContext as t,useEffect as n}from"react";import l from"react-dom";import{flip as a}from"@floating-ui/dom";import i from"../../hooks/__internal__/useFloating/useFloating.js";import{StyledPopoverContent as c,StyledBackdrop as d}from"./popover.style.js";import m from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import s from"../modal/modal.context.js";const p=[a({fallbackStrategy:"initialPlacement"})],u=({children:a,placement:u,disablePortal:f,reference:v,middleware:g=p,disableBackgroundUI:h,isOpen:b=!0,animationFrame:k,popoverStrategy:y="absolute",childRefOverride:j})=>{var O;const F=o(null),{isInModal:_}=t(s),x=null===(O=v.current)||void 0===O?void 0:O.closest("[role='dialog']"),C=_&&x?x:document.body;F.current||f||(F.current=document.createElement("div"),C.appendChild(F.current));const P=j||r.Children.only(a).ref,w=o(null),E=P||w;let I;return I=P?a:r.cloneElement(a,{ref:E}),i({isOpen:b,reference:v,floating:E,placement:u,middleware:g,animationFrame:k,strategy:y}),n((()=>()=>{!f&&F.current&&(C.removeChild(F.current),F.current=null)}),[f,C]),h||(I=e(c,{isOpen:b,children:I})),h&&(I=e(c,{isOpen:b,children:e(d,{"data-role":"popup-backdrop",children:I})})),f?I:l.createPortal(e(m,{className:"carbon-portal-scoped-tokens-provider",children:I}),F.current)};export{u as default};
+import{jsx as e}from"react/jsx-runtime";import r,{useContext as o,useRef as t}from"react";import{createPortal as n}from"react-dom";import{flip as l}from"@floating-ui/dom";import i from"../../hooks/__internal__/useFloating/useFloating.js";import{StyledPopoverContent as a,StyledBackdrop as c}from"./popover.style.js";import s from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import m from"../modal/modal.context.js";import p from"../../hooks/__internal__/useIsBrowser/index.js";function d(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function f(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),t.forEach((function(r){d(e,r,o[r])}))}return e}const u=[l({fallbackStrategy:"initialPlacement"})],b=({children:o,placement:n,reference:l,middleware:s=u,disableBackgroundUI:m,isOpen:p=!0,animationFrame:d,popoverStrategy:f="absolute",childRefOverride:b})=>{const y=b||r.Children.only(o).ref,O=t(null),g=y||O;let j;return j=y?o:r.cloneElement(o,{ref:g}),i({isOpen:p,reference:l,floating:g,placement:n,middleware:s,animationFrame:d,strategy:f}),e(a,{isOpen:p,children:m?e(c,{"data-role":"popup-backdrop",children:j}):j})},y=r=>{var t,{disablePortal:l}=r,i=function(e,r){if(null==e)return{};var o,t,n=function(e,r){if(null==e)return{};var o,t,n={},l=Object.keys(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||(n[o]=e[o]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}(r,["disablePortal"]);const{isBrowser:a}=p(),{isInModal:c}=o(m),d=null===(t=i.reference.current)||void 0===t?void 0:t.closest("[role='dialog']");return l?e(b,f({},i)):a?n(e(s,{className:"carbon-portal-scoped-tokens-provider",children:e(b,f({},i))}),c&&d?d:document.body):null};export{y as default};

package/esm/components/carbon-provider/__internal__/top-modal-provider.component.js

@@ -1 +1 @@
-import{jsx as _}from"react/jsx-runtime";import{useState as o,useRef as r,useEffect as T}from"react";import t from"./top-modal.context.js";const n=({children:n})=>{const[i,A]=o(null),E=r(!0);return E.current&&(window.__CARBON_INTERNALS_MODAL_SETTER_LIST||(window.__CARBON_INTERNALS_MODAL_SETTER_LIST=[]),window.__CARBON_INTERNALS_MODAL_SETTER_LIST.push(A),E.current=!1),T((()=>()=>{var _;window.__CARBON_INTERNALS_MODAL_SETTER_LIST=null===(_=window.__CARBON_INTERNALS_MODAL_SETTER_LIST)||void 0===_?void 0:_.filter((_=>_!==A))}),[]),_(t.Provider,{value:{topModal:i},children:n})};export{n as TopModalProvider,n as default};
+import{jsx as _}from"react/jsx-runtime";import{useState as o,useEffect as T}from"react";import r from"./top-modal.context.js";const t=({children:t})=>{const[i,A]=o(null);return T((()=>(window.__CARBON_INTERNALS_MODAL_SETTER_LIST||(window.__CARBON_INTERNALS_MODAL_SETTER_LIST=[]),window.__CARBON_INTERNALS_MODAL_SETTER_LIST.push(A),()=>{var _;window.__CARBON_INTERNALS_MODAL_SETTER_LIST=null===(_=window.__CARBON_INTERNALS_MODAL_SETTER_LIST)||void 0===_?void 0:_.filter((_=>_!==A))})),[]),_(r.Provider,{value:{topModal:i},children:t})};export{t as TopModalProvider,t as default};

package/esm/components/link/link.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as n,Fragment as t}from"react/jsx-runtime";import r,{useState as o,useContext as i,useRef as l,useCallback as a,useMemo as s,useEffect as c}from"react";import p from"../icon/icon.component.js";import u from"../menu/__internal__/menu.context.js";import{StyledLink as d,StyledContent as b}from"./link.style.js";import f from"../../__internal__/utils/helpers/tags/tags.js";import m from"../../hooks/__internal__/useLocale/useLocale.js";import y from"../batch-selection/__internal__/batch-selection.context.js";import k from"../../__internal__/utils/logger/index.js";function v(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){v(e,n,t[n])}))}return e}function g(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}let h=!1,j=!1,w=!1,_=!1;const P={default:!1,neutral:!1},L={default:"typical",neutral:"subtle"},D=r.forwardRef(((v,D)=>{var{children:S,onKeyDown:M,href:x,onClick:A,onMouseDown:B,icon:T,iconAlign:C="left",isSkipLink:E,disabled:I=!1,underline:N="always",ariaLabel:z,rel:K,tooltipMessage:F,tooltipPosition:$,target:R,variant:W="typical",isDarkBackground:q,inverse:G,removeAriaLabelOnIcon:H,className:J,linkSize:Q="medium",download:U}=v,V=function(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(v,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","underline","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","inverse","removeAriaLabelOnIcon","className","linkSize","download"]);const[X,Y]=o(!1),Z=m(),{inMenu:ee}=i(u),{batchSelectionDisabled:ne}=i(y),te=I||ne,re=l(null);!h&&I&&(h=!0,k.deprecate("The 'disabled' prop in Link is deprecated and will soon be removed.")),!w&&F&&(w=!0,k.deprecate("The 'tooltipMessage' prop in Link is deprecated and will soon be removed.")),!j&&$&&(j=!0,k.deprecate("The 'tooltipPosition' prop in Link is deprecated and will soon be removed.")),!_&&q&&(_=!0,k.deprecate("The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead.")),!P[W]&&L[W]&&(P[W]=!0,k.deprecate(`The value '${W}' for the variant prop is deprecated and will soon be removed. Please use value '${L[W]}' instead.`));const oe=null!=G?G:q;var ie;const le=null!==(ie=L[W])&&void 0!==ie?ie:W,ae=a((e=>{re.current=e,D&&("function"!=typeof D?"object"!=typeof D||(D.current=e):D(e))}),[D]),se=a((e=>{var n,t;null===(t=re.current)||void 0===t||null===(n=t.focus)||void 0===n||n.call(t,{preventScroll:!0}),null==A||A(e)}),[A]),ce=(n="left")=>T&&C===n?e(p,{type:T,disabled:te,ariaLabel:H?void 0:z,tooltipMessage:F,tooltipPosition:$}):null,pe=s((()=>{const e=V;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((n,t)=>(n[t]=e[t],n)),{})}),[V]),ue=g(O({onKeyDown:M,onMouseDown:B,onClick:se,disabled:te,target:R,ref:ae,href:x,rel:K,"aria-label":z},pe),{onFocus:()=>Y(!0),onBlur:()=>Y(!1)}),de={type:"button"};return c((()=>{(I||!x&&!A)&&Y(!1)}),[I,x,A]),e(d,g(O({isSkipLink:E,disabled:te,underline:N,iconAlign:C,className:J,hasContent:Boolean(S),variant:le,inverse:oe,isMenuItem:ee},f("link",V),E&&{"data-element":"skip-link"}),{hasFocus:X,linkSize:Q,children:(()=>{let o="a";return A&&!x&&(o="button"),r.createElement(o,"button"===o?O({},ue,de):g(O({},ue),{download:U,"data-role":"link-anchor"}),n(t,{children:[ce(),e(b,{children:E?Z.link.skipLinkLabel():S}),ce("right")]}))})()}))}));D.displayName="Link";export{D as Link,D as default};
+import{jsx as e,jsxs as n,Fragment as t}from"react/jsx-runtime";import r,{useState as o,useContext as i,useRef as l,useCallback as a,useMemo as s,useEffect as c}from"react";import p from"../icon/icon.component.js";import u from"../menu/__internal__/menu.context.js";import{StyledLink as d,StyledContent as b}from"./link.style.js";import f from"../../__internal__/utils/helpers/tags/tags.js";import m from"../../hooks/__internal__/useLocale/useLocale.js";import y from"../batch-selection/__internal__/batch-selection.context.js";import k from"../../__internal__/utils/logger/index.js";function v(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){v(e,n,t[n])}))}return e}function g(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}let h=!1,j=!1,w=!1,_=!1;const P={default:!1,neutral:!1},L={default:"typical",neutral:"subtle"},D=r.forwardRef(((v,D)=>{var{children:S,onKeyDown:M,href:x,onClick:A,onMouseDown:B,icon:T,iconAlign:C="left",isSkipLink:E,disabled:I=!1,underline:N="always",ariaLabel:z,rel:K,tooltipMessage:F,tooltipPosition:$,target:R,variant:W="typical",isDarkBackground:q,inverse:G,removeAriaLabelOnIcon:H,className:J,linkSize:Q="medium",download:U,bold:V=!1}=v,X=function(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(v,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","underline","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","inverse","removeAriaLabelOnIcon","className","linkSize","download","bold"]);const[Y,Z]=o(!1),ee=m(),{inMenu:ne}=i(u),{batchSelectionDisabled:te}=i(y),re=I||te,oe=l(null);!h&&I&&(h=!0,k.deprecate("The 'disabled' prop in Link is deprecated and will soon be removed.")),!w&&F&&(w=!0,k.deprecate("The 'tooltipMessage' prop in Link is deprecated and will soon be removed.")),!j&&$&&(j=!0,k.deprecate("The 'tooltipPosition' prop in Link is deprecated and will soon be removed.")),!_&&q&&(_=!0,k.deprecate("The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead.")),!P[W]&&L[W]&&(P[W]=!0,k.deprecate(`The value '${W}' for the variant prop is deprecated and will soon be removed. Please use value '${L[W]}' instead.`));const ie=null!=G?G:q;var le;const ae=null!==(le=L[W])&&void 0!==le?le:W,se=a((e=>{oe.current=e,D&&("function"!=typeof D?"object"!=typeof D||(D.current=e):D(e))}),[D]),ce=a((e=>{var n,t;null===(t=oe.current)||void 0===t||null===(n=t.focus)||void 0===n||n.call(t,{preventScroll:!0}),null==A||A(e)}),[A]),pe=(n="left")=>T&&C===n?e(p,{type:T,disabled:re,ariaLabel:H?void 0:z,tooltipMessage:F,tooltipPosition:$}):null,ue=s((()=>{const e=X;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((n,t)=>(n[t]=e[t],n)),{})}),[X]),de=g(O({onKeyDown:M,onMouseDown:B,onClick:ce,disabled:re,target:R,ref:se,href:x,rel:K,"aria-label":z},ue),{onFocus:()=>Z(!0),onBlur:()=>Z(!1)}),be={type:"button"};return c((()=>{(I||!x&&!A)&&Z(!1)}),[I,x,A]),e(d,g(O({isSkipLink:E,disabled:re,underline:N,iconAlign:C,className:J,hasContent:Boolean(S),variant:ae,inverse:ie,isMenuItem:ne},f("link",X),E&&{"data-element":"skip-link"}),{hasFocus:Y,linkSize:Q,bold:V,children:(()=>{let o="a";return A&&!x&&(o="button"),r.createElement(o,"button"===o?O({},de,be):g(O({},de),{download:U,"data-role":"link-anchor"}),n(t,{children:[pe(),e(b,{children:E?ee.link.skipLinkLabel():S}),pe("right")]}))})()}))}));D.displayName="Link";export{D as Link,D as default};

package/esm/components/link/link.style.d.ts

@@ -21,6 +21,8 @@ export interface StyledLinkProps {
     inverse?: boolean;
     /** @deprecated The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead. */
     isDarkBackground?: boolean;
+    /** Sets the link style to bold */
+    bold?: boolean;
 }
 interface PrivateStyledLinkProps {
     hasContent: boolean;

package/esm/components/link/link.style.js

@@ -1 +1 @@
-import o,{css as r}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import i from"../../style/utils/add-focus-styling.js";import e from"../icon/icon.style.js";import a from"../button/button.style.js";const n={light:o=>{let r="#08711E",t="#10601C";return"negative"===o?(r="#B23342",t="#9F303C"):"subtle"===o&&(r="#000000E5",t="#000000"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYin030)",focusColor:"#000000",focusBgColor:"#FFD27E",focusBoxShadowColor:"#000000"}},dark:o=>{let r="#4EDC54",t="#72E26F";return"negative"===o?(r="#E85B66",t="#ED6E74"):"subtle"===o&&(r="var(--colorsUtilityYang100)",t="var(--colorsUtilityYang100)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYang030)",focusColor:"#FFFFFF",focusBgColor:"#926916",focusBoxShadowColor:"#FFB500"}}},s=o.span.attrs(t).withConfig({displayName:"link.style__StyledLink",componentId:"sc-1124004d-0"})(["",""],(({isSkipLink:o,theme:t,iconAlign:s,hasContent:l,disabled:d,underline:c,variant:u,inverse:v,isMenuItem:b,hasFocus:g,linkSize:p})=>{const h=v?"dark":"light",{color:f,hoverColor:m,disabledColor:y,focusColor:x,focusBgColor:C,focusBoxShadowColor:k}=n[h](u),w="medium"===p?"var(--fontSizes100)":"var(--fontSizes200)";return r([""," "," "," > a,> button{text-decoration:",";:hover{text-decoration:",";}"," > ","{display:",";position:relative;vertical-align:middle;"," ","}&:focus{color:",";","{color:",";}outline:none;}"," ","}"," "," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],o&&r(["a{position:absolute;padding-left:var(--spacing300);padding-right:var(--spacing300);line-height:var(--sizing600);left:-999em;z-index:",";border:3px solid var(--colorsUtilityYin100);box-shadow:var(--boxShadow300);border-radius:var(--spacing000) var(--spacing100) var(--spacing100) var(--spacing000);font-size:",";color:var(--colorsUtilityYin090);&:hover{cursor:pointer;color:var(--colorsUtilityYin090);","{color:var(--colorsActionMajor600);}}&:focus{background-color:var(--colorsSemanticFocus500);text-decoration:underline var(--colorsUtilityYin100);text-decoration-thickness:4px;text-underline-offset:3px;-webkit-text-decoration:underline var(--colorsUtilityYin100);-webkit-text-decoration-thickness:4px;-webkit-text-underline-offset:3px;}}a:focus{top:var(--spacing100);left:var(--spacing000);}"],t.zIndex.aboveAll,w,e),!o&&r(["> a,> button{font-size:",";"," ","}"],w,!d&&r(["color:",";","{color:",";}&:hover{color:",";> ","{color:",";}}&:not(:has(img,svg,picture)):focus{background-color:",";border-radius:var(--borderRadius025);}"],f,e,f,m,e,m,C),d&&r(["color:",";&:hover,&:focus{color:",";}"],y,y)),!d&&r(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),l&&"always"===c?"underline":"none",!l||"hover"!==c&&"always"!==c?"none":"underline",b&&"display: inline-block;",e,l?"inline-block":"inline","left"===s&&r(["margin-right:",";"],l?"var(--spacing050)":0),"right"===s&&r(["margin-right:0;margin-left:",";"],l?"var(--spacing100)":0),x,e,x,!d&&r(["&:has(img,svg,picture){display:inline-block;vertical-align:middle;}&:has(img,svg,picture):focus{"," border-radius:var(--borderRadius025);outline:default;}"],i()),d&&r(["cursor:not-allowed;"]),!o&&!d&&g&&r(["> a,> button{outline:none;text-decoration:underline;border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}max-width:fit-content;box-shadow:0 var(--spacing050) 0 0 ",';border-bottom-left-radius:var(--borderRadius025);border-bottom-right-radius:var(--borderRadius025);&:has([data-popover-container-button="true"]){border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}'],k),!d&&g&&r(["&:has(img,svg,picture){> a,> button{","}}"],i()),a)})),l=o.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-1124004d-1"})([""]);export{l as StyledContent,s as StyledLink};
+import o,{css as e}from"styled-components";import l from"../../style/themes/apply-base-theme.js";import r from"../../style/utils/add-focus-styling.js";import a from"../icon/icon.style.js";import t from"../button/button.style.js";const i={light:o=>{let e="var(--link-typical-label-default)",l="var(--link-typical-label-hover)";return"negative"===o?(e="var(--link-destructive-label-default)",l="var(--link-destructive-label-hover)"):"subtle"===o&&(e="var(--link-subtle-label-default)",l="var(--link-subtle-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-label)",focusBgColor:"var(--focus-bg)",focusBoxShadowColor:"var(--focus-borderalt)"}},dark:o=>{let e="var(--link-typical-inverse-label-default)",l="var(--link-typical-inverse-label-hover)";return"negative"===o?(e="var(--link-destructive-inverse-label-default)",l="var(--link-destructive-inverse-label-hover)"):"subtle"===o&&(e="var(--link-subtle-inverse-label-default)",l="var(--link-subtle-inverse-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-inverse-label)",focusBgColor:"var(--focus-inverse-bg)",focusBoxShadowColor:"var(--focus-inverse-borderalt)"}}},n=o.span.attrs(l).withConfig({displayName:"link.style__StyledLink",componentId:"sc-a0797668-0"})(["",""],(({isSkipLink:o,theme:l,iconAlign:n,hasContent:s,disabled:c,underline:u,variant:d,inverse:b,isMenuItem:v,hasFocus:g,linkSize:f,bold:p})=>{const m=b?"dark":"light",{color:h,hoverColor:k,focusColor:x,focusBgColor:y,focusBoxShadowColor:C}=i[m](d);return e([""," "," "," > a,> button{"," > ","{display:",";position:relative;vertical-align:middle;}&:focus{outline:none;}}"," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],o&&e(["a{position:absolute;box-sizing:border-box;display:inline-flex;min-height:var(--global-size-m);padding:var(--global-space-comp-m) var(--global-space-comp-xl);flex-direction:column;justify-content:center;align-items:flex-start;left:-999em;z-index:",";border:var(--global-borderwidth-s) solid var(--focus-borderalt);box-shadow:var(--global-depth-lvl1);border-radius:0 var(--global-radius-action-m) var(--global-radius-action-m) 0;background-color:var(--focus-bg);font:var(--global-font-static-comp-regular-m);color:var(--link-subtle-label-default);text-decoration:underline;outline:none;&:focus{top:var(--global-space-comp-s);left:0;}}"],l.zIndex.aboveAll),!o&&!v&&e(["> a,> button{"," text-decoration:",";"," ","}"],((o,l)=>{let r;return r="large"===o?l?"--global-font-static-comp-lined-medium-l":"--global-font-static-comp-regular-l":l?"--global-font-static-comp-lined-medium-m":"--global-font-static-comp-regular-m",e(["font:var(",");"],r)})(f,p),s&&"always"===u?"underline":"none",!c&&e(["color:",";","{width:20px;height:20px;color:",";::before{font-size:18px;line-height:18px;}"," ","}&:hover{color:",";text-decoration:",";> ","{color:",";}}&:not(:has(img,svg,picture)):focus{color:",";text-decoration:none;","{color:",";}}&:has(img,svg,picture){display:inline-block;vertical-align:middle;}&:has(img,svg,picture):focus{"," border-radius:var(--global-radius-action-xs);outline:default;}"],h,a,h,"left"===n&&e(["margin-right:",";"],s?"var(--global-space-comp-s)":0),"right"===n&&e(["margin-right:0;margin-left:",";"],s?"var(--global-space-comp-s)":0),k,!s||"hover"!==u&&"always"!==u?"none":"underline",a,k,x,a,x,r()),c&&e(["color:var(--colorsActionMajorYin030);&:hover,&:focus{cursor:not-allowed;color:var(--colorsActionMajorYin030);}"])),!c&&e(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),v&&"display: inline-block;",a,s?"inline-block":"inline",!o&&!c&&!v&&g&&e(["max-width:fit-content;&:not(:has(img,svg,picture)){border-radius:var(--global-radius-action-xs);background-color:",";box-shadow:0 var(--global-size-5-xs) 0 0 ",';}&:has([data-popover-container-button="true"]){border-bottom-left-radius:0;border-bottom-right-radius:0;}'],y,C),t)})),s=o.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-a0797668-1"})([""]);export{s as StyledContent,n as StyledLink};

package/esm/components/menu/menu-full-screen/menu-full-screen.component.d.ts

@@ -14,5 +14,5 @@ export interface MenuFullscreenProps extends TagProps {
     /** Manually override the internal modal stacking order to set this as top */
     topModalOverride?: boolean;
 }
-export declare const MenuFullscreen: ({ "aria-label": ariaLabel, "data-element": dataElement, "data-role": dataRole, children, isOpen, onClose, startPosition, topModalOverride, }: MenuFullscreenProps) => React.JSX.Element;
+export declare const MenuFullscreen: (props: MenuFullscreenProps) => React.JSX.Element;
 export default MenuFullscreen;

package/esm/components/menu/menu-full-screen/menu-full-screen.component.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as o,jsx as n}from"react/jsx-runtime";import r,{useRef as l,useCallback as t}from"react";import{CSSTransition as i}from"react-transition-group";import{StyledMenuFullscreen as a,StyledMenuModal as m,StyledMenuFullscreenHeader as s}from"./menu-full-screen.style.js";import{StyledMenuWrapper as c}from"../menu.style.js";import{useStrictMenuContext as d,StrictMenuProvider as u}from"../__internal__/strict-menu.context.js";import p from"../../../__internal__/utils/helpers/events/events.js";import{Box as f}from"../../box/box.component.js";import _ from"../../icon-button/icon-button.component.js";import h from"../../icon/icon.component.js";import{Portal as j}from"../../portal/portal.js";import v from"../../../__internal__/focus-trap/focus-trap.component.js";import b from"../menu-divider/menu-divider.component.js";import{getDocument as y}from"../../../__internal__/dom/globals.js";import g from"../../../hooks/__internal__/useLocale/useLocale.js";import x from"../../../hooks/__internal__/useModalAria/useModalAria.js";import M from"../../../hooks/__internal__/useModalManager/useModalManager.js";const k=({"aria-label":k="Fullscreen menu","data-element":O,"data-role":T,children:w,isOpen:A=!1,onClose:C,startPosition:E="left",topModalOverride:F})=>{var I;const L=l(null),P=l(null),R=l(null),V=x(P),{menuType:D}=d(),S=["dark","black"].includes(D),Y=g(),B=r.Children.toArray(w),K=r.Children.toArray(B.map(((r,l)=>l<B.length-1?e(o,{children:[r,n(b,{"data-role":"divider"})]}):r))),q=t((e=>{C&&p.isEscKey(e)&&(e.stopImmediatePropagation(),C(e))}),[C]);return M({open:A,closeModal:q,modalRef:L,topModalOverride:F,focusCallToActionElement:null===(I=y())||void 0===I?void 0:I.activeElement}),n("li",{children:n(j,{children:n(i,{nodeRef:L,in:A,timeout:200,unmountOnExit:!0,children:n(a,{ref:L,startPosition:E,transitionDuration:200,children:n(v,{wrapperRef:P,isOpen:A,children:e(m,{"aria-label":k,"aria-modal":!!V||void 0,"data-component":"menu-fullscreen","data-element":O,"data-role":T,menuType:D,ref:P,role:"dialog",tabIndex:-1,children:[n(s,{menuType:D,children:n(_,{"aria-label":Y.menuFullscreen.ariaLabels.closeButton(),onClick:C,"data-element":"close",children:n(h,{type:"close",color:S?"--colorsYang100":void 0})})}),n(f,{overflowY:"auto",scrollVariant:S?"dark":"light",width:"100%",height:"calc(100% - 40px)",children:n(c,{"data-component":"menu",menuType:D,ref:R,display:"flex",flexDirection:"column",role:"list",inFullscreenView:!0,children:n(u,{value:{inFullscreenView:!0,menuType:D,openSubmenuId:null,setOpenSubmenuId:()=>{}},children:K})})})]})})})})})})};export{k as MenuFullscreen,k as default};
+import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import n,{useRef as t,useCallback as l}from"react";import{CSSTransition as i}from"react-transition-group";import{StyledMenuFullscreen as a,StyledMenuModal as m,StyledMenuFullscreenHeader as c}from"./menu-full-screen.style.js";import{StyledMenuWrapper as s}from"../menu.style.js";import{useStrictMenuContext as u,StrictMenuProvider as d}from"../__internal__/strict-menu.context.js";import p from"../../../__internal__/utils/helpers/events/events.js";import{Box as f}from"../../box/box.component.js";import _ from"../../icon-button/icon-button.component.js";import h from"../../icon/icon.component.js";import b from"../../portal/portal.js";import j from"../../../__internal__/focus-trap/focus-trap.component.js";import y from"../menu-divider/menu-divider.component.js";import{getDocument as v}from"../../../__internal__/dom/globals.js";import g from"../../../hooks/__internal__/useLocale/useLocale.js";import O from"../../../hooks/__internal__/useModalAria/useModalAria.js";import x from"../../../hooks/__internal__/useModalManager/useModalManager.js";function w(e,o,r){return o in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}function M(e){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{},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(o){w(e,o,r[o])}))}return e}const k=({"aria-label":b="Fullscreen menu","data-element":w,"data-role":M,children:k,isOpen:P=!1,onClose:T,startPosition:A="left",topModalOverride:C})=>{var E;const F=t(null),I=t(null),S=t(null),D=O(I),{menuType:L}=u(),R=["dark","black"].includes(L),V=g(),Y=n.Children.toArray(k),B=n.Children.toArray(Y.map(((n,t)=>t<Y.length-1?o(r,{children:[n,e(y,{"data-role":"divider"})]}):n))),K=l((e=>{T&&p.isEscKey(e)&&(e.stopImmediatePropagation(),T(e))}),[T]);return x({open:P,closeModal:K,modalRef:F,topModalOverride:C,focusCallToActionElement:null===(E=v())||void 0===E?void 0:E.activeElement}),e(i,{nodeRef:F,in:P,timeout:200,unmountOnExit:!0,children:e(a,{ref:F,startPosition:A,transitionDuration:200,children:e(j,{wrapperRef:I,isOpen:P,children:o(m,{"aria-label":b,"aria-modal":!!D||void 0,"data-component":"menu-fullscreen","data-element":w,"data-role":M,menuType:L,ref:I,role:"dialog",tabIndex:-1,children:[e(c,{menuType:L,children:e(_,{"aria-label":V.menuFullscreen.ariaLabels.closeButton(),onClick:T,"data-element":"close",children:e(h,{type:"close",color:R?"--colorsYang100":void 0})})}),e(f,{overflowY:"auto",scrollVariant:R?"dark":"light",width:"100%",height:"calc(100% - 40px)",children:e(s,{"data-component":"menu",menuType:L,ref:S,display:"flex",flexDirection:"column",role:"list",inFullscreenView:!0,children:e(d,{value:{inFullscreenView:!0,menuType:L,openSubmenuId:null,setOpenSubmenuId:()=>{}},children:B})})})]})})})})},P=o=>e("li",{children:e(b,{children:e(k,M({},o))})});export{P as MenuFullscreen,P as default};

package/esm/components/menu/menu-item/menu-item.style.js

@@ -1 +1 @@
-import o,{css as n}from"styled-components";import{padding as t}from"styled-system";import r from"../menu.config.js";import{Link as a}from"../../link/link.component.js";import e from"../../button/button.style.js";import i from"../../icon-button/icon-button.style.js";import c from"../../icon/icon.style.js";import{StyledContent as u,StyledLink as s}from"../../link/link.style.js";import p from"../../../style/themes/apply-base-theme.js";import d from"../../../style/utils/add-focus-styling.js";const l=o=>{var n,t;const{paddingRight:r}=o,a=null===(t=String(r))||void 0===t||null===(n=t.match(/\d+/))||void 0===n?void 0:n[0];if("var(--spacing000)"===r||"0"===a)return{padding:"var(--spacing200)",iconSpacing:"2px"};switch(r){case"var(--spacing100)":return{padding:"var(--spacing300)",iconSpacing:r};case"var(--spacing200)":return{padding:"var(--spacing400)",iconSpacing:r};case"var(--spacing300)":return{padding:"var(--spacing500)",iconSpacing:r};case"var(--spacing400)":return{padding:"var(--spacing600)",iconSpacing:r};case"var(--spacing500)":return{padding:"var(--spacing700)",iconSpacing:r};case"var(--spacing600)":return{padding:"var(--spacing800)",iconSpacing:r};case"var(--spacing700)":return{padding:"var(--spacing900)",iconSpacing:r};case"var(--spacing800)":return{padding:"var(--spacing1000)",iconSpacing:r};default:return a?{padding:`${16+Number(a)}px`,iconSpacing:`${a}px`}:{padding:"var(--spacing400)",iconSpacing:"var(--spacing200)"}}},g=o.a.attrs(p).attrs({as:a}).withConfig({displayName:"menu-item.style__StyledMenuItemWrapper",componentId:"sc-99a6f8e2-0"})([""," &&&{> a,> button{","}}"],(({menuType:o,selected:a,hasSubmenu:p,isOpen:g,menuItemVariant:b,showDropdownArrow:m,href:h,clickToOpen:v,maxWidth:f,inFullscreenView:x,overrideColor:k,asPassiveItem:w,asDiv:y,hasFocusableChild:S,hasInput:C,inSubmenu:M})=>n(["display:flex;align-items:center;font-size:14px;font-weight:500;min-height:40px;position:relative;box-shadow:none;a,button{min-height:40px;height:100%;box-sizing:border-box;}&& a:focus,&& button:focus{",'}:has([data-element="input"]) ',"{width:100%;}"," "," "," "," "," button,"," button,a,"," a{margin:0px;text-align:left;",'}&&&{a,button,[data-component="icon"],'," a,"," button,",' [data-component="icon"]{font-weight:500;text-decoration:none;',"}","}"," "," "," "," ",""],d(!0),u,!k&&n(["background-color:",';&:has([data-popover-container-button="true"]){background-color:var(--colorsActionMajor500);}'],r[o].background),k&&n(["&&&&{background-color:",";}"],"alternate"===b?r[o].alternate:r[o].submenuItemBackground),!x&&n(["max-width:inherit;width:inherit;height:inherit;> a,> button{display:flex;align-items:center;"," width:inherit;max-width:inherit;}&&{a:focus,button:focus{background-color:",";color:",';z-index:1;position:relative;}}&:has([data-popover-container-button="true"]){&&{a:focus,button:focus{background-color:var(--colorsActionMajor500);}}}&&&{a,button{',"}a:hover,button:hover{","{border-radius:0;background-color:transparent;}"," ::before{border-top-color:var(--colorsComponentsMenuYang100);}}}"],M?"":"justify-content: center;",r[o].background,r[o].color,f&&n(["box-sizing:border-box;max-width:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:bottom;display:block;"]),e,!y&&!w&&n(['background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}'])),S&&n(["&& "," ",'{> span{display:inline-flex;margin-right:0;}:focus{outline:none;[data-component="icon"]{color:',";}}}"],!x&&n(["&& > a:not(:has(button)){padding:11px 16px;}> a:has(",":not(.search-button)){height:100%;","{height:inherit;div{height:inherit;}}","{min-height:40px;padding:10px 0px;box-sizing:border-box;height:100%;}}"],e,u,e),i,r[o].color),!S&&!x&&n(["",""],p||f?n(["> a,> button{padding:11px 16px ",";}"],p&&f?"12px":"10px"):n(["> a,> button{padding:11px 16px;}"])),s,s,x&&n(["height:auto;white-space:normal;","{top:-2px;}"],c),s,s,s,!C&&`color: ${r[o].color};`,!x&&n(["a > ",",button > ","{display:inline-block;height:18px;top:-2px;}"],c,c),a&&n(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);}"],r[o].selected,r[o].selected),"alternate"===b&&!x&&n(["&&&{background-color:",";}&&& a:focus,&&& button:focus{background-color:",";}",""],r[o].alternate,r[o].alternate,!C&&n(["&&& a:hover,&&& button:hover{background-color:",";}"],r[o].alternateHover)),g&&n(["a,button{background-color:",";color:",";}"],r[o].submenuItemBackground,r[o].color),p&&n(["background-color:",";a:focus,button:focus{background-color:",";color:",';[data-component="icon"]{color:',";}","}a:hover,button:hover{background-color:",";color:var(--colorsComponentsMenuYang100);",' [data-component="icon"]{color:',";}}"," ",""],r[o].submenuBackground,r[o].submenuBackground,r[o].color,r[o].color,v&&g&&n(["background-color:",";"],r[o].submenuOpenedBackground),r[o].submenuOpenedBackground,!(h||v)&&n(["cursor:default;background-color:",";color:",";"],r[o].submenuItemBackground,r[o].color),r[o].color,a&&n(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);}"],r[o].submenuSelected,r[o].submenuSelected),m&&n(["&&&{> a,> button:not(","){padding-right:",";}}a::before,button::before{display:block;margin-top:-1px;pointer-events:none;position:absolute;right:",';top:50%;z-index:2;content:"";width:0;height:0;border-width:5px 4px 4px;border-style:solid;border-top-color:initial;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}'],i,(o=>l(t(o)).padding),(o=>l(t(o)).iconSpacing))),x&&n([""," > a,> button{min-height:40px;line-height:40px;padding:0px 16px;width:100vw;box-sizing:border-box;}a:focus,button:focus{z-index:1;position:relative;}","}"],y&&n(["&&&{> a,> button{color:",";outline:none;}> button:hover,> a:hover{background-color:transparent;cursor:default;outline:none;color:",";}}"],r[o].title,r[o].title),!w&&n(["&&{> a:focus,> a:hover,> button:focus,> button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);","}}"],!C&&n(['[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}']))))),t);export{g as default};
+import o,{css as n}from"styled-components";import{padding as t}from"styled-system";import r from"../menu.config.js";import{Link as a}from"../../link/link.component.js";import e from"../../button/button.style.js";import i from"../../icon-button/icon-button.style.js";import c from"../../icon/icon.style.js";import{StyledContent as u,StyledLink as s}from"../../link/link.style.js";import p from"../../../style/themes/apply-base-theme.js";import d from"../../../style/utils/add-focus-styling.js";const l=o=>{var n,t;const{paddingRight:r}=o,a=null===(t=String(r))||void 0===t||null===(n=t.match(/\d+/))||void 0===n?void 0:n[0];if("var(--spacing000)"===r||"0"===a)return{padding:"var(--spacing200)",iconSpacing:"2px"};switch(r){case"var(--spacing100)":return{padding:"var(--spacing300)",iconSpacing:r};case"var(--spacing200)":return{padding:"var(--spacing400)",iconSpacing:r};case"var(--spacing300)":return{padding:"var(--spacing500)",iconSpacing:r};case"var(--spacing400)":return{padding:"var(--spacing600)",iconSpacing:r};case"var(--spacing500)":return{padding:"var(--spacing700)",iconSpacing:r};case"var(--spacing600)":return{padding:"var(--spacing800)",iconSpacing:r};case"var(--spacing700)":return{padding:"var(--spacing900)",iconSpacing:r};case"var(--spacing800)":return{padding:"var(--spacing1000)",iconSpacing:r};default:return a?{padding:`${16+Number(a)}px`,iconSpacing:`${a}px`}:{padding:"var(--spacing400)",iconSpacing:"var(--spacing200)"}}},g=o.a.attrs(p).attrs({as:a}).withConfig({displayName:"menu-item.style__StyledMenuItemWrapper",componentId:"sc-39c6a74b-0"})([""," &&&{> a,> button{","}}"],(({menuType:o,selected:a,hasSubmenu:p,isOpen:g,menuItemVariant:b,showDropdownArrow:m,href:h,clickToOpen:v,maxWidth:f,inFullscreenView:x,overrideColor:k,asPassiveItem:w,asDiv:y,hasFocusableChild:S,hasInput:C,inSubmenu:M})=>n(["display:flex;align-items:center;min-height:40px;position:relative;box-shadow:none;a,button{min-height:40px;height:100%;box-sizing:border-box;font-size:14px;font-weight:500;&:not(.search-button) > ","{margin-right:var(--spacing050);}}&& a:focus,&& button:focus{",'}:has([data-element="input"]) ',"{width:100%;}"," "," "," "," "," button,"," button,a,"," a{margin:0px;text-align:left;",'}&&&{a,button,[data-component="icon"],'," a,"," button,",' [data-component="icon"]{font-weight:500;text-decoration:none;',"}","}"," "," "," "," ",""],c,d(!0),u,!k&&n(["background-color:",';&:has([data-popover-container-button="true"]){background-color:var(--colorsActionMajor500);}'],r[o].background),k&&n(["&&&&{background-color:",";}"],"alternate"===b?r[o].alternate:r[o].submenuItemBackground),!x&&n(["max-width:inherit;width:inherit;height:inherit;> a,> button{display:flex;align-items:center;"," width:inherit;max-width:inherit;}&&{a:focus,button:focus{background-color:",";color:",';z-index:1;position:relative;}}&:has([data-popover-container-button="true"]){&&{a:focus,button:focus{background-color:var(--colorsActionMajor500);}}}&&&{a,button{',"}a:hover,button:hover{","{border-radius:0;background-color:transparent;}"," ::before{border-top-color:var(--colorsComponentsMenuYang100);}}}"],M?"":"justify-content: center;",r[o].background,r[o].color,f&&n(["box-sizing:border-box;max-width:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:bottom;display:block;"]),e,!y&&!w&&n(['background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}'])),S&&n(["&& "," ",'{> span{display:inline-flex;margin-right:0;}:focus{outline:none;[data-component="icon"]{color:',";}}}"],!x&&n(["&& > a:not(:has(button)){padding:11px 16px;}> a:has(",":not(.search-button)){height:100%;","{height:inherit;div{height:inherit;}}","{min-height:40px;padding:10px 0px;box-sizing:border-box;height:100%;}}"],e,u,e),i,r[o].color),!S&&!x&&n(["",""],p||f?n(["> a,> button{padding:11px 16px ",";}"],p&&f?"12px":"10px"):n(["> a,> button{padding:11px 16px;}"])),s,s,x&&n(["height:auto;white-space:normal;","{top:-2px;}"],c),s,s,s,!C&&`color: ${r[o].color};`,!x&&n(["a > ",",button > ","{display:inline-block;height:18px;top:-2px;}"],c,c),a&&n(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);}"],r[o].selected,r[o].selected),"alternate"===b&&!x&&n(["&&&{background-color:",";}&&& a:focus,&&& button:focus{background-color:",";}",""],r[o].alternate,r[o].alternate,!C&&n(["&&& a:hover,&&& button:hover{background-color:",";}"],r[o].alternateHover)),g&&n(["a,button{background-color:",";color:",";}"],r[o].submenuItemBackground,r[o].color),p&&n(["background-color:",";a:focus,button:focus{background-color:",";color:",';[data-component="icon"]{color:',";}","}a:hover,button:hover{background-color:",";color:var(--colorsComponentsMenuYang100);",' [data-component="icon"]{color:',";}}"," ",""],r[o].submenuBackground,r[o].submenuBackground,r[o].color,r[o].color,v&&g&&n(["background-color:",";"],r[o].submenuOpenedBackground),r[o].submenuOpenedBackground,!(h||v)&&n(["cursor:default;background-color:",";color:",";"],r[o].submenuItemBackground,r[o].color),r[o].color,a&&n(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);}"],r[o].submenuSelected,r[o].submenuSelected),m&&n(["&&&{> a,> button:not(","){padding-right:",";}}a::before,button::before{display:block;margin-top:-1px;pointer-events:none;position:absolute;right:",';top:50%;z-index:2;content:"";width:0;height:0;border-width:5px 4px 4px;border-style:solid;border-top-color:initial;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}'],i,(o=>l(t(o)).padding),(o=>l(t(o)).iconSpacing))),x&&n([""," > a,> button{min-height:40px;line-height:40px;padding:0px 16px;width:100vw;box-sizing:border-box;}a:focus,button:focus{z-index:1;position:relative;}","}"],y&&n(["&&&{> a,> button{color:",";outline:none;}> button:hover,> a:hover{background-color:transparent;cursor:default;outline:none;color:",";}}"],r[o].title,r[o].title),!w&&n(["&&{> a:focus,> a:hover,> button:focus,> button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);","}}"],!C&&n(['[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}']))))),t);export{g as default};

package/esm/components/portal/__internal__/safe-portal.d.ts

@@ -0,0 +1,14 @@
+export interface SafePortalProps {
+    children: React.ReactNode;
+    id: string;
+    className: string;
+    attributes: Record<string, string>;
+}
+/**
+ * Renders content within a React Portal.
+ *
+ * Portal is attached to a DOM node with a matching id. If this node doesn't exist, the component
+ * will trigger the creation of one, then re-render.
+ */
+declare const SafePortal: ({ children, id, className, attributes, }: SafePortalProps) => import("react").ReactPortal | null;
+export default SafePortal;

package/esm/components/portal/__internal__/safe-portal.js

@@ -0,0 +1 @@
+import{useState as t,useEffect as e}from"react";import{createPortal as r}from"react-dom";const o=({children:o,id:n,className:s,attributes:c})=>{const[u,i]=t(null),[l,m]=t(!1);return e((()=>{let t=document.getElementById(n);const e=!t;return e&&(t=document.createElement("div"),t.setAttribute("id",n),document.body.appendChild(t)),m(e),i(t),()=>{e&&(null==t||t.remove())}}),[n]),e((()=>{if(u&&l){u.setAttribute("class",s);for(const[t,e]of Object.entries(c))u.setAttribute(t,e);return()=>{u.removeAttribute("class");for(const t of Object.keys(c))u.removeAttribute(t)}}}),[c,s,u,l]),u?r(o,u):null};export{o as default};

package/esm/components/portal/index.js

@@ -1 +1 @@
-export{Portal as default}from"./portal.js";
+export{default}from"./portal.js";

package/esm/components/portal/portal.d.ts

@@ -19,5 +19,5 @@ export interface PortalProps {
      */
     inertOptOut?: boolean;
 }
-export declare const Portal: ({ children, className, id, onReposition, inertOptOut, }: PortalProps) => React.JSX.Element;
+declare const Portal: ({ children, className, id: externalId, onReposition, inertOptOut, }: PortalProps) => React.JSX.Element;
 export default Portal;

package/esm/components/portal/portal.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as t,useMemo as o,useContext as r,useEffect as n}from"react";import a from"react-dom";import i,{css as s}from"styled-components";import l from"../../__internal__/utils/helpers/guid/index.js";import d from"../../style/themes/apply-base-theme.js";import m from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import c from"./portal.style.js";import p from"./__internal__/portal.context.js";const u=i.div.attrs(d).withConfig({displayName:"portal__Container",componentId:"sc-92520935-0"})(["",""],(({theme:e})=>s(["{position:relative;z-index:",";}"],e.zIndex.aboveAll))),f=({children:i,className:s,id:d,onReposition:f,inertOptOut:v})=>{const[b,h]=t(null),y=o((()=>l()),[]),{renderInRoot:_}=r(p);n((()=>(f&&(f(),window.addEventListener("resize",f)),()=>{f&&window.removeEventListener("resize",f)})),[f]),n((()=>()=>{null==b||b.remove()}),[]);const g=v?e(u,{children:i}):i;return e(c,{"data-role":"data-portal-entrance","data-portal-entrance":y,children:a.createPortal(e(m,{className:"carbon-portal-scoped-tokens-provider",children:g}),(()=>{const e="carbon-portal";let t=b;if(!t&&void 0!==d&&document.getElementById(d))t=document.getElementById(d),h(t);else if(!t||0===document.getElementsByClassName(e).length){t=document.createElement("div"),t.classList.add(e),t.setAttribute("data-portal-exit",y),t.setAttribute("data-role","carbon-portal-exit"),void 0!==d&&t.setAttribute("id",d),v&&t.setAttribute("data-not-inert","true"),h(t);let o=document.body;const r=document.getElementById("root");r&&_&&(o=r),o.appendChild(t)}return s&&(t=(e=>(null==s||s.split(" ").forEach((t=>{null==e||e.classList.add(t)})),e))(t)),t})())})};export{f as Portal,f as default};
+import{jsx as e}from"react/jsx-runtime";import{useRef as t,useEffect as r}from"react";import o,{css as n}from"styled-components";import a from"./__internal__/safe-portal.js";import i from"./portal.style.js";import l from"../../__internal__/utils/helpers/guid/index.js";import s from"../../style/themes/apply-base-theme.js";import c from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){p(e,t,r[t])}))}return e}const m=o.div.attrs(s).withConfig({displayName:"portal__Container",componentId:"sc-eb82e94d-0"})(["",""],(({theme:e})=>n(["{position:relative;z-index:",";}"],e.zIndex.aboveAll))),u=({children:o,className:n,id:s,onReposition:p,inertOptOut:u})=>{const{current:f}=t(l()),b=null!=s?s:f;return r((()=>(p&&(p(),window.addEventListener("resize",p)),()=>{p&&window.removeEventListener("resize",p)})),[p]),e(i,{"data-role":"data-portal-entrance","data-portal-entrance":b,children:e(a,{id:b,className:`carbon-portal ${null!=n?n:""}`.trim(),attributes:d({"data-portal-exit":b,"data-role":"carbon-portal-exit"},u&&{"data-not-inert":"true"}),children:e(c,{className:"carbon-portal-scoped-tokens-provider",children:u?e(m,{children:o}):o})})})};export{u as default};

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/apply-base-theme.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 s=i.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"sc-19918261-0"})(["font-weight:500;font-size:",";"],(({size:i="M"})=>r[i].nameSize)),a=i(l).withConfig({displayName:"profile.style__ProfileEmailStyle",componentId:"sc-19918261-1"})(["a{font-size:",";color:",";}"],(({size:i="M"})=>r[i].emailSize),(({darkBackground:i})=>i&&"var(--colorsActionMajor350)")),p=i.span.withConfig({displayName:"profile.style__ProfileTextStyle",componentId:"sc-19918261-2"})(["font-size:",";"],(({size:i="M"})=>r[i].emailSize)),m=i.div.attrs(t).withConfig({displayName:"profile.style__ProfileStyle",componentId:"sc-19918261-3"})(["border-radius:inherit;color:",";background-color:",";display:flex;flex-direction:row;align-items:center;"," ","{flex-shrink:0;}"],(({darkBackground:i})=>i?"var(--colorsUtilityReadOnly600)":"var(--colorsUtilityYin090)"),(({darkBackground:i})=>i?"var(--colorsUtilityYin090)":"transparent"),e,n),f=i.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"sc-19918261-4"})(["display:flex;flex-direction:column;justify-content:center;line-height:",";margin-left:",";min-width:0;word-wrap:break-word;"],(({size:i="M"})=>r[i].lineHeight),(({size:i="M"})=>r[i].marginLeft)),c=i(o).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"sc-19918261-5"})(["display:inline-block;"]);export{c as ProfileAvatarStyle,f as ProfileDetailsStyle,a as ProfileEmailStyle,s as ProfileNameStyle,m as ProfileStyle,p 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/apply-base-theme.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 s=e.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"sc-4906cd4e-0"})(["font-weight:500;font-size:",";"],(({size:e="M"})=>r[e].nameSize)),a=e(l).withConfig({displayName:"profile.style__ProfileEmailStyle",componentId:"sc-4906cd4e-1"})(["a{font-size:",";color:",";line-height:",";}"],(({size:e="M"})=>r[e].emailSize),(({darkBackground:e})=>e&&"var(--colorsActionMajor350)"),(({size:e="M"})=>r[e].lineHeight)),p=e.span.withConfig({displayName:"profile.style__ProfileTextStyle",componentId:"sc-4906cd4e-2"})(["font-size:",";"],(({size:e="M"})=>r[e].emailSize)),c=e.div.attrs(t).withConfig({displayName:"profile.style__ProfileStyle",componentId:"sc-4906cd4e-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),m=e.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"sc-4906cd4e-4"})(["display:flex;flex-direction:column;justify-content:center;line-height:",";margin-left:",";min-width:0;word-wrap:break-word;"],(({size:e="M"})=>r[e].lineHeight),(({size:e="M"})=>r[e].marginLeft)),d=e(o).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"sc-4906cd4e-5"})(["display:inline-block;"]);export{d as ProfileAvatarStyle,m as ProfileDetailsStyle,a as ProfileEmailStyle,s as ProfileNameStyle,c as ProfileStyle,p as ProfileTextStyle};

package/esm/components/toast/toast.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import r,{useRef as n,useState as o,useCallback as i,useEffect as a}from"react";import{TransitionGroup as c,CSSTransition as l}from"react-transition-group";import s from"../icon/icon.component.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import{StyledPortal as p,ToastWrapper as f,StyledToast as m,StyledToastContent as d}from"./toast.style.js";import{TypeIconStyle as b}from"../message/message.style.js";import g from"../icon-button/icon-button.component.js";import y from"../../__internal__/utils/helpers/events/events.js";import O from"../../hooks/__internal__/useLocale/useLocale.js";import j from"../../hooks/__internal__/useModalManager/useModalManager.js";import h from"../../__internal__/utils/helpers/guid/index.js";import{Typography as v}from"../typography/typography.component.js";function _(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function P(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){_(e,t,r[t])}))}return e}function w(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 x=r.forwardRef(((r,_)=>{var{align:x="center",alignY:D,children:k,id:N,maxWidth:M,onDismiss:S,open:E=!0,targetPortalId:I,timeout:R,variant:T="success",disableAutoFocus:Y,closeButtonDataProps:B}=r,L=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["align","alignY","children","id","maxWidth","onDismiss","open","targetPortalId","timeout","variant","disableAutoFocus","closeButtonDataProps"]);const W="notice"===T,A="notification"===T,F=O(),$=n(h()),C=n(h()),K=n(null),q=n(null),z=n(null),G=n(null),H=n(null),[J,Q]=o(0),U=`${!W&&$.current} ${C.current}`;let V=K;_&&"object"==typeof _&&"current"in _&&(V=_);const X=i((e=>{S&&y.isEscKey(e)&&(e.stopImmediatePropagation(),S(e))}),[S]);j({open:E,closeModal:X,modalRef:V,topModalOverride:!0}),a((()=>{q.current&&clearTimeout(q.current),R&&E&&S&&(q.current=setTimeout((()=>S()),+R))}),[S,E,R]),a((()=>{Y||(E?setTimeout((()=>{var e;H.current=document.activeElement,null===(e=z.current)||void 0===e||e.focus()}),0):H.current&&(H.current.focus(),H.current=null,Q(0)))}),[E,S,Y]),a((()=>()=>{H.current&&H.current.focus()}),[]);const Z={notification:"alert",neutral:"info",success:"tick_circle",error:"error",info:"info",warning:"warning"}[T]||"none";return e(p,{id:I,align:x,alignY:D,isNotice:W,children:e(f,{align:x,ref:V,isNotice:W,"data-role":"toast-wrapper",role:"region","aria-hidden":!E,"aria-labelledby":E?U:void 0,children:e(c,{children:function(){if(!E)return null;let r="success";return W||A||(r=T),e(l,{enter:!0,classNames:W?"toast-alternative":"toast",timeout:{appear:1600,enter:1500,exit:500},nodeRef:z,children:t(m,w(P(w(P({align:x,alignY:D,isNotice:W,isNotification:A},u("toast",L)),{variant:r,id:N,maxWidth:M,ref:z}),!Y&&{tabIndex:J,onBlur:()=>Q(void 0)}),{children:[!W&&t(b,{variant:A?"info":T,"data-role":"toast-type-icon",children:[e(s,{type:Z}),e(v,{screenReaderOnly:!0,id:$.current,children:F.toast[T]()})]}),e(d,{isNotice:W,isDismiss:!!S,"data-role":"toast-content",id:C.current,children:k}),S&&e(g,w(P({"aria-label":F.toast.ariaLabels.close(),onClick:S,ref:G},u("close",P({"data-element":"close"},B))),{children:e(s,{type:"close"})}))]}))})}()})})})}));x.displayName="Toast";export{x as Toast,x as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useRef as n,useState as o,useCallback as i,useEffect as a}from"react";import{TransitionGroup as c,CSSTransition as l}from"react-transition-group";import s from"../icon/icon.component.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import{StyledPortal as p,ToastWrapper as m,StyledToast as f,StyledToastContent as d}from"./toast.style.js";import{TypeIconStyle as g}from"../message/message.style.js";import b from"../icon-button/icon-button.component.js";import y from"../../__internal__/utils/helpers/events/events.js";import O from"../../hooks/__internal__/useLocale/useLocale.js";import j from"../../hooks/__internal__/useModalManager/useModalManager.js";import h from"../../__internal__/utils/helpers/guid/index.js";import{Typography as v}from"../typography/typography.component.js";function _(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function P(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){_(e,t,r[t])}))}return e}function w(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 x=r(((r,p)=>{var{align:_="center",alignY:x,children:D,id:k,maxWidth:N,onDismiss:I,open:M=!0,targetPortalId:S,timeout:E,variant:Y="success",disableAutoFocus:T,closeButtonDataProps:B}=r,L=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["align","alignY","children","id","maxWidth","onDismiss","open","targetPortalId","timeout","variant","disableAutoFocus","closeButtonDataProps"]);const R="notice"===Y,W="notification"===Y,A=O(),F=n(h()),$=n(h()),C=n(null),K=n(null),q=n(null),z=n(null),G=n(null),[H,J]=o(0),Q=`${!R&&F.current} ${$.current}`;let U=C;p&&"object"==typeof p&&"current"in p&&(U=p);const V=i((e=>{I&&y.isEscKey(e)&&(e.stopImmediatePropagation(),I(e))}),[I]);j({open:M,closeModal:V,modalRef:U,topModalOverride:!0}),a((()=>{K.current&&clearTimeout(K.current),E&&M&&I&&(K.current=setTimeout((()=>I()),+E))}),[I,M,E]),a((()=>{T||(M?setTimeout((()=>{var e;G.current=document.activeElement,null===(e=q.current)||void 0===e||e.focus()}),0):G.current&&(G.current.focus(),G.current=null,J(0)))}),[M,I,T]),a((()=>()=>{G.current&&G.current.focus()}),[]);const X={notification:"alert",neutral:"info",success:"tick_circle",error:"error",info:"info",warning:"warning"}[Y]||"none";return e(m,{align:_,ref:U,isNotice:R,"data-role":"toast-wrapper",role:"region","aria-hidden":!M,"aria-labelledby":M?Q:void 0,children:e(c,{children:function(){if(!M)return null;let r="success";return R||W||(r=Y),e(l,{enter:!0,classNames:R?"toast-alternative":"toast",timeout:{appear:1600,enter:1500,exit:500},nodeRef:q,children:t(f,w(P(w(P({align:_,alignY:x,isNotice:R,isNotification:W},u("toast",L)),{variant:r,id:k,maxWidth:N,ref:q}),!T&&{tabIndex:H,onBlur:()=>J(void 0)}),{children:[!R&&t(g,{variant:W?"info":Y,"data-role":"toast-type-icon",children:[e(s,{type:X}),e(v,{screenReaderOnly:!0,id:F.current,children:A.toast[Y]()})]}),e(d,{isNotice:R,isDismiss:!!I,"data-role":"toast-content",id:$.current,children:D}),I&&e(b,w(P({"aria-label":A.toast.ariaLabels.close(),onClick:I,ref:z},u("close",P({"data-element":"close"},B))),{children:e(s,{type:"close"})}))]}))})}()})})})),D=r(((t,r)=>{const{targetPortalId:n,align:o,alignY:i,variant:a}=t;return e(p,{id:n,align:null!=o?o:"center",alignY:i,isNotice:"notice"===a,children:e(x,w(P({},t),{ref:r}))})}));D.displayName="Toast";export{D as Toast,D as default};

package/esm/components/toast/toast.style.d.ts

@@ -1,4 +1,4 @@
-declare const StyledPortal: import("styled-components").StyledComponent<({ children, className, id, onReposition, inertOptOut, }: import("../portal/portal").PortalProps) => import("react").JSX.Element, any, {
+declare const StyledPortal: import("styled-components").StyledComponent<({ children, className, id: externalId, onReposition, inertOptOut, }: import("../portal/portal").PortalProps) => import("react").JSX.Element, any, {
     theme: object;
 } & {
     align?: "left" | "center" | "right";

package/esm/components/toast/toast.style.js

@@ -1 +1 @@
-import t,{css as o}from"styled-components";import a from"../icon-button/icon-button.style.js";import{Portal as e}from"../portal/portal.js";import i from"../../style/themes/apply-base-theme.js";import r from"../icon/icon.style.js";const n=t(e).attrs(i).withConfig({displayName:"toast.style__StyledPortal",componentId:"sc-6f15a9b3-0"})(["",""],(({theme:t,isNotice:a,align:e,alignY:i})=>o(["position:fixed;top:0;z-index:",";"," "," "," "," "," "," ",""],t.zIndex.notification,"left"===e&&o(["left:0;transform:translateX(50%);"]),"center"===e&&o(["margin-left:50%;transform:translateX(-50%);"]),"right"===e&&o(["right:0;transform:translateX(-50%);"]),a&&o(["bottom:0;top:auto;width:100%;"]),"top"===i&&o(["top:0;bottom:auto;"]),"center"===i&&o(["top:50%;transform:translate(",",-50%);"],"left"===e?"50%":"-50%"),"bottom"===i&&o(["bottom:0;top:auto;display:flex;flex-direction:column-reverse;"])))),s=".toast",p=".toast-alternative",l={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)"},c=o(["position:absolute;right:15px;top:50%;transform:translateY(-50%);"]),m=t.div.withConfig({displayName:"toast.style__StyledToast",componentId:"sc-6f15a9b3-1"})([""," :focus{outline:none;}&","-appear,&","-enter{opacity:0;transform:scale(0.5);}&","-appear","-appear-active,&","-enter","-enter-active{opacity:1;transform:",";transition:all 300ms cubic-bezier(0.25,0.25,0,1.5);}&","-exit","-exit-active{opacity:0;",";transition:all 150ms ease-out;}","{","}",""],(({maxWidth:t,align:e,isNotification:i,alignY:r,isNotice:n,variant:s})=>o(["position:relative;display:flex;justify-content:flex-start;align-content:center;border-radius:var(--borderRadius100);overflow:hidden;border:1px solid ",";background-color:var(--colorsUtilityYang100);min-height:38px;:focus{outline:none;}","{","}box-shadow:",";line-height:22px;margin-top:",";margin-bottom:",";max-width:",";position:relative;margin-right:",";margin-left:",";",""],l[s],a,c,"0 10px 30px 0 rgba(0, 20, 29, 0.1), 0 30px 60px 0 rgba(0, 20, 29, 0.1)",n||"center"===r||"bottom"===r?"0":"30px","bottom"!==r||n?"0":"30px",t||"300px","center"===e||"right"===e?"auto":"30px","center"===e||"left"===e?"auto":"30px",i&&o(["border:1px solid var(--colorsSemanticInfo500);"]))),s,s,s,s,s,s,(({align:t})=>"center"===t?" scale(1) translateY(0)":"scale(1)"),s,s,(({alignY:t})=>"bottom"===t?"margin-bottom: -40px":"margin-top: -40px"),a,c,(({isNotice:t,alignY:e})=>t&&o(["background-color:var(--colorsUtilityMajor400);border:none;color:var(--colorsSemanticNeutralYang100);margin-right:0;max-width:100%;","{right:55px;}"," ","{color:var(--colorsSemanticNeutralYang100);}&","-appear,&","-enter{",";opacity:0;}&","-exit{",";opacity:1;}&","-appear","-appear-active,&","-enter","-enter-active{",";opacity:1;transition:all 400ms ease;}&","-exit","-exit-active{",";opacity:0;transition:all 200ms ease;}"],a,a,r,p,p,"top"===e?"top: -40px":"bottom: -40px",p,"top"===e?"top: 0":"bottom: 0",p,p,p,p,"top"===e?"top: 0":"bottom: 0",p,p,"top"===e?"top: -40px":"bottom: -40px"))),d=t.div.withConfig({displayName:"toast.style__StyledToastContent",componentId:"sc-6f15a9b3-2"})(["padding:8px 16px 8px 16px;white-space:pre-wrap;flex:1;"," ",""],(({isNotice:t})=>t&&o(["display:flex;align-items:center;padding:11px 40px;"])),(({isDismiss:t,isNotice:a})=>t&&o(["padding-right:",";"],a?"88px":"48px"))),x=t.div.withConfig({displayName:"toast.style__ToastWrapper",componentId:"sc-6f15a9b3-3"})([""," ",""],(({align:t})=>t&&o(["position:relative;width:auto;height:auto;justify-content:",";display:flex;"],t)),(({isNotice:t})=>t&&o(["display:block;"])));export{n as StyledPortal,m as StyledToast,d as StyledToastContent,x as ToastWrapper};
+import t,{css as o}from"styled-components";import a from"../icon-button/icon-button.style.js";import e from"../portal/portal.js";import i from"../../style/themes/apply-base-theme.js";import r from"../icon/icon.style.js";const n=t(e).attrs(i).withConfig({displayName:"toast.style__StyledPortal",componentId:"sc-6f15a9b3-0"})(["",""],(({theme:t,isNotice:a,align:e,alignY:i})=>o(["position:fixed;top:0;z-index:",";"," "," "," "," "," "," ",""],t.zIndex.notification,"left"===e&&o(["left:0;transform:translateX(50%);"]),"center"===e&&o(["margin-left:50%;transform:translateX(-50%);"]),"right"===e&&o(["right:0;transform:translateX(-50%);"]),a&&o(["bottom:0;top:auto;width:100%;"]),"top"===i&&o(["top:0;bottom:auto;"]),"center"===i&&o(["top:50%;transform:translate(",",-50%);"],"left"===e?"50%":"-50%"),"bottom"===i&&o(["bottom:0;top:auto;display:flex;flex-direction:column-reverse;"])))),s=".toast",p=".toast-alternative",l={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)"},c=o(["position:absolute;right:15px;top:50%;transform:translateY(-50%);"]),m=t.div.withConfig({displayName:"toast.style__StyledToast",componentId:"sc-6f15a9b3-1"})([""," :focus{outline:none;}&","-appear,&","-enter{opacity:0;transform:scale(0.5);}&","-appear","-appear-active,&","-enter","-enter-active{opacity:1;transform:",";transition:all 300ms cubic-bezier(0.25,0.25,0,1.5);}&","-exit","-exit-active{opacity:0;",";transition:all 150ms ease-out;}","{","}",""],(({maxWidth:t,align:e,isNotification:i,alignY:r,isNotice:n,variant:s})=>o(["position:relative;display:flex;justify-content:flex-start;align-content:center;border-radius:var(--borderRadius100);overflow:hidden;border:1px solid ",";background-color:var(--colorsUtilityYang100);min-height:38px;:focus{outline:none;}","{","}box-shadow:",";line-height:22px;margin-top:",";margin-bottom:",";max-width:",";position:relative;margin-right:",";margin-left:",";",""],l[s],a,c,"0 10px 30px 0 rgba(0, 20, 29, 0.1), 0 30px 60px 0 rgba(0, 20, 29, 0.1)",n||"center"===r||"bottom"===r?"0":"30px","bottom"!==r||n?"0":"30px",t||"300px","center"===e||"right"===e?"auto":"30px","center"===e||"left"===e?"auto":"30px",i&&o(["border:1px solid var(--colorsSemanticInfo500);"]))),s,s,s,s,s,s,(({align:t})=>"center"===t?" scale(1) translateY(0)":"scale(1)"),s,s,(({alignY:t})=>"bottom"===t?"margin-bottom: -40px":"margin-top: -40px"),a,c,(({isNotice:t,alignY:e})=>t&&o(["background-color:var(--colorsUtilityMajor400);border:none;color:var(--colorsSemanticNeutralYang100);margin-right:0;max-width:100%;","{right:55px;}"," ","{color:var(--colorsSemanticNeutralYang100);}&","-appear,&","-enter{",";opacity:0;}&","-exit{",";opacity:1;}&","-appear","-appear-active,&","-enter","-enter-active{",";opacity:1;transition:all 400ms ease;}&","-exit","-exit-active{",";opacity:0;transition:all 200ms ease;}"],a,a,r,p,p,"top"===e?"top: -40px":"bottom: -40px",p,"top"===e?"top: 0":"bottom: 0",p,p,p,p,"top"===e?"top: 0":"bottom: 0",p,p,"top"===e?"top: -40px":"bottom: -40px"))),d=t.div.withConfig({displayName:"toast.style__StyledToastContent",componentId:"sc-6f15a9b3-2"})(["padding:8px 16px 8px 16px;white-space:pre-wrap;flex:1;"," ",""],(({isNotice:t})=>t&&o(["display:flex;align-items:center;padding:11px 40px;"])),(({isDismiss:t,isNotice:a})=>t&&o(["padding-right:",";"],a?"88px":"48px"))),x=t.div.withConfig({displayName:"toast.style__ToastWrapper",componentId:"sc-6f15a9b3-3"})([""," ",""],(({align:t})=>t&&o(["position:relative;width:auto;height:auto;justify-content:",";display:flex;"],t)),(({isNotice:t})=>t&&o(["display:block;"])));export{n as StyledPortal,m as StyledToast,d as StyledToastContent,x as ToastWrapper};

package/esm/components/tooltip/tooltip.component.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import o,{useRef as n,useState as i,useEffect as l,useCallback as c,useMemo as p}from"react";import s from"invariant";import{offset as a,flip as u,shift as f,arrow as m,limitShift as b,useFloating as d,autoUpdate as y}from"@floating-ui/react-dom";import O from"./tooltip.style.js";import g from"./tooltip-pointer.style.js";import{TOOLTIP_POSITIONS as j}from"./tooltip.config.js";import h from"../../__internal__/utils/helpers/tags/tags.js";import{Portal as v}from"../portal/portal.js";function w(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){w(e,t,r[t])}))}return e}function x(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}function E(e,t){e&&("function"==typeof e&&e(t),"object"==typeof e&&"current"in e&&(e.current=t))}const S=o.forwardRef(((w,S)=>{var{children:C,isVisible:T,position:z="top",message:D,type:k,size:A="medium",isPartOfInput:I,inputSize:_="medium",id:L,bgColor:V,fontColor:M,flipOverrides:N,target:R}=w,q=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(w,["children","isVisible","position","message","type","size","isPartOfInput","inputSize","id","bgColor","fontColor","flipOverrides","target"]);const B=n(null),F=void 0!==T,[G,H]=i(!1);let J=G;F&&(J=T);const K=n(void 0),Q=n(void 0);l((()=>()=>{clearTimeout(K.current),clearTimeout(Q.current)}),[]);const U=c((()=>H(!0)),[]),W=c((()=>H(!1)),[]),X=c((()=>{K.current=window.setTimeout(U,100)}),[U]),Y=c((()=>{Q.current=window.setTimeout(W,100)}),[W]);l((()=>{const e={mouseenter:X,mouseleave:Y,focus:U,blur:W},t=R||B.current;return F||Object.entries(e).forEach((([e,r])=>{null==t||t.addEventListener(e,r)})),()=>{F||Object.entries(e).forEach((([e,r])=>{null==t||t.removeEventListener(e,r)}))}}),[C,U,X,W,Y,F,R]);const Z=n(N);Z.current=N;const $=n(null),ee=c((e=>{let t=9;return I&&(t={small:5,medium:["top","bottom"].includes(e)?6:8,large:["top","bottom"].includes(e)?10:12}[_]),t}),[_,I]),te=p((()=>[a((({placement:e})=>({mainAxis:ee(e)}))),u({fallbackPlacements:Z.current}),f({padding:5,limiter:b({offset:({rects:e})=>({mainAxis:e.reference.height})})}),m({element:$})]),[ee,$]),{x:re,y:oe,reference:ne,floating:ie,strategy:le,placement:ce,middlewareData:pe}=d({placement:z,middleware:te,whileElementsMounted:y}),se={position:le,top:null!=oe?oe:0,left:null!=re?re:0},ae=c((e=>{ne(R||e),B.current=e,E(C.ref,e)}),[ne,C,R]),ue=c((e=>{ie(e),E(S,e)}),[ie,S]),fe={top:"bottom",right:"left",bottom:"top",left:"right"}[ce.split("-")[0]],{x:me,y:be}=pe.arrow||{},de={left:me,top:be,[fe]:"-6px"},ye=!N||Array.isArray(N)&&N.every((e=>j.includes(e)));return s(ye,'The flipOverrides prop supplied to Tooltip must be an array containing some or all of ["top", "bottom", "left", "right"].'),e(t,{children:[o.cloneElement(C,{ref:ae}),J?r(v,{children:e(O,x(P({"data-element":"tooltip","data-role":"tooltip",role:"tooltip",tabIndex:-1,type:k,size:A,id:L},h("tooltip",q)),{ref:ue,bgColor:V,fontColor:M,style:se,"data-placement":ce,children:[r(g,{type:k,ref:$,"data-element":"tooltip-pointer","data-role":"tooltip-pointer",bgColor:V,style:de}),D]}))}):null]})}));S.displayName="Tooltip";export{S as Tooltip,S as default};
+import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import o,{useRef as n,useState as i,useEffect as l,useCallback as c,useMemo as p}from"react";import s from"invariant";import{offset as a,flip as u,shift as f,arrow as m,limitShift as b,useFloating as d,autoUpdate as y}from"@floating-ui/react-dom";import O from"./tooltip.style.js";import g from"./tooltip-pointer.style.js";import{TOOLTIP_POSITIONS as j}from"./tooltip.config.js";import h from"../../__internal__/utils/helpers/tags/tags.js";import v from"../portal/portal.js";function w(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){w(e,t,r[t])}))}return e}function x(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}function E(e,t){e&&("function"==typeof e&&e(t),"object"==typeof e&&"current"in e&&(e.current=t))}const S=o.forwardRef(((w,S)=>{var{children:C,isVisible:T,position:z="top",message:D,type:k,size:A="medium",isPartOfInput:I,inputSize:_="medium",id:L,bgColor:V,fontColor:M,flipOverrides:N,target:R}=w,q=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(w,["children","isVisible","position","message","type","size","isPartOfInput","inputSize","id","bgColor","fontColor","flipOverrides","target"]);const B=n(null),F=void 0!==T,[G,H]=i(!1);let J=G;F&&(J=T);const K=n(void 0),Q=n(void 0);l((()=>()=>{clearTimeout(K.current),clearTimeout(Q.current)}),[]);const U=c((()=>H(!0)),[]),W=c((()=>H(!1)),[]),X=c((()=>{K.current=window.setTimeout(U,100)}),[U]),Y=c((()=>{Q.current=window.setTimeout(W,100)}),[W]);l((()=>{const e={mouseenter:X,mouseleave:Y,focus:U,blur:W},t=R||B.current;return F||Object.entries(e).forEach((([e,r])=>{null==t||t.addEventListener(e,r)})),()=>{F||Object.entries(e).forEach((([e,r])=>{null==t||t.removeEventListener(e,r)}))}}),[C,U,X,W,Y,F,R]);const Z=n(N);Z.current=N;const $=n(null),ee=c((e=>{let t=9;return I&&(t={small:5,medium:["top","bottom"].includes(e)?6:8,large:["top","bottom"].includes(e)?10:12}[_]),t}),[_,I]),te=p((()=>[a((({placement:e})=>({mainAxis:ee(e)}))),u({fallbackPlacements:Z.current}),f({padding:5,limiter:b({offset:({rects:e})=>({mainAxis:e.reference.height})})}),m({element:$})]),[ee,$]),{x:re,y:oe,reference:ne,floating:ie,strategy:le,placement:ce,middlewareData:pe}=d({placement:z,middleware:te,whileElementsMounted:y}),se={position:le,top:null!=oe?oe:0,left:null!=re?re:0},ae=c((e=>{ne(R||e),B.current=e,E(C.ref,e)}),[ne,C,R]),ue=c((e=>{ie(e),E(S,e)}),[ie,S]),fe={top:"bottom",right:"left",bottom:"top",left:"right"}[ce.split("-")[0]],{x:me,y:be}=pe.arrow||{},de={left:me,top:be,[fe]:"-6px"},ye=!N||Array.isArray(N)&&N.every((e=>j.includes(e)));return s(ye,'The flipOverrides prop supplied to Tooltip must be an array containing some or all of ["top", "bottom", "left", "right"].'),e(t,{children:[o.cloneElement(C,{ref:ae}),J?r(v,{children:e(O,x(P({"data-element":"tooltip","data-role":"tooltip",role:"tooltip",tabIndex:-1,type:k,size:A,id:L},h("tooltip",q)),{ref:ue,bgColor:V,fontColor:M,style:se,"data-placement":ce,children:[r(g,{type:k,ref:$,"data-element":"tooltip-pointer","data-role":"tooltip-pointer",bgColor:V,style:de}),D]}))}):null]})}));S.displayName="Tooltip";export{S as Tooltip,S as default};

package/esm/components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useCallback as o}from"react";import n from"../../../__internal__/utils/helpers/tags/tags.js";import l from"../../../hooks/__internal__/useLocale/useLocale.js";import{Portal as i}from"../../portal/portal.js";import a from"../../../__internal__/focus-trap/focus-trap.component.js";import c from"../../icon-button/icon-button.component.js";import s from"../../icon/icon.component.js";import{Box as p}from"../../box/box.component.js";import{StyledVerticalMenuFullScreen as u,StyledList as f}from"../vertical-menu.style.js";import{VerticalMenuProvider as m}from"../__internal__/vertical-menu.context.js";import{getDocument as b}from"../../../__internal__/dom/globals.js";import d from"../../../__internal__/utils/helpers/events/events.js";import y from"../../../hooks/__internal__/useModalManager/useModalManager.js";import O from"../../../hooks/useMediaQuery/useMediaQuery.js";function j(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){j(e,r,t[r])}))}return e}const g=j=>{var{"aria-label":g,"aria-labelledby":h,children:v,isOpen:x,onClose:P}=j,w=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(j,["aria-label","aria-labelledby","children","isOpen","onClose"]);const M=l(),S=t(null),k=!O("screen and (prefers-reduced-motion: no-preference)"),C=o((e=>{d.isEscKey(e)&&P(e)}),[P]),E=b();return y({open:x,closeModal:C,modalRef:S,topModalOverride:!0,focusCallToActionElement:null==E?void 0:E.activeElement}),e(i,{children:e(a,{isOpen:x,wrapperRef:S,children:r(u,(D=_({ref:S,isOpen:x,prefersReducedMotion:k,scrollVariant:"light",as:"nav","aria-label":g,"aria-labelledby":h},n("vertical-menu-full-screen",w)),L={children:[e(p,{display:"flex",justifyContent:"flex-end",height:"60px",alignItems:"flex-start",px:"20px",pt:"20px",boxSizing:"border-box",children:e(c,{"aria-label":M.verticalMenuFullScreen.ariaLabels.close(),onClick:P,"data-element":"close",children:e(s,{type:"close",color:"var(--colorsComponentsLeftnavWinterStandardContent)"})})}),e(m,{value:{isFullScreen:!0},children:e(f,{children:v})})]},L=null!=L?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(D,Object.getOwnPropertyDescriptors(L)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(L)).forEach((function(e){Object.defineProperty(D,e,Object.getOwnPropertyDescriptor(L,e))})),D))})});var D,L};export{g as VerticalMenuFullScreen,g as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useCallback as o}from"react";import n from"../../../__internal__/utils/helpers/tags/tags.js";import l from"../../../hooks/__internal__/useLocale/useLocale.js";import i from"../../portal/portal.js";import a from"../../../__internal__/focus-trap/focus-trap.component.js";import c from"../../icon-button/icon-button.component.js";import s from"../../icon/icon.component.js";import{Box as p}from"../../box/box.component.js";import{StyledVerticalMenuFullScreen as u,StyledList as f}from"../vertical-menu.style.js";import{VerticalMenuProvider as m}from"../__internal__/vertical-menu.context.js";import{getDocument as b}from"../../../__internal__/dom/globals.js";import d from"../../../__internal__/utils/helpers/events/events.js";import y from"../../../hooks/__internal__/useModalManager/useModalManager.js";import O from"../../../hooks/useMediaQuery/useMediaQuery.js";function j(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){j(e,r,t[r])}))}return e}const g=j=>{var{"aria-label":g,"aria-labelledby":h,children:v,isOpen:x,onClose:P}=j,w=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(j,["aria-label","aria-labelledby","children","isOpen","onClose"]);const M=l(),S=t(null),k=!O("screen and (prefers-reduced-motion: no-preference)"),C=o((e=>{d.isEscKey(e)&&P(e)}),[P]),E=b();return y({open:x,closeModal:C,modalRef:S,topModalOverride:!0,focusCallToActionElement:null==E?void 0:E.activeElement}),e(i,{children:e(a,{isOpen:x,wrapperRef:S,children:r(u,(D=_({ref:S,isOpen:x,prefersReducedMotion:k,scrollVariant:"light",as:"nav","aria-label":g,"aria-labelledby":h},n("vertical-menu-full-screen",w)),L={children:[e(p,{display:"flex",justifyContent:"flex-end",height:"60px",alignItems:"flex-start",px:"20px",pt:"20px",boxSizing:"border-box",children:e(c,{"aria-label":M.verticalMenuFullScreen.ariaLabels.close(),onClick:P,"data-element":"close",children:e(s,{type:"close",color:"var(--colorsComponentsLeftnavWinterStandardContent)"})})}),e(m,{value:{isFullScreen:!0},children:e(f,{children:v})})]},L=null!=L?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(D,Object.getOwnPropertyDescriptors(L)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(L)).forEach((function(e){Object.defineProperty(D,e,Object.getOwnPropertyDescriptor(L,e))})),D))})});var D,L};export{g as VerticalMenuFullScreen,g as default};

package/esm/hooks/__internal__/useIsBrowser/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Hook that detects whether your React component is being rendered in a client-side or server-side environment.
+ *
+ * Useful for handling logic that should *only* be executed in the browser, such as DOM manipulations or accessing browser APIs.
+ */
+declare function useIsBrowser(): {
+    isBrowser: boolean;
+};
+export default useIsBrowser;

package/esm/hooks/__internal__/useIsBrowser/index.js

@@ -0,0 +1 @@
+import{useState as o,useEffect as r}from"react";import{getWindow as t,getDocument as e}from"../../../__internal__/dom/globals.js";function n(){const n=Boolean(t()&&e()),[a,s]=o(n);return r((()=>{s(!0)}),[]),{isBrowser:a}}export{n as default};

package/esm/hooks/__internal__/useScrollBlock/useScrollBlock.js

@@ -1 +1 @@
-import{useRef as e,useCallback as t}from"react";import r from"../../../__internal__/utils/helpers/guid/index.js";import l from"./scroll-block-manager.js";const o=new l,n=()=>{const{documentElement:e,body:t}=document||{},r=window.innerWidth-e.clientWidth;return[{element:e,property:"position",blockingValue:"relative"},{element:e,property:"overflow",blockingValue:"hidden"},{element:t,property:"position",blockingValue:"relative"},{element:t,property:"overflow",blockingValue:"hidden"},{element:t,property:"paddingRight",blockingValue:`${(parseInt(window.getComputedStyle(t).getPropertyValue("padding-right"))||0)+r}px`}]},i=()=>{const{current:l}=e(r()),i=e([]),a=t((()=>{n().forEach((({element:e,property:t},r)=>{e.style[t]=i.current[r]}))}),[]);return{blockScroll:t((()=>{const e=n(),t=o.isBlocked();if(o.registerComponent(l),t)return;const r=e.map((({element:e,property:t})=>e.style[t]));i.current=r,o.saveRestoreValuesCallback(a),o.saveOriginalValues(r),e.slice(-3).forEach((({element:e,property:t,blockingValue:r})=>{e.style[t]=r}))}),[a,l]),allowScroll:t((()=>{if(o.unregisterComponent(l),o.isBlocked())return;const e=o.getRestoreValuesCallback();if(e)return e(),void o.saveRestoreValuesCallback(null);const t=o.getOriginalValues();n().forEach((({element:e,property:r},l)=>{e.style[r]=t[l]})),o.saveOriginalValues([])}),[l])}};export{i as default};
+import{useRef as e,useCallback as t}from"react";import r from"../../../__internal__/utils/helpers/guid/index.js";import l from"./scroll-block-manager.js";const o=new l,n=()=>{const{documentElement:e,body:t}=document||{},r=window.innerWidth-e.clientWidth;return[{element:e,property:"position",blockingValue:"relative"},{element:e,property:"overflow",blockingValue:"hidden"},{element:t,property:"position",blockingValue:"relative"},{element:t,property:"overflow",blockingValue:"hidden"},{element:t,property:"padding-right",blockingValue:`${(parseInt(window.getComputedStyle(t).getPropertyValue("padding-right"))||0)+r}px`}]},i=()=>{const{current:l}=e(r()),i=e([]),a=t((()=>{n().forEach((({element:e,property:t},r)=>{e.style.setProperty(t,i.current[r])}))}),[]);return{blockScroll:t((()=>{const e=n(),t=o.isBlocked();if(o.registerComponent(l),t)return;const r=e.map((({element:e,property:t})=>e.style.getPropertyValue(t)));i.current=r,o.saveRestoreValuesCallback(a),o.saveOriginalValues(r),e.slice(-3).forEach((({element:e,property:t,blockingValue:r})=>{e.style.setProperty(t,r)}))}),[a,l]),allowScroll:t((()=>{if(o.unregisterComponent(l),o.isBlocked())return;const e=o.getRestoreValuesCallback();if(e)return e(),void o.saveRestoreValuesCallback(null);const t=o.getOriginalValues();n().forEach((({element:e,property:r},l)=>{e.style.setProperty(r,t[l])})),o.saveOriginalValues([])}),[l])}};export{i as default};

package/esm/index.js

@@ -1 +1 @@
-export{Accordion}from"./components/accordion/accordion.component.js";export{AccordionGroup}from"./components/accordion/accordion-group/accordion-group.component.js";export{ActionPopover}from"./components/action-popover/action-popover.component.js";export{default as ActionPopoverMenu}from"./components/action-popover/action-popover-menu/action-popover-menu.component.js";export{ActionPopoverItem}from"./components/action-popover/action-popover-item/action-popover-item.component.js";export{ActionPopoverMenuButton}from"./components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js";import"./components/action-popover/action-popover-divider/action-popover-divider.component.js";export{AdaptiveSidebar}from"./components/adaptive-sidebar/adaptive-sidebar.component.js";export{AdvancedColorPicker}from"./components/advanced-color-picker/advanced-color-picker.component.js";export{Alert}from"./components/alert/alert.component.js";export{default as AnchorNavigation}from"./components/anchor-navigation/anchor-navigation.component.js";export{default as AnchorNavigationItem}from"./components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js";export{default as AnchorSectionDivider}from"./components/anchor-navigation/anchor-section-divider.component.js";export{Badge}from"./components/badge/badge.component.js";export{BatchSelection}from"./components/batch-selection/batch-selection.component.js";export{Box}from"./components/box/box.component.js";export{Breadcrumbs}from"./components/breadcrumbs/breadcrumbs.component.js";export{default as Crumb}from"./components/breadcrumbs/crumb/crumb.component.js";export{ButtonBar}from"./components/button-bar/button-bar.component.js";export{ButtonMinor}from"./components/button-minor/button-minor.component.js";export{ButtonToggle}from"./components/button-toggle/button-toggle.component.js";export{default as ButtonToggleGroup}from"./components/button-toggle/button-toggle-group/button-toggle-group.component.js";export{default as Button}from"./components/button/button.component.js";export{CarbonProvider}from"./components/carbon-provider/carbon-provider.component.js";export{default as Card}from"./components/card/card.component.js";export{default as CardColumn}from"./components/card/card-column/card-column.component.js";export{default as CardFooter}from"./components/card/card-footer/card-footer.component.js";export{default as CardRow}from"./components/card/card-row/card-row.component.js";export{CheckboxGroup}from"./components/checkbox/checkbox-group/checkbox-group.component.js";export{Checkbox}from"./components/checkbox/checkbox.component.js";export{Confirm}from"./components/confirm/confirm.component.js";export{Content}from"./components/content/content.component.js";export{DateRange}from"./components/date-range/date-range.component.js";export{DateInput}from"./components/date/date.component.js";export{Decimal}from"./components/decimal/decimal.component.js";export{default as Dl}from"./components/definition-list/dl.component.js";export{default as Dt}from"./components/definition-list/dt/dt.component.js";export{default as Dd}from"./components/definition-list/dd/dd.component.js";export{Detail}from"./components/detail/detail.component.js";export{Dialog}from"./components/dialog/dialog.component.js";export{DismissibleBox}from"./components/dismissible-box/dismissible-box.component.js";export{default as DraggableContainer}from"./components/draggable/draggable-container.component.js";export{default as DraggableItem}from"./components/draggable/draggable-item/draggable-item.component.js";export{Drawer}from"./components/drawer/drawer.component.js";export{DuellingPicklist}from"./components/duelling-picklist/duelling-picklist.component.js";export{default as PicklistDivider}from"./components/duelling-picklist/picklist-divider/picklist-divider.component.js";export{PicklistItem}from"./components/duelling-picklist/picklist-item/picklist-item.component.js";export{Picklist}from"./components/duelling-picklist/picklist/picklist.component.js";export{PicklistPlaceholder}from"./components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js";export{PicklistGroup}from"./components/duelling-picklist/picklist-group/picklist-group.component.js";export{Fieldset}from"./components/fieldset/fieldset.component.js";export{FileInput}from"./components/file-input/file-input.component.js";export{FlatTable}from"./components/flat-table/flat-table.component.js";export{FlatTableHead}from"./components/flat-table/flat-table-head/flat-table-head.component.js";export{FlatTableHeader}from"./components/flat-table/flat-table-header/flat-table-header.component.js";export{FlatTableBody}from"./components/flat-table/flat-table-body/flat-table-body.component.js";export{FlatTableRow}from"./components/flat-table/flat-table-row/flat-table-row.component.js";export{FlatTableRowHeader}from"./components/flat-table/flat-table-row-header/flat-table-row-header.component.js";export{FlatTableCell}from"./components/flat-table/flat-table-cell/flat-table-cell.component.js";export{FlatTableCheckbox}from"./components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js";export{FlatTableBodyDraggable}from"./components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js";export{Sort}from"./components/flat-table/sort/sort.component.js";export{Form}from"./components/form/form.component.js";export{default as RequiredFieldsIndicator}from"./components/form/required-fields-indicator/required-fields-indicator.component.js";export{default as GlobalHeader}from"./components/global-header/global-header.component.js";export{GridContainer}from"./components/grid/grid-container/grid-container.component.js";export{GridItem}from"./components/grid/grid-item/grid-item.component.js";export{GroupedCharacter}from"./components/grouped-character/grouped-character.component.js";export{Heading}from"./components/heading/heading.component.js";export{Help}from"./components/help/help.component.js";export{Hr}from"./components/hr/hr.component.js";export{I18nProvider}from"./components/i18n-provider/i18n-provider.component.js";export{default as IconButton}from"./components/icon-button/icon-button.component.js";export{default as Icon}from"./components/icon/icon.component.js";export{Image}from"./components/image/image.component.js";export{default as InlineInputs}from"./components/inline-inputs/inline-inputs.component.js";export{LinkPreview}from"./components/link-preview/link-preview.component.js";export{Link}from"./components/link/link.component.js";export{Loader}from"./components/loader/loader.component.js";export{LoaderBar}from"./components/loader-bar/loader-bar.component.js";export{LoaderSpinner}from"./components/loader-spinner/loader-spinner.component.js";export{default as LoaderStar}from"./components/loader-star/loader-star.component.js";export{Loader as NextLoader}from"./components/loader/__next__/loader.component.js";export{Menu}from"./components/menu/menu.component.js";export{MenuItem}from"./components/menu/menu-item/menu-item.component.js";export{default as MenuDivider}from"./components/menu/menu-divider/menu-divider.component.js";export{default as MenuSegmentTitle}from"./components/menu/menu-segment-title/menu-segment-title.component.js";export{MenuFullscreen}from"./components/menu/menu-full-screen/menu-full-screen.component.js";export{ScrollableBlock}from"./components/menu/scrollable-block/scrollable-block.component.js";export{Message}from"./components/message/message.component.js";export{default as Modal}from"./components/modal/index.js";export{MultiActionButton}from"./components/multi-action-button/multi-action-button.component.js";export{NavigationBar}from"./components/navigation-bar/navigation-bar.component.js";export{Note}from"./components/note/note.component.js";export{Number}from"./components/number/number.component.js";export{NumeralDate}from"./components/numeral-date/numeral-date.component.js";export{Pager}from"./components/pager/pager.component.js";export{default as Pages}from"./components/pages/pages.component.js";export{default as Page}from"./components/pages/page/page.component.js";export{Password}from"./components/password/password.component.js";export{Pill}from"./components/pill/pill.component.js";export{default as Pod}from"./components/pod/pod.component.js";export{PopoverContainer}from"./components/popover-container/popover-container.component.js";export{Portal}from"./components/portal/portal.js";export{Portrait}from"./components/portrait/portrait.component.js";export{Preview}from"./components/preview/preview.component.js";export{Profile}from"./components/profile/profile.component.js";export{default as ProgressTracker}from"./components/progress-tracker/progress-tracker.component.js";export{default as RadioButton}from"./components/radio-button/radio-button.component.js";export{RadioButtonGroup}from"./components/radio-button/radio-button-group/radio-button-group.component.js";export{Search}from"./components/search/search.component.js";export{default as Option}from"./components/select/option/option.component.js";export{default as OptionRow}from"./components/select/option-row/option-row.component.js";export{default as OptionGroupHeader}from"./components/select/option-group-header/option-group-header.component.js";export{SimpleSelect as Select}from"./components/select/simple-select/simple-select.component.js";export{FilterableSelect}from"./components/select/filterable-select/filterable-select.component.js";export{MultiSelect}from"./components/select/multi-select/multi-select.component.js";export{default as setupSelectMocks}from"./components/select/setup-select-mocks.js";export{SettingsRow}from"./components/settings-row/settings-row.component.js";export{Sidebar}from"./components/sidebar/sidebar.component.js";export{SimpleColorPicker}from"./components/simple-color-picker/simple-color-picker.component.js";export{SimpleColor}from"./components/simple-color-picker/simple-color/simple-color.component.js";export{SplitButton}from"./components/split-button/split-button.component.js";export{StepFlowTitle}from"./components/step-flow/step-flow-title/step-flow-title.component.js";export{StepFlow}from"./components/step-flow/step-flow.component.js";export{StepSequence}from"./components/step-sequence/step-sequence.component.js";export{StepSequenceItem}from"./components/step-sequence/step-sequence-item/step-sequence-item.component.js";export{Switch}from"./components/switch/switch.component.js";export{Tabs}from"./components/tabs/tabs.component.js";export{TextEditor}from"./components/text-editor/text-editor.component.js";export{createEmpty,createFromHTML}from"./components/text-editor/__internal__/__utils__/helpers.js";import"react/jsx-runtime";import"@lexical/react/LexicalComposerContext";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"lexical";import"react";import"react-dom";import"./components/text-editor/__internal__/__ui__/Mentions/constants.js";import"./components/text-editor/__internal__/__ui__/Mentions/mentions.style.js";import"./__internal__/i18n-context/index.js";export{Textarea}from"./components/textarea/textarea.component.js";export{Textbox}from"./components/textbox/textbox.component.js";export{default as TileSelect}from"./components/tile-select/tile-select.component.js";export{TileSelectGroup}from"./components/tile-select/tile-select-group/tile-select-group.component.js";export{Tile}from"./components/tile/tile.component.js";export{default as TileContent}from"./components/tile/tile-content/tile-content.component.js";export{TileFooter}from"./components/tile/tile-footer/tile-footer.component.js";export{TileHeader}from"./components/tile/tile-header/tile-header.component.js";export{FlexTileContainer}from"./components/tile/flex-tile-container/flex-tile-container.component.js";export{FlexTileCell}from"./components/tile/flex-tile-cell/flex-tile-cell.component.js";export{FlexTileDivider}from"./components/tile/flex-tile-divider/flex-tile-divider.component.js";export{default as Time}from"./components/time/time.component.js";export{Toast}from"./components/toast/toast.component.js";export{Tooltip}from"./components/tooltip/tooltip.component.js";export{Typography}from"./components/typography/typography.component.js";export{List,ListItem}from"./components/typography/list.component.js";export{VerticalDivider}from"./components/vertical-divider/vertical-divider.component.js";export{VerticalMenu}from"./components/vertical-menu/vertical-menu.component.js";export{VerticalMenuItem}from"./components/vertical-menu/vertical-menu-item/vertical-menu-item.component.js";export{VerticalMenuFullScreen}from"./components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js";export{VerticalMenuTrigger}from"./components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.component.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js";import"react-transition-group";import"./hooks/__internal__/useScrollBlock/useScrollBlock.js";import"./__internal__/modal/modal-manager.js";import"./__internal__/modal/modal.style.js";import"./__internal__/modal/modal.context.js";export{default as useMediaQuery}from"./hooks/useMediaQuery/useMediaQuery.js";import"./components/carbon-provider/__internal__/top-modal.context.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js";import"./style/utils/filter-styled-system-padding-props.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js";export{default as useCharacterCount}from"./hooks/useCharacterCount/useCharacterCount.js";export{default as GlobalStyle}from"./style/global-style.js";export{MenuItemDivider as ActionPopoverDivider}from"./components/action-popover/action-popover.style.js";export{Tab}from"./components/tabs/tab/tab.component.js";
+export{Accordion}from"./components/accordion/accordion.component.js";export{AccordionGroup}from"./components/accordion/accordion-group/accordion-group.component.js";export{ActionPopover}from"./components/action-popover/action-popover.component.js";export{default as ActionPopoverMenu}from"./components/action-popover/action-popover-menu/action-popover-menu.component.js";export{ActionPopoverItem}from"./components/action-popover/action-popover-item/action-popover-item.component.js";export{ActionPopoverMenuButton}from"./components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js";import"./components/action-popover/action-popover-divider/action-popover-divider.component.js";export{AdaptiveSidebar}from"./components/adaptive-sidebar/adaptive-sidebar.component.js";export{AdvancedColorPicker}from"./components/advanced-color-picker/advanced-color-picker.component.js";export{Alert}from"./components/alert/alert.component.js";export{default as AnchorNavigation}from"./components/anchor-navigation/anchor-navigation.component.js";export{default as AnchorNavigationItem}from"./components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js";export{default as AnchorSectionDivider}from"./components/anchor-navigation/anchor-section-divider.component.js";export{Badge}from"./components/badge/badge.component.js";export{BatchSelection}from"./components/batch-selection/batch-selection.component.js";export{Box}from"./components/box/box.component.js";export{Breadcrumbs}from"./components/breadcrumbs/breadcrumbs.component.js";export{default as Crumb}from"./components/breadcrumbs/crumb/crumb.component.js";export{ButtonBar}from"./components/button-bar/button-bar.component.js";export{ButtonMinor}from"./components/button-minor/button-minor.component.js";export{ButtonToggle}from"./components/button-toggle/button-toggle.component.js";export{default as ButtonToggleGroup}from"./components/button-toggle/button-toggle-group/button-toggle-group.component.js";export{default as Button}from"./components/button/button.component.js";export{CarbonProvider}from"./components/carbon-provider/carbon-provider.component.js";export{default as Card}from"./components/card/card.component.js";export{default as CardColumn}from"./components/card/card-column/card-column.component.js";export{default as CardFooter}from"./components/card/card-footer/card-footer.component.js";export{default as CardRow}from"./components/card/card-row/card-row.component.js";export{CheckboxGroup}from"./components/checkbox/checkbox-group/checkbox-group.component.js";export{Checkbox}from"./components/checkbox/checkbox.component.js";export{Confirm}from"./components/confirm/confirm.component.js";export{Content}from"./components/content/content.component.js";export{DateRange}from"./components/date-range/date-range.component.js";export{DateInput}from"./components/date/date.component.js";export{Decimal}from"./components/decimal/decimal.component.js";export{default as Dl}from"./components/definition-list/dl.component.js";export{default as Dt}from"./components/definition-list/dt/dt.component.js";export{default as Dd}from"./components/definition-list/dd/dd.component.js";export{Detail}from"./components/detail/detail.component.js";export{Dialog}from"./components/dialog/dialog.component.js";export{DismissibleBox}from"./components/dismissible-box/dismissible-box.component.js";export{default as DraggableContainer}from"./components/draggable/draggable-container.component.js";export{default as DraggableItem}from"./components/draggable/draggable-item/draggable-item.component.js";export{Drawer}from"./components/drawer/drawer.component.js";export{DuellingPicklist}from"./components/duelling-picklist/duelling-picklist.component.js";export{default as PicklistDivider}from"./components/duelling-picklist/picklist-divider/picklist-divider.component.js";export{PicklistItem}from"./components/duelling-picklist/picklist-item/picklist-item.component.js";export{Picklist}from"./components/duelling-picklist/picklist/picklist.component.js";export{PicklistPlaceholder}from"./components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js";export{PicklistGroup}from"./components/duelling-picklist/picklist-group/picklist-group.component.js";export{Fieldset}from"./components/fieldset/fieldset.component.js";export{FileInput}from"./components/file-input/file-input.component.js";export{FlatTable}from"./components/flat-table/flat-table.component.js";export{FlatTableHead}from"./components/flat-table/flat-table-head/flat-table-head.component.js";export{FlatTableHeader}from"./components/flat-table/flat-table-header/flat-table-header.component.js";export{FlatTableBody}from"./components/flat-table/flat-table-body/flat-table-body.component.js";export{FlatTableRow}from"./components/flat-table/flat-table-row/flat-table-row.component.js";export{FlatTableRowHeader}from"./components/flat-table/flat-table-row-header/flat-table-row-header.component.js";export{FlatTableCell}from"./components/flat-table/flat-table-cell/flat-table-cell.component.js";export{FlatTableCheckbox}from"./components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js";export{FlatTableBodyDraggable}from"./components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js";export{Sort}from"./components/flat-table/sort/sort.component.js";export{Form}from"./components/form/form.component.js";export{default as RequiredFieldsIndicator}from"./components/form/required-fields-indicator/required-fields-indicator.component.js";export{default as GlobalHeader}from"./components/global-header/global-header.component.js";export{GridContainer}from"./components/grid/grid-container/grid-container.component.js";export{GridItem}from"./components/grid/grid-item/grid-item.component.js";export{GroupedCharacter}from"./components/grouped-character/grouped-character.component.js";export{Heading}from"./components/heading/heading.component.js";export{Help}from"./components/help/help.component.js";export{Hr}from"./components/hr/hr.component.js";export{I18nProvider}from"./components/i18n-provider/i18n-provider.component.js";export{default as IconButton}from"./components/icon-button/icon-button.component.js";export{default as Icon}from"./components/icon/icon.component.js";export{Image}from"./components/image/image.component.js";export{default as InlineInputs}from"./components/inline-inputs/inline-inputs.component.js";export{LinkPreview}from"./components/link-preview/link-preview.component.js";export{Link}from"./components/link/link.component.js";export{Loader}from"./components/loader/loader.component.js";export{LoaderBar}from"./components/loader-bar/loader-bar.component.js";export{LoaderSpinner}from"./components/loader-spinner/loader-spinner.component.js";export{default as LoaderStar}from"./components/loader-star/loader-star.component.js";export{Loader as NextLoader}from"./components/loader/__next__/loader.component.js";export{Menu}from"./components/menu/menu.component.js";export{MenuItem}from"./components/menu/menu-item/menu-item.component.js";export{default as MenuDivider}from"./components/menu/menu-divider/menu-divider.component.js";export{default as MenuSegmentTitle}from"./components/menu/menu-segment-title/menu-segment-title.component.js";export{MenuFullscreen}from"./components/menu/menu-full-screen/menu-full-screen.component.js";export{ScrollableBlock}from"./components/menu/scrollable-block/scrollable-block.component.js";export{Message}from"./components/message/message.component.js";export{default as Modal}from"./components/modal/index.js";export{MultiActionButton}from"./components/multi-action-button/multi-action-button.component.js";export{NavigationBar}from"./components/navigation-bar/navigation-bar.component.js";export{Note}from"./components/note/note.component.js";export{Number}from"./components/number/number.component.js";export{NumeralDate}from"./components/numeral-date/numeral-date.component.js";export{Pager}from"./components/pager/pager.component.js";export{default as Pages}from"./components/pages/pages.component.js";export{default as Page}from"./components/pages/page/page.component.js";export{Password}from"./components/password/password.component.js";export{Pill}from"./components/pill/pill.component.js";export{default as Pod}from"./components/pod/pod.component.js";export{PopoverContainer}from"./components/popover-container/popover-container.component.js";export{default as Portal}from"./components/portal/portal.js";export{Portrait}from"./components/portrait/portrait.component.js";export{Preview}from"./components/preview/preview.component.js";export{Profile}from"./components/profile/profile.component.js";export{default as ProgressTracker}from"./components/progress-tracker/progress-tracker.component.js";export{default as RadioButton}from"./components/radio-button/radio-button.component.js";export{RadioButtonGroup}from"./components/radio-button/radio-button-group/radio-button-group.component.js";export{Search}from"./components/search/search.component.js";export{default as Option}from"./components/select/option/option.component.js";export{default as OptionRow}from"./components/select/option-row/option-row.component.js";export{default as OptionGroupHeader}from"./components/select/option-group-header/option-group-header.component.js";export{SimpleSelect as Select}from"./components/select/simple-select/simple-select.component.js";export{FilterableSelect}from"./components/select/filterable-select/filterable-select.component.js";export{MultiSelect}from"./components/select/multi-select/multi-select.component.js";export{default as setupSelectMocks}from"./components/select/setup-select-mocks.js";export{SettingsRow}from"./components/settings-row/settings-row.component.js";export{Sidebar}from"./components/sidebar/sidebar.component.js";export{SimpleColorPicker}from"./components/simple-color-picker/simple-color-picker.component.js";export{SimpleColor}from"./components/simple-color-picker/simple-color/simple-color.component.js";export{SplitButton}from"./components/split-button/split-button.component.js";export{StepFlowTitle}from"./components/step-flow/step-flow-title/step-flow-title.component.js";export{StepFlow}from"./components/step-flow/step-flow.component.js";export{StepSequence}from"./components/step-sequence/step-sequence.component.js";export{StepSequenceItem}from"./components/step-sequence/step-sequence-item/step-sequence-item.component.js";export{Switch}from"./components/switch/switch.component.js";export{Tabs}from"./components/tabs/tabs.component.js";export{TextEditor}from"./components/text-editor/text-editor.component.js";export{createEmpty,createFromHTML}from"./components/text-editor/__internal__/__utils__/helpers.js";import"react/jsx-runtime";import"@lexical/react/LexicalComposerContext";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"lexical";import"react";import"react-dom";import"./components/text-editor/__internal__/__ui__/Mentions/constants.js";import"./components/text-editor/__internal__/__ui__/Mentions/mentions.style.js";import"./__internal__/i18n-context/index.js";export{Textarea}from"./components/textarea/textarea.component.js";export{Textbox}from"./components/textbox/textbox.component.js";export{default as TileSelect}from"./components/tile-select/tile-select.component.js";export{TileSelectGroup}from"./components/tile-select/tile-select-group/tile-select-group.component.js";export{Tile}from"./components/tile/tile.component.js";export{default as TileContent}from"./components/tile/tile-content/tile-content.component.js";export{TileFooter}from"./components/tile/tile-footer/tile-footer.component.js";export{TileHeader}from"./components/tile/tile-header/tile-header.component.js";export{FlexTileContainer}from"./components/tile/flex-tile-container/flex-tile-container.component.js";export{FlexTileCell}from"./components/tile/flex-tile-cell/flex-tile-cell.component.js";export{FlexTileDivider}from"./components/tile/flex-tile-divider/flex-tile-divider.component.js";export{default as Time}from"./components/time/time.component.js";export{Toast}from"./components/toast/toast.component.js";export{Tooltip}from"./components/tooltip/tooltip.component.js";export{Typography}from"./components/typography/typography.component.js";export{List,ListItem}from"./components/typography/list.component.js";export{VerticalDivider}from"./components/vertical-divider/vertical-divider.component.js";export{VerticalMenu}from"./components/vertical-menu/vertical-menu.component.js";export{VerticalMenuItem}from"./components/vertical-menu/vertical-menu-item/vertical-menu-item.component.js";export{VerticalMenuFullScreen}from"./components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js";export{VerticalMenuTrigger}from"./components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.component.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js";import"react-transition-group";import"./hooks/__internal__/useScrollBlock/useScrollBlock.js";import"./__internal__/modal/modal-manager.js";import"./__internal__/modal/modal.style.js";import"./__internal__/modal/modal.context.js";export{default as useMediaQuery}from"./hooks/useMediaQuery/useMediaQuery.js";import"./components/carbon-provider/__internal__/top-modal.context.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js";import"./style/utils/filter-styled-system-padding-props.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js";export{default as useCharacterCount}from"./hooks/useCharacterCount/useCharacterCount.js";export{default as GlobalStyle}from"./style/global-style.js";export{MenuItemDivider as ActionPopoverDivider}from"./components/action-popover/action-popover.style.js";export{Tab}from"./components/tabs/tab/tab.component.js";

package/lib/__internal__/modal/modal.component.d.ts

@@ -28,5 +28,5 @@ export interface ModalProps extends TagProps {
      */
     restoreFocusOnClose?: boolean;
 }
-declare const Modal: ({ children, "data-element": dataElement, "data-role": dataRole, open, onCancel, disableEscKey, disableClose, enableBackgroundUI, topModalOverride, restoreFocusOnClose, ...rest }: ModalProps) => React.JSX.Element;
+declare const Modal: (props: ModalProps) => React.JSX.Element;
 export default Modal;

package/lib/__internal__/modal/modal.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-transition-group"),o=require("../../hooks/__internal__/useScrollBlock/useScrollBlock.js"),n=require("../../components/portal/portal.js"),l=require("../dom/globals.js"),a=require("../utils/helpers/events/events.js"),s=require("../../hooks/__internal__/useModalManager/useModalManager.js"),i=require("./modal.style.js"),c=require("./modal.context.js");function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){u(e,r,t[r])}))}return e}const p=300;exports.default=u=>{var{children:f,"data-element":m,"data-role":b="modal",open:O,onCancel:j,disableEscKey:g=!1,disableClose:y,enableBackgroundUI:v=!1,topModalOverride:h,restoreFocusOnClose:S=!0}=u,P=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(u,["children","data-element","data-role","open","onCancel","disableEscKey","disableClose","enableBackgroundUI","topModalOverride","restoreFocusOnClose"]);const k=r.useRef(null),x=r.useRef(null),M=r.useRef(null),[w,E]=r.useState(!1),[C,q]=r.useState(!1),{blockScroll:_,allowScroll:R}=o.default();r.useEffect((()=>{v||(O?_():R())}),[R,_,v,O]),r.useEffect((()=>()=>{v||R()}),[R,v]);const T=r.useCallback((e=>{j&&!y&&!g&&a.default.isEscKey(e)&&(e.stopImmediatePropagation(),j(e))}),[y,g,j]),B=l.getDocument();let D,I;return s.default({open:O,closeModal:T,modalRef:k,setTriggerRefocusFlag:q,topModalOverride:h,focusCallToActionElement:S&&B?B.activeElement:void 0}),O&&(D=v?null:e.jsx(i.StyledModalBackground,{ref:x,"data-element":"modal-background","data-role":"modal-background",transitionName:"modal-background",transitionTime:p}),I=f),e.jsx(n.Portal,{children:e.jsxs(i.StyledModal,(F=d({"data-component":"modal","data-element":m,"data-role":b,"data-state":O&&w?"open":"closed",transitionName:"modal",transitionTime:p,topModalOverride:h,ref:k},P),N={children:[e.jsx(t.TransitionGroup,{children:D&&e.jsx(t.CSSTransition,{nodeRef:x,appear:!0,classNames:"modal-background",timeout:p,onEntered:()=>E(!0),onExiting:()=>E(!1),children:D},"modal")}),e.jsx(t.TransitionGroup,{children:I&&e.jsx(t.CSSTransition,{nodeRef:M,appear:!0,classNames:"modal",timeout:p,children:e.jsx(c.default.Provider,{value:{isAnimationComplete:w,triggerRefocusFlag:C,isInModal:!0},children:e.jsx("div",{ref:M,children:I})})})})]},N=null!=N?N:{},Object.getOwnPropertyDescriptors?Object.defineProperties(F,Object.getOwnPropertyDescriptors(N)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(N)).forEach((function(e){Object.defineProperty(F,e,Object.getOwnPropertyDescriptor(N,e))})),F))});var F,N};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-transition-group"),o=require("../../hooks/__internal__/useScrollBlock/useScrollBlock.js"),n=require("../../components/portal/portal.js"),l=require("../dom/globals.js"),a=require("../utils/helpers/events/events.js"),s=require("../../hooks/__internal__/useModalManager/useModalManager.js"),i=require("./modal.style.js"),c=require("./modal.context.js");function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){u(e,r,t[r])}))}return e}const p=300,f=n=>{var{children:u,"data-element":f,"data-role":m="modal",open:b,onCancel:j,disableEscKey:O=!1,disableClose:g,enableBackgroundUI:y=!1,topModalOverride:v,restoreFocusOnClose:h=!0}=n,S=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(n,["children","data-element","data-role","open","onCancel","disableEscKey","disableClose","enableBackgroundUI","topModalOverride","restoreFocusOnClose"]);const x=r.useRef(null),k=r.useRef(null),P=r.useRef(null),[M,w]=r.useState(!1),[E,C]=r.useState(!1),{blockScroll:q,allowScroll:_}=o.default();r.useEffect((()=>{y||(b?q():_())}),[_,q,y,b]),r.useEffect((()=>()=>{y||_()}),[_,y]);const R=r.useCallback((e=>{j&&!g&&!O&&a.default.isEscKey(e)&&(e.stopImmediatePropagation(),j(e))}),[g,O,j]),T=l.getDocument();let B,D;return s.default({open:b,closeModal:R,modalRef:x,setTriggerRefocusFlag:C,topModalOverride:v,focusCallToActionElement:h&&T?T.activeElement:void 0}),b&&(B=y?null:e.jsx(i.StyledModalBackground,{ref:k,"data-element":"modal-background","data-role":"modal-background",transitionName:"modal-background",transitionTime:p}),D=u),e.jsxs(i.StyledModal,(I=d({"data-component":"modal","data-element":f,"data-role":m,"data-state":b&&M?"open":"closed",transitionName:"modal",transitionTime:p,topModalOverride:v,ref:x},S),F=null!=(F={children:[e.jsx(t.TransitionGroup,{children:B&&e.jsx(t.CSSTransition,{nodeRef:k,appear:!0,classNames:"modal-background",timeout:p,onEntered:()=>w(!0),onExiting:()=>w(!1),children:B},"modal")}),e.jsx(t.TransitionGroup,{children:D&&e.jsx(t.CSSTransition,{nodeRef:P,appear:!0,classNames:"modal",timeout:p,children:e.jsx(c.default.Provider,{value:{isAnimationComplete:M,triggerRefocusFlag:E,isInModal:!0},children:e.jsx("div",{ref:P,children:D})})})})]})?F:{},Object.getOwnPropertyDescriptors?Object.defineProperties(I,Object.getOwnPropertyDescriptors(F)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(F)).forEach((function(e){Object.defineProperty(I,e,Object.getOwnPropertyDescriptor(F,e))})),I));var I,F};exports.default=r=>e.jsx(n.default,{children:e.jsx(f,d({},r))});

package/lib/__internal__/popover/popover.component.d.ts

@@ -44,5 +44,5 @@ export interface PopoverProps {
      */
     childRefOverride?: MutableRefObject<HTMLDivElement | null>;
 }
-declare const Popover: ({ children, placement, disablePortal, reference, middleware, disableBackgroundUI, isOpen, animationFrame, popoverStrategy, childRefOverride, }: PopoverProps) => React.JSX.Element;
+declare const Popover: ({ disablePortal, ...props }: PopoverProps) => React.JSX.Element | null;
 export default Popover;

package/lib/__internal__/popover/popover.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-dom"),n=require("@floating-ui/dom"),o=require("../../hooks/__internal__/useFloating/useFloating.js"),l=require("./popover.style.js"),a=require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js"),d=require("../modal/modal.context.js");function i(e){return e&&e.__esModule?e:{default:e}}var c=i(r),s=i(t);const u=[n.flip({fallbackStrategy:"initialPlacement"})];exports.default=({children:t,placement:n,disablePortal:i,reference:p,middleware:f=u,disableBackgroundUI:m,isOpen:v=!0,animationFrame:y,popoverStrategy:b="absolute",childRefOverride:g})=>{var h;const j=r.useRef(null),{isInModal:k}=r.useContext(d.default),x=null===(h=p.current)||void 0===h?void 0:h.closest("[role='dialog']"),q=k&&x?x:document.body;j.current||i||(j.current=document.createElement("div"),q.appendChild(j.current));const _=g||c.default.Children.only(t).ref,C=r.useRef(null),O=_||C;let P;return P=_?t:c.default.cloneElement(t,{ref:O}),o.default({isOpen:v,reference:p,floating:O,placement:n,middleware:f,animationFrame:y,strategy:b}),r.useEffect((()=>()=>{!i&&j.current&&(q.removeChild(j.current),j.current=null)}),[i,q]),m||(P=e.jsx(l.StyledPopoverContent,{isOpen:v,children:P})),m&&(P=e.jsx(l.StyledPopoverContent,{isOpen:v,children:e.jsx(l.StyledBackdrop,{"data-role":"popup-backdrop",children:P})})),i?P:s.default.createPortal(e.jsx(a.default,{className:"carbon-portal-scoped-tokens-provider",children:P}),j.current)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-dom"),n=require("@floating-ui/dom"),o=require("../../hooks/__internal__/useFloating/useFloating.js"),l=require("./popover.style.js"),a=require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js"),i=require("../modal/modal.context.js"),s=require("../../hooks/__internal__/useIsBrowser/index.js");function u(e){return e&&e.__esModule?e:{default:e}}var c=u(r);function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(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){d(e,r,t[r])}))}return e}const p=[n.flip({fallbackStrategy:"initialPlacement"})],b=({children:t,placement:n,reference:a,middleware:i=p,disableBackgroundUI:s,isOpen:u=!0,animationFrame:d,popoverStrategy:f="absolute",childRefOverride:b})=>{const m=b||c.default.Children.only(t).ref,y=r.useRef(null),j=m||y;let O;return O=m?t:c.default.cloneElement(t,{ref:j}),o.default({isOpen:u,reference:a,floating:j,placement:n,middleware:i,animationFrame:d,strategy:f}),e.jsx(l.StyledPopoverContent,{isOpen:u,children:s?e.jsx(l.StyledBackdrop,{"data-role":"popup-backdrop",children:O}):O})};exports.default=n=>{var o,{disablePortal:l}=n,u=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["disablePortal"]);const{isBrowser:c}=s.default(),{isInModal:d}=r.useContext(i.default),p=null===(o=u.reference.current)||void 0===o?void 0:o.closest("[role='dialog']");return l?e.jsx(b,f({},u)):c?t.createPortal(e.jsx(a.default,{className:"carbon-portal-scoped-tokens-provider",children:e.jsx(b,f({},u))}),d&&p?p:document.body):null};