carbon-react 161.22.1 → 161.24.0

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

@@ -2,8 +2,13 @@ import React from "react";
 import { PaddingProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 import { BoxProps } from "../box";
+type Size = "small" | "medium" | "large";
 export interface RenderOpenProps {
-    tabIndex: number;
+    /**
+     * @deprecated
+     * The tabIndex prop is no longer required for the open button.
+     */
+    tabIndex?: number;
     isOpen?: boolean;
     "data-element"?: string;
     onClick: (ev: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement>) => void;
@@ -13,40 +18,59 @@ export interface RenderOpenProps {
     "aria-expanded": boolean;
     "aria-haspopup": "dialog";
     "data-popover-container-button"?: string;
+    children: React.ReactNode;
+    size: Size;
 }
-export declare const renderOpen: ({ tabIndex, onClick, "data-element": dataElement, ref, "aria-label": ariaLabel, id, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHasPopup, }: RenderOpenProps) => React.JSX.Element;
+export declare const renderOpen: ({ onClick, "data-element": dataElement, ref, id, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHasPopup, children, isOpen, size, }: RenderOpenProps) => React.JSX.Element;
 export interface RenderCloseProps {
     "data-element"?: string;
-    tabIndex: number;
+    /**
+     * @deprecated
+     * The tabIndex prop is no longer required for the close button.
+     */
+    tabIndex?: number;
     onClick: (ev: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement>) => void;
     ref: React.RefObject<HTMLButtonElement>;
     "aria-label": string;
     closeButtonDataProps?: Pick<TagProps, "data-role" | "data-element">;
 }
-export declare const renderClose: ({ "data-element": dataElement, tabIndex, onClick, ref, "aria-label": ariaLabel, closeButtonDataProps, }: RenderCloseProps) => React.JSX.Element;
-type Position = "left" | "right" | "center";
+export declare const renderClose: ({ "data-element": dataElement, onClick, ref, "aria-label": ariaLabel, closeButtonDataProps, }: RenderCloseProps) => React.JSX.Element;
+type Position = "left" | "right"
+/** @deprecated "center" is deprecated and will be removed in a future release */
+ | "center";
 export interface PopoverContainerProps extends PaddingProps, TagProps {
-    /** A function that will render the open component
+    /**
+     * A function that will render the open component.
+     *
+     * Please note that tabIndex is deprecated and no longer required for the open button.
      *
-     * `({tabIndex, isOpen, data-element, onClick, ref, aria-label}) => ()`
+     * `({isOpen, data-element, onClick, ref, aria-label}) => ()`
      *
      */
     renderOpenComponent?: (args: RenderOpenProps) => JSX.Element;
-    /** A function that will render the close component
+    /**
+     * A function that will render the close component.
      *
-     * `({data-element, tabIndex, onClick, ref, aria-label}) => ()`
+     * Please note that tabIndex is deprecated and no longer required for the close button.
      *
+     * `({data-element, tabIndex, onClick, ref, aria-label}) => ()`
      */
     renderCloseComponent?: (args: RenderCloseProps) => JSX.Element;
     /** The content of the popover-container */
     children?: React.ReactNode;
-    /** Sets rendering position of dialog */
+    /**
+     * Sets rendering position of dialog.
+     * Please note the 'center' position is deprecated.
+     * */
     position?: Position;
     /** The popover offset from the reference element */
     offset?: number;
     /** Sets the popover container dialog header name */
     title?: string;
-    /** Sets the border radius of the popover container */
+    /**
+     * Sets the border radius of the popover container
+     * @deprecated the `borderRadius` prop is being deprecated and will be removed in a future release.
+     * */
     borderRadius?: BoxProps["borderRadius"];
     /** Callback fires when close icon clicked */
     onClose?: (ev: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement> | React.FocusEvent<HTMLElement> | Event) => void;
@@ -58,11 +82,20 @@ export interface PopoverContainerProps extends PaddingProps, TagProps {
     shouldCoverButton?: boolean;
     /** The id of the element that describe the dialog. */
     ariaDescribedBy?: string;
-    /** Open button aria label */
+    /**
+     * @deprecated
+     * Accessible label passed to custom open button renderers. The default open button is named by its visible text.
+     * Please note this prop is no longer passed as the default button has text. If you are using an icon only button,
+     * set the aria-label on your custom button instead.
+     * */
     openButtonAriaLabel?: string;
-    /** Close button aria label */
+    /**
+     * Close button aria label
+     * */
     closeButtonAriaLabel?: string;
-    /** Data tag prop bag for close Button */
+    /**
+     * Data tag prop bag for close Button
+     */
     closeButtonDataProps?: Pick<TagProps, "data-role" | "data-element">;
     /** Container aria label */
     containerAriaLabel?: string;
@@ -70,6 +103,10 @@ export interface PopoverContainerProps extends PaddingProps, TagProps {
     disableAnimation?: boolean;
     /** Flag to enable fullWidth Button styles */
     hasFullWidth?: boolean;
+    /** Sets the roundness of the popover container corners*/
+    roundness?: "moderate" | "curved";
+    /** Sets the size of the popover container. */
+    size?: Size;
 }
 export type PopoverContainerHandle = {
     focusButton: () => void;

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

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

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

@@ -1,26 +1,23 @@
 import { TransitionStatus } from "react-transition-group";
-import { BoxProps } from "../box";
+import { PopoverContainerProps } from "./popover-container.component";
 type PopoverContainerWrapperProps = {
-    hasFullWidth?: boolean;
+    $hasFullWidth?: boolean;
 };
 declare const PopoverContainerWrapperStyle: import("styled-components").StyledComponent<"div", any, PopoverContainerWrapperProps, never>;
 declare const PopoverContainerTitleStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const PopoverContainerHeaderContentStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const PopoverContainerHeaderStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
 type PopoverContainerContentStyleProps = {
     animationState?: TransitionStatus;
     disableAnimation?: boolean;
     zIndex?: number;
-    $borderRadius?: BoxProps["borderRadius"];
+    $borderRadius?: PopoverContainerProps["borderRadius"];
+    $roundness: PopoverContainerProps["roundness"];
     $popoverOffset?: number;
     $inMenu?: boolean;
+    $size: PopoverContainerProps["size"];
 };
 declare const PopoverContainerContentStyle: import("styled-components").StyledComponent<"div", any, {
     theme: object;
 } & PopoverContainerContentStyleProps, "theme">;
-type AdditionalIconButtonProps = {
-    tabIndex?: number;
-    id?: string;
-};
-declare const PopoverContainerOpenIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, AdditionalIconButtonProps, never>;
-declare const PopoverContainerCloseIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, AdditionalIconButtonProps, never>;
-export { PopoverContainerWrapperStyle, PopoverContainerHeaderStyle, PopoverContainerContentStyle, PopoverContainerCloseIcon, PopoverContainerTitleStyle, PopoverContainerOpenIcon, };
+export { PopoverContainerWrapperStyle, PopoverContainerHeaderStyle, PopoverContainerHeaderContentStyle, PopoverContainerContentStyle, PopoverContainerTitleStyle, };

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

@@ -1 +1 @@
-"use strict";var o=require("styled-components"),e=require("styled-system"),t=require("../../style/themes/apply-base-theme.js"),n=require("../icon-button/icon-button.component.js"),r=require("../icon/icon.style.js"),i=require("../form/form.style.js");function a(o){return o&&o.__esModule?o:{default:o}}var s=a(o);const p=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerWrapperStyle",componentId:"carbon_v161_22_0__sc-a2e110a4-0"})(["position:relative;display:inline-block;",""],(({hasFullWidth:e})=>e&&o.css(["width:100%;"]))),l=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerTitleStyle",componentId:"carbon_v161_22_0__sc-a2e110a4-1"})(["font-size:16px;font-weight:500;"]),d=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderStyle",componentId:"carbon_v161_22_0__sc-a2e110a4-2"})(["display:flex;max-width:280px;&:has(","){margin-bottom:8px;justify-content:space-between;}&:not(:has(",")){justify-content:end;}"],l,l),c=s.default.div.attrs(t.default).withConfig({displayName:"popover-container.style__PopoverContainerContentStyle",componentId:"carbon_v161_22_0__sc-a2e110a4-3"})([""," background:var(--colorsUtilityYang100);"," "," box-shadow:var(--boxShadow100);min-width:300px;position:absolute;z-index:var(--adaptiveSidebarModalBackdrop,",");"," :focus{outline:none;}&:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{flex-grow:1;min-height:0;overflow-y:auto;}","{border-bottom-right-radius:var(--borderRadius200);border-bottom-left-radius:var(--borderRadius200);}}}"],e.padding,(({$inMenu:e})=>e&&o.css(["color:var(--page-content-txt-default);"])),(({$borderRadius:e="borderRadius100"})=>{const t=e.split(" ").filter(Boolean);return o.css(["border-radius:",";"],t.map((o=>`var(--${o.trim()})`)).join(" "))}),(({zIndex:o})=>o),(({disableAnimation:e,$popoverOffset:t})=>e?o.css(["opacity:1;transform:none;"]):o.css(["&.enter{opacity:0;transform:translateY( ","px );}&.enter-done{opacity:1;transform:translateY(0);transition-property:opacity,transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25,0.25,0,1.5);}&.exit{opacity:0;transform:translateY(-8px);transition-property:opacity,transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25,0.25,0,1.5);}&.exit-done{opacity:0;transform:translateY(0);}"],t?-8:0)),i.StyledForm,i.StyledForm,i.StyledFormContent,i.StyledFormFooter),u=s.default(n.default).withConfig({displayName:"popover-container.style__PopoverContainerOpenIcon",componentId:"carbon_v161_22_0__sc-a2e110a4-4"})(["color:var(--colorsActionMinor500);","{color:inherit;}"],r.default),y=s.default(n.default).withConfig({displayName:"popover-container.style__PopoverContainerCloseIcon",componentId:"carbon_v161_22_0__sc-a2e110a4-5"})(["position:absolute;top:16px;right:24px;color:var(--colorsActionMinor500);","{color:inherit;}"],r.default);exports.PopoverContainerCloseIcon=y,exports.PopoverContainerContentStyle=c,exports.PopoverContainerHeaderStyle=d,exports.PopoverContainerOpenIcon=u,exports.PopoverContainerTitleStyle=l,exports.PopoverContainerWrapperStyle=p;
+"use strict";var e=require("styled-components"),t=require("styled-system"),o=require("../../style/themes/apply-base-theme.js"),r=require("../form/form.style.js");function a(e){return e&&e.__esModule?e:{default:e}}var n=a(e);const i=n.default.div.withConfig({displayName:"popover-container.style__PopoverContainerWrapperStyle",componentId:"carbon_v161_23_0__sc-e605c9f0-0"})(["position:relative;display:inline-block;",""],(({$hasFullWidth:t})=>t&&e.css(["width:100%;"]))),s=n.default.div.withConfig({displayName:"popover-container.style__PopoverContainerTitleStyle",componentId:"carbon_v161_23_0__sc-e605c9f0-1"})(["flex:1;min-width:0;font:var(--global-font-static-subheading-l);"]),l=n.default.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderContentStyle",componentId:"carbon_v161_23_0__sc-e605c9f0-2"})(["order:-1;flex:1;min-width:0;"]),d=n.default.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderStyle",componentId:"carbon_v161_23_0__sc-e605c9f0-3"})(["display:flex;align-items:flex-start;justify-content:flex-end;width:100%;&:has(","){margin-bottom:8px;}"],s),p=n.default.div.attrs(o.default).withConfig({displayName:"popover-container.style__PopoverContainerContentStyle",componentId:"carbon_v161_23_0__sc-e605c9f0-4"})(["background:var(--popover-bg-default);"," "," "," "," "," box-shadow:var(--global-depth-lvl1);min-width:300px;position:absolute;z-index:var(--adaptiveSidebarModalBackdrop,",");"," :focus{outline:none;}&:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{flex-grow:1;min-height:0;overflow-y:auto;}","{border-bottom-right-radius:var(--global-radius-action-m);border-bottom-left-radius:var(--global-radius-action-m);}}}"],(({$inMenu:t})=>t&&e.css(["color:var(--page-content-txt-default);"])),(({$roundness:t})=>e.css([""," ",""],"curved"===t&&e.css(["border-radius:var(--global-radius-container-xl);"]),"moderate"===t&&e.css(["border-radius:var(--global-radius-container-l);"]))),(({$size:t})=>e.css([""," "," ",""],"small"===t&&e.css(["padding:var(--global-space-comp-xs);"]),"medium"===t&&e.css(["padding:var(--global-space-comp-s);"]),"large"===t&&e.css(["padding:var(--global-space-comp-m);"]))),t.padding,(({$borderRadius:t})=>{if(!t)return"";const o=t.split(" ").filter(Boolean);return e.css(["border-radius:",";"],o.map((e=>`var(--${e.trim()})`)).join(" "))}),(({zIndex:e})=>e),(({disableAnimation:t,$popoverOffset:o})=>t?e.css(["opacity:1;transform:none;"]):e.css(["&.enter{opacity:0;transform:translateY( ","px );}&.enter-done{opacity:1;transform:translateY(0);transition-property:opacity,transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25,0.25,0,1.5);}&.exit{opacity:0;transform:translateY(-8px);transition-property:opacity,transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25,0.25,0,1.5);}&.exit-done{opacity:0;transform:translateY(0);}"],o?-8:0)),r.StyledForm,r.StyledForm,r.StyledFormContent,r.StyledFormFooter);exports.PopoverContainerContentStyle=p,exports.PopoverContainerHeaderContentStyle=l,exports.PopoverContainerHeaderStyle=d,exports.PopoverContainerTitleStyle=s,exports.PopoverContainerWrapperStyle=i;

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("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"),c=require("../tokens-wrapper/__internal__/context/tokens-wrapper.context.js");function l(e){return e&&e.__esModule?e:{default:e}}function u(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){u(e,t,r[t])}))}return e}const p=l(r).default.div.attrs(i.default).withConfig({displayName:"portal__Container",componentId:"carbon_v161_22_0__sc-1b79295f-0"})(["",""],(({theme:e})=>r.css(["{position:relative;z-index:",";}"],e.zIndex.aboveAll))),b=({children:r,className:i,id:l,onReposition:u,inertOptOut:b})=>{const{current:f}=t.useRef(a.default()),v=null!=l?l:f,j=t.useRef(null),{wrapperId:O}=t.useContext(c.default),[m,y]=t.useState();return t.useEffect((()=>(u&&(u(),window.addEventListener("resize",u)),()=>{u&&window.removeEventListener("resize",u)})),[u]),t.useEffect((()=>{var e;const t=null===(e=j.current)||void 0===e?void 0:e.closest("[data-carbon-theme]");if(!t)return;var r;y(null!==(r=t.getAttribute("data-carbon-theme"))&&void 0!==r?r:void 0);const n=new MutationObserver((()=>{var e;y(null!==(e=t.getAttribute("data-carbon-theme"))&&void 0!==e?e:void 0)}));return n.observe(t,{attributes:!0,attributeFilter:["data-carbon-theme"]}),()=>n.disconnect()}),[]),e.jsx(o.default,{"data-role":"data-portal-entrance","data-portal-entrance":v,ref:j,children:e.jsx(n.default,{id:v,className:`carbon-portal ${null!=i?i:""}`.trim(),attributes:d({"data-portal-exit":v,"data-role":"carbon-portal-exit"},O&&{"data-tokens-wrapper-id":O},m&&{"data-carbon-theme":m},b&&{"data-not-inert":"true"}),children:e.jsx(s.default,(_=d({className:"carbon-portal-scoped-tokens-provider","data-role":"carbon-portal-scoped-tokens-provider","data-tokens-wrapper-id":O},m&&{"data-carbon-theme":m}),h={children:b?e.jsx(p,{children:r}):r},h=null!=h?h:{},Object.getOwnPropertyDescriptors?Object.defineProperties(_,Object.getOwnPropertyDescriptors(h)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(h)).forEach((function(e){Object.defineProperty(_,e,Object.getOwnPropertyDescriptor(h,e))})),_))})});var _,h};exports.Portal=b,exports.default=b;
+"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"),c=require("../tokens-wrapper/__internal__/context/tokens-wrapper.context.js");function l(e){return e&&e.__esModule?e:{default:e}}function u(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){u(e,t,r[t])}))}return e}const p=l(r).default.div.attrs(i.default).withConfig({displayName:"portal__Container",componentId:"carbon_v161_23_0__sc-1b79295f-0"})(["",""],(({theme:e})=>r.css(["{position:relative;z-index:",";}"],e.zIndex.aboveAll))),b=({children:r,className:i,id:l,onReposition:u,inertOptOut:b})=>{const{current:f}=t.useRef(a.default()),v=null!=l?l:f,j=t.useRef(null),{wrapperId:O}=t.useContext(c.default),[m,y]=t.useState();return t.useEffect((()=>(u&&(u(),window.addEventListener("resize",u)),()=>{u&&window.removeEventListener("resize",u)})),[u]),t.useEffect((()=>{var e;const t=null===(e=j.current)||void 0===e?void 0:e.closest("[data-carbon-theme]");if(!t)return;var r;y(null!==(r=t.getAttribute("data-carbon-theme"))&&void 0!==r?r:void 0);const n=new MutationObserver((()=>{var e;y(null!==(e=t.getAttribute("data-carbon-theme"))&&void 0!==e?e:void 0)}));return n.observe(t,{attributes:!0,attributeFilter:["data-carbon-theme"]}),()=>n.disconnect()}),[]),e.jsx(o.default,{"data-role":"data-portal-entrance","data-portal-entrance":v,ref:j,children:e.jsx(n.default,{id:v,className:`carbon-portal ${null!=i?i:""}`.trim(),attributes:d({"data-portal-exit":v,"data-role":"carbon-portal-exit"},O&&{"data-tokens-wrapper-id":O},m&&{"data-carbon-theme":m},b&&{"data-not-inert":"true"}),children:e.jsx(s.default,(_=d({className:"carbon-portal-scoped-tokens-provider","data-role":"carbon-portal-scoped-tokens-provider","data-tokens-wrapper-id":O},m&&{"data-carbon-theme":m}),h={children:b?e.jsx(p,{children:r}):r},h=null!=h?h:{},Object.getOwnPropertyDescriptors?Object.defineProperties(_,Object.getOwnPropertyDescriptors(h)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(h)).forEach((function(e){Object.defineProperty(_,e,Object.getOwnPropertyDescriptor(h,e))})),_))})});var _,h};exports.Portal=b,exports.default=b;

package/lib/components/portal/portal.style.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.span.withConfig({displayName:"portal.style__StyledPortalEntrance",componentId:"carbon_v161_22_0__sc-9fd1b647-0"})(["display:none;height:0;width:0;"]);exports.default=t;
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.span.withConfig({displayName:"portal.style__StyledPortalEntrance",componentId:"carbon_v161_23_0__sc-9fd1b647-0"})(["display:none;height:0;width:0;"]);exports.default=t;

package/lib/components/portrait/portrait.style.js

@@ -1 +1 @@
-"use strict";require("react");var t=require("styled-components"),e=require("styled-system"),i=require("../icon/icon.component.js");require("../icon/icon.style.js");var r=require("../../style/themes/apply-base-theme.js"),o=require("./__internal__/get-properties.js");function n(t){return t&&t.__esModule?t:{default:t}}var a=n(t);const s=a.default.div.withConfig({displayName:"portrait.style__StyledPortraitInitials",componentId:"carbon_v161_22_0__sc-67607789-0"})(["font:",";display:flex;white-space:nowrap;align-items:center;justify-content:center;height:inherit;width:inherit;.mentions-list-item &&{color:var(--input-dropdown-label-default);}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:var(--popover-label-hover);}"],(({size:t})=>o.getPortraitFontSize(t))),l=a.default.img.withConfig({displayName:"portrait.style__StyledCustomImg",componentId:"carbon_v161_22_0__sc-67607789-1"})(["height:inherit;min-width:inherit;"]),d=a.default(i.default).withConfig({displayName:"portrait.style__StyledIcon",componentId:"carbon_v161_22_0__sc-67607789-2"})(["&&{color:",";height:",";min-width:",";::before{font-size:",";}}"],(({variant:t})=>o.getPortraitColors(t).color),(({$portraitSize:t})=>o.getPortraitDimensions(t).height),(({$portraitSize:t})=>o.getPortraitDimensions(t).width),(({$portraitSize:t})=>o.getPortraitIconFontSize(t))),c=a.default.div.attrs(r.default).withConfig({displayName:"portrait.style__StyledPortraitContainer",componentId:"carbon_v161_22_0__sc-67607789-3"})([""," ",";"," min-width:",";height:",";overflow:hidden;border-radius:",";border:var(--global-borderwidth-xs) solid var(--profile-border-default);display:inline-block;"," "," .mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}"],(({variant:t})=>`\n    background-color: ${o.getPortraitColors(t).backgroundColor};\n    color: ${o.getPortraitColors(t).color};\n  `),(({darkBackground:t,backgroundColor:e,size:i,foregroundColor:r,variant:n})=>!n&&o.default(e,t,!["XS","S"].includes(i),!0,r)),(({hasValidImg:t,size:e})=>t&&`max-width: ${o.getPortraitDimensions(e).width};`),(({size:t})=>o.getPortraitDimensions(t).width),(({size:t})=>o.getPortraitDimensions(t).height),(({shape:t,size:e})=>o.getPortraitBorderRadius(t,e)),(({onClick:t})=>t&&"cursor: pointer"),e.margin);exports.StyledCustomImg=l,exports.StyledIcon=d,exports.StyledPortraitContainer=c,exports.StyledPortraitInitials=s;
+"use strict";require("react");var t=require("styled-components"),e=require("styled-system"),i=require("../icon/icon.component.js");require("../icon/icon.style.js");var r=require("../../style/themes/apply-base-theme.js"),o=require("./__internal__/get-properties.js");function n(t){return t&&t.__esModule?t:{default:t}}var a=n(t);const s=a.default.div.withConfig({displayName:"portrait.style__StyledPortraitInitials",componentId:"carbon_v161_23_0__sc-67607789-0"})(["font:",";display:flex;white-space:nowrap;align-items:center;justify-content:center;height:inherit;width:inherit;.mentions-list-item &&{color:var(--input-dropdown-label-default);}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:var(--popover-label-hover);}"],(({size:t})=>o.getPortraitFontSize(t))),l=a.default.img.withConfig({displayName:"portrait.style__StyledCustomImg",componentId:"carbon_v161_23_0__sc-67607789-1"})(["height:inherit;min-width:inherit;"]),d=a.default(i.default).withConfig({displayName:"portrait.style__StyledIcon",componentId:"carbon_v161_23_0__sc-67607789-2"})(["&&{color:",";height:",";min-width:",";::before{font-size:",";}}"],(({variant:t})=>o.getPortraitColors(t).color),(({$portraitSize:t})=>o.getPortraitDimensions(t).height),(({$portraitSize:t})=>o.getPortraitDimensions(t).width),(({$portraitSize:t})=>o.getPortraitIconFontSize(t))),c=a.default.div.attrs(r.default).withConfig({displayName:"portrait.style__StyledPortraitContainer",componentId:"carbon_v161_23_0__sc-67607789-3"})([""," ",";"," min-width:",";height:",";overflow:hidden;border-radius:",";border:var(--global-borderwidth-xs) solid var(--profile-border-default);display:inline-block;"," "," .mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}"],(({variant:t})=>`\n    background-color: ${o.getPortraitColors(t).backgroundColor};\n    color: ${o.getPortraitColors(t).color};\n  `),(({darkBackground:t,backgroundColor:e,size:i,foregroundColor:r,variant:n})=>!n&&o.default(e,t,!["XS","S"].includes(i),!0,r)),(({hasValidImg:t,size:e})=>t&&`max-width: ${o.getPortraitDimensions(e).width};`),(({size:t})=>o.getPortraitDimensions(t).width),(({size:t})=>o.getPortraitDimensions(t).height),(({shape:t,size:e})=>o.getPortraitBorderRadius(t,e)),(({onClick:t})=>t&&"cursor: pointer"),e.margin);exports.StyledCustomImg=l,exports.StyledIcon=d,exports.StyledPortraitContainer=c,exports.StyledPortraitInitials=s;

package/lib/components/preview/preview.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),i=require("styled-system"),r=require("../../style/themes/apply-base-theme.js");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const s=a.default.div.attrs(r.default).withConfig({displayName:"preview.style__StyledPreview",componentId:"carbon_v161_22_0__sc-a74c6505-0"})(["",""],i.margin),n=e.keyframes(["0%{opacity:0.1;}70%{opacity:1;}100%{opacity:0.1;}"]);function c(e){return e.includes("rectangle")?"var(--sizing400)":"circle"===e?"var(--sizing700)":"var(--sizing175)"}function o(e){return e.includes("rectangle")?"var(--sizing1500)":"100%"}const l=a.default.span.withConfig({displayName:"preview.style__StyledPreviewPlaceholder",componentId:"carbon_v161_22_0__sc-a74c6505-1"})(["",""],(({shape:i,disableAnimation:r,isLastLine:t,height:a,width:s})=>e.css(["display:block;background:linear-gradient( 135deg,var(--colorsUtilityMajor100),var(--colorsUtilityMajor040) );border-radius:",";height:",";width:",";animation:"," 2s ease infinite;"," "," "," & + &{margin-top:6px;}"],function(e){switch(e){case"rectangle-round":return"var(--borderRadius400)";case"circle":return"var(--borderRadiusCircle)";default:return"var(--borderRadius100)"}}(i),a||c(i),s||o(i),n,t&&"text"===i&&e.css(["width:calc(","*0.8);"],s||o(i)),"circle"===i&&e.css(["width:",";"],a||c(i)),r&&e.css(["animation:none;"]))));exports.StyledPreview=s,exports.StyledPreviewPlaceholder=l;
+"use strict";var e=require("styled-components"),i=require("styled-system"),r=require("../../style/themes/apply-base-theme.js");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const s=a.default.div.attrs(r.default).withConfig({displayName:"preview.style__StyledPreview",componentId:"carbon_v161_23_0__sc-a74c6505-0"})(["",""],i.margin),n=e.keyframes(["0%{opacity:0.1;}70%{opacity:1;}100%{opacity:0.1;}"]);function c(e){return e.includes("rectangle")?"var(--sizing400)":"circle"===e?"var(--sizing700)":"var(--sizing175)"}function o(e){return e.includes("rectangle")?"var(--sizing1500)":"100%"}const l=a.default.span.withConfig({displayName:"preview.style__StyledPreviewPlaceholder",componentId:"carbon_v161_23_0__sc-a74c6505-1"})(["",""],(({shape:i,disableAnimation:r,isLastLine:t,height:a,width:s})=>e.css(["display:block;background:linear-gradient( 135deg,var(--colorsUtilityMajor100),var(--colorsUtilityMajor040) );border-radius:",";height:",";width:",";animation:"," 2s ease infinite;"," "," "," & + &{margin-top:6px;}"],function(e){switch(e){case"rectangle-round":return"var(--borderRadius400)";case"circle":return"var(--borderRadiusCircle)";default:return"var(--borderRadius100)"}}(i),a||c(i),s||o(i),n,t&&"text"===i&&e.css(["width:calc(","*0.8);"],s||o(i)),"circle"===i&&e.css(["width:",";"],a||c(i)),r&&e.css(["animation:none;"]))));exports.StyledPreview=s,exports.StyledPreviewPlaceholder=l;

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

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),r=require("styled-system"),t=require("../portrait/portrait.component.js"),a=require("../typography/typography.component.js");require("react/jsx-runtime"),require("react");var o=require("../../style/themes/apply-base-theme.js"),i=require("./profile.config.js"),l=require("../portrait/portrait.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var s=n(e);const d=s.default.div.attrs(o.default).withConfig({displayName:"profile.style__ProfileStyle",componentId:"carbon_v161_22_0__sc-29e860cc-0"})(["border-radius:inherit;color:",";background-color:",";display:flex;flex-direction:row;align-items:center;"," ","{flex-shrink:0;}"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)"),(({$darkBackground:e})=>e?"var(--container-standard-inverse-bg-default)":"transparent"),r.margin,l.StyledPortraitContainer),c=s.default(t.Portrait).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"carbon_v161_22_0__sc-29e860cc-1"})(["display:inline-block;"]),f=s.default.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"carbon_v161_22_0__sc-29e860cc-2"})(["color:",";font:",";"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)"),(({$font:e})=>e)),p=s.default(a.Typography).withConfig({displayName:"profile.style__ProfileTypography",componentId:"carbon_v161_22_0__sc-29e860cc-3"})(["color:",";"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)")),y=s.default.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"carbon_v161_22_0__sc-29e860cc-4"})(["display:flex;flex-direction:column;justify-content:center;margin-left:",";min-width:0;word-wrap:break-word;"],(({$size:e})=>i.default[e].detailsMarginLeft)),_=s.default.div.withConfig({displayName:"profile.style__ProfileCustomContentStyle",componentId:"carbon_v161_22_0__sc-29e860cc-5"})(["display:flex;flex-direction:column;align-items:flex-start;min-width:0;"]);exports.ProfileAvatarStyle=c,exports.ProfileCustomContentStyle=_,exports.ProfileDetailsStyle=y,exports.ProfileNameStyle=f,exports.ProfileStyle=d,exports.ProfileTypography=p;
+"use strict";var e=require("styled-components"),r=require("styled-system"),t=require("../portrait/portrait.component.js"),a=require("../typography/typography.component.js");require("react/jsx-runtime"),require("react");var o=require("../../style/themes/apply-base-theme.js"),i=require("./profile.config.js"),l=require("../portrait/portrait.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var s=n(e);const d=s.default.div.attrs(o.default).withConfig({displayName:"profile.style__ProfileStyle",componentId:"carbon_v161_23_0__sc-29e860cc-0"})(["border-radius:inherit;color:",";background-color:",";display:flex;flex-direction:row;align-items:center;"," ","{flex-shrink:0;}"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)"),(({$darkBackground:e})=>e?"var(--container-standard-inverse-bg-default)":"transparent"),r.margin,l.StyledPortraitContainer),c=s.default(t.Portrait).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"carbon_v161_23_0__sc-29e860cc-1"})(["display:inline-block;"]),f=s.default.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"carbon_v161_23_0__sc-29e860cc-2"})(["color:",";font:",";"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)"),(({$font:e})=>e)),p=s.default(a.Typography).withConfig({displayName:"profile.style__ProfileTypography",componentId:"carbon_v161_23_0__sc-29e860cc-3"})(["color:",";"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)")),y=s.default.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"carbon_v161_23_0__sc-29e860cc-4"})(["display:flex;flex-direction:column;justify-content:center;margin-left:",";min-width:0;word-wrap:break-word;"],(({$size:e})=>i.default[e].detailsMarginLeft)),_=s.default.div.withConfig({displayName:"profile.style__ProfileCustomContentStyle",componentId:"carbon_v161_23_0__sc-29e860cc-5"})(["display:flex;flex-direction:column;align-items:flex-start;min-width:0;"]);exports.ProfileAvatarStyle=c,exports.ProfileCustomContentStyle=_,exports.ProfileDetailsStyle=y,exports.ProfileNameStyle=f,exports.ProfileStyle=d,exports.ProfileTypography=p;

package/lib/components/progress-tracker/progress-tracker.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),r=require("styled-system"),s=require("../../style/themes/apply-base-theme.js"),a=require("./progress-tracker.config.js");function t(e){return e&&e.__esModule?e:{default:e}}var o=t(e);const l=o.default.div.attrs(s.default).withConfig({displayName:"progress-tracker.style__StyledProgressTracker",componentId:"carbon_v161_22_0__sc-2541d4c3-0"})([""," ",";"],r.margin,(({$length:r,$labelsPosition:s,$size:t})=>e.css(["display:flex;flex-direction:column;gap:",";width:",";",""],a.progressTrackerSizeMap[t].gap,r,"left"===s&&e.css(["flex-direction:row;align-items:center;"])))),p=o.default.span.attrs(s.default).withConfig({displayName:"progress-tracker.style__StyledProgressBar",componentId:"carbon_v161_22_0__sc-2541d4c3-1"})(["",""],(({$variant:r,$size:s,$progress:t})=>e.css(["display:block;overflow:hidden;width:100%;height:",";border-radius:",';background:var(--progress-bg-default);box-shadow:inset 0 0 0 var(--global-borderwidth-xs) var(--progress-border-default);::after{content:"";display:block;width:',"%;height:",";background-color:",";border-radius:",";}"],a.progressTrackerSizeMap[s].barHeight,a.progressTrackerSizeMap[s].barBorderRadius,t,a.progressTrackerSizeMap[s].barHeight,a.progressBarVariants[r],a.progressTrackerSizeMap[s].barBorderRadius))),d=o.default.span.withConfig({displayName:"progress-tracker.style__StyledValue",componentId:"carbon_v161_22_0__sc-2541d4c3-2"})(["",";"],(({$size:r})=>e.css(["font:",";"],a.progressTrackerSizeMap[r].valueFont))),i=o.default.span.withConfig({displayName:"progress-tracker.style__StyledValuesWrapper",componentId:"carbon_v161_22_0__sc-2541d4c3-3"})(["display:flex;gap:var(--global-space-comp-xs);"]),c=o.default.div.withConfig({displayName:"progress-tracker.style__StyledLabelWrapper",componentId:"carbon_v161_22_0__sc-2541d4c3-4"})(["",";"],(({$size:r,$labelWidth:s})=>e.css(["display:flex;flex-wrap:wrap;gap:0 var(--global-space-comp-s);white-space:nowrap;color:var(--progress-label-default);font:",";",""],a.progressTrackerSizeMap[r].regularFont,s&&e.css(["width:",";flex-shrink:0;"],s))));exports.StyledLabelWrapper=c,exports.StyledProgressBar=p,exports.StyledProgressTracker=l,exports.StyledValue=d,exports.StyledValuesWrapper=i;
+"use strict";var e=require("styled-components"),r=require("styled-system"),s=require("../../style/themes/apply-base-theme.js"),a=require("./progress-tracker.config.js");function t(e){return e&&e.__esModule?e:{default:e}}var o=t(e);const l=o.default.div.attrs(s.default).withConfig({displayName:"progress-tracker.style__StyledProgressTracker",componentId:"carbon_v161_23_0__sc-2541d4c3-0"})([""," ",";"],r.margin,(({$length:r,$labelsPosition:s,$size:t})=>e.css(["display:flex;flex-direction:column;gap:",";width:",";",""],a.progressTrackerSizeMap[t].gap,r,"left"===s&&e.css(["flex-direction:row;align-items:center;"])))),p=o.default.span.attrs(s.default).withConfig({displayName:"progress-tracker.style__StyledProgressBar",componentId:"carbon_v161_23_0__sc-2541d4c3-1"})(["",""],(({$variant:r,$size:s,$progress:t})=>e.css(["display:block;overflow:hidden;width:100%;height:",";border-radius:",';background:var(--progress-bg-default);box-shadow:inset 0 0 0 var(--global-borderwidth-xs) var(--progress-border-default);::after{content:"";display:block;width:',"%;height:",";background-color:",";border-radius:",";}"],a.progressTrackerSizeMap[s].barHeight,a.progressTrackerSizeMap[s].barBorderRadius,t,a.progressTrackerSizeMap[s].barHeight,a.progressBarVariants[r],a.progressTrackerSizeMap[s].barBorderRadius))),d=o.default.span.withConfig({displayName:"progress-tracker.style__StyledValue",componentId:"carbon_v161_23_0__sc-2541d4c3-2"})(["",";"],(({$size:r})=>e.css(["font:",";"],a.progressTrackerSizeMap[r].valueFont))),i=o.default.span.withConfig({displayName:"progress-tracker.style__StyledValuesWrapper",componentId:"carbon_v161_23_0__sc-2541d4c3-3"})(["display:flex;gap:var(--global-space-comp-xs);"]),c=o.default.div.withConfig({displayName:"progress-tracker.style__StyledLabelWrapper",componentId:"carbon_v161_23_0__sc-2541d4c3-4"})(["",";"],(({$size:r,$labelWidth:s})=>e.css(["display:flex;flex-wrap:wrap;gap:0 var(--global-space-comp-s);white-space:nowrap;color:var(--progress-label-default);font:",";",""],a.progressTrackerSizeMap[r].regularFont,s&&e.css(["width:",";flex-shrink:0;"],s))));exports.StyledLabelWrapper=c,exports.StyledProgressBar=p,exports.StyledProgressTracker=l,exports.StyledValue=d,exports.StyledValuesWrapper=i;

package/lib/components/radio-button/radio-button-group/radio-button-group.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function a(e){return e&&e.__esModule?e:{default:e}}const o={small:{gap:"var(--global-space-comp-s)"},medium:{gap:"var(--global-space-comp-m)"},large:{gap:"var(--global-space-comp-l)"}},l=a(e).default.div.withConfig({displayName:"radio-button-group.style__StyledRadioButtonGroupContent",componentId:"carbon_v161_22_0__sc-a23ec9a0-0"})(["",""],(({$size:a,$inline:l})=>e.css(["display:flex;flex-direction:column;gap:",";",""],o[a].gap,l&&e.css(["flex-direction:row;gap:var(--global-space-comp-l);"]))));exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function a(e){return e&&e.__esModule?e:{default:e}}const o={small:{gap:"var(--global-space-comp-s)"},medium:{gap:"var(--global-space-comp-m)"},large:{gap:"var(--global-space-comp-l)"}},l=a(e).default.div.withConfig({displayName:"radio-button-group.style__StyledRadioButtonGroupContent",componentId:"carbon_v161_23_0__sc-a23ec9a0-0"})(["",""],(({$size:a,$inline:l})=>e.css(["display:flex;flex-direction:column;gap:",";",""],o[a].gap,l&&e.css(["flex-direction:row;gap:var(--global-space-comp-l);"]))));exports.default=l;

package/lib/components/radio-button/radio-button.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("styled-system"),l=require("../../__internal__/checkable-input/hidden-checkable-input.style.js"),r=require("../../style/themes/apply-base-theme.js"),t=require("../../style/utils/add-focus-styling.js");function i(e){return e&&e.__esModule?e:{default:e}}const o={small:{svgSize:"var(--global-size-3-xs)",labelFont:"var(--global-font-static-comp-regular-s)"},medium:{svgSize:"var(--global-size-xs)",labelFont:"var(--global-font-static-comp-regular-m)"},large:{svgSize:"var(--global-size-s)",labelFont:"var(--global-font-static-comp-regular-l)"}},s=i(e).default.div.attrs(r.default).withConfig({displayName:"radio-button.style__RadioButtonStyle",componentId:"carbon_v161_22_0__sc-366f4294-0"})([""," ",";"],(({$isDisabled:a,$size:r,$error:i})=>e.css([".checkable-label{font:",';}[data-role="checkable-input-svg-wrapper"],svg{border-radius:var(--global-radius-action-circle);}',"{position:absolute;box-sizing:border-box;min-height:var(--global-size-xs);}",',[data-role="checkable-input-svg-wrapper"],svg{height:',";width:",";}svg{box-sizing:border-box;background-color:var(--input-typical-bg-default);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);","}",':checked + [data-role="checkable-input-svg-wrapper"] circle{fill:var(--input-typical-icon-active);}',':not([disabled]){&:focus + [data-role="checkable-input-svg-wrapper"]{',"}}",""],o[r].labelFont,l.default,l.default,o[r].svgSize,o[r].svgSize,!a&&i&&e.css(["border:var(--global-borderwidth-s) solid var(--input-validation-border-error);"]),l.default,l.default,t.default(),a&&e.css(["svg{border-color:var(--input-typical-border-disabled);background-color:var(--input-typical-bg-disabled);}circle{fill:var(--input-typical-bg-disabled);}",':checked + [data-role="checkable-input-svg-wrapper"] circle{fill:var(--input-typical-icon-disabled);}'],l.default))),a.margin);exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("styled-system"),l=require("../../__internal__/checkable-input/hidden-checkable-input.style.js"),r=require("../../style/themes/apply-base-theme.js"),t=require("../../style/utils/add-focus-styling.js");function i(e){return e&&e.__esModule?e:{default:e}}const o={small:{svgSize:"var(--global-size-3-xs)",labelFont:"var(--global-font-static-comp-regular-s)"},medium:{svgSize:"var(--global-size-xs)",labelFont:"var(--global-font-static-comp-regular-m)"},large:{svgSize:"var(--global-size-s)",labelFont:"var(--global-font-static-comp-regular-l)"}},s=i(e).default.div.attrs(r.default).withConfig({displayName:"radio-button.style__RadioButtonStyle",componentId:"carbon_v161_23_0__sc-366f4294-0"})([""," ",";"],(({$isDisabled:a,$size:r,$error:i})=>e.css([".checkable-label{font:",';}[data-role="checkable-input-svg-wrapper"],svg{border-radius:var(--global-radius-action-circle);}',"{position:absolute;box-sizing:border-box;min-height:var(--global-size-xs);}",',[data-role="checkable-input-svg-wrapper"],svg{height:',";width:",";}svg{box-sizing:border-box;background-color:var(--input-typical-bg-default);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);","}",':checked + [data-role="checkable-input-svg-wrapper"] circle{fill:var(--input-typical-icon-active);}',':not([disabled]){&:focus + [data-role="checkable-input-svg-wrapper"]{',"}}",""],o[r].labelFont,l.default,l.default,o[r].svgSize,o[r].svgSize,!a&&i&&e.css(["border:var(--global-borderwidth-s) solid var(--input-validation-border-error);"]),l.default,l.default,t.default(),a&&e.css(["svg{border-color:var(--input-typical-border-disabled);background-color:var(--input-typical-bg-disabled);}circle{fill:var(--input-typical-bg-disabled);}",':checked + [data-role="checkable-input-svg-wrapper"] circle{fill:var(--input-typical-icon-disabled);}'],l.default))),a.margin);exports.default=s;

package/lib/components/search/__internal__/legacy/search-button.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("../../../button/button.style.js"),t=require("../../../icon/icon.style.js"),e=require("../../../../style/themes/apply-base-theme.js");function a(o){return o&&o.__esModule?o:{default:o}}var n=a(o);const d=n.default.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"carbon_v161_22_0__sc-232ba56c-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t.default),s=n.default.div.attrs(e.default).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"carbon_v161_22_0__sc-232ba56c-1"})(["display:flex;align-self:end;border-bottom:none;min-width:fit-content;&&& ","{color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorTransparent);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);:hover{border-color:var(--colorsActionMajorTransparent);}width:fit-content;","","{color:var(--colorsActionMajorYang100);}margin:0px 0px;padding-bottom:3px;:focus{z-index:1;}}"],r.default,t.default,t.default);exports.StyledButtonIcon=d,exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("../../../button/button.style.js"),t=require("../../../icon/icon.style.js"),e=require("../../../../style/themes/apply-base-theme.js");function a(o){return o&&o.__esModule?o:{default:o}}var n=a(o);const d=n.default.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"carbon_v161_23_0__sc-232ba56c-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t.default),s=n.default.div.attrs(e.default).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"carbon_v161_23_0__sc-232ba56c-1"})(["display:flex;align-self:end;border-bottom:none;min-width:fit-content;&&& ","{color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorTransparent);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);:hover{border-color:var(--colorsActionMajorTransparent);}width:fit-content;","","{color:var(--colorsActionMajorYang100);}margin:0px 0px;padding-bottom:3px;:focus{z-index:1;}}"],r.default,t.default,t.default);exports.StyledButtonIcon=d,exports.default=s;

package/lib/components/search/__internal__/legacy/search.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-system"),o=require("styled-components"),t=require("../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),e=require("../../../icon/icon.style.js"),a=require("../../../../style/themes/apply-base-theme.js"),s=require("../../../../__internal__/form-field/form-field.style.js");function i(r){return r&&r.__esModule?r:{default:r}}const l=i(o).default.div.attrs(a.default).withConfig({displayName:"search.style__StyledSearch",componentId:"carbon_v161_22_0__sc-a8478a22-0"})(["",""],(({isFocused:a,searchWidth:i,maxWidth:l,searchHasValue:n,showSearchButton:c,variant:d})=>{const u="dark"===d,m=u?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)";return o.css(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;align-items:center;font-size:var(--fontSize100);"," ","{flex:1;}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],r.margin,i?`${i}`:"100%",l?`${l}`:"100%",!c&&o.css(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],m,u?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(n||a)&&o.css(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),s.default,e.default,u&&!c&&o.css(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!u&&o.css(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),t.default,n&&o.css(["margin-bottom:-1px;"]))}));exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-system"),o=require("styled-components"),t=require("../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),e=require("../../../icon/icon.style.js"),a=require("../../../../style/themes/apply-base-theme.js"),s=require("../../../../__internal__/form-field/form-field.style.js");function i(r){return r&&r.__esModule?r:{default:r}}const l=i(o).default.div.attrs(a.default).withConfig({displayName:"search.style__StyledSearch",componentId:"carbon_v161_23_0__sc-a8478a22-0"})(["",""],(({isFocused:a,searchWidth:i,maxWidth:l,searchHasValue:n,showSearchButton:c,variant:d})=>{const u="dark"===d,m=u?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)";return o.css(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;align-items:center;font-size:var(--fontSize100);"," ","{flex:1;}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],r.margin,i?`${i}`:"100%",l?`${l}`:"100%",!c&&o.css(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],m,u?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(n||a)&&o.css(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),s.default,e.default,u&&!c&&o.css(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!u&&o.css(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),t.default,n&&o.css(["margin-bottom:-1px;"]))}));exports.default=l;

package/lib/components/search/__internal__/results-announcement.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("../../../style/utils/visually-hidden.js"),u=require("../../../hooks/__internal__/useDebounce/useDebounce.js");function s(e){return e&&e.__esModule?e:{default:e}}const a=s(r).default.div.withConfig({displayName:"results-announcement.component__ResultsAnnouncementContainer",componentId:"carbon_v161_22_0__sc-acf99c7b-0"})(["",""],n.default);exports.default=({announcement:r,searchValue:n,delay:s=1500})=>{const[i,o]=t.useState(""),[c,l]=t.useState(!1),d=t.useRef(!1),_=u.default((e=>{o(e),l((e=>!e))}),s);return t.useEffect((()=>r?d.current?void _(r):(o(r),l((e=>!e)),void(d.current=!0)):(_.cancel(),o(""),void(d.current=!1))),[r,n,_]),e.jsxs(a,{children:[e.jsx("div",{role:"status","aria-live":"polite","aria-atomic":"true",children:c?i:""}),e.jsx("div",{role:"status","aria-live":"polite","aria-atomic":"true",children:c?"":i})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("../../../style/utils/visually-hidden.js"),u=require("../../../hooks/__internal__/useDebounce/useDebounce.js");function s(e){return e&&e.__esModule?e:{default:e}}const a=s(r).default.div.withConfig({displayName:"results-announcement.component__ResultsAnnouncementContainer",componentId:"carbon_v161_23_0__sc-acf99c7b-0"})(["",""],n.default);exports.default=({announcement:r,searchValue:n,delay:s=1500})=>{const[i,o]=t.useState(""),[c,l]=t.useState(!1),d=t.useRef(!1),_=u.default((e=>{o(e),l((e=>!e))}),s);return t.useEffect((()=>r?d.current?void _(r):(o(r),l((e=>!e)),void(d.current=!0)):(_.cancel(),o(""),void(d.current=!1))),[r,n,_]),e.jsxs(a,{children:[e.jsx("div",{role:"status","aria-live":"polite","aria-atomic":"true",children:c?i:""}),e.jsx("div",{role:"status","aria-live":"polite","aria-atomic":"true",children:c?"":i})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("styled-components"),r=require("invariant"),i=require("../../__internal__/utils/helpers/tags/tags.js"),o=require("../button/__next__/button.component.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),l=require("../divider/divider.component.js"),s=require("../textbox/__internal__/__next__/text-input.component.js"),u=require("../menu/__internal__/menu.context.js"),c=require("../../__internal__/popover-menu/popover-menu.component.js"),d=require("../../__internal__/popover-menu/menu-item/menu-item.component.js"),m=require("../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js"),p=require("../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js"),h=require("../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js"),v=require("../../__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js"),f=require("../../__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js"),_=require("../../__internal__/utils/helpers/combine-refs/index.js"),b=require("./__internal__/legacy/search.component.js"),g=require("./__internal__/results-announcement.component.js"),j=require("../../__internal__/utils/helpers/guid/index.js");function x(e){return e&&e.__esModule?e:{default:e}}var y=x(n),O=x(t),w=x(r);function P(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function C(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){P(e,n,t[n])}))}return e}function q(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}const k=O.default.span.withConfig({displayName:"search.component__AssistiveHint",componentId:"carbon_v161_22_0__sc-837ccfa7-0"})(["display:none;"]),L=O.default.strong.withConfig({displayName:"search.component__HighlightedMatch",componentId:"carbon_v161_22_0__sc-837ccfa7-1"})(["&&&&{","}"],(({$size:e})=>`font: var(--global-font-static-comp-medium-${(null==e?void 0:e.charAt(0))||"m"});`)),D=y.default.forwardRef(((t,r)=>{var{onChange:x,onClick:O,triggerOnClear:P,value:D,id:B,name:I,label:S,placeholder:E,searchButtonDataProps:M,open:W,maxHeight:R,minQueryLength:N,listData:T,onListItemSelect:A,onClose:H,searchButtonAriaLabel:z,"aria-label":$,variant:F,inverse:K,error:Q,size:U,inputWidth:V,searchButton:G,searchWidth:J,maxWidth:X,tabIndex:Y,validationMessagePositionTop:Z=!0,tooltipPosition:ee,warning:ne,className:te,onKeyDown:re}=t,ie=function(e,n){if(null==e)return{};var t,r,i=function(e,n){if(null==e)return{};var t,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(t,["onChange","onClick","triggerOnClear","value","id","name","label","placeholder","searchButtonDataProps","open","maxHeight","minQueryLength","listData","onListItemSelect","onClose","searchButtonAriaLabel","aria-label","variant","inverse","error","size","inputWidth","searchButton","searchWidth","maxWidth","tabIndex","validationMessagePositionTop","tooltipPosition","warning","className","onKeyDown"]);const oe=a.default(),ae=n.useRef(j.default()),le=n.useRef(null),se=n.useRef(null),ue=n.useRef(null),ce=n.useRef(null),[de,me]=n.useState(),{inMenu:pe}=n.useContext(u.default);n.useImperativeHandle(r,(()=>({focus(){var e,n;pe?null===(n=ce.current)||void 0===n||n.focus():null===(e=le.current)||void 0===e||e.focus()},focusButton(){var e;null===(e=ue.current)||void 0===e||e.focus()}})),[pe]),w.default("string"==typeof D,"This component has no initial value");const he=oe.search.searchButtonText();n.useEffect((()=>{if(!P||!O)return;const e=le.current;if(!e)return;const n={current:!1},t=e=>{n.current="Enter"===e.key},r=e=>{const t=e.target;t.value||n.current||O({target:q(C({},I&&{name:I},B&&{id:B}),{value:t.value})}),n.current=!1};return e.addEventListener("keydown",t),e.addEventListener("search",r),()=>{e.removeEventListener("keydown",t),e.removeEventListener("search",r)}}),[P,O,I,B]);const ve=null!=V?V:(e=>{if(!e)return;const n=Number.parseFloat(e);return Number.isNaN(n)?void 0:n})(J),fe={searchButton:G,searchWidth:J,tabIndex:Y,tooltipPosition:ee,warning:ne},_e=n.useMemo((()=>["search",K||"dark"===F?"inverse":void 0,Q?"error":void 0,te].filter(Boolean).join(" ")),[K,F,te,Q]),be=n.useMemo((()=>{var e;return null!==(e=null==T?void 0:T.flatMap((e=>e.items.filter((e=>!e.disabled)))))&&void 0!==e?e:[]}),[T]),ge=n.useCallback((e=>{if(null==re||re(e),!W||0===be.length)return;const n=be.findIndex((e=>e.value===de));if("ArrowDown"!==e.key)if("ArrowUp"!==e.key)"Home"!==e.key?"End"===e.key&&me(be[be.length-1].value):me(be[0].value);else{const e=-1===n?be.length-1:(n-1+be.length)%be.length;me(be[e].value)}else{const e=-1===n?0:(n+1)%be.length;me(be[e].value)}}),[be,de,re,W]);n.useEffect((()=>{W||me(void 0)}),[W]),n.useEffect((()=>{de&&!be.some((e=>e.value===de))&&me(void 0)}),[be,de]);const je=({ref:n,containerRef:t,popoverControlProps:r,inputWidthOverride:a}={})=>e.jsx(s.TextInput,q(C(q(C({},ie,i.default("search",ie)),{validationMessagePositionTop:Z,className:_e,id:B,name:I,type:"search",label:S||"",onChange:x,onKeyDown:ge,value:D,size:U,inputWidth:null!=a?a:ve,maxWidth:X,error:Q,"aria-label":$||(S?void 0:oe.search.searchButtonText()),ref:_.default(n,le),containerRef:t}),r,r&&{"aria-describedby":ae.current}),{inputIcon:e.jsxs(e.Fragment,{children:[e.jsx(l.Divider,{"aria-hidden":!0,"data-role":"search-divider",height:`calc(100% - var(--global-space-comp-${(null==U?void 0:U.charAt(0))||"m"}))`,p:0,type:"vertical"}),e.jsx(o.Button,C({ref:ue,"aria-label":z||he,className:"search-button",iconType:"search",inverse:K,size:U,variant:"default",variantType:"subtle"},i.default(`${he}-button`,C({"data-element":`${he}-button`},M)),O&&{onClick:()=>O({target:{name:I,id:B,value:D}})}))]})})),xe=je(),ye=(n,t)=>{if(!t)return n;const r=n.toLowerCase(),i=t.toLowerCase(),o=r.indexOf(i);if(-1===o)return n;const a=o+t.length;return e.jsxs(e.Fragment,{children:[n.slice(0,o),e.jsx(L,{$size:U,children:n.slice(o,a)}),n.slice(a)]})},Oe=n.useMemo((()=>(null==T?void 0:T.reduce(((e,n)=>e+n.items.length),0))||0),[T]),we=n.useMemo((()=>{var e,n;const t=null!=N?N:3;return 0===D.length?"":D.length<t?null===(r=(i=oe.search).queryTooShort)||void 0===r?void 0:r.call(i,t):0===Oe?null===(o=(a=oe.search).noResults)||void 0===o?void 0:o.call(a):null===(e=(n=oe.search).results)||void 0===e?void 0:e.call(n,Oe);var r,i,o,a}),[oe,N,Oe,D]);return pe?e.jsx(b.Search,q(C({},ie,fe),{onChange:x,onKeyDown:re,value:D,id:B,error:Q,placeholder:E,name:I,label:S,variant:F,"aria-label":$,searchButtonAriaLabel:z,searchButtonDataProps:M,triggerOnClear:P,onClick:O,ref:ce})):void 0===W?xe:e.jsx(c.default,{open:W,maxHeight:R,size:U,controlReference:se,listboxAriaLabel:null!=$?$:"string"==typeof S?S:void 0,controlWrapperStyle:void 0!==ve?{width:`${ve}%`}:{width:"100%"},onClose:(e,n)=>null==H?void 0:H(e,n),popoverControl:(n,t)=>{var r,i;return e.jsxs(e.Fragment,{children:[je({ref:n,containerRef:se,popoverControlProps:t,inputWidthOverride:100}),e.jsx(k,{id:ae.current,children:null===(r=(i=oe.search).assistiveHint)||void 0===r?void 0:r.call(i)}),e.jsx(g.default,{announcement:we,searchValue:D})]})},children:null==T?void 0:T.map(((n,t)=>e.jsxs(y.default.Fragment,{children:[t>0&&e.jsx(v.default,{}),e.jsx(f.default,{text:n.heading,icon:n.icon,children:n.items.map((n=>{const{value:t,id:r,disabled:i,label:o,labelPrefix:a,subtext:l,selectedIcon:s,leading:u,onClick:c}=n,v=de===t;return e.jsxs(d.default,{id:r,disabled:i,selected:v,onClick:e=>{null==A||A(t),null==c||c(e,t),null==H||H(void 0,t)},children:[e.jsx(m.default,{selectedIcon:!!s&&v,children:u}),e.jsx(p.default,{prefix:a,children:ye(o,D)}),l&&e.jsx(h.default,{children:l})]},t)}))})]},n.heading)))})}));exports.Search=D,exports.default=D;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("styled-components"),r=require("invariant"),i=require("../../__internal__/utils/helpers/tags/tags.js"),o=require("../button/__next__/button.component.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),l=require("../divider/divider.component.js"),s=require("../textbox/__internal__/__next__/text-input.component.js"),u=require("../menu/__internal__/menu.context.js"),c=require("../../__internal__/popover-menu/popover-menu.component.js"),d=require("../../__internal__/popover-menu/menu-item/menu-item.component.js"),m=require("../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js"),p=require("../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js"),h=require("../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js"),v=require("../../__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js"),f=require("../../__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js"),_=require("../../__internal__/utils/helpers/combine-refs/index.js"),b=require("./__internal__/legacy/search.component.js"),g=require("./__internal__/results-announcement.component.js"),j=require("../../__internal__/utils/helpers/guid/index.js");function x(e){return e&&e.__esModule?e:{default:e}}var y=x(n),O=x(t),w=x(r);function P(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function C(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){P(e,n,t[n])}))}return e}function q(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}const k=O.default.span.withConfig({displayName:"search.component__AssistiveHint",componentId:"carbon_v161_23_0__sc-837ccfa7-0"})(["display:none;"]),L=O.default.strong.withConfig({displayName:"search.component__HighlightedMatch",componentId:"carbon_v161_23_0__sc-837ccfa7-1"})(["&&&&{","}"],(({$size:e})=>`font: var(--global-font-static-comp-medium-${(null==e?void 0:e.charAt(0))||"m"});`)),D=y.default.forwardRef(((t,r)=>{var{onChange:x,onClick:O,triggerOnClear:P,value:D,id:B,name:I,label:S,placeholder:E,searchButtonDataProps:M,open:W,maxHeight:R,minQueryLength:N,listData:T,onListItemSelect:A,onClose:H,searchButtonAriaLabel:z,"aria-label":$,variant:F,inverse:K,error:Q,size:U,inputWidth:V,searchButton:G,searchWidth:J,maxWidth:X,tabIndex:Y,validationMessagePositionTop:Z=!0,tooltipPosition:ee,warning:ne,className:te,onKeyDown:re}=t,ie=function(e,n){if(null==e)return{};var t,r,i=function(e,n){if(null==e)return{};var t,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(t,["onChange","onClick","triggerOnClear","value","id","name","label","placeholder","searchButtonDataProps","open","maxHeight","minQueryLength","listData","onListItemSelect","onClose","searchButtonAriaLabel","aria-label","variant","inverse","error","size","inputWidth","searchButton","searchWidth","maxWidth","tabIndex","validationMessagePositionTop","tooltipPosition","warning","className","onKeyDown"]);const oe=a.default(),ae=n.useRef(j.default()),le=n.useRef(null),se=n.useRef(null),ue=n.useRef(null),ce=n.useRef(null),[de,me]=n.useState(),{inMenu:pe}=n.useContext(u.default);n.useImperativeHandle(r,(()=>({focus(){var e,n;pe?null===(n=ce.current)||void 0===n||n.focus():null===(e=le.current)||void 0===e||e.focus()},focusButton(){var e;null===(e=ue.current)||void 0===e||e.focus()}})),[pe]),w.default("string"==typeof D,"This component has no initial value");const he=oe.search.searchButtonText();n.useEffect((()=>{if(!P||!O)return;const e=le.current;if(!e)return;const n={current:!1},t=e=>{n.current="Enter"===e.key},r=e=>{const t=e.target;t.value||n.current||O({target:q(C({},I&&{name:I},B&&{id:B}),{value:t.value})}),n.current=!1};return e.addEventListener("keydown",t),e.addEventListener("search",r),()=>{e.removeEventListener("keydown",t),e.removeEventListener("search",r)}}),[P,O,I,B]);const ve=null!=V?V:(e=>{if(!e)return;const n=Number.parseFloat(e);return Number.isNaN(n)?void 0:n})(J),fe={searchButton:G,searchWidth:J,tabIndex:Y,tooltipPosition:ee,warning:ne},_e=n.useMemo((()=>["search",K||"dark"===F?"inverse":void 0,Q?"error":void 0,te].filter(Boolean).join(" ")),[K,F,te,Q]),be=n.useMemo((()=>{var e;return null!==(e=null==T?void 0:T.flatMap((e=>e.items.filter((e=>!e.disabled)))))&&void 0!==e?e:[]}),[T]),ge=n.useCallback((e=>{if(null==re||re(e),!W||0===be.length)return;const n=be.findIndex((e=>e.value===de));if("ArrowDown"!==e.key)if("ArrowUp"!==e.key)"Home"!==e.key?"End"===e.key&&me(be[be.length-1].value):me(be[0].value);else{const e=-1===n?be.length-1:(n-1+be.length)%be.length;me(be[e].value)}else{const e=-1===n?0:(n+1)%be.length;me(be[e].value)}}),[be,de,re,W]);n.useEffect((()=>{W||me(void 0)}),[W]),n.useEffect((()=>{de&&!be.some((e=>e.value===de))&&me(void 0)}),[be,de]);const je=({ref:n,containerRef:t,popoverControlProps:r,inputWidthOverride:a}={})=>e.jsx(s.TextInput,q(C(q(C({},ie,i.default("search",ie)),{validationMessagePositionTop:Z,className:_e,id:B,name:I,type:"search",label:S||"",onChange:x,onKeyDown:ge,value:D,size:U,inputWidth:null!=a?a:ve,maxWidth:X,error:Q,"aria-label":$||(S?void 0:oe.search.searchButtonText()),ref:_.default(n,le),containerRef:t}),r,r&&{"aria-describedby":ae.current}),{inputIcon:e.jsxs(e.Fragment,{children:[e.jsx(l.Divider,{"aria-hidden":!0,"data-role":"search-divider",height:`calc(100% - var(--global-space-comp-${(null==U?void 0:U.charAt(0))||"m"}))`,p:0,type:"vertical"}),e.jsx(o.Button,C({ref:ue,"aria-label":z||he,className:"search-button",iconType:"search",inverse:K,size:U,variant:"default",variantType:"subtle"},i.default(`${he}-button`,C({"data-element":`${he}-button`},M)),O&&{onClick:()=>O({target:{name:I,id:B,value:D}})}))]})})),xe=je(),ye=(n,t)=>{if(!t)return n;const r=n.toLowerCase(),i=t.toLowerCase(),o=r.indexOf(i);if(-1===o)return n;const a=o+t.length;return e.jsxs(e.Fragment,{children:[n.slice(0,o),e.jsx(L,{$size:U,children:n.slice(o,a)}),n.slice(a)]})},Oe=n.useMemo((()=>(null==T?void 0:T.reduce(((e,n)=>e+n.items.length),0))||0),[T]),we=n.useMemo((()=>{var e,n;const t=null!=N?N:3;return 0===D.length?"":D.length<t?null===(r=(i=oe.search).queryTooShort)||void 0===r?void 0:r.call(i,t):0===Oe?null===(o=(a=oe.search).noResults)||void 0===o?void 0:o.call(a):null===(e=(n=oe.search).results)||void 0===e?void 0:e.call(n,Oe);var r,i,o,a}),[oe,N,Oe,D]);return pe?e.jsx(b.Search,q(C({},ie,fe),{onChange:x,onKeyDown:re,value:D,id:B,error:Q,placeholder:E,name:I,label:S,variant:F,"aria-label":$,searchButtonAriaLabel:z,searchButtonDataProps:M,triggerOnClear:P,onClick:O,ref:ce})):void 0===W?xe:e.jsx(c.default,{open:W,maxHeight:R,size:U,controlReference:se,listboxAriaLabel:null!=$?$:"string"==typeof S?S:void 0,controlWrapperStyle:void 0!==ve?{width:`${ve}%`}:{width:"100%"},onClose:(e,n)=>null==H?void 0:H(e,n),popoverControl:(n,t)=>{var r,i;return e.jsxs(e.Fragment,{children:[je({ref:n,containerRef:se,popoverControlProps:t,inputWidthOverride:100}),e.jsx(k,{id:ae.current,children:null===(r=(i=oe.search).assistiveHint)||void 0===r?void 0:r.call(i)}),e.jsx(g.default,{announcement:we,searchValue:D})]})},children:null==T?void 0:T.map(((n,t)=>e.jsxs(y.default.Fragment,{children:[t>0&&e.jsx(v.default,{}),e.jsx(f.default,{text:n.heading,icon:n.icon,children:n.items.map((n=>{const{value:t,id:r,disabled:i,label:o,labelPrefix:a,subtext:l,selectedIcon:s,leading:u,onClick:c}=n,v=de===t;return e.jsxs(d.default,{id:r,disabled:i,selected:v,onClick:e=>{null==A||A(t),null==c||c(e,t),null==H||H(void 0,t)},children:[e.jsx(m.default,{selectedIcon:!!s&&v,children:u}),e.jsx(p.default,{prefix:a,children:ye(o,D)}),l&&e.jsx(h.default,{children:l})]},t)}))})]},n.heading)))})}));exports.Search=D,exports.default=D;

package/lib/components/select/__internal__/list-action-button/list-action-button.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),o=require("../../../button/button.style.js");function e(t){return t&&t.__esModule?t:{default:t}}const r=e(t).default.div.withConfig({displayName:"list-action-button.style__StyledListActionButtonWrapper",componentId:"carbon_v161_22_0__sc-7af8ee4c-0"})(["padding-top:var(--spacing100);padding-bottom:var(--spacing100);border-top:1px solid var(--colorsUtilityDisabled600);box-shadow:0 0px 0 0 rgba(0,0,0,0),0 -8px 8px 0 rgba(0,0,0,0.03);width:100%;position:sticky;bottom:0;background-color:inherit;border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);","{border:none;justify-content:left;padding-left:var(--spacing200);padding-right:var(--spacing200);}"],o.default);exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),o=require("../../../button/button.style.js");function e(t){return t&&t.__esModule?t:{default:t}}const r=e(t).default.div.withConfig({displayName:"list-action-button.style__StyledListActionButtonWrapper",componentId:"carbon_v161_23_0__sc-7af8ee4c-0"})(["padding-top:var(--spacing100);padding-bottom:var(--spacing100);border-top:1px solid var(--colorsUtilityDisabled600);box-shadow:0 0px 0 0 rgba(0,0,0,0),0 -8px 8px 0 rgba(0,0,0,0.03);width:100%;position:sticky;bottom:0;background-color:inherit;border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);","{border:none;justify-content:left;padding-left:var(--spacing200);padding-right:var(--spacing200);}"],o.default);exports.default=r;

package/lib/components/select/__internal__/select-list/select-list.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("@floating-ui/dom"),r=require("@tanstack/react-virtual"),n=require("lodash/findLastIndex"),i=require("lodash/debounce"),o=require("../../../../hooks/__internal__/useScrollBlock/useScrollBlock.js"),a=require("../../../../hooks/__internal__/useModalManager/useModalManager.js"),s=require("./select-list.style.js"),u=require("../../../../__internal__/popover/popover.component.js"),c=require("../../option-row/option-row.component.js"),d=require("../utils/get-next-child-by-text.js"),f=require("../utils/get-next-index-by-key.js"),p=require("../utils/is-navigation-key.js"),b=require("../list-action-button/list-action-button.component.js"),v=require("../../../loader/loader.component.js"),m=require("../../option/option.component.js"),y=require("./select-list.context.js");function h(e){return e&&e.__esModule?e:{default:e}}var g=h(t),x=h(n),j=h(i);function O(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function S(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{},r=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),r.forEach((function(t){O(e,t,l[t])}))}return e}function E(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 l=Object.getOwnPropertySymbols(e);t.push.apply(t,l)}return t}(Object(t)).forEach((function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(t,l))})),e}const k={behavior:"auto",align:"end"},w=g.default.forwardRef(((n,i)=>{var{listMaxHeight:h=180,listActionButton:O,id:w,labelId:L,children:C,onSelect:P,onSelectListClose:q,filterText:T,anchorElement:_,highlightedValue:V,onListAction:M,isLoading:B,onListScrollBottom:I,multiColumn:H,tableHeader:R,listPlacement:A="bottom",flipEnabled:D=!0,isOpen:z,multiselectValues:W,enableVirtualScroll:K,virtualScrollOverscan:$=5,listWidth:F}=n,N=function(e,t){if(null==e)return{};var l,r,n=function(e,t){if(null==e)return{};var l,r,n={},i=Object.keys(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||(n[l]=e[l]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}(n,["listMaxHeight","listActionButton","id","labelId","children","onSelect","onSelectListClose","filterText","anchorElement","highlightedValue","onListAction","isLoading","onListScrollBottom","multiColumn","tableHeader","listPlacement","flipEnabled","isOpen","multiselectValues","enableVirtualScroll","virtualScrollOverscan","listWidth"]);const[U,Y]=t.useState(-1),[G,J]=t.useState(0),Q=t.useRef(""),X=t.useRef(null),Z=t.useRef(null),ee=t.useRef(null),te=t.useRef(null),{blockScroll:le,allowScroll:re}=o.default(),ne=t.useRef(0),ie=K?$:g.default.Children.count(C),oe=r.useVirtualizer({count:g.default.Children.toArray(C).filter((e=>Boolean(e))).length,getScrollElement:()=>z?i.current:null,estimateSize:()=>40,overscan:ie,paddingStart:H?48:0,scrollPaddingEnd:ne.current,rangeExtractor:e=>{const t=r.defaultRangeExtractor(e);return-1===U||t.includes(U)||t.push(U),t}});t.useEffect((()=>{if(!z)return;const e=U>-1?U:0;oe.scrollToIndex(e,k)}),[U,z,oe]);const ae=oe.getVirtualItems(),se=t.useMemo((()=>g.default.Children.toArray(C)),[C]),ue=t.useCallback((e=>se.findIndex((t=>{return t.props.value&&"object"==typeof e?(l=t.props.value,r=e,Object.keys(l).every((e=>l[e]===r[e]))):g.default.isValidElement(t)&&t.props.value===e;var l,r}))),[se]);if(0===ae.length){const e=V?ue(V):U;e>-1&&ae.push({index:e})}const ce=oe.getTotalSize(),de=0===ce?1:ce;t.useEffect((()=>(z&&le(),()=>{z&&re()})),[re,le,z]),t.useLayoutEffect((()=>{H&&J(Z.current?Z.current.offsetWidth-Z.current.clientWidth:0)}),[H]);const fe=t.useMemo((()=>({current:_||null})),[_]),pe=t.useCallback((e=>{var t,l,r;P({id:null!==(t=e.id)&&void 0!==t?t:"",text:null!==(l=e.text)&&void 0!==l?l:"",value:null!==(r=e.value)&&void 0!==r?r:"",selectionType:"click",selectionConfirmed:!0})}),[P]),be=t.useRef(Array.from({length:g.default.Children.count(C)})),ve=t.useMemo((()=>se.filter((e=>g.default.isValidElement(e)&&(e.type===m.default||e.type===c.default)))),[se]),{measureElement:me}=oe,ye=ae.filter((e=>void 0!==e)).map((({index:e,start:t})=>{const l=se[e],r=ve.indexOf(l),n=r>-1,i={index:e,onSelect:pe,hidden:B&&1===se.length,style:{transform:`translateY(${t}px)`},"aria-setsize":n?ve.length:void 0,"aria-posinset":n?r+1:void 0,ref:t=>{z&&me(t),be.current[e]=t},"data-index":e};return void 0!==l?g.default.cloneElement(l,i):null})).filter((e=>null!==e)),he=x.default(se,(e=>g.default.isValidElement(e)&&(e.type===m.default||e.type===c.default))),ge=t.useCallback(((e,t)=>{const l=he;if(-1===l)return-1;let r=f.default(e,t,l,B);const n=se[r];return(g.default.isValidElement(n)&&n.type!==m.default&&n.type!==c.default||n.props.disabled)&&(r=ge(e,r)),r}),[se,he,B]),xe=t.useCallback((e=>{var t;let l=U;V&&(l=ue(V));const r=ge(e,l);if(-1===r||l===r)return;const{text:n,value:i}=se[r].props;P({id:null===(t=be.current[r])||void 0===t?void 0:t.id,text:null!=n?n:"",value:null!=i?i:"",selectionType:"navigationKey",selectionConfirmed:!1})}),[se,U,ue,ge,V,P]),je=t.useCallback(((e,t)=>{var l;t?q():(e.preventDefault(),null===(l=te.current)||void 0===l||l.focus())}),[q]),Oe=t.useCallback((()=>{_&&_.getElementsByTagName("input")[0].focus()}),[_]),Se=t.useCallback((e=>{if(!z)return;const{key:t}=e,l=document.activeElement===te.current;if("Tab"===t&&O)je(e,l);else if("Tab"===t)q();else if("Enter"!==t||l)p.default(t)&&(Oe(),xe(t));else{var r;e.preventDefault();const t=se[U];if(!g.default.isValidElement(t))return q(),void P({id:"",text:"",value:"",selectionType:"enterKey",selectionConfirmed:!1});if(t.props.disabled)return;const{text:l,value:n}=t.props;P({id:null===(r=be.current[U])||void 0===r?void 0:r.id,text:null!=l?l:"",value:null!=n?n:"",selectionType:"enterKey",selectionConfirmed:!0})}}),[se,O,je,q,U,P,xe,Oe,z]),Ee=t.useCallback((e=>{"Escape"===e.key&&q()}),[q]);a.default({open:!!z,closeModal:Ee,modalRef:X,triggerRefocusOnClose:!1}),t.useEffect((()=>{const e=i.current,t=j.default((e=>{const t=e.target;z&&t.scrollHeight-t.scrollTop===t.clientHeight&&(null==I||I())}),300);return null==e||e.addEventListener("scroll",t),()=>{null==e||e.removeEventListener("scroll",t)}}),[z,i,I]),t.useEffect((()=>(window.addEventListener("keydown",Se),function(){window.removeEventListener("keydown",Se)})),[Se,i]),t.useEffect((()=>{T&&T!==Q.current?(Q.current=T,Y((e=>{const t=d.default(T,se,e);if(!t)return-1;const l=ue(t.props.value);return oe.scrollToIndex(l,k),l}))):Q.current=T||""}),[se,T,ue,oe]),t.useEffect((()=>{if(!(V&&0!==Object.keys(V).length||z))return void Y(-1);const e=ue(V);-1!==e&&Y(e)}),[ue,V,z]),t.useEffect((()=>{B&&U===he&&he>-1&&oe.scrollToIndex(he,E(S({},k),{align:"start"}))}),[C,U,B,he,i,oe]);const ke=t.useMemo((()=>[l.offset(3),l.size({apply({rects:e,elements:t}){Object.assign(t.floating.style,{width:`${null!=F?F:e.reference.width}px`})}}),...D?[l.flip({fallbackStrategy:"initialPlacement"})]:[]]),[F,D]),we=B?e.jsx(s.StyledSelectLoaderContainer,{children:e.jsx(v.Loader,{"data-role":"select-list-loader"})},"loader"):void 0;let Le=ye;const Ce={role:"listbox",id:w,"aria-labelledby":L,"aria-multiselectable":!!W||void 0};return t.useLayoutEffect((()=>{var e,t;O&&z&&(ne.current=(null===(t=te.current)||void 0===t||null===(e=t.parentElement)||void 0===e?void 0:e.offsetHeight)||0)}),[O,z]),H&&(Le=e.jsxs(s.StyledSelectListTable,{children:[e.jsx(s.StyledSelectListTableHeader,{scrollbarWidth:G,children:R}),e.jsx(s.StyledSelectListTableBody,E(S({},Ce),{"aria-labelledby":L,ref:Z,listHeight:de-48,children:ye}))]})),e.jsx(y.default.Provider,{value:{currentOptionsListIndex:U,multiselectValues:W},children:e.jsx(u.default,{placement:A,disablePortal:!0,reference:fe,middleware:ke,isOpen:z,hide:!z,disableBackgroundUI:!0,animationFrame:!0,children:e.jsxs(s.StyledSelectListContainer,E(S({ref:ee,"data-element":"select-list-wrapper","data-role":"select-list-wrapper",isLoading:B},N),{children:[e.jsxs(s.StyledScrollableContainer,{ref:i,maxHeight:h,"data-component":"select-list-scrollable-container","data-element":"select-list-scrollable-container","data-role":"select-list-scrollable-container",hasActionButton:!!O,children:[e.jsx(s.StyledSelectList,E(S({as:H?"div":"ul","data-element":"select-list"},H?{}:Ce),{ref:X,tabIndex:-1,listHeight:H?void 0:de,children:Le})),we]}),O&&e.jsx(b.default,{ref:te,listActionButton:O,onListAction:M})]}))})})}));exports.default=w;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("@floating-ui/dom"),r=require("@tanstack/react-virtual"),n=require("lodash/findLastIndex"),i=require("lodash/debounce"),o=require("../../../../hooks/__internal__/useScrollBlock/useScrollBlock.js"),a=require("../../../../hooks/__internal__/useModalManager/useModalManager.js"),s=require("./select-list.style.js"),u=require("../../../../__internal__/popover/popover.component.js"),c=require("../../option-row/option-row.component.js"),d=require("../utils/get-next-child-by-text.js"),f=require("../utils/get-next-index-by-key.js"),p=require("../utils/is-navigation-key.js"),b=require("../list-action-button/list-action-button.component.js"),v=require("../../../loader/loader.component.js"),m=require("../../option/option.component.js"),y=require("./select-list.context.js");function h(e){return e&&e.__esModule?e:{default:e}}var g=h(t),x=h(n),j=h(i);function O(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function S(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{},r=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),r.forEach((function(t){O(e,t,l[t])}))}return e}function E(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 l=Object.getOwnPropertySymbols(e);t.push.apply(t,l)}return t}(Object(t)).forEach((function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(t,l))})),e}const k={behavior:"auto",align:"end"},w=g.default.forwardRef(((n,i)=>{var{listMaxHeight:h=180,listActionButton:O,id:w,labelId:L,children:C,onSelect:P,onSelectListClose:q,filterText:T,anchorElement:_,highlightedValue:V,onListAction:M,isLoading:B,onListScrollBottom:I,multiColumn:R,tableHeader:H,listPlacement:A="bottom",flipEnabled:D=!0,isOpen:z,multiselectValues:W,enableVirtualScroll:K,virtualScrollOverscan:$=5,listWidth:F}=n,N=function(e,t){if(null==e)return{};var l,r,n=function(e,t){if(null==e)return{};var l,r,n={},i=Object.keys(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||(n[l]=e[l]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}(n,["listMaxHeight","listActionButton","id","labelId","children","onSelect","onSelectListClose","filterText","anchorElement","highlightedValue","onListAction","isLoading","onListScrollBottom","multiColumn","tableHeader","listPlacement","flipEnabled","isOpen","multiselectValues","enableVirtualScroll","virtualScrollOverscan","listWidth"]);const[U,Y]=t.useState(-1),G=t.useRef(-1),[J,Q]=t.useState(0),X=t.useRef(""),Z=t.useRef(null),ee=t.useRef(null),te=t.useRef(null),le=t.useRef(null),{blockScroll:re,allowScroll:ne}=o.default(),ie=t.useRef(0),oe=K?$:g.default.Children.count(C),ae=r.useVirtualizer({count:g.default.Children.toArray(C).filter((e=>Boolean(e))).length,getScrollElement:()=>z?i.current:null,estimateSize:()=>40,overscan:oe,paddingStart:R?48:0,scrollPaddingEnd:ie.current,rangeExtractor:e=>{const t=r.defaultRangeExtractor(e);return-1===U||t.includes(U)||t.push(U),t}});t.useEffect((()=>{if(!z)return;const e=U>-1?U:0;ae.scrollToIndex(e,k)}),[U,z,ae]);const se=ae.getVirtualItems(),ue=t.useMemo((()=>g.default.Children.toArray(C)),[C]),ce=t.useCallback((e=>ue.findIndex((t=>{return t.props.value&&"object"==typeof e?(l=t.props.value,r=e,Object.keys(l).every((e=>l[e]===r[e]))):g.default.isValidElement(t)&&t.props.value===e;var l,r}))),[ue]);if(0===se.length){const e=V?ce(V):U;e>-1&&se.push({index:e})}const de=ae.getTotalSize(),fe=0===de?1:de;t.useEffect((()=>(z&&re(),()=>{z&&ne()})),[ne,re,z]),t.useLayoutEffect((()=>{R&&Q(ee.current?ee.current.offsetWidth-ee.current.clientWidth:0)}),[R]);const pe=t.useMemo((()=>({current:_||null})),[_]),be=t.useCallback((e=>{var t,l,r;P({id:null!==(t=e.id)&&void 0!==t?t:"",text:null!==(l=e.text)&&void 0!==l?l:"",value:null!==(r=e.value)&&void 0!==r?r:"",selectionType:"click",selectionConfirmed:!0})}),[P]),ve=t.useRef(Array.from({length:g.default.Children.count(C)})),me=t.useMemo((()=>ue.filter((e=>g.default.isValidElement(e)&&(e.type===m.default||e.type===c.default)))),[ue]),{measureElement:ye}=ae,he=se.filter((e=>void 0!==e)).map((({index:e,start:t})=>{const l=ue[e],r=me.indexOf(l),n=r>-1,i={index:e,onSelect:be,hidden:B&&1===ue.length,style:{transform:`translateY(${t}px)`},"aria-setsize":n?me.length:void 0,"aria-posinset":n?r+1:void 0,ref:t=>{z&&ye(t),ve.current[e]=t},"data-index":e};return void 0!==l?g.default.cloneElement(l,i):null})).filter((e=>null!==e)),ge=x.default(ue,(e=>g.default.isValidElement(e)&&(e.type===m.default||e.type===c.default))),xe=t.useCallback(((e,t)=>{const l=ge;if(-1===l)return-1;let r=f.default(e,t,l,B);const n=ue[r];return(g.default.isValidElement(n)&&n.type!==m.default&&n.type!==c.default||n.props.disabled)&&(r=xe(e,r)),r}),[ue,ge,B]),je=t.useCallback((e=>{var t;let l=G.current;V&&(l=ce(V));const r=xe(e,l);if(-1===r||l===r)return;const{text:n,value:i}=ue[r].props;G.current=r,P({id:null===(t=ve.current[r])||void 0===t?void 0:t.id,text:null!=n?n:"",value:null!=i?i:"",selectionType:"navigationKey",selectionConfirmed:!1})}),[ue,ce,xe,V,P]),Oe=t.useCallback(((e,t)=>{var l;t?q():(e.preventDefault(),null===(l=le.current)||void 0===l||l.focus())}),[q]),Se=t.useCallback((()=>{_&&_.getElementsByTagName("input")[0].focus()}),[_]),Ee=t.useCallback((e=>{if(!z)return;const{key:t}=e,l=document.activeElement===le.current;if("Tab"===t&&O)Oe(e,l);else if("Tab"===t)q();else if("Enter"!==t||l)p.default(t)&&(Se(),je(t));else{var r;e.preventDefault();const t=ue[G.current];if(!g.default.isValidElement(t))return q(),void P({id:"",text:"",value:"",selectionType:"enterKey",selectionConfirmed:!1});if(t.props.disabled)return;const{text:l,value:n}=t.props;P({id:null===(r=ve.current[G.current])||void 0===r?void 0:r.id,text:null!=l?l:"",value:null!=n?n:"",selectionType:"enterKey",selectionConfirmed:!0})}}),[ue,O,Oe,q,P,je,Se,z]),ke=t.useCallback((e=>{"Escape"===e.key&&q()}),[q]);a.default({open:!!z,closeModal:ke,modalRef:Z,triggerRefocusOnClose:!1}),t.useEffect((()=>{const e=i.current,t=j.default((e=>{const t=e.target;z&&t.scrollHeight-t.scrollTop===t.clientHeight&&(null==I||I())}),300);return null==e||e.addEventListener("scroll",t),()=>{null==e||e.removeEventListener("scroll",t)}}),[z,i,I]),t.useEffect((()=>(window.addEventListener("keydown",Ee),function(){window.removeEventListener("keydown",Ee)})),[Ee,i]),t.useEffect((()=>{T&&T!==X.current?(X.current=T,Y((e=>{const t=d.default(T,ue,e);if(!t)return-1;const l=ce(t.props.value);return ae.scrollToIndex(l,k),l}))):X.current=T||""}),[ue,T,ce,ae]),t.useEffect((()=>{if(!(V&&0!==Object.keys(V).length||z))return G.current=-1,void Y(-1);const e=ce(V);-1!==e&&(G.current=e,Y(e))}),[ce,V,z]),t.useEffect((()=>{B&&U===ge&&ge>-1&&ae.scrollToIndex(ge,E(S({},k),{align:"start"}))}),[C,U,B,ge,i,ae]);const we=t.useMemo((()=>[l.offset(3),l.size({apply({rects:e,elements:t}){Object.assign(t.floating.style,{width:`${null!=F?F:e.reference.width}px`})}}),...D?[l.flip({fallbackStrategy:"initialPlacement"})]:[]]),[F,D]),Le=B?e.jsx(s.StyledSelectLoaderContainer,{children:e.jsx(v.Loader,{"data-role":"select-list-loader"})},"loader"):void 0;let Ce=he;const Pe={role:"listbox",id:w,"aria-labelledby":L,"aria-multiselectable":!!W||void 0};return t.useLayoutEffect((()=>{var e,t;O&&z&&(ie.current=(null===(t=le.current)||void 0===t||null===(e=t.parentElement)||void 0===e?void 0:e.offsetHeight)||0)}),[O,z]),R&&(Ce=e.jsxs(s.StyledSelectListTable,{children:[e.jsx(s.StyledSelectListTableHeader,{scrollbarWidth:J,children:H}),e.jsx(s.StyledSelectListTableBody,E(S({},Pe),{"aria-labelledby":L,ref:ee,listHeight:fe-48,children:he}))]})),e.jsx(y.default.Provider,{value:{currentOptionsListIndex:U,multiselectValues:W},children:e.jsx(u.default,{placement:A,disablePortal:!0,reference:pe,middleware:we,isOpen:z,hide:!z,disableBackgroundUI:!0,animationFrame:!0,children:e.jsxs(s.StyledSelectListContainer,E(S({ref:te,"data-element":"select-list-wrapper","data-role":"select-list-wrapper",isLoading:B},N),{children:[e.jsxs(s.StyledScrollableContainer,{ref:i,maxHeight:h,"data-component":"select-list-scrollable-container","data-element":"select-list-scrollable-container","data-role":"select-list-scrollable-container",hasActionButton:!!O,children:[e.jsx(s.StyledSelectList,E(S({as:R?"div":"ul","data-element":"select-list"},R?{}:Pe),{ref:Z,tabIndex:-1,listHeight:R?void 0:fe,children:Ce})),Le]}),O&&e.jsx(b.default,{ref:le,listActionButton:O,onListAction:M})]}))})})}));exports.default=w;

package/lib/components/select/__internal__/select-list/select-list.style.js

@@ -1 +1 @@
-"use strict";var t=require("styled-components"),e=require("../../../../style/themes/apply-base-theme.js");function o(t){return t&&t.__esModule?t:{default:t}}var i=o(t);const a=i.default.ul.withConfig({displayName:"select-list.style__StyledSelectList",componentId:"carbon_v161_22_0__sc-cd99fc43-0"})(["",""],(({listHeight:e})=>t.css(["box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:column;list-style-type:none;margin:0;outline:none;padding:0;position:relative;width:100%;",""],void 0===e?"":`height: ${e}px;`))),l=i.default.div.withConfig({displayName:"select-list.style__StyledSelectLoaderContainer",componentId:"carbon_v161_22_0__sc-cd99fc43-1"})(["display:flex;align-items:center;justify-content:center;padding-top:24px;padding-bottom:24px;width:100%;flex-grow:1;"]),d=i.default.table.withConfig({displayName:"select-list.style__StyledSelectListTable",componentId:"carbon_v161_22_0__sc-cd99fc43-2"})(["background-color:var(--colorsUtilityYang100);border-collapse:collapse;border-radius:0px;border-spacing:0;min-width:100%;white-space:nowrap;height:180px;overflow-y:auto;thead,tr{display:table;width:100%;table-layout:fixed;}"]),r=i.default.thead.withConfig({displayName:"select-list.style__StyledSelectListTableHeader",componentId:"carbon_v161_22_0__sc-cd99fc43-3"})(["border-bottom:1px solid var(--colorsUtilityMajor050);position:sticky;top:0;left:0;z-index:1;tr{width:",';}th{position:sticky;top:0;padding:var(--spacing200);background-color:white;text-align:left;font-weight:500;font-size:12px;text-transform:uppercase;color:var(--colorsUtilityYin055);:after{content:"";display:block;position:absolute;bottom:-8px;left:0px;background-image:linear-gradient( var(--colorsUtilityMajor800),var(--colorsUtilityYang100) );opacity:0.03;height:8px;width:100%;}}'],(({scrollbarWidth:t})=>`calc(100% - ${t}px)`)),s=i.default.tbody.withConfig({displayName:"select-list.style__StyledSelectListTableBody",componentId:"carbon_v161_22_0__sc-cd99fc43-4"})(["display:block;width:100%;table-layout:fixed;width:100%;height:",";"],(({listHeight:t})=>`${t}px`)),n=i.default.div.attrs(e.default).withConfig({displayName:"select-list.style__StyledSelectListContainer",componentId:"carbon_v161_22_0__sc-cd99fc43-5"})(['background-color:white;box-shadow:var(--boxShadow100);&[data-floating-placement^="top"]{box-shadow:0 -5px 5px 0 #00141e33,0 -10px 10px 0 #00141e1a;}animation:fadeIn 250ms ease-out;position:absolute;z-index:',";display:flex;flex-wrap:wrap;align-items:flex-start;border-radius:var(--borderRadius050);",";@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}"],(({theme:t})=>t.zIndex.popover),(({isLoading:t})=>t&&"min-height: 150px")),c=i.default.div.withConfig({displayName:"select-list.style__StyledScrollableContainer",componentId:"carbon_v161_22_0__sc-cd99fc43-6"})(["max-height:",";width:100%;border-top-left-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);overflow-y:auto;",""],(({maxHeight:t})=>`${t}px`),(({hasActionButton:e})=>!e&&t.css(["border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);"])));exports.StyledScrollableContainer=c,exports.StyledSelectList=a,exports.StyledSelectListContainer=n,exports.StyledSelectListTable=d,exports.StyledSelectListTableBody=s,exports.StyledSelectListTableHeader=r,exports.StyledSelectLoaderContainer=l;
+"use strict";var t=require("styled-components"),e=require("../../../../style/themes/apply-base-theme.js");function o(t){return t&&t.__esModule?t:{default:t}}var i=o(t);const a=i.default.ul.withConfig({displayName:"select-list.style__StyledSelectList",componentId:"carbon_v161_23_0__sc-cd99fc43-0"})(["",""],(({listHeight:e})=>t.css(["box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:column;list-style-type:none;margin:0;outline:none;padding:0;position:relative;width:100%;",""],void 0===e?"":`height: ${e}px;`))),l=i.default.div.withConfig({displayName:"select-list.style__StyledSelectLoaderContainer",componentId:"carbon_v161_23_0__sc-cd99fc43-1"})(["display:flex;align-items:center;justify-content:center;padding-top:24px;padding-bottom:24px;width:100%;flex-grow:1;"]),d=i.default.table.withConfig({displayName:"select-list.style__StyledSelectListTable",componentId:"carbon_v161_23_0__sc-cd99fc43-2"})(["background-color:var(--colorsUtilityYang100);border-collapse:collapse;border-radius:0px;border-spacing:0;min-width:100%;white-space:nowrap;height:180px;overflow-y:auto;thead,tr{display:table;width:100%;table-layout:fixed;}"]),r=i.default.thead.withConfig({displayName:"select-list.style__StyledSelectListTableHeader",componentId:"carbon_v161_23_0__sc-cd99fc43-3"})(["border-bottom:1px solid var(--colorsUtilityMajor050);position:sticky;top:0;left:0;z-index:1;tr{width:",';}th{position:sticky;top:0;padding:var(--spacing200);background-color:white;text-align:left;font-weight:500;font-size:12px;text-transform:uppercase;color:var(--colorsUtilityYin055);:after{content:"";display:block;position:absolute;bottom:-8px;left:0px;background-image:linear-gradient( var(--colorsUtilityMajor800),var(--colorsUtilityYang100) );opacity:0.03;height:8px;width:100%;}}'],(({scrollbarWidth:t})=>`calc(100% - ${t}px)`)),s=i.default.tbody.withConfig({displayName:"select-list.style__StyledSelectListTableBody",componentId:"carbon_v161_23_0__sc-cd99fc43-4"})(["display:block;width:100%;table-layout:fixed;width:100%;height:",";"],(({listHeight:t})=>`${t}px`)),n=i.default.div.attrs(e.default).withConfig({displayName:"select-list.style__StyledSelectListContainer",componentId:"carbon_v161_23_0__sc-cd99fc43-5"})(['background-color:white;box-shadow:var(--boxShadow100);&[data-floating-placement^="top"]{box-shadow:0 -5px 5px 0 #00141e33,0 -10px 10px 0 #00141e1a;}animation:fadeIn 250ms ease-out;position:absolute;z-index:',";display:flex;flex-wrap:wrap;align-items:flex-start;border-radius:var(--borderRadius050);",";@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}"],(({theme:t})=>t.zIndex.popover),(({isLoading:t})=>t&&"min-height: 150px")),c=i.default.div.withConfig({displayName:"select-list.style__StyledScrollableContainer",componentId:"carbon_v161_23_0__sc-cd99fc43-6"})(["max-height:",";width:100%;border-top-left-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);overflow-y:auto;",""],(({maxHeight:t})=>`${t}px`),(({hasActionButton:e})=>!e&&t.css(["border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);"])));exports.StyledScrollableContainer=c,exports.StyledSelectList=a,exports.StyledSelectListContainer=n,exports.StyledSelectListTable=d,exports.StyledSelectListTableBody=s,exports.StyledSelectListTableHeader=r,exports.StyledSelectLoaderContainer=l;

package/lib/components/select/__internal__/select-textbox/select-textbox.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("../../../../__internal__/legacy-input/input-sizes.style.js");function l(e){return e&&e.__esModule?e:{default:e}}var o=l(e);const s=o.default.span.withConfig({displayName:"select-textbox.style__StyledSelectText",componentId:"carbon_v161_22_0__sc-216771d5-0"})(["",""],(({$disabled:l,$hasPlaceholder:o,$readOnly:s,$transparent:n,$size:i})=>e.css(["align-items:center;align-self:stretch;display:inline-flex;flex-grow:1;font-size:14px;height:auto;outline:none;width:30px;z-index:1;padding-left:",";"," "," "," ",""],t.default[i].horizontalPadding,n&&e.css(["font-weight:500;text-align:right;"]),o&&e.css(['& > *:not([data-element="textbox-prefix"]){color:',";font-weight:",";user-select:none;}"],n?"var(--colorsUtilityYin100)":"var(--colorsUtilityYin055)",n?500:"normal"),l&&e.css(["cursor:not-allowed;color:var(--colorsUtilityYin030);text-shadow:none;"]),s&&e.css(["cursor:default;color:var(--colorsUtilityYin065);text-shadow:none;"])))),n=o.default.span.withConfig({displayName:"select-textbox.style__StyledSelectTextChildrenWrapper",componentId:"carbon_v161_22_0__sc-216771d5-1"})(["display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"," ",""],(({$isDisabled:t})=>t&&e.css(["cursor:not-allowed;"])),(({$readOnly:t})=>t&&e.css(["cursor:default;"])));exports.StyledSelectText=s,exports.StyledSelectTextChildrenWrapper=n;
+"use strict";var e=require("styled-components"),t=require("../../../../__internal__/legacy-input/input-sizes.style.js");function l(e){return e&&e.__esModule?e:{default:e}}var o=l(e);const s=o.default.span.withConfig({displayName:"select-textbox.style__StyledSelectText",componentId:"carbon_v161_23_0__sc-216771d5-0"})(["",""],(({$disabled:l,$hasPlaceholder:o,$readOnly:s,$transparent:n,$size:i})=>e.css(["align-items:center;align-self:stretch;display:inline-flex;flex-grow:1;font-size:14px;height:auto;outline:none;width:30px;z-index:1;padding-left:",";"," "," "," ",""],t.default[i].horizontalPadding,n&&e.css(["font-weight:500;text-align:right;"]),o&&e.css(['& > *:not([data-element="textbox-prefix"]){color:',";font-weight:",";user-select:none;}"],n?"var(--colorsUtilityYin100)":"var(--colorsUtilityYin055)",n?500:"normal"),l&&e.css(["cursor:not-allowed;color:var(--colorsUtilityYin030);text-shadow:none;"]),s&&e.css(["cursor:default;color:var(--colorsUtilityYin065);text-shadow:none;"])))),n=o.default.span.withConfig({displayName:"select-textbox.style__StyledSelectTextChildrenWrapper",componentId:"carbon_v161_23_0__sc-216771d5-1"})(["display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"," ",""],(({$isDisabled:t})=>t&&e.css(["cursor:not-allowed;"])),(({$readOnly:t})=>t&&e.css(["cursor:default;"])));exports.StyledSelectText=s,exports.StyledSelectTextChildrenWrapper=n;

package/lib/components/select/__internal__/utils/matching-text.style.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.span.withConfig({displayName:"matching-text.style__MatchingText",componentId:"carbon_v161_22_0__sc-cf2d1a9f-0"})(["font-weight:500;text-decoration:underline;"]);exports.default=t;
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.span.withConfig({displayName:"matching-text.style__MatchingText",componentId:"carbon_v161_23_0__sc-cf2d1a9f-0"})(["font-weight:500;text-decoration:underline;"]);exports.default=t;

package/lib/components/select/multi-select/multi-select.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("../../pill/pill.style.js"),l=require("../../../style/themes/apply-base-theme.js"),i=require("../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),s=require("../select.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var o=n(e);const a=o.default.div.attrs(l.default).withConfig({displayName:"multi-select.style__StyledSelectPillContainer",componentId:"carbon_v161_22_0__sc-4d4e5df5-0"})(["display:flex;flex-direction:column;justify-content:center;margin:3px 2px 3px 0;max-width:100%;&& ","{text-overflow:ellipsis;}"],t.default),d=o.default(s.default).withConfig({displayName:"multi-select.style__StyledSelectMultiSelect",componentId:"carbon_v161_22_0__sc-4d4e5df5-1"})(["","{position:absolute;right:0;height:100%;}"],i.default),c=o.default.div.withConfig({displayName:"multi-select.style__StyledAccessibilityLabelContainer",componentId:"carbon_v161_22_0__sc-4d4e5df5-2"})(["display:none;"]);exports.StyledAccessibilityLabelContainer=c,exports.StyledSelectMultiSelect=d,exports.StyledSelectPillContainer=a;
+"use strict";var e=require("styled-components"),t=require("../../pill/pill.style.js"),l=require("../../../style/themes/apply-base-theme.js"),i=require("../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),s=require("../select.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var o=n(e);const a=o.default.div.attrs(l.default).withConfig({displayName:"multi-select.style__StyledSelectPillContainer",componentId:"carbon_v161_23_0__sc-4d4e5df5-0"})(["display:flex;flex-direction:column;justify-content:center;margin:3px 2px 3px 0;max-width:100%;&& ","{text-overflow:ellipsis;}"],t.default),d=o.default(s.default).withConfig({displayName:"multi-select.style__StyledSelectMultiSelect",componentId:"carbon_v161_23_0__sc-4d4e5df5-1"})(["","{position:absolute;right:0;height:100%;}"],i.default),c=o.default.div.withConfig({displayName:"multi-select.style__StyledAccessibilityLabelContainer",componentId:"carbon_v161_23_0__sc-4d4e5df5-2"})(["display:none;"]);exports.StyledAccessibilityLabelContainer=c,exports.StyledSelectMultiSelect=d,exports.StyledSelectPillContainer=a;

package/lib/components/select/option/option.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components");function e(o){return o&&o.__esModule?o:{default:o}}const t=e(o).default.li.withConfig({displayName:"option.style__StyledOption",componentId:"carbon_v161_22_0__sc-f2d82e3a-0"})(["box-sizing:border-box;line-height:16px;padding:12px 16px;width:100%;user-select:none;position:absolute;top:0;left:0;width:100%;"," "," ",""],(({isInteractive:e,isHighlighted:t})=>e&&o.css(["cursor:pointer;:hover{background-color:var(--colorsUtilityMajor100);}",""],t&&o.css(["background-color:var(--colorsUtilityMajor200);"]))),(({hidden:o})=>o&&"display: none;"),(({isDisabled:e})=>e&&o.css(["color:var(--colorsUtilityYin030);cursor:not-allowed;:hover{background-color:var(--colorsUtilityYang100);}"])));exports.default=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components");function e(o){return o&&o.__esModule?o:{default:o}}const t=e(o).default.li.withConfig({displayName:"option.style__StyledOption",componentId:"carbon_v161_23_0__sc-f2d82e3a-0"})(["box-sizing:border-box;line-height:16px;padding:12px 16px;width:100%;user-select:none;position:absolute;top:0;left:0;width:100%;"," "," ",""],(({isInteractive:e,isHighlighted:t})=>e&&o.css(["cursor:pointer;:hover{background-color:var(--colorsUtilityMajor100);}",""],t&&o.css(["background-color:var(--colorsUtilityMajor200);"]))),(({hidden:o})=>o&&"display: none;"),(({isDisabled:e})=>e&&o.css(["color:var(--colorsUtilityYin030);cursor:not-allowed;:hover{background-color:var(--colorsUtilityYang100);}"])));exports.default=t;

package/lib/components/select/option-group-header/option-group-header.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../icon/icon.style.js");function o(e){return e&&e.__esModule?e:{default:e}}const i=o(e).default.div.withConfig({displayName:"option-group-header.style__StyledOptionGroupHeader",componentId:"carbon_v161_22_0__sc-cdd7f97b-0"})(["box-sizing:border-box;position:absolute;height:40px;padding-left:16px;padding-top:16px;display:flex;align-items:center;width:100%;span:not(","){font-weight:500;font-size:12px;text-transform:uppercase;line-height:18px;text-align:left;margin:0;color:var(--colorsUtilityYin055);}","{margin-right:4px;margin-left:-5px;color:var(--colorsUtilityYin055);&:hover{color:var(--colorsUtilityYin055);}}"],t.default,t.default);exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../icon/icon.style.js");function o(e){return e&&e.__esModule?e:{default:e}}const i=o(e).default.div.withConfig({displayName:"option-group-header.style__StyledOptionGroupHeader",componentId:"carbon_v161_23_0__sc-cdd7f97b-0"})(["box-sizing:border-box;position:absolute;height:40px;padding-left:16px;padding-top:16px;display:flex;align-items:center;width:100%;span:not(","){font-weight:500;font-size:12px;text-transform:uppercase;line-height:18px;text-align:left;margin:0;color:var(--colorsUtilityYin055);}","{margin-right:4px;margin-left:-5px;color:var(--colorsUtilityYin055);&:hover{color:var(--colorsUtilityYin055);}}"],t.default,t.default);exports.default=i;

package/lib/components/select/option-row/option-row.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components");function t(o){return o&&o.__esModule?o:{default:o}}const r=t(o).default.tr.withConfig({displayName:"option-row.style__StyledOptionRow",componentId:"carbon_v161_22_0__sc-a4c1b2fd-0"})(["cursor:pointer;width:100%;position:absolute;top:0;left:0;"," "," :hover{background-color:var(--colorsUtilityMajor100);}td{line-height:16px;padding:12px 16px;&:first-child{font-weight:500;}}",""],(({hidden:o})=>o&&"display: none;"),(({isHighlighted:t})=>t&&o.css(["background-color:var(--colorsUtilityMajor200);"])),(({isDisabled:t})=>t&&o.css(["color:var(--colorsUtilityYin030);cursor:not-allowed;:hover{background-color:var(--colorsUtilityYang100);}"])));exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components");function t(o){return o&&o.__esModule?o:{default:o}}const r=t(o).default.tr.withConfig({displayName:"option-row.style__StyledOptionRow",componentId:"carbon_v161_23_0__sc-a4c1b2fd-0"})(["cursor:pointer;width:100%;position:absolute;top:0;left:0;"," "," :hover{background-color:var(--colorsUtilityMajor100);}td{line-height:16px;padding:12px 16px;&:first-child{font-weight:500;}}",""],(({hidden:o})=>o&&"display: none;"),(({isHighlighted:t})=>t&&o.css(["background-color:var(--colorsUtilityMajor200);"])),(({isDisabled:t})=>t&&o.css(["color:var(--colorsUtilityYin030);cursor:not-allowed;:hover{background-color:var(--colorsUtilityYang100);}"])));exports.default=r;

package/lib/components/select/select.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),i=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),r=require("../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}const l=s(e).default.div.attrs(r.default).withConfig({displayName:"select.style__StyledSelect",componentId:"carbon_v161_22_0__sc-aec7932c-0"})(["margin-bottom:var(--fieldSpacing);"," position:relative;","{margin-right:0;}"],t.margin,i.default);exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),i=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),r=require("../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}const l=s(e).default.div.attrs(r.default).withConfig({displayName:"select.style__StyledSelect",componentId:"carbon_v161_23_0__sc-aec7932c-0"})(["margin-bottom:var(--fieldSpacing);"," position:relative;","{margin-right:0;}"],t.margin,i.default);exports.default=l;

package/lib/components/settings-row/settings-row.style.js

@@ -1 +1 @@
-"use strict";var t=require("styled-components"),e=require("styled-system"),o=require("../../style/themes/apply-base-theme.js"),i=require("../heading/heading.style.js");function s(t){return t&&t.__esModule?t:{default:t}}var r=s(t);const d=r.default.div.attrs(o.default).withConfig({displayName:"settings-row.style__StyledSettingsRow",componentId:"carbon_v161_22_0__sc-b1bd4709-0"})([""," clear:both;color:var(--colorsUtilityYin055);display:flex;font-size:14px;justify-content:space-between;padding:0;position:relative;"," ","{margin-bottom:0;}","{margin-bottom:17px;}+ &{padding-top:30px;}"],e.margin,(({hasDivider:e})=>e&&t.css(["border-bottom:1px solid var(--colorsUtilityMajor050);padding-bottom:30px;"])),i.StyledHeader,i.StyledSeparator),a=r.default.div.withConfig({displayName:"settings-row.style__StyledSettingsRowHeader",componentId:"carbon_v161_22_0__sc-b1bd4709-1"})(["box-sizing:border-box;clear:both;float:left;max-width:325px;width:35%;"]),n=r.default.div.withConfig({displayName:"settings-row.style__StyledSettingsRowInput",componentId:"carbon_v161_22_0__sc-b1bd4709-2"})(["box-sizing:border-box;clear:both;float:left;margin-left:50px;width:100%;"]);exports.StyledSettingsRow=d,exports.StyledSettingsRowHeader=a,exports.StyledSettingsRowInput=n;
+"use strict";var t=require("styled-components"),e=require("styled-system"),o=require("../../style/themes/apply-base-theme.js"),i=require("../heading/heading.style.js");function s(t){return t&&t.__esModule?t:{default:t}}var r=s(t);const d=r.default.div.attrs(o.default).withConfig({displayName:"settings-row.style__StyledSettingsRow",componentId:"carbon_v161_23_0__sc-b1bd4709-0"})([""," clear:both;color:var(--colorsUtilityYin055);display:flex;font-size:14px;justify-content:space-between;padding:0;position:relative;"," ","{margin-bottom:0;}","{margin-bottom:17px;}+ &{padding-top:30px;}"],e.margin,(({hasDivider:e})=>e&&t.css(["border-bottom:1px solid var(--colorsUtilityMajor050);padding-bottom:30px;"])),i.StyledHeader,i.StyledSeparator),a=r.default.div.withConfig({displayName:"settings-row.style__StyledSettingsRowHeader",componentId:"carbon_v161_23_0__sc-b1bd4709-1"})(["box-sizing:border-box;clear:both;float:left;max-width:325px;width:35%;"]),n=r.default.div.withConfig({displayName:"settings-row.style__StyledSettingsRowInput",componentId:"carbon_v161_23_0__sc-b1bd4709-2"})(["box-sizing:border-box;clear:both;float:left;margin-left:50px;width:100%;"]);exports.StyledSettingsRow=d,exports.StyledSettingsRowHeader=a,exports.StyledSettingsRowInput=n;