carbon-react 161.23.0 → 161.25.0

package/esm/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/esm/components/popover-container/popover-container.component.js

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

package/esm/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/esm/components/popover-container/popover-container.style.js

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import{padding as n}from"styled-system";import e from"../../style/themes/apply-base-theme.js";import i from"../icon-button/icon-button.component.js";import r from"../icon/icon.style.js";import{StyledForm as a,StyledFormContent as s,StyledFormFooter as p}from"../form/form.style.js";const c=o.div.withConfig({displayName:"popover-container.style__PopoverContainerWrapperStyle",componentId:"carbon_v161_22_1__sc-a2e110a4-0"})(["position:relative;display:inline-block;",""],(({hasFullWidth:o})=>o&&t(["width:100%;"]))),l=o.div.withConfig({displayName:"popover-container.style__PopoverContainerTitleStyle",componentId:"carbon_v161_22_1__sc-a2e110a4-1"})(["font-size:16px;font-weight:500;"]),d=o.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderStyle",componentId:"carbon_v161_22_1__sc-a2e110a4-2"})(["display:flex;max-width:280px;&:has(","){margin-bottom:8px;justify-content:space-between;}&:not(:has(",")){justify-content:end;}"],l,l),m=o.div.attrs(e).withConfig({displayName:"popover-container.style__PopoverContainerContentStyle",componentId:"carbon_v161_22_1__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);}}}"],n,(({$inMenu:o})=>o&&t(["color:var(--page-content-txt-default);"])),(({$borderRadius:o="borderRadius100"})=>{const n=o.split(" ").filter(Boolean);return t(["border-radius:",";"],n.map((o=>`var(--${o.trim()})`)).join(" "))}),(({zIndex:o})=>o),(({disableAnimation:o,$popoverOffset:n})=>o?t(["opacity:1;transform:none;"]):t(["&.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);}"],n?-8:0)),a,a,s,p),_=o(i).withConfig({displayName:"popover-container.style__PopoverContainerOpenIcon",componentId:"carbon_v161_22_1__sc-a2e110a4-4"})(["color:var(--colorsActionMinor500);","{color:inherit;}"],r),y=o(i).withConfig({displayName:"popover-container.style__PopoverContainerCloseIcon",componentId:"carbon_v161_22_1__sc-a2e110a4-5"})(["position:absolute;top:16px;right:24px;color:var(--colorsActionMinor500);","{color:inherit;}"],r);export{y as PopoverContainerCloseIcon,m as PopoverContainerContentStyle,d as PopoverContainerHeaderStyle,_ as PopoverContainerOpenIcon,l as PopoverContainerTitleStyle,c as PopoverContainerWrapperStyle};
+import o,{css as t}from"styled-components";import{padding as e}from"styled-system";import r from"../../style/themes/apply-base-theme.js";import{StyledForm as a,StyledFormContent as i,StyledFormFooter as n}from"../form/form.style.js";const s=o.div.withConfig({displayName:"popover-container.style__PopoverContainerWrapperStyle",componentId:"carbon_v161_24_0__sc-e605c9f0-0"})(["position:relative;display:inline-block;",""],(({$hasFullWidth:o})=>o&&t(["width:100%;"]))),l=o.div.withConfig({displayName:"popover-container.style__PopoverContainerTitleStyle",componentId:"carbon_v161_24_0__sc-e605c9f0-1"})(["flex:1;min-width:0;font:var(--global-font-static-subheading-l);"]),d=o.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderContentStyle",componentId:"carbon_v161_24_0__sc-e605c9f0-2"})(["order:-1;flex:1;min-width:0;"]),p=o.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderStyle",componentId:"carbon_v161_24_0__sc-e605c9f0-3"})(["display:flex;align-items:flex-start;justify-content:flex-end;width:100%;&:has(","){margin-bottom:8px;}"],l),c=o.div.attrs(r).withConfig({displayName:"popover-container.style__PopoverContainerContentStyle",componentId:"carbon_v161_24_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:o})=>o&&t(["color:var(--page-content-txt-default);"])),(({$roundness:o})=>t([""," ",""],"curved"===o&&t(["border-radius:var(--global-radius-container-xl);"]),"moderate"===o&&t(["border-radius:var(--global-radius-container-l);"]))),(({$size:o})=>t([""," "," ",""],"small"===o&&t(["padding:var(--global-space-comp-xs);"]),"medium"===o&&t(["padding:var(--global-space-comp-s);"]),"large"===o&&t(["padding:var(--global-space-comp-m);"]))),e,(({$borderRadius:o})=>{if(!o)return"";const e=o.split(" ").filter(Boolean);return t(["border-radius:",";"],e.map((o=>`var(--${o.trim()})`)).join(" "))}),(({zIndex:o})=>o),(({disableAnimation:o,$popoverOffset:e})=>o?t(["opacity:1;transform:none;"]):t(["&.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);}"],e?-8:0)),a,a,i,n);export{c as PopoverContainerContentStyle,d as PopoverContainerHeaderContentStyle,p as PopoverContainerHeaderStyle,l as PopoverContainerTitleStyle,s as PopoverContainerWrapperStyle};

package/esm/components/portal/portal.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useRef as t,useContext as r,useState as o,useEffect as n}from"react";import a,{css as i}from"styled-components";import c from"./__internal__/safe-portal.js";import s from"./portal.style.js";import p from"../../__internal__/utils/helpers/guid/index.js";import l from"../../style/themes/apply-base-theme.js";import d from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import b from"../tokens-wrapper/__internal__/context/tokens-wrapper.context.js";function m(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){m(e,t,r[t])}))}return e}const f=a.div.attrs(l).withConfig({displayName:"portal__Container",componentId:"carbon_v161_22_1__sc-1b79295f-0"})(["",""],(({theme:e})=>i(["{position:relative;z-index:",";}"],e.zIndex.aboveAll))),v=({children:a,className:i,id:l,onReposition:m,inertOptOut:v})=>{const{current:O}=t(p()),y=null!=l?l:O,j=t(null),{wrapperId:h}=r(b),[w,_]=o();return n((()=>(m&&(m(),window.addEventListener("resize",m)),()=>{m&&window.removeEventListener("resize",m)})),[m]),n((()=>{var e;const t=null===(e=j.current)||void 0===e?void 0:e.closest("[data-carbon-theme]");if(!t)return;var r;_(null!==(r=t.getAttribute("data-carbon-theme"))&&void 0!==r?r:void 0);const o=new MutationObserver((()=>{var e;_(null!==(e=t.getAttribute("data-carbon-theme"))&&void 0!==e?e:void 0)}));return o.observe(t,{attributes:!0,attributeFilter:["data-carbon-theme"]}),()=>o.disconnect()}),[]),e(s,{"data-role":"data-portal-entrance","data-portal-entrance":y,ref:j,children:e(c,{id:y,className:`carbon-portal ${null!=i?i:""}`.trim(),attributes:u({"data-portal-exit":y,"data-role":"carbon-portal-exit"},h&&{"data-tokens-wrapper-id":h},w&&{"data-carbon-theme":w},v&&{"data-not-inert":"true"}),children:e(d,(g=u({className:"carbon-portal-scoped-tokens-provider","data-role":"carbon-portal-scoped-tokens-provider","data-tokens-wrapper-id":h},w&&{"data-carbon-theme":w}),k={children:v?e(f,{children:a}):a},k=null!=k?k:{},Object.getOwnPropertyDescriptors?Object.defineProperties(g,Object.getOwnPropertyDescriptors(k)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(k)).forEach((function(e){Object.defineProperty(g,e,Object.getOwnPropertyDescriptor(k,e))})),g))})});var g,k};export{v as Portal,v as default};
+import{jsx as e}from"react/jsx-runtime";import{useRef as t,useContext as r,useState as o,useEffect as n}from"react";import a,{css as i}from"styled-components";import c from"./__internal__/safe-portal.js";import s from"./portal.style.js";import p from"../../__internal__/utils/helpers/guid/index.js";import l from"../../style/themes/apply-base-theme.js";import d from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import b from"../tokens-wrapper/__internal__/context/tokens-wrapper.context.js";function m(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){m(e,t,r[t])}))}return e}const f=a.div.attrs(l).withConfig({displayName:"portal__Container",componentId:"carbon_v161_24_0__sc-1b79295f-0"})(["",""],(({theme:e})=>i(["{position:relative;z-index:",";}"],e.zIndex.aboveAll))),v=({children:a,className:i,id:l,onReposition:m,inertOptOut:v})=>{const{current:O}=t(p()),y=null!=l?l:O,j=t(null),{wrapperId:h}=r(b),[w,_]=o();return n((()=>(m&&(m(),window.addEventListener("resize",m)),()=>{m&&window.removeEventListener("resize",m)})),[m]),n((()=>{var e;const t=null===(e=j.current)||void 0===e?void 0:e.closest("[data-carbon-theme]");if(!t)return;var r;_(null!==(r=t.getAttribute("data-carbon-theme"))&&void 0!==r?r:void 0);const o=new MutationObserver((()=>{var e;_(null!==(e=t.getAttribute("data-carbon-theme"))&&void 0!==e?e:void 0)}));return o.observe(t,{attributes:!0,attributeFilter:["data-carbon-theme"]}),()=>o.disconnect()}),[]),e(s,{"data-role":"data-portal-entrance","data-portal-entrance":y,ref:j,children:e(c,{id:y,className:`carbon-portal ${null!=i?i:""}`.trim(),attributes:u({"data-portal-exit":y,"data-role":"carbon-portal-exit"},h&&{"data-tokens-wrapper-id":h},w&&{"data-carbon-theme":w},v&&{"data-not-inert":"true"}),children:e(d,(g=u({className:"carbon-portal-scoped-tokens-provider","data-role":"carbon-portal-scoped-tokens-provider","data-tokens-wrapper-id":h},w&&{"data-carbon-theme":w}),k={children:v?e(f,{children:a}):a},k=null!=k?k:{},Object.getOwnPropertyDescriptors?Object.defineProperties(g,Object.getOwnPropertyDescriptors(k)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(k)).forEach((function(e){Object.defineProperty(g,e,Object.getOwnPropertyDescriptor(k,e))})),g))})});var g,k};export{v as Portal,v as default};

package/esm/components/portal/portal.style.js

@@ -1 +1 @@
-import t from"styled-components";const o=t.span.withConfig({displayName:"portal.style__StyledPortalEntrance",componentId:"carbon_v161_22_1__sc-9fd1b647-0"})(["display:none;height:0;width:0;"]);export{o as default};
+import t from"styled-components";const o=t.span.withConfig({displayName:"portal.style__StyledPortalEntrance",componentId:"carbon_v161_24_0__sc-9fd1b647-0"})(["display:none;height:0;width:0;"]);export{o as default};

package/esm/components/portrait/portrait.style.js

@@ -1 +1 @@
-import"react";import t from"styled-components";import{margin as o}from"styled-system";import i from"../icon/icon.component.js";import"../icon/icon.style.js";import e from"../../style/themes/apply-base-theme.js";import r,{getPortraitFontSize as n,getPortraitColors as s,getPortraitDimensions as l,getPortraitIconFontSize as a,getPortraitBorderRadius as d}from"./__internal__/get-properties.js";const c=t.div.withConfig({displayName:"portrait.style__StyledPortraitInitials",componentId:"carbon_v161_22_1__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})=>n(t))),m=t.img.withConfig({displayName:"portrait.style__StyledCustomImg",componentId:"carbon_v161_22_1__sc-67607789-1"})(["height:inherit;min-width:inherit;"]),p=t(i).withConfig({displayName:"portrait.style__StyledIcon",componentId:"carbon_v161_22_1__sc-67607789-2"})(["&&{color:",";height:",";min-width:",";::before{font-size:",";}}"],(({variant:t})=>s(t).color),(({$portraitSize:t})=>l(t).height),(({$portraitSize:t})=>l(t).width),(({$portraitSize:t})=>a(t))),h=t.div.attrs(e).withConfig({displayName:"portrait.style__StyledPortraitContainer",componentId:"carbon_v161_22_1__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: ${s(t).backgroundColor};\n    color: ${s(t).color};\n  `),(({darkBackground:t,backgroundColor:o,size:i,foregroundColor:e,variant:n})=>!n&&r(o,t,!["XS","S"].includes(i),!0,e)),(({hasValidImg:t,size:o})=>t&&`max-width: ${l(o).width};`),(({size:t})=>l(t).width),(({size:t})=>l(t).height),(({shape:t,size:o})=>d(t,o)),(({onClick:t})=>t&&"cursor: pointer"),o);export{m as StyledCustomImg,p as StyledIcon,h as StyledPortraitContainer,c as StyledPortraitInitials};
+import"react";import t from"styled-components";import{margin as o}from"styled-system";import i from"../icon/icon.component.js";import"../icon/icon.style.js";import e from"../../style/themes/apply-base-theme.js";import r,{getPortraitFontSize as n,getPortraitColors as s,getPortraitDimensions as l,getPortraitIconFontSize as a,getPortraitBorderRadius as d}from"./__internal__/get-properties.js";const c=t.div.withConfig({displayName:"portrait.style__StyledPortraitInitials",componentId:"carbon_v161_24_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})=>n(t))),m=t.img.withConfig({displayName:"portrait.style__StyledCustomImg",componentId:"carbon_v161_24_0__sc-67607789-1"})(["height:inherit;min-width:inherit;"]),p=t(i).withConfig({displayName:"portrait.style__StyledIcon",componentId:"carbon_v161_24_0__sc-67607789-2"})(["&&{color:",";height:",";min-width:",";::before{font-size:",";}}"],(({variant:t})=>s(t).color),(({$portraitSize:t})=>l(t).height),(({$portraitSize:t})=>l(t).width),(({$portraitSize:t})=>a(t))),h=t.div.attrs(e).withConfig({displayName:"portrait.style__StyledPortraitContainer",componentId:"carbon_v161_24_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: ${s(t).backgroundColor};\n    color: ${s(t).color};\n  `),(({darkBackground:t,backgroundColor:o,size:i,foregroundColor:e,variant:n})=>!n&&r(o,t,!["XS","S"].includes(i),!0,e)),(({hasValidImg:t,size:o})=>t&&`max-width: ${l(o).width};`),(({size:t})=>l(t).width),(({size:t})=>l(t).height),(({shape:t,size:o})=>d(t,o)),(({onClick:t})=>t&&"cursor: pointer"),o);export{m as StyledCustomImg,p as StyledIcon,h as StyledPortraitContainer,c as StyledPortraitInitials};

package/esm/components/preview/preview.style.js

@@ -1 +1 @@
-import e,{keyframes as i,css as r}from"styled-components";import{margin as t}from"styled-system";import a from"../../style/themes/apply-base-theme.js";const n=e.div.attrs(a).withConfig({displayName:"preview.style__StyledPreview",componentId:"carbon_v161_22_1__sc-a74c6505-0"})(["",""],t),o=i(["0%{opacity:0.1;}70%{opacity:1;}100%{opacity:0.1;}"]);function s(e){return e.includes("rectangle")?"var(--sizing400)":"circle"===e?"var(--sizing700)":"var(--sizing175)"}function c(e){return e.includes("rectangle")?"var(--sizing1500)":"100%"}const d=e.span.withConfig({displayName:"preview.style__StyledPreviewPlaceholder",componentId:"carbon_v161_22_1__sc-a74c6505-1"})(["",""],(({shape:e,disableAnimation:i,isLastLine:t,height:a,width:n})=>r(["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)"}}(e),a||s(e),n||c(e),o,t&&"text"===e&&r(["width:calc(","*0.8);"],n||c(e)),"circle"===e&&r(["width:",";"],a||s(e)),i&&r(["animation:none;"]))));export{n as StyledPreview,d as StyledPreviewPlaceholder};
+import e,{keyframes as i,css as r}from"styled-components";import{margin as t}from"styled-system";import a from"../../style/themes/apply-base-theme.js";const n=e.div.attrs(a).withConfig({displayName:"preview.style__StyledPreview",componentId:"carbon_v161_24_0__sc-a74c6505-0"})(["",""],t),o=i(["0%{opacity:0.1;}70%{opacity:1;}100%{opacity:0.1;}"]);function s(e){return e.includes("rectangle")?"var(--sizing400)":"circle"===e?"var(--sizing700)":"var(--sizing175)"}function c(e){return e.includes("rectangle")?"var(--sizing1500)":"100%"}const d=e.span.withConfig({displayName:"preview.style__StyledPreviewPlaceholder",componentId:"carbon_v161_24_0__sc-a74c6505-1"})(["",""],(({shape:e,disableAnimation:i,isLastLine:t,height:a,width:n})=>r(["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)"}}(e),a||s(e),n||c(e),o,t&&"text"===e&&r(["width:calc(","*0.8);"],n||c(e)),"circle"===e&&r(["width:",";"],a||s(e)),i&&r(["animation:none;"]))));export{n as StyledPreview,d as StyledPreviewPlaceholder};

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

@@ -1 +1 @@
-import e from"styled-components";import{margin as r}from"styled-system";import{Portrait as t}from"../portrait/portrait.component.js";import{Typography as o}from"../typography/typography.component.js";import"react/jsx-runtime";import"react";import i from"../../style/themes/apply-base-theme.js";import a from"./profile.config.js";import{StyledPortraitContainer as n}from"../portrait/portrait.style.js";const l=e.div.attrs(i).withConfig({displayName:"profile.style__ProfileStyle",componentId:"carbon_v161_22_1__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,n),c=e(t).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"carbon_v161_22_1__sc-29e860cc-1"})(["display:inline-block;"]),s=e.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"carbon_v161_22_1__sc-29e860cc-2"})(["color:",";font:",";"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)"),(({$font:e})=>e)),d=e(o).withConfig({displayName:"profile.style__ProfileTypography",componentId:"carbon_v161_22_1__sc-29e860cc-3"})(["color:",";"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)")),p=e.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"carbon_v161_22_1__sc-29e860cc-4"})(["display:flex;flex-direction:column;justify-content:center;margin-left:",";min-width:0;word-wrap:break-word;"],(({$size:e})=>a[e].detailsMarginLeft)),f=e.div.withConfig({displayName:"profile.style__ProfileCustomContentStyle",componentId:"carbon_v161_22_1__sc-29e860cc-5"})(["display:flex;flex-direction:column;align-items:flex-start;min-width:0;"]);export{c as ProfileAvatarStyle,f as ProfileCustomContentStyle,p as ProfileDetailsStyle,s as ProfileNameStyle,l as ProfileStyle,d as ProfileTypography};
+import e from"styled-components";import{margin as r}from"styled-system";import{Portrait as t}from"../portrait/portrait.component.js";import{Typography as o}from"../typography/typography.component.js";import"react/jsx-runtime";import"react";import i from"../../style/themes/apply-base-theme.js";import a from"./profile.config.js";import{StyledPortraitContainer as n}from"../portrait/portrait.style.js";const l=e.div.attrs(i).withConfig({displayName:"profile.style__ProfileStyle",componentId:"carbon_v161_24_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,n),c=e(t).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"carbon_v161_24_0__sc-29e860cc-1"})(["display:inline-block;"]),s=e.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"carbon_v161_24_0__sc-29e860cc-2"})(["color:",";font:",";"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)"),(({$font:e})=>e)),d=e(o).withConfig({displayName:"profile.style__ProfileTypography",componentId:"carbon_v161_24_0__sc-29e860cc-3"})(["color:",";"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)")),p=e.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"carbon_v161_24_0__sc-29e860cc-4"})(["display:flex;flex-direction:column;justify-content:center;margin-left:",";min-width:0;word-wrap:break-word;"],(({$size:e})=>a[e].detailsMarginLeft)),f=e.div.withConfig({displayName:"profile.style__ProfileCustomContentStyle",componentId:"carbon_v161_24_0__sc-29e860cc-5"})(["display:flex;flex-direction:column;align-items:flex-start;min-width:0;"]);export{c as ProfileAvatarStyle,f as ProfileCustomContentStyle,p as ProfileDetailsStyle,s as ProfileNameStyle,l as ProfileStyle,d as ProfileTypography};

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

@@ -1 +1 @@
-import e,{css as r}from"styled-components";import{margin as a}from"styled-system";import s from"../../style/themes/apply-base-theme.js";import{progressTrackerSizeMap as o,progressBarVariants as t}from"./progress-tracker.config.js";const l=e.div.attrs(s).withConfig({displayName:"progress-tracker.style__StyledProgressTracker",componentId:"carbon_v161_22_1__sc-2541d4c3-0"})([""," ",";"],a,(({$length:e,$labelsPosition:a,$size:s})=>r(["display:flex;flex-direction:column;gap:",";width:",";",""],o[s].gap,e,"left"===a&&r(["flex-direction:row;align-items:center;"])))),i=e.span.attrs(s).withConfig({displayName:"progress-tracker.style__StyledProgressBar",componentId:"carbon_v161_22_1__sc-2541d4c3-1"})(["",""],(({$variant:e,$size:a,$progress:s})=>r(["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:",";}"],o[a].barHeight,o[a].barBorderRadius,s,o[a].barHeight,t[e],o[a].barBorderRadius))),d=e.span.withConfig({displayName:"progress-tracker.style__StyledValue",componentId:"carbon_v161_22_1__sc-2541d4c3-2"})(["",";"],(({$size:e})=>r(["font:",";"],o[e].valueFont))),p=e.span.withConfig({displayName:"progress-tracker.style__StyledValuesWrapper",componentId:"carbon_v161_22_1__sc-2541d4c3-3"})(["display:flex;gap:var(--global-space-comp-xs);"]),n=e.div.withConfig({displayName:"progress-tracker.style__StyledLabelWrapper",componentId:"carbon_v161_22_1__sc-2541d4c3-4"})(["",";"],(({$size:e,$labelWidth:a})=>r(["display:flex;flex-wrap:wrap;gap:0 var(--global-space-comp-s);white-space:nowrap;color:var(--progress-label-default);font:",";",""],o[e].regularFont,a&&r(["width:",";flex-shrink:0;"],a))));export{n as StyledLabelWrapper,i as StyledProgressBar,l as StyledProgressTracker,d as StyledValue,p as StyledValuesWrapper};
+import e,{css as r}from"styled-components";import{margin as a}from"styled-system";import s from"../../style/themes/apply-base-theme.js";import{progressTrackerSizeMap as o,progressBarVariants as t}from"./progress-tracker.config.js";const l=e.div.attrs(s).withConfig({displayName:"progress-tracker.style__StyledProgressTracker",componentId:"carbon_v161_24_0__sc-2541d4c3-0"})([""," ",";"],a,(({$length:e,$labelsPosition:a,$size:s})=>r(["display:flex;flex-direction:column;gap:",";width:",";",""],o[s].gap,e,"left"===a&&r(["flex-direction:row;align-items:center;"])))),i=e.span.attrs(s).withConfig({displayName:"progress-tracker.style__StyledProgressBar",componentId:"carbon_v161_24_0__sc-2541d4c3-1"})(["",""],(({$variant:e,$size:a,$progress:s})=>r(["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:",";}"],o[a].barHeight,o[a].barBorderRadius,s,o[a].barHeight,t[e],o[a].barBorderRadius))),d=e.span.withConfig({displayName:"progress-tracker.style__StyledValue",componentId:"carbon_v161_24_0__sc-2541d4c3-2"})(["",";"],(({$size:e})=>r(["font:",";"],o[e].valueFont))),p=e.span.withConfig({displayName:"progress-tracker.style__StyledValuesWrapper",componentId:"carbon_v161_24_0__sc-2541d4c3-3"})(["display:flex;gap:var(--global-space-comp-xs);"]),n=e.div.withConfig({displayName:"progress-tracker.style__StyledLabelWrapper",componentId:"carbon_v161_24_0__sc-2541d4c3-4"})(["",";"],(({$size:e,$labelWidth:a})=>r(["display:flex;flex-wrap:wrap;gap:0 var(--global-space-comp-s);white-space:nowrap;color:var(--progress-label-default);font:",";",""],o[e].regularFont,a&&r(["width:",";flex-shrink:0;"],a))));export{n as StyledLabelWrapper,i as StyledProgressBar,l as StyledProgressTracker,d as StyledValue,p as StyledValuesWrapper};

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

@@ -1 +1 @@
-import a,{css as o}from"styled-components";const l={small:{gap:"var(--global-space-comp-s)"},medium:{gap:"var(--global-space-comp-m)"},large:{gap:"var(--global-space-comp-l)"}},e=a.div.withConfig({displayName:"radio-button-group.style__StyledRadioButtonGroupContent",componentId:"carbon_v161_22_1__sc-a23ec9a0-0"})(["",""],(({$size:a,$inline:e})=>o(["display:flex;flex-direction:column;gap:",";",""],l[a].gap,e&&o(["flex-direction:row;gap:var(--global-space-comp-l);"]))));export{e as default};
+import a,{css as o}from"styled-components";const l={small:{gap:"var(--global-space-comp-s)"},medium:{gap:"var(--global-space-comp-m)"},large:{gap:"var(--global-space-comp-l)"}},e=a.div.withConfig({displayName:"radio-button-group.style__StyledRadioButtonGroupContent",componentId:"carbon_v161_24_0__sc-a23ec9a0-0"})(["",""],(({$size:a,$inline:e})=>o(["display:flex;flex-direction:column;gap:",";",""],l[a].gap,e&&o(["flex-direction:row;gap:var(--global-space-comp-l);"]))));export{e as default};

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

@@ -1 +1 @@
-import a,{css as e}from"styled-components";import{margin as l}from"styled-system";import r from"../../__internal__/checkable-input/hidden-checkable-input.style.js";import i from"../../style/themes/apply-base-theme.js";import o from"../../style/utils/add-focus-styling.js";const t={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=a.div.attrs(i).withConfig({displayName:"radio-button.style__RadioButtonStyle",componentId:"carbon_v161_22_1__sc-366f4294-0"})([""," ",";"],(({$isDisabled:a,$size:l,$error:i})=>e([".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"]{',"}}",""],t[l].labelFont,r,r,t[l].svgSize,t[l].svgSize,!a&&i&&e(["border:var(--global-borderwidth-s) solid var(--input-validation-border-error);"]),r,r,o(),a&&e(["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);}'],r))),l);export{s as default};
+import a,{css as e}from"styled-components";import{margin as l}from"styled-system";import r from"../../__internal__/checkable-input/hidden-checkable-input.style.js";import i from"../../style/themes/apply-base-theme.js";import o from"../../style/utils/add-focus-styling.js";const t={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=a.div.attrs(i).withConfig({displayName:"radio-button.style__RadioButtonStyle",componentId:"carbon_v161_24_0__sc-366f4294-0"})([""," ",";"],(({$isDisabled:a,$size:l,$error:i})=>e([".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"]{',"}}",""],t[l].labelFont,r,r,t[l].svgSize,t[l].svgSize,!a&&i&&e(["border:var(--global-borderwidth-s) solid var(--input-validation-border-error);"]),r,r,o(),a&&e(["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);}'],r))),l);export{s as default};

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

@@ -1 +1 @@
-import o from"styled-components";import r from"../../../button/button.style.js";import t from"../../../icon/icon.style.js";import a from"../../../../style/themes/apply-base-theme.js";const e=o.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"carbon_v161_22_1__sc-232ba56c-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t),n=o.div.attrs(a).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"carbon_v161_22_1__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,t,t);export{e as StyledButtonIcon,n as default};
+import o from"styled-components";import r from"../../../button/button.style.js";import t from"../../../icon/icon.style.js";import a from"../../../../style/themes/apply-base-theme.js";const e=o.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"carbon_v161_24_0__sc-232ba56c-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t),n=o.div.attrs(a).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"carbon_v161_24_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,t,t);export{e as StyledButtonIcon,n as default};

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

@@ -1 +1 @@
-import{margin as o}from"styled-system";import r,{css as t}from"styled-components";import a from"../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import e from"../../../icon/icon.style.js";import i from"../../../../style/themes/apply-base-theme.js";import n from"../../../../__internal__/form-field/form-field.style.js";const s=r.div.attrs(i).withConfig({displayName:"search.style__StyledSearch",componentId:"carbon_v161_22_1__sc-a8478a22-0"})(["",""],(({isFocused:r,searchWidth:i,maxWidth:s,searchHasValue:l,showSearchButton:c,variant:m})=>{const d="dark"===m;return t(["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;}","{","}"],o,i?`${i}`:"100%",s?`${s}`:"100%",!c&&t(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],d?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)",d?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(l||r)&&t(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),n,e,d&&!c&&t(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!d&&t(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),a,l&&t(["margin-bottom:-1px;"]))}));export{s as default};
+import{margin as o}from"styled-system";import r,{css as t}from"styled-components";import a from"../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import e from"../../../icon/icon.style.js";import i from"../../../../style/themes/apply-base-theme.js";import n from"../../../../__internal__/form-field/form-field.style.js";const s=r.div.attrs(i).withConfig({displayName:"search.style__StyledSearch",componentId:"carbon_v161_24_0__sc-a8478a22-0"})(["",""],(({isFocused:r,searchWidth:i,maxWidth:s,searchHasValue:l,showSearchButton:c,variant:m})=>{const d="dark"===m;return t(["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;}","{","}"],o,i?`${i}`:"100%",s?`${s}`:"100%",!c&&t(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],d?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)",d?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(l||r)&&t(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),n,e,d&&!c&&t(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!d&&t(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),a,l&&t(["margin-bottom:-1px;"]))}));export{s as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useRef as o,useEffect as r}from"react";import i from"styled-components";import a from"../../../style/utils/visually-hidden.js";import c from"../../../hooks/__internal__/useDebounce/useDebounce.js";const s=i.div.withConfig({displayName:"results-announcement.component__ResultsAnnouncementContainer",componentId:"carbon_v161_22_1__sc-acf99c7b-0"})(["",""],a),l=({announcement:i,searchValue:a,delay:l=1500})=>{const[u,m]=n(""),[d,p]=n(!1),_=o(!1),v=c((e=>{m(e),p((e=>!e))}),l);return r((()=>i?_.current?void v(i):(m(i),p((e=>!e)),void(_.current=!0)):(v.cancel(),m(""),void(_.current=!1))),[i,a,v]),e(s,{children:[t("div",{role:"status","aria-live":"polite","aria-atomic":"true",children:d?u:""}),t("div",{role:"status","aria-live":"polite","aria-atomic":"true",children:d?"":u})]})};export{l as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useRef as o,useEffect as r}from"react";import i from"styled-components";import a from"../../../style/utils/visually-hidden.js";import c from"../../../hooks/__internal__/useDebounce/useDebounce.js";const s=i.div.withConfig({displayName:"results-announcement.component__ResultsAnnouncementContainer",componentId:"carbon_v161_24_0__sc-acf99c7b-0"})(["",""],a),l=({announcement:i,searchValue:a,delay:l=1500})=>{const[u,m]=n(""),[d,p]=n(!1),_=o(!1),v=c((e=>{m(e),p((e=>!e))}),l);return r((()=>i?_.current?void v(i):(m(i),p((e=>!e)),void(_.current=!0)):(v.cancel(),m(""),void(_.current=!1))),[i,a,v]),e(s,{children:[t("div",{role:"status","aria-live":"polite","aria-atomic":"true",children:d?u:""}),t("div",{role:"status","aria-live":"polite","aria-atomic":"true",children:d?"":u})]})};export{l as default};

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

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

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

@@ -1 +1 @@
-import t from"styled-components";import o from"../../../button/button.style.js";const r=t.div.withConfig({displayName:"list-action-button.style__StyledListActionButtonWrapper",componentId:"carbon_v161_22_1__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);export{r as default};
+import t from"styled-components";import o from"../../../button/button.style.js";const r=t.div.withConfig({displayName:"list-action-button.style__StyledListActionButtonWrapper",componentId:"carbon_v161_24_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);export{r as default};

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

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import o from"../../../../style/themes/apply-base-theme.js";const i=t.ul.withConfig({displayName:"select-list.style__StyledSelectList",componentId:"carbon_v161_22_1__sc-cd99fc43-0"})(["",""],(({listHeight:t})=>e(["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===t?"":`height: ${t}px;`))),a=t.div.withConfig({displayName:"select-list.style__StyledSelectLoaderContainer",componentId:"carbon_v161_22_1__sc-cd99fc43-1"})(["display:flex;align-items:center;justify-content:center;padding-top:24px;padding-bottom:24px;width:100%;flex-grow:1;"]),l=t.table.withConfig({displayName:"select-list.style__StyledSelectListTable",componentId:"carbon_v161_22_1__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=t.thead.withConfig({displayName:"select-list.style__StyledSelectListTableHeader",componentId:"carbon_v161_22_1__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)`)),d=t.tbody.withConfig({displayName:"select-list.style__StyledSelectListTableBody",componentId:"carbon_v161_22_1__sc-cd99fc43-4"})(["display:block;width:100%;table-layout:fixed;width:100%;height:",";"],(({listHeight:t})=>`${t}px`)),s=t.div.attrs(o).withConfig({displayName:"select-list.style__StyledSelectListContainer",componentId:"carbon_v161_22_1__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")),n=t.div.withConfig({displayName:"select-list.style__StyledScrollableContainer",componentId:"carbon_v161_22_1__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:t})=>!t&&e(["border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);"])));export{n as StyledScrollableContainer,i as StyledSelectList,s as StyledSelectListContainer,l as StyledSelectListTable,d as StyledSelectListTableBody,r as StyledSelectListTableHeader,a as StyledSelectLoaderContainer};
+import t,{css as e}from"styled-components";import o from"../../../../style/themes/apply-base-theme.js";const i=t.ul.withConfig({displayName:"select-list.style__StyledSelectList",componentId:"carbon_v161_24_0__sc-cd99fc43-0"})(["",""],(({listHeight:t})=>e(["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===t?"":`height: ${t}px;`))),a=t.div.withConfig({displayName:"select-list.style__StyledSelectLoaderContainer",componentId:"carbon_v161_24_0__sc-cd99fc43-1"})(["display:flex;align-items:center;justify-content:center;padding-top:24px;padding-bottom:24px;width:100%;flex-grow:1;"]),l=t.table.withConfig({displayName:"select-list.style__StyledSelectListTable",componentId:"carbon_v161_24_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=t.thead.withConfig({displayName:"select-list.style__StyledSelectListTableHeader",componentId:"carbon_v161_24_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)`)),d=t.tbody.withConfig({displayName:"select-list.style__StyledSelectListTableBody",componentId:"carbon_v161_24_0__sc-cd99fc43-4"})(["display:block;width:100%;table-layout:fixed;width:100%;height:",";"],(({listHeight:t})=>`${t}px`)),s=t.div.attrs(o).withConfig({displayName:"select-list.style__StyledSelectListContainer",componentId:"carbon_v161_24_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")),n=t.div.withConfig({displayName:"select-list.style__StyledScrollableContainer",componentId:"carbon_v161_24_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:t})=>!t&&e(["border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);"])));export{n as StyledScrollableContainer,i as StyledSelectList,s as StyledSelectListContainer,l as StyledSelectListTable,d as StyledSelectListTableBody,r as StyledSelectListTableHeader,a as StyledSelectLoaderContainer};

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

@@ -1 +1 @@
-import e,{css as t}from"styled-components";import o from"../../../../__internal__/legacy-input/input-sizes.style.js";const l=e.span.withConfig({displayName:"select-textbox.style__StyledSelectText",componentId:"carbon_v161_22_1__sc-216771d5-0"})(["",""],(({$disabled:e,$hasPlaceholder:l,$readOnly:n,$transparent:i,$size:r})=>t(["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:",";"," "," "," ",""],o[r].horizontalPadding,i&&t(["font-weight:500;text-align:right;"]),l&&t(['& > *:not([data-element="textbox-prefix"]){color:',";font-weight:",";user-select:none;}"],i?"var(--colorsUtilityYin100)":"var(--colorsUtilityYin055)",i?500:"normal"),e&&t(["cursor:not-allowed;color:var(--colorsUtilityYin030);text-shadow:none;"]),n&&t(["cursor:default;color:var(--colorsUtilityYin065);text-shadow:none;"])))),n=e.span.withConfig({displayName:"select-textbox.style__StyledSelectTextChildrenWrapper",componentId:"carbon_v161_22_1__sc-216771d5-1"})(["display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"," ",""],(({$isDisabled:e})=>e&&t(["cursor:not-allowed;"])),(({$readOnly:e})=>e&&t(["cursor:default;"])));export{l as StyledSelectText,n as StyledSelectTextChildrenWrapper};
+import e,{css as t}from"styled-components";import o from"../../../../__internal__/legacy-input/input-sizes.style.js";const l=e.span.withConfig({displayName:"select-textbox.style__StyledSelectText",componentId:"carbon_v161_24_0__sc-216771d5-0"})(["",""],(({$disabled:e,$hasPlaceholder:l,$readOnly:n,$transparent:i,$size:r})=>t(["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:",";"," "," "," ",""],o[r].horizontalPadding,i&&t(["font-weight:500;text-align:right;"]),l&&t(['& > *:not([data-element="textbox-prefix"]){color:',";font-weight:",";user-select:none;}"],i?"var(--colorsUtilityYin100)":"var(--colorsUtilityYin055)",i?500:"normal"),e&&t(["cursor:not-allowed;color:var(--colorsUtilityYin030);text-shadow:none;"]),n&&t(["cursor:default;color:var(--colorsUtilityYin065);text-shadow:none;"])))),n=e.span.withConfig({displayName:"select-textbox.style__StyledSelectTextChildrenWrapper",componentId:"carbon_v161_24_0__sc-216771d5-1"})(["display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"," ",""],(({$isDisabled:e})=>e&&t(["cursor:not-allowed;"])),(({$readOnly:e})=>e&&t(["cursor:default;"])));export{l as StyledSelectText,n as StyledSelectTextChildrenWrapper};

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

@@ -1 +1 @@
-import t from"styled-components";const e=t.span.withConfig({displayName:"matching-text.style__MatchingText",componentId:"carbon_v161_22_1__sc-cf2d1a9f-0"})(["font-weight:500;text-decoration:underline;"]);export{e as default};
+import t from"styled-components";const e=t.span.withConfig({displayName:"matching-text.style__MatchingText",componentId:"carbon_v161_24_0__sc-cf2d1a9f-0"})(["font-weight:500;text-decoration:underline;"]);export{e as default};

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

@@ -1 +1 @@
-import e from"styled-components";import t from"../../pill/pill.style.js";import i from"../../../style/themes/apply-base-theme.js";import l from"../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import o from"../select.style.js";const s=e.div.attrs(i).withConfig({displayName:"multi-select.style__StyledSelectPillContainer",componentId:"carbon_v161_22_1__sc-4d4e5df5-0"})(["display:flex;flex-direction:column;justify-content:center;margin:3px 2px 3px 0;max-width:100%;&& ","{text-overflow:ellipsis;}"],t),n=e(o).withConfig({displayName:"multi-select.style__StyledSelectMultiSelect",componentId:"carbon_v161_22_1__sc-4d4e5df5-1"})(["","{position:absolute;right:0;height:100%;}"],l),c=e.div.withConfig({displayName:"multi-select.style__StyledAccessibilityLabelContainer",componentId:"carbon_v161_22_1__sc-4d4e5df5-2"})(["display:none;"]);export{c as StyledAccessibilityLabelContainer,n as StyledSelectMultiSelect,s as StyledSelectPillContainer};
+import e from"styled-components";import t from"../../pill/pill.style.js";import i from"../../../style/themes/apply-base-theme.js";import l from"../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import o from"../select.style.js";const s=e.div.attrs(i).withConfig({displayName:"multi-select.style__StyledSelectPillContainer",componentId:"carbon_v161_24_0__sc-4d4e5df5-0"})(["display:flex;flex-direction:column;justify-content:center;margin:3px 2px 3px 0;max-width:100%;&& ","{text-overflow:ellipsis;}"],t),n=e(o).withConfig({displayName:"multi-select.style__StyledSelectMultiSelect",componentId:"carbon_v161_24_0__sc-4d4e5df5-1"})(["","{position:absolute;right:0;height:100%;}"],l),c=e.div.withConfig({displayName:"multi-select.style__StyledAccessibilityLabelContainer",componentId:"carbon_v161_24_0__sc-4d4e5df5-2"})(["display:none;"]);export{c as StyledAccessibilityLabelContainer,n as StyledSelectMultiSelect,s as StyledSelectPillContainer};

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

@@ -1 +1 @@
-import o,{css as i}from"styled-components";const t=o.li.withConfig({displayName:"option.style__StyledOption",componentId:"carbon_v161_22_1__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:o,isHighlighted:t})=>o&&i(["cursor:pointer;:hover{background-color:var(--colorsUtilityMajor100);}",""],t&&i(["background-color:var(--colorsUtilityMajor200);"]))),(({hidden:o})=>o&&"display: none;"),(({isDisabled:o})=>o&&i(["color:var(--colorsUtilityYin030);cursor:not-allowed;:hover{background-color:var(--colorsUtilityYang100);}"])));export{t as default};
+import o,{css as i}from"styled-components";const t=o.li.withConfig({displayName:"option.style__StyledOption",componentId:"carbon_v161_24_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:o,isHighlighted:t})=>o&&i(["cursor:pointer;:hover{background-color:var(--colorsUtilityMajor100);}",""],t&&i(["background-color:var(--colorsUtilityMajor200);"]))),(({hidden:o})=>o&&"display: none;"),(({isDisabled:o})=>o&&i(["color:var(--colorsUtilityYin030);cursor:not-allowed;:hover{background-color:var(--colorsUtilityYang100);}"])));export{t as default};

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

@@ -1 +1 @@
-import o from"styled-components";import t from"../../icon/icon.style.js";const i=o.div.withConfig({displayName:"option-group-header.style__StyledOptionGroupHeader",componentId:"carbon_v161_22_1__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,t);export{i as default};
+import o from"styled-components";import t from"../../icon/icon.style.js";const i=o.div.withConfig({displayName:"option-group-header.style__StyledOptionGroupHeader",componentId:"carbon_v161_24_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,t);export{i as default};

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

@@ -1 +1 @@
-import o,{css as t}from"styled-components";const i=o.tr.withConfig({displayName:"option-row.style__StyledOptionRow",componentId:"carbon_v161_22_1__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:o})=>o&&t(["background-color:var(--colorsUtilityMajor200);"])),(({isDisabled:o})=>o&&t(["color:var(--colorsUtilityYin030);cursor:not-allowed;:hover{background-color:var(--colorsUtilityYang100);}"])));export{i as default};
+import o,{css as t}from"styled-components";const i=o.tr.withConfig({displayName:"option-row.style__StyledOptionRow",componentId:"carbon_v161_24_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:o})=>o&&t(["background-color:var(--colorsUtilityMajor200);"])),(({isDisabled:o})=>o&&t(["color:var(--colorsUtilityYin030);cursor:not-allowed;:hover{background-color:var(--colorsUtilityYang100);}"])));export{i as default};

package/esm/components/select/select.style.js

@@ -1 +1 @@
-import t from"styled-components";import{margin as e}from"styled-system";import o from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import i from"../../style/themes/apply-base-theme.js";const s=t.div.attrs(i).withConfig({displayName:"select.style__StyledSelect",componentId:"carbon_v161_22_1__sc-aec7932c-0"})(["margin-bottom:var(--fieldSpacing);"," position:relative;","{margin-right:0;}"],e,o);export{s as default};
+import t from"styled-components";import{margin as e}from"styled-system";import o from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import i from"../../style/themes/apply-base-theme.js";const s=t.div.attrs(i).withConfig({displayName:"select.style__StyledSelect",componentId:"carbon_v161_24_0__sc-aec7932c-0"})(["margin-bottom:var(--fieldSpacing);"," position:relative;","{margin-right:0;}"],e,o);export{s as default};

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

@@ -1 +1 @@
-import t,{css as o}from"styled-components";import{margin as e}from"styled-system";import i from"../../style/themes/apply-base-theme.js";import{StyledHeader as s,StyledSeparator as n}from"../heading/heading.style.js";const r=t.div.attrs(i).withConfig({displayName:"settings-row.style__StyledSettingsRow",componentId:"carbon_v161_22_1__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,(({hasDivider:t})=>t&&o(["border-bottom:1px solid var(--colorsUtilityMajor050);padding-bottom:30px;"])),s,n),d=t.div.withConfig({displayName:"settings-row.style__StyledSettingsRowHeader",componentId:"carbon_v161_22_1__sc-b1bd4709-1"})(["box-sizing:border-box;clear:both;float:left;max-width:325px;width:35%;"]),a=t.div.withConfig({displayName:"settings-row.style__StyledSettingsRowInput",componentId:"carbon_v161_22_1__sc-b1bd4709-2"})(["box-sizing:border-box;clear:both;float:left;margin-left:50px;width:100%;"]);export{r as StyledSettingsRow,d as StyledSettingsRowHeader,a as StyledSettingsRowInput};
+import t,{css as o}from"styled-components";import{margin as e}from"styled-system";import i from"../../style/themes/apply-base-theme.js";import{StyledHeader as s,StyledSeparator as n}from"../heading/heading.style.js";const r=t.div.attrs(i).withConfig({displayName:"settings-row.style__StyledSettingsRow",componentId:"carbon_v161_24_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,(({hasDivider:t})=>t&&o(["border-bottom:1px solid var(--colorsUtilityMajor050);padding-bottom:30px;"])),s,n),d=t.div.withConfig({displayName:"settings-row.style__StyledSettingsRowHeader",componentId:"carbon_v161_24_0__sc-b1bd4709-1"})(["box-sizing:border-box;clear:both;float:left;max-width:325px;width:35%;"]),a=t.div.withConfig({displayName:"settings-row.style__StyledSettingsRowInput",componentId:"carbon_v161_24_0__sc-b1bd4709-2"})(["box-sizing:border-box;clear:both;float:left;margin-left:50px;width:100%;"]);export{r as StyledSettingsRow,d as StyledSettingsRowHeader,a as StyledSettingsRowInput};

package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import{padding as r}from"styled-system";import i from"../../../../style/themes/apply-base-theme.js";import e from"../../../icon-button/icon-button.style.js";import a from"../../../icon/icon.style.js";const s=o.div.attrs(i).withConfig({displayName:"sidebar-header.style__StyledSidebarHeader",componentId:"carbon_v161_22_1__sc-9741e920-0"})(["background-color:",";box-shadow:inset 0 -1px 0 0 var(--colorsUtilityMajor100);box-sizing:border-box;width:100%;color:var(--colorsActionMinorYin090);transition:all 0.2s ease;"," ",' div[data-element="sidebar-heading"]{width:100%;}'],(({headerVariant:o})=>"light"===o?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin100)"),r,(({hasClose:o,headerVariant:r})=>o&&t(["display:flex;justify-content:space-between;gap:var(--spacing200);> ",":first-of-type{"," align-self:flex-start;}"],e,"dark"===r&&t(["","{color:var(--colorsUtilityYang080);}"],a)))),l=o.div.attrs(i).withConfig({displayName:"sidebar-header.style__StyledSidebarSubHeader",componentId:"carbon_v161_22_1__sc-9741e920-1"})(["box-sizing:border-box;width:100%;color:var(--colorsActionMinorYin090);background-color:var(--colorsUtilityMajor050);border-bottom:1px solid var(--colorsUtilityMajor075);"," transition:all 0.2s ease;"],r);export{l as StyledSidebarSubHeader,s as default};
+import o,{css as t}from"styled-components";import{padding as r}from"styled-system";import i from"../../../../style/themes/apply-base-theme.js";import e from"../../../icon-button/icon-button.style.js";import a from"../../../icon/icon.style.js";const s=o.div.attrs(i).withConfig({displayName:"sidebar-header.style__StyledSidebarHeader",componentId:"carbon_v161_24_0__sc-9741e920-0"})(["background-color:",";box-shadow:inset 0 -1px 0 0 var(--colorsUtilityMajor100);box-sizing:border-box;width:100%;color:var(--colorsActionMinorYin090);transition:all 0.2s ease;"," ",' div[data-element="sidebar-heading"]{width:100%;}'],(({headerVariant:o})=>"light"===o?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin100)"),r,(({hasClose:o,headerVariant:r})=>o&&t(["display:flex;justify-content:space-between;gap:var(--spacing200);> ",":first-of-type{"," align-self:flex-start;}"],e,"dark"===r&&t(["","{color:var(--colorsUtilityYang080);}"],a)))),l=o.div.attrs(i).withConfig({displayName:"sidebar-header.style__StyledSidebarSubHeader",componentId:"carbon_v161_24_0__sc-9741e920-1"})(["box-sizing:border-box;width:100%;color:var(--colorsActionMinorYin090);background-color:var(--colorsUtilityMajor050);border-bottom:1px solid var(--colorsUtilityMajor075);"," transition:all 0.2s ease;"],r);export{l as StyledSidebarSubHeader,s as default};

package/esm/components/sidebar/sidebar.style.js

@@ -1 +1 @@
-import o,{css as i}from"styled-components";import{padding as t}from"styled-system";import e from"../../style/utils/element-sizing.js";import s from"../../style/themes/apply-base-theme.js";import n from"../icon-button/icon-button.style.js";import{SIDEBAR_SIZES_CSS as r}from"./sidebar.config.js";import{StyledForm as a,StyledFormContent as d}from"../form/form.style.js";const l=o.div.attrs(s).withConfig({displayName:"sidebar.style__StyledSidebar",componentId:"carbon_v161_22_1__sc-925b46ee-0"})([":focus{outline:none;}",""],(({onCancel:o,position:t,size:s,theme:a,width:d,widthAnimation:l})=>i(["background:var(--colorsUtilityYang100);border-radius:1px;bottom:0;position:fixed;display:flex;flex-direction:column;top:0;z-index:",";max-width:100vw;"," "," "," "," ",""],a.zIndex.fullScreenModal,!d&&s&&i(["width:",";"],r[s]),d&&e({width:d}),l&&i(["transition:width 0.3s ease;"]),t&&i(["box-shadow:var(--boxShadow300);",":0;"],t),o&&i(["> ",":first-of-type{position:absolute;z-index:1;right:25px;top:25px;}"],n)))),p=o.div.withConfig({displayName:"sidebar.style__StyledSidebarContent",componentId:"carbon_v161_22_1__sc-925b46ee-1"})(["box-sizing:border-box;display:block;overflow-y:auto;flex-grow:1;padding:var(--spacing300) var(--spacing400) var(--spacing400);"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{padding:var(--spacing300) var(--spacing400) var(--spacing400);","}}}"],t,a,a,d,t);export{l as StyledSidebar,p as StyledSidebarContent};
+import o,{css as i}from"styled-components";import{padding as t}from"styled-system";import e from"../../style/utils/element-sizing.js";import s from"../../style/themes/apply-base-theme.js";import n from"../icon-button/icon-button.style.js";import{SIDEBAR_SIZES_CSS as r}from"./sidebar.config.js";import{StyledForm as a,StyledFormContent as d}from"../form/form.style.js";const l=o.div.attrs(s).withConfig({displayName:"sidebar.style__StyledSidebar",componentId:"carbon_v161_24_0__sc-925b46ee-0"})([":focus{outline:none;}",""],(({onCancel:o,position:t,size:s,theme:a,width:d,widthAnimation:l})=>i(["background:var(--colorsUtilityYang100);border-radius:1px;bottom:0;position:fixed;display:flex;flex-direction:column;top:0;z-index:",";max-width:100vw;"," "," "," "," ",""],a.zIndex.fullScreenModal,!d&&s&&i(["width:",";"],r[s]),d&&e({width:d}),l&&i(["transition:width 0.3s ease;"]),t&&i(["box-shadow:var(--boxShadow300);",":0;"],t),o&&i(["> ",":first-of-type{position:absolute;z-index:1;right:25px;top:25px;}"],n)))),p=o.div.withConfig({displayName:"sidebar.style__StyledSidebarContent",componentId:"carbon_v161_24_0__sc-925b46ee-1"})(["box-sizing:border-box;display:block;overflow-y:auto;flex-grow:1;padding:var(--spacing300) var(--spacing400) var(--spacing400);"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{padding:var(--spacing300) var(--spacing400) var(--spacing400);","}}}"],t,a,a,d,t);export{l as StyledSidebar,p as StyledSidebarContent};

package/esm/components/simple-color-picker/simple-color/simple-color.style.js

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import i from"../../../__internal__/legacy-input/input.component.js";import"react/jsx-runtime";import"react";import"../../../__internal__/legacy-input/input-presentation.style.js";import"../../carbon-provider/__internal__/new-validation.context.js";import e from"./checker-board.svg";import r from"../../icon/icon.component.js";import"../../icon/icon.style.js";import n from"../../../style/utils/get-rgb-values.js";import s from"../../../style/utils/add-focus-styling.js";const l=o.div.withConfig({displayName:"simple-color.style__StyledSimpleColor",componentId:"carbon_v161_22_1__sc-303f1be7-0"})(["width:var(--sizing700);height:var(--sizing700);margin-right:2px;margin-bottom:2px;&:hover{cursor:pointer;}"]),c=o.div.withConfig({displayName:"simple-color.style__StyledColorSampleBox",componentId:"carbon_v161_22_1__sc-303f1be7-1"})(["height:100%;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;"," ",""],(({color:o})=>"transparent"!==o&&t(["background-color:",";"],o)),(({color:o})=>"transparent"===o&&t(['background-color:#eeeeee;background-image:url("','");background-size:14px 14px;background-position:-2px -2px;'],e))),a=o(i).withConfig({displayName:"simple-color.style__StyledSimpleColorInput",componentId:"carbon_v161_22_1__sc-303f1be7-2"})(["position:absolute;opacity:0;height:var(--sizing700);width:var(--sizing700);margin:0;&:hover{cursor:pointer;}&:disabled:hover{cursor:not-allowed;}&:focus + ","{","}"],c,s(!0)),p=o(r).withConfig({displayName:"simple-color.style__StyledTickIcon",componentId:"carbon_v161_22_1__sc-303f1be7-3"})(["height:20px;width:20px;pointer-events:none;display:block;&::before{font-size:20px;color:",";}"],(({color:o})=>(o=>{const t=n(o),[i,e,r]=t;return(Math.round(299*i)+Math.round(587*e)+Math.round(114*r))/1e3<128?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"})(o)));export{c as StyledColorSampleBox,l as StyledSimpleColor,a as StyledSimpleColorInput,p as StyledTickIcon};
+import o,{css as t}from"styled-components";import i from"../../../__internal__/legacy-input/input.component.js";import"react/jsx-runtime";import"react";import"../../../__internal__/legacy-input/input-presentation.style.js";import"../../carbon-provider/__internal__/new-validation.context.js";import e from"./checker-board.svg";import r from"../../icon/icon.component.js";import"../../icon/icon.style.js";import n from"../../../style/utils/get-rgb-values.js";import s from"../../../style/utils/add-focus-styling.js";const l=o.div.withConfig({displayName:"simple-color.style__StyledSimpleColor",componentId:"carbon_v161_24_0__sc-303f1be7-0"})(["width:var(--sizing700);height:var(--sizing700);margin-right:2px;margin-bottom:2px;&:hover{cursor:pointer;}"]),c=o.div.withConfig({displayName:"simple-color.style__StyledColorSampleBox",componentId:"carbon_v161_24_0__sc-303f1be7-1"})(["height:100%;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;"," ",""],(({color:o})=>"transparent"!==o&&t(["background-color:",";"],o)),(({color:o})=>"transparent"===o&&t(['background-color:#eeeeee;background-image:url("','");background-size:14px 14px;background-position:-2px -2px;'],e))),a=o(i).withConfig({displayName:"simple-color.style__StyledSimpleColorInput",componentId:"carbon_v161_24_0__sc-303f1be7-2"})(["position:absolute;opacity:0;height:var(--sizing700);width:var(--sizing700);margin:0;&:hover{cursor:pointer;}&:disabled:hover{cursor:not-allowed;}&:focus + ","{","}"],c,s(!0)),p=o(r).withConfig({displayName:"simple-color.style__StyledTickIcon",componentId:"carbon_v161_24_0__sc-303f1be7-3"})(["height:20px;width:20px;pointer-events:none;display:block;&::before{font-size:20px;color:",";}"],(({color:o})=>(o=>{const t=n(o),[i,e,r]=t;return(Math.round(299*i)+Math.round(587*e)+Math.round(114*r))/1e3<128?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"})(o)));export{c as StyledColorSampleBox,l as StyledSimpleColor,a as StyledSimpleColorInput,p as StyledTickIcon};

package/esm/components/simple-color-picker/simple-color-picker.style.js

@@ -1 +1 @@
-import o,{css as i}from"styled-components";import e from"../../__internal__/validations/validation-icon.style.js";const r=o.div.withConfig({displayName:"simple-color-picker.style__StyledContent",componentId:"carbon_v161_22_1__sc-e2fee886-0"})(["display:flex;align-items:center;","{margin-left:4px;}"],e),t=o.div.withConfig({displayName:"simple-color-picker.style__StyledColorOptions",componentId:"carbon_v161_22_1__sc-e2fee886-1"})(["max-width:","px;padding:0;display:flex;flex-wrap:wrap;border-left:","px solid transparent;border-top:","px solid transparent;",""],(({maxWidth:o,childWidth:i})=>((o,i)=>Math.floor(+o/+i)*+i)(o,i)),2,2,(({error:o,info:e,warning:r})=>o?i(["outline:var(--borderWidth200) solid var(--colorsSemanticNegative500);"]):r?i(["outline:var(--borderWidth200) solid var(--colorsSemanticCaution500);"]):e?i(["outline:var(--borderWidth200) solid var(--colorsSemanticInfo500);"]):""));export{t as StyledColorOptions,r as StyledContent};
+import o,{css as i}from"styled-components";import e from"../../__internal__/validations/validation-icon.style.js";const r=o.div.withConfig({displayName:"simple-color-picker.style__StyledContent",componentId:"carbon_v161_24_0__sc-e2fee886-0"})(["display:flex;align-items:center;","{margin-left:4px;}"],e),t=o.div.withConfig({displayName:"simple-color-picker.style__StyledColorOptions",componentId:"carbon_v161_24_0__sc-e2fee886-1"})(["max-width:","px;padding:0;display:flex;flex-wrap:wrap;border-left:","px solid transparent;border-top:","px solid transparent;",""],(({maxWidth:o,childWidth:i})=>((o,i)=>Math.floor(+o/+i)*+i)(o,i)),2,2,(({error:o,info:e,warning:r})=>o?i(["outline:var(--borderWidth200) solid var(--colorsSemanticNegative500);"]):r?i(["outline:var(--borderWidth200) solid var(--colorsSemanticCaution500);"]):e?i(["outline:var(--borderWidth200) solid var(--colorsSemanticInfo500);"]):""));export{t as StyledColorOptions,r as StyledContent};

package/esm/components/split-button/split-button-children.style.js

@@ -1 +1 @@
-import r,{css as o}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import d from"../button/button.style.js";const i="\n  > {\n    &:first-child:last-child > * {\n      border-radius: var(--borderRadius100);\n    }\n\n    &:first-child:not(:last-child) > * {\n      border-top-left-radius: var(--borderRadius100);\n      border-top-right-radius: var(--borderRadius100);\n      border-bottom-right-radius: var(--borderRadius000);\n      border-bottom-left-radius: var(--borderRadius000);\n    }\n\n    &:not(:first-child):not(:last-child) > * {\n      border-radius: var(--borderRadius000);\n    }\n\n    &:last-child:not(:first-child) > * {\n      border-top-right-radius: var(--borderRadius000);\n      border-top-left-radius: var(--borderRadius000);\n      border-bottom-left-radius: var(--borderRadius100);\n      border-bottom-right-radius: var(--borderRadius100);\n    }\n  }\n",a=r.ul.attrs(t).withConfig({displayName:"split-button-children.style__StyledSplitButtonChildrenContainer",componentId:"carbon_v161_22_1__sc-b97d9599-0"})(["border-radius:var(--borderRadius100);",""],(({theme:r,align:t,minWidth:a})=>o(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";& + &{margin-top:3px;}&:focus{position:relative;z-index:1;}}"],a,r.zIndex.popover,i,d,t,t)));export{i as borderRadiusStyling,a as default};
+import r,{css as o}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import d from"../button/button.style.js";const i="\n  > {\n    &:first-child:last-child > * {\n      border-radius: var(--borderRadius100);\n    }\n\n    &:first-child:not(:last-child) > * {\n      border-top-left-radius: var(--borderRadius100);\n      border-top-right-radius: var(--borderRadius100);\n      border-bottom-right-radius: var(--borderRadius000);\n      border-bottom-left-radius: var(--borderRadius000);\n    }\n\n    &:not(:first-child):not(:last-child) > * {\n      border-radius: var(--borderRadius000);\n    }\n\n    &:last-child:not(:first-child) > * {\n      border-top-right-radius: var(--borderRadius000);\n      border-top-left-radius: var(--borderRadius000);\n      border-bottom-left-radius: var(--borderRadius100);\n      border-bottom-right-radius: var(--borderRadius100);\n    }\n  }\n",a=r.ul.attrs(t).withConfig({displayName:"split-button-children.style__StyledSplitButtonChildrenContainer",componentId:"carbon_v161_24_0__sc-b97d9599-0"})(["border-radius:var(--borderRadius100);",""],(({theme:r,align:t,minWidth:a})=>o(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";& + &{margin-top:3px;}&:focus{position:relative;z-index:1;}}"],a,r.zIndex.popover,i,d,t,t)));export{i as borderRadiusStyling,a as default};

package/esm/components/split-button/split-button-toggle.style.js

@@ -1 +1 @@
-import o,{css as r}from"styled-components";import n from"../button/button.style.js";import c from"../icon/icon.style.js";const a={small:5,medium:10,large:14},t=o(n).withConfig({displayName:"split-button-toggle.style__StyledSplitButtonToggle",componentId:"carbon_v161_22_1__sc-c0d1173d-0"})(["",""],(({buttonType:o,disabled:t,displayed:l,size:e,isWhite:i})=>r(["border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);"," "," "," "," padding:0 ","px;"," + &{margin-left:0;}"," + & ","{margin-left:0;}&:focus{background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&,","{color:var(--colorsActionMajorYang100);}}",""],t||!l||i?"":r(["background-color:var(--colorsActionMajor500);border-color:var(--colorsActionMajor500);&,","{color:var(--colorsActionMajorYang100);}&:focus{border-left-color:var(--colorsSemanticFocus500);}"],c),!t&&l&&i?r(["background-color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorYang100);&,","{color:var(--colorsYin100);}&:focus{border-left-color:var(--colorsSemanticFocus500);}"],c):"",!t&&"primary"===o&&"\n      position: relative;\n      &::before {\n        content: '';\n        width: 2px;\n        height: 100%;\n        background: var(--colorsActionMajorYang100);\n        position: absolute;\n        left: -2px;\n        z-index: 2;\n      }  \n    ","secondary"===o&&"border-left-width: 0;",a[e],n,n,c,c,!t&&i&&`\n      &:focus {\n        background-color: var(--colorsActionMajorYang100);\n        border-color: var(--colorsActionMajorYang100);\n\n        &,\n        ${c} {\n          color: var(--colorsYin100);\n        }\n      }\n    `)));export{t as default};
+import o,{css as r}from"styled-components";import n from"../button/button.style.js";import c from"../icon/icon.style.js";const a={small:5,medium:10,large:14},t=o(n).withConfig({displayName:"split-button-toggle.style__StyledSplitButtonToggle",componentId:"carbon_v161_24_0__sc-c0d1173d-0"})(["",""],(({buttonType:o,disabled:t,displayed:l,size:e,isWhite:i})=>r(["border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);"," "," "," "," padding:0 ","px;"," + &{margin-left:0;}"," + & ","{margin-left:0;}&:focus{background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&,","{color:var(--colorsActionMajorYang100);}}",""],t||!l||i?"":r(["background-color:var(--colorsActionMajor500);border-color:var(--colorsActionMajor500);&,","{color:var(--colorsActionMajorYang100);}&:focus{border-left-color:var(--colorsSemanticFocus500);}"],c),!t&&l&&i?r(["background-color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorYang100);&,","{color:var(--colorsYin100);}&:focus{border-left-color:var(--colorsSemanticFocus500);}"],c):"",!t&&"primary"===o&&"\n      position: relative;\n      &::before {\n        content: '';\n        width: 2px;\n        height: 100%;\n        background: var(--colorsActionMajorYang100);\n        position: absolute;\n        left: -2px;\n        z-index: 2;\n      }  \n    ","secondary"===o&&"border-left-width: 0;",a[e],n,n,c,c,!t&&i&&`\n      &:focus {\n        background-color: var(--colorsActionMajorYang100);\n        border-color: var(--colorsActionMajorYang100);\n\n        &,\n        ${c} {\n          color: var(--colorsYin100);\n        }\n      }\n    `)));export{t as default};