carbon-react 158.24.0 → 158.25.0

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/loader/__next__/loader.style.js

@@ -1 +1 @@
-import e,{css as t}from"styled-components";import{margin as i}from"styled-system";import r from"../../../style/themes/apply-base-theme.js";import{Typography as a}from"../../typography/typography.component.js";import"react/jsx-runtime";import"react";import n from"../../button/button.style.js";import{StyledButton as o}from"../../button/__next__/button.style.js";const s={"extra-small":20,small:32,medium:64,large:80},l={"extra-small":2.7,small:2.7,medium:2.7,large:2.7},d={small:"4px",medium:"8px",large:"16px"},m={"extra-small":"8px",small:"8px",medium:"12px",large:"16px"},c=(e,t)=>{const i=t?"rgba(255, 255, 255, 0.08)":"rgba(0, 0, 0, 0.08)";return"ai"===e?{outerBarBackground:i,innerBarBackground:t?"linear-gradient(90deg, var(--mode-color-ai-alt-stop-1, #00D639) 0%, var(--mode-color-ai-alt-stop-2, #00D6DE) 40%, var(--mode-color-ai-alt-stop-3, #9D60FF) 90%)":"linear-gradient(90deg, var(--mode-color-ai-stop-1, #13A038) 0%, var(--mode-color-ai-stop-2, #149197) 40%, var(--mode-color-ai-stop-3, #A87CFB) 90%)"}:{outerBarBackground:i,innerBarBackground:t?"#FFFFFF":"#000000"}},p=t(["display:flex;justify-content:center;text-align:center;"]),g=e.div.withConfig({displayName:"loader.style__StyledLoaderPlaceholder",componentId:"sc-74569bc2-0"})(["display:inline-block;min-width:var(--sizing800);"]),f=e.div.attrs(r).withConfig({displayName:"loader.style__StyledLoader",componentId:"sc-74569bc2-1"})([""," text-align:center;white-space:nowrap;"],i),u=e.div.withConfig({displayName:"loader.style__OuterBar",componentId:"sc-74569bc2-2"})(["",""],(({size:e,variant:i,inverse:r})=>t(["border-radius:var(--borderRadius400);height:",";width:100%;background:",";overflow:hidden;position:relative;"],d[e],c(i,r).outerBarBackground))),x=e.div.withConfig({displayName:"loader.style__InnerBar",componentId:"sc-74569bc2-3"})(["",""],(({size:e,variant:i,inverse:r,animationTime:a,hasMotion:n})=>t(["@keyframes innerBarAnimationOne{0%{left:0%;animation-timing-function:linear;}30%{left:10px;animation-timing-function:cubic-bezier(0.5,0.6,0.4,1);}100%{left:calc(100% - 15px);}}@keyframes innerBarAnimationTwo{0%{width:15px;animation-timing-function:cubic-bezier(0.7,0,0.8,1);}50%{width:35%;}100%{width:15px;}}position:absolute;background:",";width:15px;height:",";border-radius:var(--borderRadius400);animation-name:innerBarAnimationOne,innerBarAnimationTwo;"," animation-iteration-count:",";"],c(i,r).innerBarBackground,d[e],n&&`animation-duration: ${a}s, ${a}s;`,n?"infinite, infinite":"none, none"))),h=e.svg.withConfig({displayName:"loader.style__StyledRingCircleSvg",componentId:"sc-74569bc2-4"})([""," ",' & circle[data-role="inner-arc"],',' & circle[data-role="inner-arc"]{stroke:currentColor;}'],(({inverse:e,size:i,hasMotion:r,isTracked:a,isError:n,isSuccess:o,animationTime:d})=>{const m=`${s[i]}px`,c=l[i];return t(["height:",";min-height:",';circle[data-role="outer-arc"]{fill:transparent;stroke-width:',"px;stroke:",';cx:12px;cy:12px;r:10px;}circle[data-role="inner-arc"]{fill:transparent;stroke-width:',"px;stroke:",";stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:95px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(-90deg);@keyframes trackedAnimation{from{stroke-dasharray:100;stroke-dashoffset:100;}to{stroke-dasharray:100;stroke-dashoffset:20;}}@keyframes untrackedAnimation{0%{transform:rotate(-90deg);stroke-dashoffset:95;}50%{transform:rotate(90deg);stroke-dashoffset:80;}100%{transform:rotate(270deg);stroke-dashoffset:95;}}animation-name:",";"," animation-timing-function:cubic-bezier(0,0,1,1);animation-iteration-count:",";}"],m,m,c,e?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.08)",c,(({inverse:e,isSuccess:t,isError:i})=>i?"#DB004E;":t?"#00811F;":e?"#FFF;":"#000000")({inverse:e,isSuccess:o,isError:n}),a?"trackedAnimation":"untrackedAnimation",r&&`animation-duration: ${d}s;`,r?"infinite":"none")}),o,n),y="40px",b=e.div.withConfig({displayName:"loader.style__StyledStars",componentId:"sc-74569bc2-5"})(["position:relative;width:",";height:",";"],y,y),k={standalone:{small:"4px",medium:"8px",large:"12px"},ring:{"extra-small":"4px",small:"8px",medium:"8px",large:"12px"}},w=e.div.withConfig({displayName:"loader.style__StyledStarLoaderWrapper",componentId:"sc-74569bc2-6"})(["position:relative;display:flex;align-items:center;justify-content:center;"]),v=e(a).withConfig({displayName:"loader.style__StyledLoaderLabel",componentId:"sc-74569bc2-7"})([""," line-height:150%;color:",";"," &,"," &{color:currentColor;}",""],p,(({inverse:e})=>e?"rgba(255, 255, 255, 0.55)":"rgba(0, 0, 0, 0.65)"),o,n,(({size:e="medium",loaderType:i,loaderVariant:r})=>"star"===i?t(["font-size:16px;font-weight:400;margin-left:12px;width:min-content;"]):"standalone"===i?t(["font-size:",";font-weight:500;width:100%;margin-top:",";"],"large"===e?"16px":"14px",k[i][e]):t(["font-size:",";font-weight:500;width:",";",";"],"large"===e?"16px":"extra-small"===e?"13px":"14px","inline"===r?"auto":"100%","inline"===r?`margin-left: ${m[e]}`:`margin-top: ${k[i][e]}`))),_=e.div.withConfig({displayName:"loader.style__StyledRingLoaderWrapper",componentId:"sc-74569bc2-8"})(["",""],(({loaderVariant:e})=>t(["display:flex;flex-direction:",";align-items:center;justify-content:center;width:",";"],"inline"===e?"row":"column","inline"===e?"auto":"100%"))),B=e.span.withConfig({displayName:"loader.style__StyledLabel",componentId:"sc-74569bc2-9"})(["",";"],(({inverse:e})=>t(["color:",";"," &,"," &{color:currentColor;}"],e?"rgba(255, 255, 255, 0.90)":"rgba(0, 0, 0, 0.90)",o,n)));export{x as InnerBar,u as OuterBar,B as StyledLabel,f as StyledLoader,v as StyledLoaderLabel,g as StyledLoaderPlaceholder,h as StyledRingCircleSvg,_ as StyledRingLoaderWrapper,w as StyledStarLoaderWrapper,b as StyledStars};
+import e,{keyframes as a,css as t}from"styled-components";import{margin as r}from"styled-system";import i from"../../../style/themes/apply-base-theme.js";import{Typography as o}from"../../typography/typography.component.js";import"react/jsx-runtime";import"react";import n from"../../button/button.style.js";import{StyledButton as s}from"../../button/__next__/button.style.js";const l={"extra-small":20,small:32,medium:64,large:80},d={"extra-small":2.7,small:2.7,medium:2.7,large:2.7},m={small:"4px",medium:"8px",large:"16px"},p={"extra-small":"8px",small:"8px",medium:"12px",large:"16px"},c=a(["0%{left:0%;animation-timing-function:linear;}30%{left:10px;animation-timing-function:cubic-bezier(0.5,0.6,0.4,1);}100%{left:calc(100% - 15px);}"]),g=a(["0%{width:15px;animation-timing-function:cubic-bezier(0.7,0,0.8,1);}50%{width:35%;}100%{width:15px;}"]),f=a(["from{stroke-dasharray:100;stroke-dashoffset:100;}to{stroke-dasharray:100;stroke-dashoffset:20;}"]),x=a(["0%{transform:rotate(-90deg);stroke-dashoffset:95;}50%{transform:rotate(90deg);stroke-dashoffset:80;}100%{transform:rotate(270deg);stroke-dashoffset:95;}"]),h=(e,a)=>{const t=a?"rgba(255, 255, 255, 0.08)":"rgba(0, 0, 0, 0.08)";return"ai"===e?{outerBarBackground:t,innerBarBackground:a?"linear-gradient(90deg, var(--mode-color-ai-alt-stop-1, #00D639) 0%, var(--mode-color-ai-alt-stop-2, #00D6DE) 40%, var(--mode-color-ai-alt-stop-3, #9D60FF) 90%)":"linear-gradient(90deg, var(--mode-color-ai-stop-1, #13A038) 0%, var(--mode-color-ai-stop-2, #149197) 40%, var(--mode-color-ai-stop-3, #A87CFB) 90%)"}:{outerBarBackground:t,innerBarBackground:a?"#FFFFFF":"#000000"}},u=t(["display:flex;justify-content:center;text-align:center;"]),y=e.div.withConfig({displayName:"loader.style__StyledLoaderPlaceholder",componentId:"sc-478aa3aa-0"})(["display:inline-block;min-width:var(--sizing800);"]),v=e.div.attrs(i).withConfig({displayName:"loader.style__StyledLoader",componentId:"sc-478aa3aa-1"})([""," text-align:center;white-space:nowrap;"],r),w=e.div.withConfig({displayName:"loader.style__OuterBar",componentId:"sc-478aa3aa-2"})(["",""],(({size:e,variant:a,inverse:r})=>t(["border-radius:var(--borderRadius400);height:",";width:100%;background:",";overflow:hidden;position:relative;"],m[e],h(a,r).outerBarBackground))),b=e.div.withConfig({displayName:"loader.style__InnerBar",componentId:"sc-478aa3aa-3"})(["",""],(({size:e,variant:a,inverse:r,animationTime:i,hasMotion:o})=>t(["position:absolute;background:",";width:15px;height:",";border-radius:var(--borderRadius400);animation-name:",",",";"," animation-iteration-count:",";"],h(a,r).innerBarBackground,m[e],c,g,o&&`animation-duration: ${i}s, ${i}s;`,o?"infinite, infinite":"none, none"))),k=e.svg.withConfig({displayName:"loader.style__StyledRingCircleSvg",componentId:"sc-478aa3aa-4"})([""," ",' & circle[data-role="inner-arc"],',' & circle[data-role="inner-arc"]{stroke:currentColor;}'],(({inverse:e,size:a,hasMotion:r,isTracked:i,isError:o,isSuccess:n,animationTime:s})=>{const m=`${l[a]}px`,p=d[a];return t(["height:",";min-height:",';circle[data-role="outer-arc"]{fill:transparent;stroke-width:',"px;stroke:",';cx:12px;cy:12px;r:10px;}circle[data-role="inner-arc"]{fill:transparent;stroke-width:',"px;stroke:",";stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:95px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(-90deg);animation-name:",";"," animation-timing-function:cubic-bezier(0,0,1,1);animation-iteration-count:",";}"],m,m,p,e?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.08)",p,(({inverse:e,isSuccess:a,isError:t})=>t?"#DB004E;":a?"#00811F;":e?"#FFF;":"#000000")({inverse:e,isSuccess:n,isError:o}),i?f:x,r&&`animation-duration: ${s}s;`,r?"infinite":"none")}),s,n),_="40px",B=e.div.withConfig({displayName:"loader.style__StyledStars",componentId:"sc-478aa3aa-5"})(["position:relative;width:",";height:",";"],_,_),C={standalone:{small:"4px",medium:"8px",large:"12px"},ring:{"extra-small":"4px",small:"8px",medium:"8px",large:"12px"}},S=e.div.withConfig({displayName:"loader.style__StyledStarLoaderWrapper",componentId:"sc-478aa3aa-6"})(["position:relative;display:flex;align-items:center;justify-content:center;"]),F=e(o).withConfig({displayName:"loader.style__StyledLoaderLabel",componentId:"sc-478aa3aa-7"})([""," line-height:150%;color:",";"," &,"," &{color:currentColor;}",""],u,(({inverse:e})=>e?"rgba(255, 255, 255, 0.55)":"rgba(0, 0, 0, 0.65)"),s,n,(({size:e="medium",loaderType:a,loaderVariant:r})=>"star"===a?t(["font-size:16px;font-weight:400;margin-left:12px;width:min-content;"]):"standalone"===a?t(["font-size:",";font-weight:500;width:100%;margin-top:",";"],"large"===e?"16px":"14px",C[a][e]):t(["font-size:",";font-weight:500;width:",";",";"],"large"===e?"16px":"extra-small"===e?"13px":"14px","inline"===r?"auto":"100%","inline"===r?`margin-left: ${p[e]}`:`margin-top: ${C[a][e]}`))),z=e.div.withConfig({displayName:"loader.style__StyledRingLoaderWrapper",componentId:"sc-478aa3aa-8"})(["",""],(({loaderVariant:e})=>t(["display:flex;flex-direction:",";align-items:center;justify-content:center;width:",";"],"inline"===e?"row":"column","inline"===e?"auto":"100%"))),I=e.span.withConfig({displayName:"loader.style__StyledLabel",componentId:"sc-478aa3aa-9"})(["",";"],(({inverse:e})=>t(["color:",";"," &,"," &{color:currentColor;}"],e?"rgba(255, 255, 255, 0.90)":"rgba(0, 0, 0, 0.90)",s,n)));export{b as InnerBar,w as OuterBar,I as StyledLabel,v as StyledLoader,F as StyledLoaderLabel,y as StyledLoaderPlaceholder,k as StyledRingCircleSvg,z as StyledRingLoaderWrapper,S as StyledStarLoaderWrapper,B as StyledStars};

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/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/search/search.component.d.ts

@@ -42,6 +42,8 @@ export interface SearchProps extends ValidationProps, MarginProps, TagProps, Pic
      * Pass a string to override the text in the search Button
      * */
     searchButton?: boolean | string;
+    /** Data tag prop bag for searchButton */
+    searchButtonDataProps?: TagProps;
     /**
      * Prop for specifying an input width length.
      * Leaving the `searchWidth` prop with no value will default the width to '100%'

package/esm/components/search/search.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useImperativeHandle as o,useState as i}from"react";import a from"invariant";import l from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import s from"../../style/utils/filter-styled-system-margin-props.js";import c from"./search.style.js";import u from"./search-button.style.js";import p from"../icon/icon.component.js";import{Textbox as f}from"../textbox/textbox.component.js";import m from"../button/button.component.js";import b from"../../hooks/__internal__/useLocale/useLocale.js";import h from"../../__internal__/utils/helpers/events/events.js";function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){y(e,t,r[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const O=r.forwardRef(((r,y)=>{var{onChange:O,onClick:v,onFocus:j,onBlur:w,onKeyDown:P,value:x,id:_,name:B,label:C,inputHint:k,searchWidth:D,maxWidth:S,searchButton:I,searchButtonAriaLabel:T,placeholder:W,variant:E="default","aria-label":F,tabIndex:H,error:K,warning:L,info:A,tooltipPosition:z,triggerOnClear:M}=r,N=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,["onChange","onClick","onFocus","onBlur","onKeyDown","value","id","name","label","inputHint","searchWidth","maxWidth","searchButton","searchButtonAriaLabel","placeholder","variant","aria-label","tabIndex","error","warning","info","tooltipPosition","triggerOnClear"]);const R=b(),V=n(null),q=n(null);o(y,(()=>({focus(){var e;null===(e=q.current)||void 0===e||e.focus()}})),[]),a("string"==typeof x,"This component has no initial value");const[G,J]=i(!1),Q=0===x.length;let U={};I&&v&&(U={onClick:()=>{v({target:{name:B,id:_,value:x}})}});const X="string"==typeof I?I:R.search.searchButtonText(),Y=!!(null==x?void 0:x.length);return e(c,g(d(g(d({ref:V,isFocused:G,searchWidth:D,maxWidth:S,searchHasValue:Y,showSearchButton:!!I,variant:E},s(N)),{id:_,name:B}),N,l("search",N)),{children:[t(f,{placeholder:W,value:x,inputIcon:Q?void 0:"cross",iconTabIndex:Q?-1:0,iconOnClick:()=>{var e;null==O||O({target:g(d({},B&&{name:B},_&&{id:_}),{value:""})}),M&&(null==v||v({target:g(d({},B&&{name:B},_&&{id:_}),{value:""})})),null===(e=q.current)||void 0===e||e.focus()},iconOnMouseDown:e=>{e.preventDefault()},"aria-label":F||(C?void 0:R.search.searchButtonText()),label:C,inputHint:k,onFocus:e=>{J(!0),j&&j(e)},onBlur:e=>{J(!1),w&&w(e)},onChange:e=>{O(e)},onKeyDown:e=>{1===e.key.length&&e.stopPropagation(),h.isEscKey(e)&&!Q&&(e.stopPropagation(),null==O||O({target:g(d({},B&&{name:B},_&&{id:_}),{value:""})})),P&&P(e)},ref:q,tabIndex:H,error:K,warning:L,info:A,leftChildren:I?void 0:t(p,{type:"search",ml:1}),tooltipPosition:z,my:0}),I&&t(u,{children:t(m,g(d({"aria-label":T||X,size:"medium",px:2,buttonType:"primary",iconPosition:"before",iconType:"search",className:"search-button"},U),{children:X}))})]}))}));export{O as Search,O as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useImperativeHandle as o,useState as a}from"react";import i from"invariant";import l from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import s from"../../style/utils/filter-styled-system-margin-props.js";import c from"./search.style.js";import u from"./search-button.style.js";import p from"../icon/icon.component.js";import{Textbox as m}from"../textbox/textbox.component.js";import f from"../button/button.component.js";import b from"../../hooks/__internal__/useLocale/useLocale.js";import h from"../../__internal__/utils/helpers/events/events.js";function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(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){d(e,t,r[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const O=r.forwardRef(((r,d)=>{var{onChange:O,onClick:v,onFocus:j,onBlur:P,onKeyDown:w,value:x,id:B,name:_,label:D,inputHint:C,searchWidth:k,maxWidth:S,searchButton:I,searchButtonDataProps:T,searchButtonAriaLabel:W,placeholder:E,variant:F="default","aria-label":H,tabIndex:K,error:L,warning:A,info:$,tooltipPosition:z,triggerOnClear:M}=r,N=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["onChange","onClick","onFocus","onBlur","onKeyDown","value","id","name","label","inputHint","searchWidth","maxWidth","searchButton","searchButtonDataProps","searchButtonAriaLabel","placeholder","variant","aria-label","tabIndex","error","warning","info","tooltipPosition","triggerOnClear"]);const R=b(),V=n(null),q=n(null);o(d,(()=>({focus(){var e;null===(e=q.current)||void 0===e||e.focus()}})),[]),i("string"==typeof x,"This component has no initial value");const[G,J]=a(!1),Q=0===x.length;let U={};I&&v&&(U={onClick:()=>{v({target:{name:_,id:B,value:x}})}});const X="string"==typeof I?I:R.search.searchButtonText(),Y=!!(null==x?void 0:x.length);return e(c,g(y(g(y({ref:V,isFocused:G,searchWidth:k,maxWidth:S,searchHasValue:Y,showSearchButton:!!I,variant:F},s(N)),{id:B,name:_}),N,l("search",N)),{children:[t(m,{placeholder:E,value:x,inputIcon:Q?void 0:"cross",iconTabIndex:Q?-1:0,iconOnClick:()=>{var e;null==O||O({target:g(y({},_&&{name:_},B&&{id:B}),{value:""})}),M&&(null==v||v({target:g(y({},_&&{name:_},B&&{id:B}),{value:""})})),null===(e=q.current)||void 0===e||e.focus()},iconOnMouseDown:e=>{e.preventDefault()},"aria-label":H||(D?void 0:R.search.searchButtonText()),label:D,inputHint:C,onFocus:e=>{J(!0),j&&j(e)},onBlur:e=>{J(!1),P&&P(e)},onChange:e=>{O(e)},onKeyDown:e=>{1===e.key.length&&e.stopPropagation(),h.isEscKey(e)&&!Q&&(e.stopPropagation(),null==O||O({target:g(y({},_&&{name:_},B&&{id:B}),{value:""})})),w&&w(e)},ref:q,tabIndex:K,error:L,warning:A,info:$,leftChildren:I?void 0:t(p,{type:"search",ml:1}),tooltipPosition:z,my:0}),I&&t(u,{children:t(f,g(y({"aria-label":W||X,size:"medium",px:2,buttonType:"primary",iconPosition:"before",iconType:"search",className:"search-button"},l(`${X}-button`,y({"data-element":`${X}-button`},T)),U),{children:X}))})]}))}));export{O as Search,O as default};

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};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),_=require("react"),r=require("./top-modal.context.js");const t=({children:t})=>{const[o,T]=_.useState(null),u=_.useRef(!0);return u.current&&(window.__CARBON_INTERNALS_MODAL_SETTER_LIST||(window.__CARBON_INTERNALS_MODAL_SETTER_LIST=[]),window.__CARBON_INTERNALS_MODAL_SETTER_LIST.push(T),u.current=!1),_.useEffect((()=>()=>{var e;window.__CARBON_INTERNALS_MODAL_SETTER_LIST=null===(e=window.__CARBON_INTERNALS_MODAL_SETTER_LIST)||void 0===e?void 0:e.filter((e=>e!==T))}),[]),e.jsx(r.default.Provider,{value:{topModal:o},children:t})};exports.TopModalProvider=t,exports.default=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),_=require("react"),r=require("./top-modal.context.js");const o=({children:o})=>{const[t,T]=_.useState(null);return _.useEffect((()=>(window.__CARBON_INTERNALS_MODAL_SETTER_LIST||(window.__CARBON_INTERNALS_MODAL_SETTER_LIST=[]),window.__CARBON_INTERNALS_MODAL_SETTER_LIST.push(T),()=>{var e;window.__CARBON_INTERNALS_MODAL_SETTER_LIST=null===(e=window.__CARBON_INTERNALS_MODAL_SETTER_LIST)||void 0===e?void 0:e.filter((e=>e!==T))})),[]),e.jsx(r.default.Provider,{value:{topModal:t},children:o})};exports.TopModalProvider=o,exports.default=o;

package/lib/components/loader/__next__/loader.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("styled-system"),r=require("../../../style/themes/apply-base-theme.js"),a=require("../../typography/typography.component.js");require("react/jsx-runtime"),require("react");var i=require("../../button/button.style.js"),n=require("../../button/__next__/button.style.js");function o(e){return e&&e.__esModule?e:{default:e}}var s=o(e);const l={"extra-small":20,small:32,medium:64,large:80},d={"extra-small":2.7,small:2.7,medium:2.7,large:2.7},c={small:"4px",medium:"8px",large:"16px"},p={"extra-small":"8px",small:"8px",medium:"12px",large:"16px"},m=(e,t)=>{const r=t?"rgba(255, 255, 255, 0.08)":"rgba(0, 0, 0, 0.08)";return"ai"===e?{outerBarBackground:r,innerBarBackground:t?"linear-gradient(90deg, var(--mode-color-ai-alt-stop-1, #00D639) 0%, var(--mode-color-ai-alt-stop-2, #00D6DE) 40%, var(--mode-color-ai-alt-stop-3, #9D60FF) 90%)":"linear-gradient(90deg, var(--mode-color-ai-stop-1, #13A038) 0%, var(--mode-color-ai-stop-2, #149197) 40%, var(--mode-color-ai-stop-3, #A87CFB) 90%)"}:{outerBarBackground:r,innerBarBackground:t?"#FFFFFF":"#000000"}},u=e.css(["display:flex;justify-content:center;text-align:center;"]),g=s.default.div.withConfig({displayName:"loader.style__StyledLoaderPlaceholder",componentId:"sc-74569bc2-0"})(["display:inline-block;min-width:var(--sizing800);"]),f=s.default.div.attrs(r.default).withConfig({displayName:"loader.style__StyledLoader",componentId:"sc-74569bc2-1"})([""," text-align:center;white-space:nowrap;"],t.margin),y=s.default.div.withConfig({displayName:"loader.style__OuterBar",componentId:"sc-74569bc2-2"})(["",""],(({size:t,variant:r,inverse:a})=>e.css(["border-radius:var(--borderRadius400);height:",";width:100%;background:",";overflow:hidden;position:relative;"],c[t],m(r,a).outerBarBackground))),x=s.default.div.withConfig({displayName:"loader.style__InnerBar",componentId:"sc-74569bc2-3"})(["",""],(({size:t,variant:r,inverse:a,animationTime:i,hasMotion:n})=>e.css(["@keyframes innerBarAnimationOne{0%{left:0%;animation-timing-function:linear;}30%{left:10px;animation-timing-function:cubic-bezier(0.5,0.6,0.4,1);}100%{left:calc(100% - 15px);}}@keyframes innerBarAnimationTwo{0%{width:15px;animation-timing-function:cubic-bezier(0.7,0,0.8,1);}50%{width:35%;}100%{width:15px;}}position:absolute;background:",";width:15px;height:",";border-radius:var(--borderRadius400);animation-name:innerBarAnimationOne,innerBarAnimationTwo;"," animation-iteration-count:",";"],m(r,a).innerBarBackground,c[t],n&&`animation-duration: ${i}s, ${i}s;`,n?"infinite, infinite":"none, none"))),h=s.default.svg.withConfig({displayName:"loader.style__StyledRingCircleSvg",componentId:"sc-74569bc2-4"})([""," ",' & circle[data-role="inner-arc"],',' & circle[data-role="inner-arc"]{stroke:currentColor;}'],(({inverse:t,size:r,hasMotion:a,isTracked:i,isError:n,isSuccess:o,animationTime:s})=>{const c=`${l[r]}px`,p=d[r];return e.css(["height:",";min-height:",';circle[data-role="outer-arc"]{fill:transparent;stroke-width:',"px;stroke:",';cx:12px;cy:12px;r:10px;}circle[data-role="inner-arc"]{fill:transparent;stroke-width:',"px;stroke:",";stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:95px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(-90deg);@keyframes trackedAnimation{from{stroke-dasharray:100;stroke-dashoffset:100;}to{stroke-dasharray:100;stroke-dashoffset:20;}}@keyframes untrackedAnimation{0%{transform:rotate(-90deg);stroke-dashoffset:95;}50%{transform:rotate(90deg);stroke-dashoffset:80;}100%{transform:rotate(270deg);stroke-dashoffset:95;}}animation-name:",";"," animation-timing-function:cubic-bezier(0,0,1,1);animation-iteration-count:",";}"],c,c,p,t?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.08)",p,(({inverse:e,isSuccess:t,isError:r})=>r?"#DB004E;":t?"#00811F;":e?"#FFF;":"#000000")({inverse:t,isSuccess:o,isError:n}),i?"trackedAnimation":"untrackedAnimation",a&&`animation-duration: ${s}s;`,a?"infinite":"none")}),n.StyledButton,i.default),b="40px",v=s.default.div.withConfig({displayName:"loader.style__StyledStars",componentId:"sc-74569bc2-5"})(["position:relative;width:",";height:",";"],b,b),k={standalone:{small:"4px",medium:"8px",large:"12px"},ring:{"extra-small":"4px",small:"8px",medium:"8px",large:"12px"}},w=s.default.div.withConfig({displayName:"loader.style__StyledStarLoaderWrapper",componentId:"sc-74569bc2-6"})(["position:relative;display:flex;align-items:center;justify-content:center;"]),S=s.default(a.Typography).withConfig({displayName:"loader.style__StyledLoaderLabel",componentId:"sc-74569bc2-7"})([""," line-height:150%;color:",";"," &,"," &{color:currentColor;}",""],u,(({inverse:e})=>e?"rgba(255, 255, 255, 0.55)":"rgba(0, 0, 0, 0.65)"),n.StyledButton,i.default,(({size:t="medium",loaderType:r,loaderVariant:a})=>"star"===r?e.css(["font-size:16px;font-weight:400;margin-left:12px;width:min-content;"]):"standalone"===r?e.css(["font-size:",";font-weight:500;width:100%;margin-top:",";"],"large"===t?"16px":"14px",k[r][t]):e.css(["font-size:",";font-weight:500;width:",";",";"],"large"===t?"16px":"extra-small"===t?"13px":"14px","inline"===a?"auto":"100%","inline"===a?`margin-left: ${p[t]}`:`margin-top: ${k[r][t]}`))),_=s.default.div.withConfig({displayName:"loader.style__StyledRingLoaderWrapper",componentId:"sc-74569bc2-8"})(["",""],(({loaderVariant:t})=>e.css(["display:flex;flex-direction:",";align-items:center;justify-content:center;width:",";"],"inline"===t?"row":"column","inline"===t?"auto":"100%"))),B=s.default.span.withConfig({displayName:"loader.style__StyledLabel",componentId:"sc-74569bc2-9"})(["",";"],(({inverse:t})=>e.css(["color:",";"," &,"," &{color:currentColor;}"],t?"rgba(255, 255, 255, 0.90)":"rgba(0, 0, 0, 0.90)",n.StyledButton,i.default)));exports.InnerBar=x,exports.OuterBar=y,exports.StyledLabel=B,exports.StyledLoader=f,exports.StyledLoaderLabel=S,exports.StyledLoaderPlaceholder=g,exports.StyledRingCircleSvg=h,exports.StyledRingLoaderWrapper=_,exports.StyledStarLoaderWrapper=w,exports.StyledStars=v;
+"use strict";var e=require("styled-components"),a=require("styled-system"),t=require("../../../style/themes/apply-base-theme.js"),r=require("../../typography/typography.component.js");require("react/jsx-runtime"),require("react");var i=require("../../button/button.style.js"),o=require("../../button/__next__/button.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var s=n(e);const l={"extra-small":20,small:32,medium:64,large:80},d={"extra-small":2.7,small:2.7,medium:2.7,large:2.7},c={small:"4px",medium:"8px",large:"16px"},p={"extra-small":"8px",small:"8px",medium:"12px",large:"16px"},m=e.keyframes(["0%{left:0%;animation-timing-function:linear;}30%{left:10px;animation-timing-function:cubic-bezier(0.5,0.6,0.4,1);}100%{left:calc(100% - 15px);}"]),u=e.keyframes(["0%{width:15px;animation-timing-function:cubic-bezier(0.7,0,0.8,1);}50%{width:35%;}100%{width:15px;}"]),g=e.keyframes(["from{stroke-dasharray:100;stroke-dashoffset:100;}to{stroke-dasharray:100;stroke-dashoffset:20;}"]),f=e.keyframes(["0%{transform:rotate(-90deg);stroke-dashoffset:95;}50%{transform:rotate(90deg);stroke-dashoffset:80;}100%{transform:rotate(270deg);stroke-dashoffset:95;}"]),y=(e,a)=>{const t=a?"rgba(255, 255, 255, 0.08)":"rgba(0, 0, 0, 0.08)";return"ai"===e?{outerBarBackground:t,innerBarBackground:a?"linear-gradient(90deg, var(--mode-color-ai-alt-stop-1, #00D639) 0%, var(--mode-color-ai-alt-stop-2, #00D6DE) 40%, var(--mode-color-ai-alt-stop-3, #9D60FF) 90%)":"linear-gradient(90deg, var(--mode-color-ai-stop-1, #13A038) 0%, var(--mode-color-ai-stop-2, #149197) 40%, var(--mode-color-ai-stop-3, #A87CFB) 90%)"}:{outerBarBackground:t,innerBarBackground:a?"#FFFFFF":"#000000"}},x=e.css(["display:flex;justify-content:center;text-align:center;"]),h=s.default.div.withConfig({displayName:"loader.style__StyledLoaderPlaceholder",componentId:"sc-478aa3aa-0"})(["display:inline-block;min-width:var(--sizing800);"]),v=s.default.div.attrs(t.default).withConfig({displayName:"loader.style__StyledLoader",componentId:"sc-478aa3aa-1"})([""," text-align:center;white-space:nowrap;"],a.margin),b=s.default.div.withConfig({displayName:"loader.style__OuterBar",componentId:"sc-478aa3aa-2"})(["",""],(({size:a,variant:t,inverse:r})=>e.css(["border-radius:var(--borderRadius400);height:",";width:100%;background:",";overflow:hidden;position:relative;"],c[a],y(t,r).outerBarBackground))),w=s.default.div.withConfig({displayName:"loader.style__InnerBar",componentId:"sc-478aa3aa-3"})(["",""],(({size:a,variant:t,inverse:r,animationTime:i,hasMotion:o})=>e.css(["position:absolute;background:",";width:15px;height:",";border-radius:var(--borderRadius400);animation-name:",",",";"," animation-iteration-count:",";"],y(t,r).innerBarBackground,c[a],m,u,o&&`animation-duration: ${i}s, ${i}s;`,o?"infinite, infinite":"none, none"))),k=s.default.svg.withConfig({displayName:"loader.style__StyledRingCircleSvg",componentId:"sc-478aa3aa-4"})([""," ",' & circle[data-role="inner-arc"],',' & circle[data-role="inner-arc"]{stroke:currentColor;}'],(({inverse:a,size:t,hasMotion:r,isTracked:i,isError:o,isSuccess:n,animationTime:s})=>{const c=`${l[t]}px`,p=d[t];return e.css(["height:",";min-height:",';circle[data-role="outer-arc"]{fill:transparent;stroke-width:',"px;stroke:",';cx:12px;cy:12px;r:10px;}circle[data-role="inner-arc"]{fill:transparent;stroke-width:',"px;stroke:",";stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:95px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(-90deg);animation-name:",";"," animation-timing-function:cubic-bezier(0,0,1,1);animation-iteration-count:",";}"],c,c,p,a?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.08)",p,(({inverse:e,isSuccess:a,isError:t})=>t?"#DB004E;":a?"#00811F;":e?"#FFF;":"#000000")({inverse:a,isSuccess:n,isError:o}),i?g:f,r&&`animation-duration: ${s}s;`,r?"infinite":"none")}),o.StyledButton,i.default),S="40px",_=s.default.div.withConfig({displayName:"loader.style__StyledStars",componentId:"sc-478aa3aa-5"})(["position:relative;width:",";height:",";"],S,S),B={standalone:{small:"4px",medium:"8px",large:"12px"},ring:{"extra-small":"4px",small:"8px",medium:"8px",large:"12px"}},C=s.default.div.withConfig({displayName:"loader.style__StyledStarLoaderWrapper",componentId:"sc-478aa3aa-6"})(["position:relative;display:flex;align-items:center;justify-content:center;"]),L=s.default(r.Typography).withConfig({displayName:"loader.style__StyledLoaderLabel",componentId:"sc-478aa3aa-7"})([""," line-height:150%;color:",";"," &,"," &{color:currentColor;}",""],x,(({inverse:e})=>e?"rgba(255, 255, 255, 0.55)":"rgba(0, 0, 0, 0.65)"),o.StyledButton,i.default,(({size:a="medium",loaderType:t,loaderVariant:r})=>"star"===t?e.css(["font-size:16px;font-weight:400;margin-left:12px;width:min-content;"]):"standalone"===t?e.css(["font-size:",";font-weight:500;width:100%;margin-top:",";"],"large"===a?"16px":"14px",B[t][a]):e.css(["font-size:",";font-weight:500;width:",";",";"],"large"===a?"16px":"extra-small"===a?"13px":"14px","inline"===r?"auto":"100%","inline"===r?`margin-left: ${p[a]}`:`margin-top: ${B[t][a]}`))),F=s.default.div.withConfig({displayName:"loader.style__StyledRingLoaderWrapper",componentId:"sc-478aa3aa-8"})(["",""],(({loaderVariant:a})=>e.css(["display:flex;flex-direction:",";align-items:center;justify-content:center;width:",";"],"inline"===a?"row":"column","inline"===a?"auto":"100%"))),I=s.default.span.withConfig({displayName:"loader.style__StyledLabel",componentId:"sc-478aa3aa-9"})(["",";"],(({inverse:a})=>e.css(["color:",";"," &,"," &{color:currentColor;}"],a?"rgba(255, 255, 255, 0.90)":"rgba(0, 0, 0, 0.90)",o.StyledButton,i.default)));exports.InnerBar=w,exports.OuterBar=b,exports.StyledLabel=I,exports.StyledLoader=v,exports.StyledLoaderLabel=L,exports.StyledLoaderPlaceholder=h,exports.StyledRingCircleSvg=k,exports.StyledRingLoaderWrapper=F,exports.StyledStarLoaderWrapper=C,exports.StyledStars=_;

package/lib/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/lib/components/menu/menu-full-screen/menu-full-screen.component.js

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

package/lib/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/lib/components/portal/__internal__/safe-portal.js

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

package/lib/components/portal/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./portal.js");exports.default=e.Portal;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./portal.js");exports.default=e.default;

package/lib/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/lib/components/portal/portal.js

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

package/lib/components/search/search.component.d.ts

@@ -42,6 +42,8 @@ export interface SearchProps extends ValidationProps, MarginProps, TagProps, Pic
      * Pass a string to override the text in the search Button
      * */
     searchButton?: boolean | string;
+    /** Data tag prop bag for searchButton */
+    searchButtonDataProps?: TagProps;
     /**
      * Prop for specifying an input width length.
      * Leaving the `searchWidth` prop with no value will default the width to '100%'

package/lib/components/search/search.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),n=require("../../__internal__/utils/helpers/tags/tags.js");require("../../style/utils/filter-styled-system-padding-props.js");var o=require("../../style/utils/filter-styled-system-margin-props.js"),a=require("./search.style.js"),i=require("./search-button.style.js"),l=require("../icon/icon.component.js"),s=require("../textbox/textbox.component.js"),u=require("../button/button.component.js"),c=require("../../hooks/__internal__/useLocale/useLocale.js"),p=require("../../__internal__/utils/helpers/events/events.js");function f(e){return e&&e.__esModule?e:{default:e}}var d=f(t),b=f(r);function h(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(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){h(e,t,r[t])}))}return e}function g(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 v=d.default.forwardRef(((r,f)=>{var{onChange:d,onClick:h,onFocus:v,onBlur:j,onKeyDown:O,value:m,id:x,name:w,label:P,inputHint:_,searchWidth:q,maxWidth:B,searchButton:C,searchButtonAriaLabel:k,placeholder:D,variant:S="default","aria-label":I,tabIndex:T,error:W,warning:H,info:E,tooltipPosition:F,triggerOnClear:K}=r,L=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["onChange","onClick","onFocus","onBlur","onKeyDown","value","id","name","label","inputHint","searchWidth","maxWidth","searchButton","searchButtonAriaLabel","placeholder","variant","aria-label","tabIndex","error","warning","info","tooltipPosition","triggerOnClear"]);const M=c.default(),R=t.useRef(null),A=t.useRef(null);t.useImperativeHandle(f,(()=>({focus(){var e;null===(e=A.current)||void 0===e||e.focus()}})),[]),b.default("string"==typeof m,"This component has no initial value");const[z,N]=t.useState(!1),V=0===m.length;let G={};C&&h&&(G={onClick:()=>{h({target:{name:w,id:x,value:m}})}});const J="string"==typeof C?C:M.search.searchButtonText(),Q=!!(null==m?void 0:m.length);return e.jsxs(a.default,g(y(g(y({ref:R,isFocused:z,searchWidth:q,maxWidth:B,searchHasValue:Q,showSearchButton:!!C,variant:S},o.default(L)),{id:x,name:w}),L,n.default("search",L)),{children:[e.jsx(s.Textbox,{placeholder:D,value:m,inputIcon:V?void 0:"cross",iconTabIndex:V?-1:0,iconOnClick:()=>{var e;null==d||d({target:g(y({},w&&{name:w},x&&{id:x}),{value:""})}),K&&(null==h||h({target:g(y({},w&&{name:w},x&&{id:x}),{value:""})})),null===(e=A.current)||void 0===e||e.focus()},iconOnMouseDown:e=>{e.preventDefault()},"aria-label":I||(P?void 0:M.search.searchButtonText()),label:P,inputHint:_,onFocus:e=>{N(!0),v&&v(e)},onBlur:e=>{N(!1),j&&j(e)},onChange:e=>{d(e)},onKeyDown:e=>{1===e.key.length&&e.stopPropagation(),p.default.isEscKey(e)&&!V&&(e.stopPropagation(),null==d||d({target:g(y({},w&&{name:w},x&&{id:x}),{value:""})})),O&&O(e)},ref:A,tabIndex:T,error:W,warning:H,info:E,leftChildren:C?void 0:e.jsx(l.default,{type:"search",ml:1}),tooltipPosition:F,my:0}),C&&e.jsx(i.default,{children:e.jsx(u.default,g(y({"aria-label":k||J,size:"medium",px:2,buttonType:"primary",iconPosition:"before",iconType:"search",className:"search-button"},G),{children:J}))})]}))}));exports.Search=v,exports.default=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),n=require("../../__internal__/utils/helpers/tags/tags.js");require("../../style/utils/filter-styled-system-padding-props.js");var o=require("../../style/utils/filter-styled-system-margin-props.js"),a=require("./search.style.js"),i=require("./search-button.style.js"),l=require("../icon/icon.component.js"),u=require("../textbox/textbox.component.js"),s=require("../button/button.component.js"),c=require("../../hooks/__internal__/useLocale/useLocale.js"),p=require("../../__internal__/utils/helpers/events/events.js");function f(e){return e&&e.__esModule?e:{default:e}}var d=f(t),b=f(r);function h(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(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){h(e,t,r[t])}))}return e}function g(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 v=d.default.forwardRef(((r,f)=>{var{onChange:d,onClick:h,onFocus:v,onBlur:j,onKeyDown:m,value:O,id:x,name:P,label:w,inputHint:_,searchWidth:q,maxWidth:B,searchButton:D,searchButtonDataProps:C,searchButtonAriaLabel:k,placeholder:S,variant:I="default","aria-label":T,tabIndex:W,error:H,warning:E,info:F,tooltipPosition:K,triggerOnClear:L}=r,M=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["onChange","onClick","onFocus","onBlur","onKeyDown","value","id","name","label","inputHint","searchWidth","maxWidth","searchButton","searchButtonDataProps","searchButtonAriaLabel","placeholder","variant","aria-label","tabIndex","error","warning","info","tooltipPosition","triggerOnClear"]);const R=c.default(),A=t.useRef(null),$=t.useRef(null);t.useImperativeHandle(f,(()=>({focus(){var e;null===(e=$.current)||void 0===e||e.focus()}})),[]),b.default("string"==typeof O,"This component has no initial value");const[z,N]=t.useState(!1),V=0===O.length;let G={};D&&h&&(G={onClick:()=>{h({target:{name:P,id:x,value:O}})}});const J="string"==typeof D?D:R.search.searchButtonText(),Q=!!(null==O?void 0:O.length);return e.jsxs(a.default,g(y(g(y({ref:A,isFocused:z,searchWidth:q,maxWidth:B,searchHasValue:Q,showSearchButton:!!D,variant:I},o.default(M)),{id:x,name:P}),M,n.default("search",M)),{children:[e.jsx(u.Textbox,{placeholder:S,value:O,inputIcon:V?void 0:"cross",iconTabIndex:V?-1:0,iconOnClick:()=>{var e;null==d||d({target:g(y({},P&&{name:P},x&&{id:x}),{value:""})}),L&&(null==h||h({target:g(y({},P&&{name:P},x&&{id:x}),{value:""})})),null===(e=$.current)||void 0===e||e.focus()},iconOnMouseDown:e=>{e.preventDefault()},"aria-label":T||(w?void 0:R.search.searchButtonText()),label:w,inputHint:_,onFocus:e=>{N(!0),v&&v(e)},onBlur:e=>{N(!1),j&&j(e)},onChange:e=>{d(e)},onKeyDown:e=>{1===e.key.length&&e.stopPropagation(),p.default.isEscKey(e)&&!V&&(e.stopPropagation(),null==d||d({target:g(y({},P&&{name:P},x&&{id:x}),{value:""})})),m&&m(e)},ref:$,tabIndex:W,error:H,warning:E,info:F,leftChildren:D?void 0:e.jsx(l.default,{type:"search",ml:1}),tooltipPosition:K,my:0}),D&&e.jsx(i.default,{children:e.jsx(s.default,g(y({"aria-label":k||J,size:"medium",px:2,buttonType:"primary",iconPosition:"before",iconType:"search",className:"search-button"},n.default(`${J}-button`,y({"data-element":`${J}-button`},C)),G),{children:J}))})]}))}));exports.Search=v,exports.default=v;

package/lib/components/toast/toast.component.js

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

package/lib/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/lib/components/toast/toast.style.js

@@ -1 +1 @@
-"use strict";var t=require("styled-components"),e=require("../icon-button/icon-button.style.js"),o=require("../portal/portal.js"),a=require("../../style/themes/apply-base-theme.js"),i=require("../icon/icon.style.js");function s(t){return t&&t.__esModule?t:{default:t}}var r=s(t);const n=r.default(o.Portal).attrs(a.default).withConfig({displayName:"toast.style__StyledPortal",componentId:"sc-6f15a9b3-0"})(["",""],(({theme:e,isNotice:o,align:a,alignY:i})=>t.css(["position:fixed;top:0;z-index:",";"," "," "," "," "," "," ",""],e.zIndex.notification,"left"===a&&t.css(["left:0;transform:translateX(50%);"]),"center"===a&&t.css(["margin-left:50%;transform:translateX(-50%);"]),"right"===a&&t.css(["right:0;transform:translateX(-50%);"]),o&&t.css(["bottom:0;top:auto;width:100%;"]),"top"===i&&t.css(["top:0;bottom:auto;"]),"center"===i&&t.css(["top:50%;transform:translate(",",-50%);"],"left"===a?"50%":"-50%"),"bottom"===i&&t.css(["bottom:0;top:auto;display:flex;flex-direction:column-reverse;"])))),l=".toast",p=".toast-alternative",c={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)"},d=t.css(["position:absolute;right:15px;top:50%;transform:translateY(-50%);"]),m=r.default.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:o,align:a,isNotification:i,alignY:s,isNotice:r,variant:n})=>t.css(["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:",";",""],c[n],e.default,d,"0 10px 30px 0 rgba(0, 20, 29, 0.1), 0 30px 60px 0 rgba(0, 20, 29, 0.1)",r||"center"===s||"bottom"===s?"0":"30px","bottom"!==s||r?"0":"30px",o||"300px","center"===a||"right"===a?"auto":"30px","center"===a||"left"===a?"auto":"30px",i&&t.css(["border:1px solid var(--colorsSemanticInfo500);"]))),l,l,l,l,l,l,(({align:t})=>"center"===t?" scale(1) translateY(0)":"scale(1)"),l,l,(({alignY:t})=>"bottom"===t?"margin-bottom: -40px":"margin-top: -40px"),e.default,d,(({isNotice:o,alignY:a})=>o&&t.css(["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;}"],e.default,e.default,i.default,p,p,"top"===a?"top: -40px":"bottom: -40px",p,"top"===a?"top: 0":"bottom: 0",p,p,p,p,"top"===a?"top: 0":"bottom: 0",p,p,"top"===a?"top: -40px":"bottom: -40px"))),x=r.default.div.withConfig({displayName:"toast.style__StyledToastContent",componentId:"sc-6f15a9b3-2"})(["padding:8px 16px 8px 16px;white-space:pre-wrap;flex:1;"," ",""],(({isNotice:e})=>e&&t.css(["display:flex;align-items:center;padding:11px 40px;"])),(({isDismiss:e,isNotice:o})=>e&&t.css(["padding-right:",";"],o?"88px":"48px"))),f=r.default.div.withConfig({displayName:"toast.style__ToastWrapper",componentId:"sc-6f15a9b3-3"})([""," ",""],(({align:e})=>e&&t.css(["position:relative;width:auto;height:auto;justify-content:",";display:flex;"],e)),(({isNotice:e})=>e&&t.css(["display:block;"])));exports.StyledPortal=n,exports.StyledToast=m,exports.StyledToastContent=x,exports.ToastWrapper=f;
+"use strict";var t=require("styled-components"),e=require("../icon-button/icon-button.style.js"),o=require("../portal/portal.js"),a=require("../../style/themes/apply-base-theme.js"),i=require("../icon/icon.style.js");function s(t){return t&&t.__esModule?t:{default:t}}var r=s(t);const n=r.default(o.default).attrs(a.default).withConfig({displayName:"toast.style__StyledPortal",componentId:"sc-6f15a9b3-0"})(["",""],(({theme:e,isNotice:o,align:a,alignY:i})=>t.css(["position:fixed;top:0;z-index:",";"," "," "," "," "," "," ",""],e.zIndex.notification,"left"===a&&t.css(["left:0;transform:translateX(50%);"]),"center"===a&&t.css(["margin-left:50%;transform:translateX(-50%);"]),"right"===a&&t.css(["right:0;transform:translateX(-50%);"]),o&&t.css(["bottom:0;top:auto;width:100%;"]),"top"===i&&t.css(["top:0;bottom:auto;"]),"center"===i&&t.css(["top:50%;transform:translate(",",-50%);"],"left"===a?"50%":"-50%"),"bottom"===i&&t.css(["bottom:0;top:auto;display:flex;flex-direction:column-reverse;"])))),l=".toast",p=".toast-alternative",c={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)"},d=t.css(["position:absolute;right:15px;top:50%;transform:translateY(-50%);"]),m=r.default.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:o,align:a,isNotification:i,alignY:s,isNotice:r,variant:n})=>t.css(["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:",";",""],c[n],e.default,d,"0 10px 30px 0 rgba(0, 20, 29, 0.1), 0 30px 60px 0 rgba(0, 20, 29, 0.1)",r||"center"===s||"bottom"===s?"0":"30px","bottom"!==s||r?"0":"30px",o||"300px","center"===a||"right"===a?"auto":"30px","center"===a||"left"===a?"auto":"30px",i&&t.css(["border:1px solid var(--colorsSemanticInfo500);"]))),l,l,l,l,l,l,(({align:t})=>"center"===t?" scale(1) translateY(0)":"scale(1)"),l,l,(({alignY:t})=>"bottom"===t?"margin-bottom: -40px":"margin-top: -40px"),e.default,d,(({isNotice:o,alignY:a})=>o&&t.css(["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;}"],e.default,e.default,i.default,p,p,"top"===a?"top: -40px":"bottom: -40px",p,"top"===a?"top: 0":"bottom: 0",p,p,p,p,"top"===a?"top: 0":"bottom: 0",p,p,"top"===a?"top: -40px":"bottom: -40px"))),f=r.default.div.withConfig({displayName:"toast.style__StyledToastContent",componentId:"sc-6f15a9b3-2"})(["padding:8px 16px 8px 16px;white-space:pre-wrap;flex:1;"," ",""],(({isNotice:e})=>e&&t.css(["display:flex;align-items:center;padding:11px 40px;"])),(({isDismiss:e,isNotice:o})=>e&&t.css(["padding-right:",";"],o?"88px":"48px"))),x=r.default.div.withConfig({displayName:"toast.style__ToastWrapper",componentId:"sc-6f15a9b3-3"})([""," ",""],(({align:e})=>e&&t.css(["position:relative;width:auto;height:auto;justify-content:",";display:flex;"],e)),(({isNotice:e})=>e&&t.css(["display:block;"])));exports.StyledPortal=n,exports.StyledToast=m,exports.StyledToastContent=f,exports.ToastWrapper=x;

package/lib/components/tooltip/tooltip.component.js

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

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

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

package/lib/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/lib/hooks/__internal__/useIsBrowser/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../__internal__/dom/globals.js");exports.default=function(){const r=Boolean(t.getWindow()&&t.getDocument()),[o,s]=e.useState(r);return e.useEffect((()=>{s(!0)}),[]),{isBrowser:o}};

package/lib/hooks/__internal__/useIsBrowser/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "main": "./index.js",
+  "module": "../../../esm/hooks/__internal__/useIsBrowser/index.js",
+  "types": "./index.d.ts"
+}

package/lib/hooks/__internal__/useScrollBlock/useScrollBlock.js

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

package/lib/index.js

@@ -1 +1 @@
-"use strict";var e=require("./components/accordion/accordion.component.js"),o=require("./components/accordion/accordion-group/accordion-group.component.js"),t=require("./components/action-popover/action-popover.component.js"),r=require("./components/action-popover/action-popover-menu/action-popover-menu.component.js"),n=require("./components/action-popover/action-popover-item/action-popover-item.component.js"),i=require("./components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js");require("./components/action-popover/action-popover-divider/action-popover-divider.component.js");var s=require("./components/adaptive-sidebar/adaptive-sidebar.component.js"),p=require("./components/advanced-color-picker/advanced-color-picker.component.js"),c=require("./components/alert/alert.component.js"),l=require("./components/anchor-navigation/anchor-navigation.component.js"),a=require("./components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js"),m=require("./components/anchor-navigation/anchor-section-divider.component.js"),u=require("./components/badge/badge.component.js"),d=require("./components/batch-selection/batch-selection.component.js"),x=require("./components/box/box.component.js"),q=require("./components/breadcrumbs/breadcrumbs.component.js"),b=require("./components/breadcrumbs/crumb/crumb.component.js"),j=require("./components/button-bar/button-bar.component.js"),g=require("./components/button-minor/button-minor.component.js"),v=require("./components/button-toggle/button-toggle.component.js"),f=require("./components/button-toggle/button-toggle-group/button-toggle-group.component.js"),h=require("./components/button/button.component.js"),k=require("./components/carbon-provider/carbon-provider.component.js"),T=require("./components/card/card.component.js"),S=require("./components/card/card-column/card-column.component.js"),P=require("./components/card/card-footer/card-footer.component.js"),_=require("./components/card/card-row/card-row.component.js"),w=require("./components/checkbox/checkbox-group/checkbox-group.component.js"),C=require("./components/checkbox/checkbox.component.js"),F=require("./components/confirm/confirm.component.js"),B=require("./components/content/content.component.js"),M=require("./components/date-range/date-range.component.js"),y=require("./components/date/date.component.js"),D=require("./components/decimal/decimal.component.js"),I=require("./components/definition-list/dl.component.js"),A=require("./components/definition-list/dt/dt.component.js"),L=require("./components/definition-list/dd/dd.component.js"),G=require("./components/detail/detail.component.js"),H=require("./components/dialog/dialog.component.js"),R=require("./components/dismissible-box/dismissible-box.component.js"),N=require("./components/draggable/draggable-container.component.js"),V=require("./components/draggable/draggable-item/draggable-item.component.js"),E=require("./components/drawer/drawer.component.js"),O=require("./components/duelling-picklist/duelling-picklist.component.js"),Q=require("./components/duelling-picklist/picklist-divider/picklist-divider.component.js"),z=require("./components/duelling-picklist/picklist-item/picklist-item.component.js"),J=require("./components/duelling-picklist/picklist/picklist.component.js"),K=require("./components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js"),U=require("./components/duelling-picklist/picklist-group/picklist-group.component.js"),W=require("./components/fieldset/fieldset.component.js"),X=require("./components/file-input/file-input.component.js"),Y=require("./components/flat-table/flat-table.component.js"),Z=require("./components/flat-table/flat-table-head/flat-table-head.component.js"),$=require("./components/flat-table/flat-table-header/flat-table-header.component.js"),ee=require("./components/flat-table/flat-table-body/flat-table-body.component.js"),oe=require("./components/flat-table/flat-table-row/flat-table-row.component.js"),te=require("./components/flat-table/flat-table-row-header/flat-table-row-header.component.js"),re=require("./components/flat-table/flat-table-cell/flat-table-cell.component.js"),ne=require("./components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js"),ie=require("./components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js"),se=require("./components/flat-table/sort/sort.component.js"),pe=require("./components/form/form.component.js"),ce=require("./components/form/required-fields-indicator/required-fields-indicator.component.js"),le=require("./components/global-header/global-header.component.js"),ae=require("./components/grid/grid-container/grid-container.component.js"),me=require("./components/grid/grid-item/grid-item.component.js"),ue=require("./components/grouped-character/grouped-character.component.js"),de=require("./components/heading/heading.component.js"),xe=require("./components/help/help.component.js"),qe=require("./components/hr/hr.component.js"),be=require("./components/i18n-provider/i18n-provider.component.js"),je=require("./components/icon-button/icon-button.component.js"),ge=require("./components/icon/icon.component.js"),ve=require("./components/image/image.component.js"),fe=require("./components/inline-inputs/inline-inputs.component.js"),he=require("./components/link-preview/link-preview.component.js"),ke=require("./components/link/link.component.js"),Te=require("./components/loader/loader.component.js"),Se=require("./components/loader-bar/loader-bar.component.js"),Pe=require("./components/loader-spinner/loader-spinner.component.js"),_e=require("./components/loader-star/loader-star.component.js"),we=require("./components/loader/__next__/loader.component.js"),Ce=require("./components/menu/menu.component.js"),Fe=require("./components/menu/menu-item/menu-item.component.js"),Be=require("./components/menu/menu-divider/menu-divider.component.js"),Me=require("./components/menu/menu-segment-title/menu-segment-title.component.js"),ye=require("./components/menu/menu-full-screen/menu-full-screen.component.js"),De=require("./components/menu/scrollable-block/scrollable-block.component.js"),Ie=require("./components/message/message.component.js"),Ae=require("./components/modal/index.js"),Le=require("./components/multi-action-button/multi-action-button.component.js"),Ge=require("./components/navigation-bar/navigation-bar.component.js"),He=require("./components/note/note.component.js"),Re=require("./components/number/number.component.js"),Ne=require("./components/numeral-date/numeral-date.component.js"),Ve=require("./components/pager/pager.component.js"),Ee=require("./components/pages/pages.component.js"),Oe=require("./components/pages/page/page.component.js"),Qe=require("./components/password/password.component.js"),ze=require("./components/pill/pill.component.js"),Je=require("./components/pod/pod.component.js"),Ke=require("./components/popover-container/popover-container.component.js"),Ue=require("./components/portal/portal.js"),We=require("./components/portrait/portrait.component.js"),Xe=require("./components/preview/preview.component.js"),Ye=require("./components/profile/profile.component.js"),Ze=require("./components/progress-tracker/progress-tracker.component.js"),$e=require("./components/radio-button/radio-button.component.js"),eo=require("./components/radio-button/radio-button-group/radio-button-group.component.js"),oo=require("./components/search/search.component.js"),to=require("./components/select/option/option.component.js"),ro=require("./components/select/option-row/option-row.component.js"),no=require("./components/select/option-group-header/option-group-header.component.js"),io=require("./components/select/simple-select/simple-select.component.js"),so=require("./components/select/filterable-select/filterable-select.component.js"),po=require("./components/select/multi-select/multi-select.component.js"),co=require("./components/select/setup-select-mocks.js"),lo=require("./components/settings-row/settings-row.component.js"),ao=require("./components/sidebar/sidebar.component.js"),mo=require("./components/simple-color-picker/simple-color-picker.component.js"),uo=require("./components/simple-color-picker/simple-color/simple-color.component.js"),xo=require("./components/split-button/split-button.component.js"),qo=require("./components/step-flow/step-flow-title/step-flow-title.component.js"),bo=require("./components/step-flow/step-flow.component.js"),jo=require("./components/step-sequence/step-sequence.component.js"),go=require("./components/step-sequence/step-sequence-item/step-sequence-item.component.js"),vo=require("./components/switch/switch.component.js"),fo=require("./components/tabs/tabs.component.js"),ho=require("./components/text-editor/text-editor.component.js"),ko=require("./components/text-editor/__internal__/__utils__/helpers.js");require("react/jsx-runtime"),require("@lexical/react/LexicalComposerContext"),require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("lexical"),require("react"),require("react-dom"),require("./components/text-editor/__internal__/__ui__/Mentions/constants.js"),require("./components/text-editor/__internal__/__ui__/Mentions/mentions.style.js"),require("./__internal__/i18n-context/index.js");var To=require("./components/textarea/textarea.component.js"),So=require("./components/textbox/textbox.component.js"),Po=require("./components/tile-select/tile-select.component.js"),_o=require("./components/tile-select/tile-select-group/tile-select-group.component.js"),wo=require("./components/tile/tile.component.js"),Co=require("./components/tile/tile-content/tile-content.component.js"),Fo=require("./components/tile/tile-footer/tile-footer.component.js"),Bo=require("./components/tile/tile-header/tile-header.component.js"),Mo=require("./components/tile/flex-tile-container/flex-tile-container.component.js"),yo=require("./components/tile/flex-tile-cell/flex-tile-cell.component.js"),Do=require("./components/tile/flex-tile-divider/flex-tile-divider.component.js"),Io=require("./components/time/time.component.js"),Ao=require("./components/toast/toast.component.js"),Lo=require("./components/tooltip/tooltip.component.js"),Go=require("./components/typography/typography.component.js"),Ho=require("./components/typography/list.component.js"),Ro=require("./components/vertical-divider/vertical-divider.component.js"),No=require("./components/vertical-menu/vertical-menu.component.js"),Vo=require("./components/vertical-menu/vertical-menu-item/vertical-menu-item.component.js"),Eo=require("./components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js"),Oo=require("./components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.component.js");require("./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js"),require("react-transition-group"),require("./hooks/__internal__/useScrollBlock/useScrollBlock.js"),require("./__internal__/modal/modal-manager.js"),require("./__internal__/modal/modal.style.js"),require("./__internal__/modal/modal.context.js");var Qo=require("./hooks/useMediaQuery/useMediaQuery.js");require("./components/carbon-provider/__internal__/top-modal.context.js"),require("./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js"),require("./style/utils/filter-styled-system-padding-props.js"),require("./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js");var zo=require("./hooks/useCharacterCount/useCharacterCount.js"),Jo=require("./style/global-style.js"),Ko=require("./components/action-popover/action-popover.style.js"),Uo=require("./components/tabs/tab/tab.component.js");exports.Accordion=e.Accordion,exports.AccordionGroup=o.AccordionGroup,exports.ActionPopover=t.ActionPopover,exports.ActionPopoverMenu=r.default,exports.ActionPopoverItem=n.ActionPopoverItem,exports.ActionPopoverMenuButton=i.ActionPopoverMenuButton,exports.AdaptiveSidebar=s.AdaptiveSidebar,exports.AdvancedColorPicker=p.AdvancedColorPicker,exports.Alert=c.Alert,exports.AnchorNavigation=l.default,exports.AnchorNavigationItem=a.default,exports.AnchorSectionDivider=m.default,exports.Badge=u.Badge,exports.BatchSelection=d.BatchSelection,exports.Box=x.Box,exports.Breadcrumbs=q.Breadcrumbs,exports.Crumb=b.default,exports.ButtonBar=j.ButtonBar,exports.ButtonMinor=g.ButtonMinor,exports.ButtonToggle=v.ButtonToggle,exports.ButtonToggleGroup=f.default,exports.Button=h.default,exports.CarbonProvider=k.CarbonProvider,exports.Card=T.default,exports.CardColumn=S.default,exports.CardFooter=P.default,exports.CardRow=_.default,exports.CheckboxGroup=w.CheckboxGroup,exports.Checkbox=C.Checkbox,exports.Confirm=F.Confirm,exports.Content=B.Content,exports.DateRange=M.DateRange,exports.DateInput=y.DateInput,exports.Decimal=D.Decimal,exports.Dl=I.default,exports.Dt=A.default,exports.Dd=L.default,exports.Detail=G.Detail,exports.Dialog=H.Dialog,exports.DismissibleBox=R.DismissibleBox,exports.DraggableContainer=N.default,exports.DraggableItem=V.default,exports.Drawer=E.Drawer,exports.DuellingPicklist=O.DuellingPicklist,exports.PicklistDivider=Q.default,exports.PicklistItem=z.PicklistItem,exports.Picklist=J.Picklist,exports.PicklistPlaceholder=K.PicklistPlaceholder,exports.PicklistGroup=U.PicklistGroup,exports.Fieldset=W.Fieldset,exports.FileInput=X.FileInput,exports.FlatTable=Y.FlatTable,exports.FlatTableHead=Z.FlatTableHead,exports.FlatTableHeader=$.FlatTableHeader,exports.FlatTableBody=ee.FlatTableBody,exports.FlatTableRow=oe.FlatTableRow,exports.FlatTableRowHeader=te.FlatTableRowHeader,exports.FlatTableCell=re.FlatTableCell,exports.FlatTableCheckbox=ne.FlatTableCheckbox,exports.FlatTableBodyDraggable=ie.FlatTableBodyDraggable,exports.Sort=se.Sort,exports.Form=pe.Form,exports.RequiredFieldsIndicator=ce.default,exports.GlobalHeader=le.default,exports.GridContainer=ae.GridContainer,exports.GridItem=me.GridItem,exports.GroupedCharacter=ue.GroupedCharacter,exports.Heading=de.Heading,exports.Help=xe.Help,exports.Hr=qe.Hr,exports.I18nProvider=be.I18nProvider,exports.IconButton=je.default,exports.Icon=ge.default,exports.Image=ve.Image,exports.InlineInputs=fe.default,exports.LinkPreview=he.LinkPreview,exports.Link=ke.Link,exports.Loader=Te.Loader,exports.LoaderBar=Se.LoaderBar,exports.LoaderSpinner=Pe.LoaderSpinner,exports.LoaderStar=_e.default,exports.NextLoader=we.Loader,exports.Menu=Ce.Menu,exports.MenuItem=Fe.MenuItem,exports.MenuDivider=Be.default,exports.MenuSegmentTitle=Me.default,exports.MenuFullscreen=ye.MenuFullscreen,exports.ScrollableBlock=De.ScrollableBlock,exports.Message=Ie.Message,exports.Modal=Ae.default,exports.MultiActionButton=Le.MultiActionButton,exports.NavigationBar=Ge.NavigationBar,exports.Note=He.Note,exports.Number=Re.Number,exports.NumeralDate=Ne.NumeralDate,exports.Pager=Ve.Pager,exports.Pages=Ee.default,exports.Page=Oe.default,exports.Password=Qe.Password,exports.Pill=ze.Pill,exports.Pod=Je.default,exports.PopoverContainer=Ke.PopoverContainer,exports.Portal=Ue.Portal,exports.Portrait=We.Portrait,exports.Preview=Xe.Preview,exports.Profile=Ye.Profile,exports.ProgressTracker=Ze.default,exports.RadioButton=$e.default,exports.RadioButtonGroup=eo.RadioButtonGroup,exports.Search=oo.Search,exports.Option=to.default,exports.OptionRow=ro.default,exports.OptionGroupHeader=no.default,exports.Select=io.SimpleSelect,exports.FilterableSelect=so.FilterableSelect,exports.MultiSelect=po.MultiSelect,exports.setupSelectMocks=co.default,exports.SettingsRow=lo.SettingsRow,exports.Sidebar=ao.Sidebar,exports.SimpleColorPicker=mo.SimpleColorPicker,exports.SimpleColor=uo.SimpleColor,exports.SplitButton=xo.SplitButton,exports.StepFlowTitle=qo.StepFlowTitle,exports.StepFlow=bo.StepFlow,exports.StepSequence=jo.StepSequence,exports.StepSequenceItem=go.StepSequenceItem,exports.Switch=vo.Switch,exports.Tabs=fo.Tabs,exports.TextEditor=ho.TextEditor,exports.createEmpty=ko.createEmpty,exports.createFromHTML=ko.createFromHTML,exports.Textarea=To.Textarea,exports.Textbox=So.Textbox,exports.TileSelect=Po.default,exports.TileSelectGroup=_o.TileSelectGroup,exports.Tile=wo.Tile,exports.TileContent=Co.default,exports.TileFooter=Fo.TileFooter,exports.TileHeader=Bo.TileHeader,exports.FlexTileContainer=Mo.FlexTileContainer,exports.FlexTileCell=yo.FlexTileCell,exports.FlexTileDivider=Do.FlexTileDivider,exports.Time=Io.default,exports.Toast=Ao.Toast,exports.Tooltip=Lo.Tooltip,exports.Typography=Go.Typography,exports.List=Ho.List,exports.ListItem=Ho.ListItem,exports.VerticalDivider=Ro.VerticalDivider,exports.VerticalMenu=No.VerticalMenu,exports.VerticalMenuItem=Vo.VerticalMenuItem,exports.VerticalMenuFullScreen=Eo.VerticalMenuFullScreen,exports.VerticalMenuTrigger=Oo.VerticalMenuTrigger,exports.useMediaQuery=Qo.default,exports.useCharacterCount=zo.default,exports.GlobalStyle=Jo.default,exports.ActionPopoverDivider=Ko.MenuItemDivider,exports.Tab=Uo.Tab;
+"use strict";var e=require("./components/accordion/accordion.component.js"),o=require("./components/accordion/accordion-group/accordion-group.component.js"),t=require("./components/action-popover/action-popover.component.js"),r=require("./components/action-popover/action-popover-menu/action-popover-menu.component.js"),n=require("./components/action-popover/action-popover-item/action-popover-item.component.js"),i=require("./components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js");require("./components/action-popover/action-popover-divider/action-popover-divider.component.js");var s=require("./components/adaptive-sidebar/adaptive-sidebar.component.js"),p=require("./components/advanced-color-picker/advanced-color-picker.component.js"),c=require("./components/alert/alert.component.js"),l=require("./components/anchor-navigation/anchor-navigation.component.js"),a=require("./components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js"),m=require("./components/anchor-navigation/anchor-section-divider.component.js"),u=require("./components/badge/badge.component.js"),d=require("./components/batch-selection/batch-selection.component.js"),x=require("./components/box/box.component.js"),q=require("./components/breadcrumbs/breadcrumbs.component.js"),b=require("./components/breadcrumbs/crumb/crumb.component.js"),j=require("./components/button-bar/button-bar.component.js"),g=require("./components/button-minor/button-minor.component.js"),v=require("./components/button-toggle/button-toggle.component.js"),f=require("./components/button-toggle/button-toggle-group/button-toggle-group.component.js"),h=require("./components/button/button.component.js"),k=require("./components/carbon-provider/carbon-provider.component.js"),T=require("./components/card/card.component.js"),S=require("./components/card/card-column/card-column.component.js"),_=require("./components/card/card-footer/card-footer.component.js"),P=require("./components/card/card-row/card-row.component.js"),w=require("./components/checkbox/checkbox-group/checkbox-group.component.js"),C=require("./components/checkbox/checkbox.component.js"),F=require("./components/confirm/confirm.component.js"),B=require("./components/content/content.component.js"),M=require("./components/date-range/date-range.component.js"),y=require("./components/date/date.component.js"),D=require("./components/decimal/decimal.component.js"),I=require("./components/definition-list/dl.component.js"),A=require("./components/definition-list/dt/dt.component.js"),L=require("./components/definition-list/dd/dd.component.js"),G=require("./components/detail/detail.component.js"),H=require("./components/dialog/dialog.component.js"),R=require("./components/dismissible-box/dismissible-box.component.js"),N=require("./components/draggable/draggable-container.component.js"),V=require("./components/draggable/draggable-item/draggable-item.component.js"),E=require("./components/drawer/drawer.component.js"),O=require("./components/duelling-picklist/duelling-picklist.component.js"),Q=require("./components/duelling-picklist/picklist-divider/picklist-divider.component.js"),z=require("./components/duelling-picklist/picklist-item/picklist-item.component.js"),J=require("./components/duelling-picklist/picklist/picklist.component.js"),K=require("./components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js"),U=require("./components/duelling-picklist/picklist-group/picklist-group.component.js"),W=require("./components/fieldset/fieldset.component.js"),X=require("./components/file-input/file-input.component.js"),Y=require("./components/flat-table/flat-table.component.js"),Z=require("./components/flat-table/flat-table-head/flat-table-head.component.js"),$=require("./components/flat-table/flat-table-header/flat-table-header.component.js"),ee=require("./components/flat-table/flat-table-body/flat-table-body.component.js"),oe=require("./components/flat-table/flat-table-row/flat-table-row.component.js"),te=require("./components/flat-table/flat-table-row-header/flat-table-row-header.component.js"),re=require("./components/flat-table/flat-table-cell/flat-table-cell.component.js"),ne=require("./components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js"),ie=require("./components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js"),se=require("./components/flat-table/sort/sort.component.js"),pe=require("./components/form/form.component.js"),ce=require("./components/form/required-fields-indicator/required-fields-indicator.component.js"),le=require("./components/global-header/global-header.component.js"),ae=require("./components/grid/grid-container/grid-container.component.js"),me=require("./components/grid/grid-item/grid-item.component.js"),ue=require("./components/grouped-character/grouped-character.component.js"),de=require("./components/heading/heading.component.js"),xe=require("./components/help/help.component.js"),qe=require("./components/hr/hr.component.js"),be=require("./components/i18n-provider/i18n-provider.component.js"),je=require("./components/icon-button/icon-button.component.js"),ge=require("./components/icon/icon.component.js"),ve=require("./components/image/image.component.js"),fe=require("./components/inline-inputs/inline-inputs.component.js"),he=require("./components/link-preview/link-preview.component.js"),ke=require("./components/link/link.component.js"),Te=require("./components/loader/loader.component.js"),Se=require("./components/loader-bar/loader-bar.component.js"),_e=require("./components/loader-spinner/loader-spinner.component.js"),Pe=require("./components/loader-star/loader-star.component.js"),we=require("./components/loader/__next__/loader.component.js"),Ce=require("./components/menu/menu.component.js"),Fe=require("./components/menu/menu-item/menu-item.component.js"),Be=require("./components/menu/menu-divider/menu-divider.component.js"),Me=require("./components/menu/menu-segment-title/menu-segment-title.component.js"),ye=require("./components/menu/menu-full-screen/menu-full-screen.component.js"),De=require("./components/menu/scrollable-block/scrollable-block.component.js"),Ie=require("./components/message/message.component.js"),Ae=require("./components/modal/index.js"),Le=require("./components/multi-action-button/multi-action-button.component.js"),Ge=require("./components/navigation-bar/navigation-bar.component.js"),He=require("./components/note/note.component.js"),Re=require("./components/number/number.component.js"),Ne=require("./components/numeral-date/numeral-date.component.js"),Ve=require("./components/pager/pager.component.js"),Ee=require("./components/pages/pages.component.js"),Oe=require("./components/pages/page/page.component.js"),Qe=require("./components/password/password.component.js"),ze=require("./components/pill/pill.component.js"),Je=require("./components/pod/pod.component.js"),Ke=require("./components/popover-container/popover-container.component.js"),Ue=require("./components/portal/portal.js"),We=require("./components/portrait/portrait.component.js"),Xe=require("./components/preview/preview.component.js"),Ye=require("./components/profile/profile.component.js"),Ze=require("./components/progress-tracker/progress-tracker.component.js"),$e=require("./components/radio-button/radio-button.component.js"),eo=require("./components/radio-button/radio-button-group/radio-button-group.component.js"),oo=require("./components/search/search.component.js"),to=require("./components/select/option/option.component.js"),ro=require("./components/select/option-row/option-row.component.js"),no=require("./components/select/option-group-header/option-group-header.component.js"),io=require("./components/select/simple-select/simple-select.component.js"),so=require("./components/select/filterable-select/filterable-select.component.js"),po=require("./components/select/multi-select/multi-select.component.js"),co=require("./components/select/setup-select-mocks.js"),lo=require("./components/settings-row/settings-row.component.js"),ao=require("./components/sidebar/sidebar.component.js"),mo=require("./components/simple-color-picker/simple-color-picker.component.js"),uo=require("./components/simple-color-picker/simple-color/simple-color.component.js"),xo=require("./components/split-button/split-button.component.js"),qo=require("./components/step-flow/step-flow-title/step-flow-title.component.js"),bo=require("./components/step-flow/step-flow.component.js"),jo=require("./components/step-sequence/step-sequence.component.js"),go=require("./components/step-sequence/step-sequence-item/step-sequence-item.component.js"),vo=require("./components/switch/switch.component.js"),fo=require("./components/tabs/tabs.component.js"),ho=require("./components/text-editor/text-editor.component.js"),ko=require("./components/text-editor/__internal__/__utils__/helpers.js");require("react/jsx-runtime"),require("@lexical/react/LexicalComposerContext"),require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("lexical"),require("react"),require("react-dom"),require("./components/text-editor/__internal__/__ui__/Mentions/constants.js"),require("./components/text-editor/__internal__/__ui__/Mentions/mentions.style.js"),require("./__internal__/i18n-context/index.js");var To=require("./components/textarea/textarea.component.js"),So=require("./components/textbox/textbox.component.js"),_o=require("./components/tile-select/tile-select.component.js"),Po=require("./components/tile-select/tile-select-group/tile-select-group.component.js"),wo=require("./components/tile/tile.component.js"),Co=require("./components/tile/tile-content/tile-content.component.js"),Fo=require("./components/tile/tile-footer/tile-footer.component.js"),Bo=require("./components/tile/tile-header/tile-header.component.js"),Mo=require("./components/tile/flex-tile-container/flex-tile-container.component.js"),yo=require("./components/tile/flex-tile-cell/flex-tile-cell.component.js"),Do=require("./components/tile/flex-tile-divider/flex-tile-divider.component.js"),Io=require("./components/time/time.component.js"),Ao=require("./components/toast/toast.component.js"),Lo=require("./components/tooltip/tooltip.component.js"),Go=require("./components/typography/typography.component.js"),Ho=require("./components/typography/list.component.js"),Ro=require("./components/vertical-divider/vertical-divider.component.js"),No=require("./components/vertical-menu/vertical-menu.component.js"),Vo=require("./components/vertical-menu/vertical-menu-item/vertical-menu-item.component.js"),Eo=require("./components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js"),Oo=require("./components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.component.js");require("./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js"),require("react-transition-group"),require("./hooks/__internal__/useScrollBlock/useScrollBlock.js"),require("./__internal__/modal/modal-manager.js"),require("./__internal__/modal/modal.style.js"),require("./__internal__/modal/modal.context.js");var Qo=require("./hooks/useMediaQuery/useMediaQuery.js");require("./components/carbon-provider/__internal__/top-modal.context.js"),require("./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js"),require("./style/utils/filter-styled-system-padding-props.js"),require("./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js");var zo=require("./hooks/useCharacterCount/useCharacterCount.js"),Jo=require("./style/global-style.js"),Ko=require("./components/action-popover/action-popover.style.js"),Uo=require("./components/tabs/tab/tab.component.js");exports.Accordion=e.Accordion,exports.AccordionGroup=o.AccordionGroup,exports.ActionPopover=t.ActionPopover,exports.ActionPopoverMenu=r.default,exports.ActionPopoverItem=n.ActionPopoverItem,exports.ActionPopoverMenuButton=i.ActionPopoverMenuButton,exports.AdaptiveSidebar=s.AdaptiveSidebar,exports.AdvancedColorPicker=p.AdvancedColorPicker,exports.Alert=c.Alert,exports.AnchorNavigation=l.default,exports.AnchorNavigationItem=a.default,exports.AnchorSectionDivider=m.default,exports.Badge=u.Badge,exports.BatchSelection=d.BatchSelection,exports.Box=x.Box,exports.Breadcrumbs=q.Breadcrumbs,exports.Crumb=b.default,exports.ButtonBar=j.ButtonBar,exports.ButtonMinor=g.ButtonMinor,exports.ButtonToggle=v.ButtonToggle,exports.ButtonToggleGroup=f.default,exports.Button=h.default,exports.CarbonProvider=k.CarbonProvider,exports.Card=T.default,exports.CardColumn=S.default,exports.CardFooter=_.default,exports.CardRow=P.default,exports.CheckboxGroup=w.CheckboxGroup,exports.Checkbox=C.Checkbox,exports.Confirm=F.Confirm,exports.Content=B.Content,exports.DateRange=M.DateRange,exports.DateInput=y.DateInput,exports.Decimal=D.Decimal,exports.Dl=I.default,exports.Dt=A.default,exports.Dd=L.default,exports.Detail=G.Detail,exports.Dialog=H.Dialog,exports.DismissibleBox=R.DismissibleBox,exports.DraggableContainer=N.default,exports.DraggableItem=V.default,exports.Drawer=E.Drawer,exports.DuellingPicklist=O.DuellingPicklist,exports.PicklistDivider=Q.default,exports.PicklistItem=z.PicklistItem,exports.Picklist=J.Picklist,exports.PicklistPlaceholder=K.PicklistPlaceholder,exports.PicklistGroup=U.PicklistGroup,exports.Fieldset=W.Fieldset,exports.FileInput=X.FileInput,exports.FlatTable=Y.FlatTable,exports.FlatTableHead=Z.FlatTableHead,exports.FlatTableHeader=$.FlatTableHeader,exports.FlatTableBody=ee.FlatTableBody,exports.FlatTableRow=oe.FlatTableRow,exports.FlatTableRowHeader=te.FlatTableRowHeader,exports.FlatTableCell=re.FlatTableCell,exports.FlatTableCheckbox=ne.FlatTableCheckbox,exports.FlatTableBodyDraggable=ie.FlatTableBodyDraggable,exports.Sort=se.Sort,exports.Form=pe.Form,exports.RequiredFieldsIndicator=ce.default,exports.GlobalHeader=le.default,exports.GridContainer=ae.GridContainer,exports.GridItem=me.GridItem,exports.GroupedCharacter=ue.GroupedCharacter,exports.Heading=de.Heading,exports.Help=xe.Help,exports.Hr=qe.Hr,exports.I18nProvider=be.I18nProvider,exports.IconButton=je.default,exports.Icon=ge.default,exports.Image=ve.Image,exports.InlineInputs=fe.default,exports.LinkPreview=he.LinkPreview,exports.Link=ke.Link,exports.Loader=Te.Loader,exports.LoaderBar=Se.LoaderBar,exports.LoaderSpinner=_e.LoaderSpinner,exports.LoaderStar=Pe.default,exports.NextLoader=we.Loader,exports.Menu=Ce.Menu,exports.MenuItem=Fe.MenuItem,exports.MenuDivider=Be.default,exports.MenuSegmentTitle=Me.default,exports.MenuFullscreen=ye.MenuFullscreen,exports.ScrollableBlock=De.ScrollableBlock,exports.Message=Ie.Message,exports.Modal=Ae.default,exports.MultiActionButton=Le.MultiActionButton,exports.NavigationBar=Ge.NavigationBar,exports.Note=He.Note,exports.Number=Re.Number,exports.NumeralDate=Ne.NumeralDate,exports.Pager=Ve.Pager,exports.Pages=Ee.default,exports.Page=Oe.default,exports.Password=Qe.Password,exports.Pill=ze.Pill,exports.Pod=Je.default,exports.PopoverContainer=Ke.PopoverContainer,exports.Portal=Ue.default,exports.Portrait=We.Portrait,exports.Preview=Xe.Preview,exports.Profile=Ye.Profile,exports.ProgressTracker=Ze.default,exports.RadioButton=$e.default,exports.RadioButtonGroup=eo.RadioButtonGroup,exports.Search=oo.Search,exports.Option=to.default,exports.OptionRow=ro.default,exports.OptionGroupHeader=no.default,exports.Select=io.SimpleSelect,exports.FilterableSelect=so.FilterableSelect,exports.MultiSelect=po.MultiSelect,exports.setupSelectMocks=co.default,exports.SettingsRow=lo.SettingsRow,exports.Sidebar=ao.Sidebar,exports.SimpleColorPicker=mo.SimpleColorPicker,exports.SimpleColor=uo.SimpleColor,exports.SplitButton=xo.SplitButton,exports.StepFlowTitle=qo.StepFlowTitle,exports.StepFlow=bo.StepFlow,exports.StepSequence=jo.StepSequence,exports.StepSequenceItem=go.StepSequenceItem,exports.Switch=vo.Switch,exports.Tabs=fo.Tabs,exports.TextEditor=ho.TextEditor,exports.createEmpty=ko.createEmpty,exports.createFromHTML=ko.createFromHTML,exports.Textarea=To.Textarea,exports.Textbox=So.Textbox,exports.TileSelect=_o.default,exports.TileSelectGroup=Po.TileSelectGroup,exports.Tile=wo.Tile,exports.TileContent=Co.default,exports.TileFooter=Fo.TileFooter,exports.TileHeader=Bo.TileHeader,exports.FlexTileContainer=Mo.FlexTileContainer,exports.FlexTileCell=yo.FlexTileCell,exports.FlexTileDivider=Do.FlexTileDivider,exports.Time=Io.default,exports.Toast=Ao.Toast,exports.Tooltip=Lo.Tooltip,exports.Typography=Go.Typography,exports.List=Ho.List,exports.ListItem=Ho.ListItem,exports.VerticalDivider=Ro.VerticalDivider,exports.VerticalMenu=No.VerticalMenu,exports.VerticalMenuItem=Vo.VerticalMenuItem,exports.VerticalMenuFullScreen=Eo.VerticalMenuFullScreen,exports.VerticalMenuTrigger=Oo.VerticalMenuTrigger,exports.useMediaQuery=Qo.default,exports.useCharacterCount=zo.default,exports.GlobalStyle=Jo.default,exports.ActionPopoverDivider=Ko.MenuItemDivider,exports.Tab=Uo.Tab;

package/package.json

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

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

@@ -1,6 +0,0 @@
-import React from "react";
-export interface PortalContextProps {
-    renderInRoot?: boolean;
-}
-declare const _default: React.Context<PortalContextProps>;
-export default _default;

package/esm/components/portal/__internal__/portal.context.js

@@ -1 +0,0 @@
-import t from"react";var e=t.createContext({});export{e as default};

package/lib/components/portal/__internal__/portal.context.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export interface PortalContextProps {
-    renderInRoot?: boolean;
-}
-declare const _default: React.Context<PortalContextProps>;
-export default _default;

package/lib/components/portal/__internal__/portal.context.js

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")).default.createContext({});exports.default=t;