carbon-react 162.12.0-beta.1 → 162.13.0

package/esm/__internal__/legacy-input/input-presentation.style.d.ts

@@ -0,0 +1,6 @@
+import { CommonInputPresentationProps } from "./input-presentation.component";
+import { InputContextProps } from "../input-behaviour";
+import { CarbonProviderProps } from "../../components/carbon-provider";
+export declare const StyledInputPresentationContainer: import("styled-components").StyledComponent<"div", any, Pick<CommonInputPresentationProps, "maxWidth" | "inputWidth">, never>;
+declare const InputPresentationStyle: import("styled-components").StyledComponent<"div", any, Pick<InputContextProps, "hasFocus"> & Pick<CommonInputPresentationProps, "size" | "disabled" | "error" | "info" | "warning" | "align" | "readOnly" | "borderRadius" | "hasIcon" | "hideBorders"> & Pick<CarbonProviderProps, "validationRedesignOptIn">, never>;
+export default InputPresentationStyle;

package/esm/__internal__/legacy-input/input-presentation.style.js

@@ -0,0 +1 @@
+import r,{css as i}from"styled-components";import t from"./input-sizes.style.js";import o from"./input.style.js";import e from"../../style/utils/add-focus-styling.js";const n=r.div.withConfig({displayName:"input-presentation.style__StyledInputPresentationContainer",componentId:"carbon_v162_12_0__sc-83661d80-0"})(["flex:0 0 ","%;display:flex;position:relative;max-width:",";"],(({inputWidth:r})=>r),(({maxWidth:r})=>r?`${r}`:"100%")),a=r.div.withConfig({displayName:"input-presentation.style__InputPresentationStyle",componentId:"carbon_v162_12_0__sc-83661d80-1"})(["align-items:stretch;background:var(--colorsUtilityYang100);"," box-sizing:border-box;cursor:text;display:flex;flex-wrap:wrap;width:100%;margin:0;"," "," "," "," "," "," "," input::-ms-clear{display:none;}input::-webkit-contacts-auto-fill-button{display:none !important;}"],(({hideBorders:r})=>r?"border: 1px solid transparent;":"border: 1px solid var(--colorsUtilityMajor300);"),(({borderRadius:r})=>Array.isArray(r)?`border-radius: ${r.map((r=>`var(--${r})`)).join(" ")};`:`border-radius: var(--${r});`),(({size:r,hasIcon:e,align:n})=>r&&i(["min-height:",";","{padding:0 ",";"," ","}"],t[r].height,o,t[r].horizontalPadding,e&&"right"===n&&"padding-left: 0;",e&&"left"===n&&"padding-right: 0;")),(({disabled:r,hideBorders:t})=>r&&i(["background:var(--colorsUtilityDisabled400);border-color:",";cursor:not-allowed;"],t?"transparent":"var(--colorsUtilityDisabled600)")),(({hasFocus:r})=>r&&i(["&{"," z-index:2;}"],e())),(function({error:r,warning:t,info:o,disabled:e,validationRedesignOptIn:n}){let a;if(e)return"";if(r)a="var(--colorsSemanticNegative500)";else if(t)a=n?"var(--colorsUtilityMajor300)":"var(--colorsSemanticCaution500)";else{if(!o)return"";a="var(--colorsSemanticInfo500)"}return i(["border-color:"," !important;z-index:1;",""],a,r&&`box-shadow: inset 1px 1px 0 ${a}, inset -1px -1px 0 ${a};`)}),(({readOnly:r})=>r&&i(["background-color:var(--colorsUtilityReadOnly400);border-color:transparent;"])),(({align:r})=>"right"===r&&"flex-direction: row-reverse;\n  "));export{n as StyledInputPresentationContainer,a as default};

package/esm/__internal__/legacy-input/input-sizes.style.d.ts

@@ -0,0 +1,9 @@
+interface SizesProps {
+    height: string;
+    horizontalPadding: string;
+}
+interface InputSizesInterface {
+    [key: string]: SizesProps;
+}
+declare const InputSizes: InputSizesInterface;
+export default InputSizes;

package/esm/__internal__/legacy-input/input-sizes.style.js

@@ -0,0 +1 @@
+const a={small:{height:"var(--sizing400)",horizontalPadding:"var(--spacing100)"},medium:{height:"var(--sizing500)",horizontalPadding:"var(--spacing150)"},large:{height:"var(--sizing600)",horizontalPadding:"var(--spacing200)"}};export{a as default};

package/esm/__internal__/legacy-input/input.component.d.ts

@@ -0,0 +1,54 @@
+import React from "react";
+import { BorderRadiusType } from "../../components/box/box.component";
+export type EnterKeyHintTypes = "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
+export interface CommonInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value"> {
+    align?: "right" | "left";
+    /** The ID of the input's description, is set along with hint text and error message. */
+    "aria-describedby"?: string;
+    /** Override the variant component */
+    as?: React.ElementType;
+    /** If true the Component will be focused when rendered */
+    autoFocus?: boolean;
+    /** If true, the component will be disabled */
+    disabled?: boolean;
+    /** HTML id attribute of the input */
+    id?: string;
+    /** Specify a custom border radius for the input. Any valid border-radius design token, or an array of border-radius design tokens. */
+    inputBorderRadius?: BorderRadiusType | BorderRadiusType[];
+    /** Name of the input */
+    name?: string;
+    /** Specify a callback triggered on blur */
+    onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
+    /** Specify a callback triggered on change */
+    onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Specify a callback triggered on click */
+    onClick?: (ev: React.MouseEvent<HTMLInputElement>) => void;
+    /** Specify a callback triggered on focus */
+    onFocus?: (ev: React.FocusEvent<HTMLInputElement>) => void;
+    /** Specify a callback triggered on keyDown */
+    onKeyDown?: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** Placeholder string to be displayed in input */
+    placeholder?: string;
+    /** If true, the component will be read-only */
+    readOnly?: boolean;
+    /** Flag to configure component as mandatory */
+    required?: boolean;
+    /** Id of the validation icon */
+    validationIconId?: string;
+    /** The value of the input */
+    value: string | readonly string[] | number | undefined;
+}
+export interface InputProps extends CommonInputProps {
+    /** The visible width of the text control, in average character widths */
+    cols?: number;
+    /** Integer to determine a timeout for the deferred callback */
+    deferTimeout?: number;
+    /** Deferred callback to be called after the onChange event */
+    onChangeDeferred?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
+    /** The number of visible text lines for the control */
+    rows?: number;
+    /** HTML type attribute of the input */
+    type?: string;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export default Input;

package/esm/__internal__/legacy-input/input.component.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import r,{useContext as t,useRef as n,useCallback as o,useEffect as u}from"react";import i from"./input.style.js";import{InputContext as a}from"../input-behaviour/input-behaviour.component.js";import{InputGroupContext as c}from"../input-behaviour/input-group-behaviour.component.js";function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const s=r.forwardRef(((r,s)=>{var{align:d,"aria-labelledby":p,"aria-describedby":b,placeholder:f,disabled:y,readOnly:O,autoFocus:m,onClick:h,onChangeDeferred:g,onChange:v,onBlur:j,onFocus:B,deferTimeout:P,type:w="text",id:F,name:C,validationIconId:R,inputBorderRadius:S="borderRadius050",enterKeyHint:k}=r,x=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},u=Object.keys(e);for(n=0;n<u.length;n++)t=u[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n<u.length;n++)t=u[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,["align","aria-labelledby","aria-describedby","placeholder","disabled","readOnly","autoFocus","onClick","onChangeDeferred","onChange","onBlur","onFocus","deferTimeout","type","id","name","validationIconId","inputBorderRadius","enterKeyHint"]);const D=t(a),I=t(c),E=n(null);let T=n(null);s&&"current"in s&&(T=s);const H=o((e=>{T.current=e,"function"==typeof s&&s(e),m&&e&&e.focus(),k&&e&&e.setAttribute("enterkeyhint",k)}),[m,s,k]);u((()=>{D.inputRef&&D.inputRef(T)}),[D,T]),u((()=>{y&&D.onBlur&&D.onBlur()}),[y,D]);const K=b?[b]:[];(D.hasFocus||I.hasFocus||D.hasMouseOver||I.hasMouseOver)&&R&&K.push(R);const M=K.length?K.filter(Boolean).join(" "):void 0;return e(i,(A=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){l(e,r,t[r])}))}return e}({},x),N={"data-has-autofocus":!!m||void 0,"aria-describedby":M,"aria-labelledby":p,align:d,placeholder:f,disabled:y,readOnly:O,name:C,type:w,id:F||C,ref:H,"data-element":"input",onFocus:e=>{B&&B(e),D.onFocus&&D.onFocus(),I.onFocus&&I.onFocus(),"text"===w&&function(e){setTimeout((()=>{if(null==e?void 0:e.current){const{selectionStart:r,selectionEnd:t,value:n}=e.current,{length:o}=n;(0===r&&0===t||r===o&&t===o)&&document.activeElement===e.current&&e.current.setSelectionRange(0,o)}}))}(T)},onBlur:e=>{j&&j(e),D.onBlur&&D.onBlur(),I.onBlur&&I.onBlur()},onClick:y||O?void 0:e=>{var r;h&&h(e),null==T||null===(r=T.current)||void 0===r||r.focus()},onChange:e=>{v&&v(e),(e=>{g&&(E.current&&clearTimeout(E.current),E.current=setTimeout((()=>{g(e)}),P||750))})(e)},inputBorderRadius:S},N=null!=N?N:{},Object.getOwnPropertyDescriptors?Object.defineProperties(A,Object.getOwnPropertyDescriptors(N)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(N)).forEach((function(e){Object.defineProperty(A,e,Object.getOwnPropertyDescriptor(N,e))})),A));var A,N}));s.displayName="Input";export{s as default};

package/esm/__internal__/legacy-input/input.style.d.ts

@@ -0,0 +1,3 @@
+import { CommonInputProps } from "./input.component";
+declare const StyledInput: import("styled-components").StyledComponent<"input", any, Pick<CommonInputProps, "disabled" | "align" | "inputBorderRadius">, never>;
+export default StyledInput;

package/esm/__internal__/legacy-input/input.style.js

@@ -0,0 +1 @@
+import o,{css as r}from"styled-components";const t=o.input.withConfig({displayName:"input.style__StyledInput",componentId:"carbon_v162_12_0__sc-745cf632-0"})(["background:transparent;border:none;color:var(--colorsUtilityYin090);flex-grow:1;font-size:var(--fontSizes100);outline:none;padding:0;margin:0;width:30px;&:-webkit-autofill{background-clip:text;-webkit-background-clip:text;}"," &::placeholder{color:var(--colorsUtilityYin055);}"," ",""],(({inputBorderRadius:o})=>Array.isArray(o)?`border-radius: ${o.map((o=>`var(--${o})`)).join(" ")};`:`border-radius: var(--${o});`),(({align:o})=>o&&r(["text-align:",";"],o)),(({disabled:o})=>o&&r(["color:var(--colorsUtilityYin030);cursor:not-allowed;"])));export{t as default};

package/esm/__internal__/legacy-label/icon-wrapper.style.d.ts

@@ -0,0 +1,2 @@
+declare const StyledIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export default StyledIconWrapper;

package/esm/__internal__/legacy-label/icon-wrapper.style.js

@@ -0,0 +1 @@
+import o from"styled-components";import i from"../validations/validation-icon.style.js";import t from"../../components/help/help.style.js";const n=o.div.withConfig({displayName:"icon-wrapper.style__StyledIconWrapper",componentId:"carbon_v162_12_0__sc-cadb2c42-0"})(["display:inline-block;margin:0;margin-left:4px;width:24px;height:24px;position:relative;margin-top:-3px;margin-bottom:-4px;vertical-align:top;:focus{outline:2px solid var(--colorsSemanticFocus500);}",",","{position:static;}"],i,t);export{n as default};

package/esm/__internal__/legacy-label/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./label.component";
+export type { LabelProps } from "./label.component";

package/esm/__internal__/legacy-label/index.js

@@ -0,0 +1 @@
+export{default}from"./label.component.js";

package/esm/__internal__/legacy-label/label.component.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+import { StyledLabelProps, StyledLabelContainerProps } from "./label.style";
+import { ValidationProps } from "../validations";
+import { IconType } from "../../components/icon";
+export interface LabelProps extends ValidationProps, StyledLabelProps, StyledLabelContainerProps {
+    as?: "span" | "label";
+    /** Children elements */
+    children?: React.ReactNode;
+    /** A message that the Help component will display */
+    help?: React.ReactNode;
+    /** Icon type */
+    helpIcon?: IconType;
+    /** A string that represents the ID of another form element */
+    htmlFor?: string;
+    /** The unique id of the label element */
+    labelId?: string;
+    /** The unique id of the Help component tooltip, used for accessibility */
+    tooltipId?: string;
+    /** Whether to show the validation icon */
+    useValidationIcon?: boolean;
+    /** Id of the validation icon */
+    validationIconId?: string;
+    /**
+     * @private
+     * @internal
+     * Sets className for component. INTERNAL USE ONLY. */
+    className?: string;
+    /** Sets aria-label for label element */
+    "aria-label"?: string;
+    /** Whether this component is shown against a dark background */
+    isDarkBackground?: boolean;
+    /** @internal @private */
+    onClick?: () => void;
+}
+export declare const Label: ({ align, as, children, disabled, error, help, helpIcon, htmlFor, info, inline, isDarkBackground, isRequired, labelId, pr, tooltipId, useValidationIcon, validationIconId, warning, width, className, onClick, "aria-label": ariaLabel, isLarge, }: LabelProps) => React.JSX.Element;
+declare const _default: React.MemoExoticComponent<({ align, as, children, disabled, error, help, helpIcon, htmlFor, info, inline, isDarkBackground, isRequired, labelId, pr, tooltipId, useValidationIcon, validationIconId, warning, width, className, onClick, "aria-label": ariaLabel, isLarge, }: LabelProps) => React.JSX.Element>;
+export default _default;

package/esm/__internal__/legacy-label/label.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import o,{useState as n,useContext as t,useRef as i}from"react";import{Help as l}from"../../components/help/help.component.js";import a,{StyledLabelContainer as c}from"./label.style.js";import{ValidationIcon as s}from"../validations/validation-icon.component.js";import p from"./icon-wrapper.style.js";import{InputContext as u}from"../input-behaviour/input-behaviour.component.js";import{InputGroupContext as d}from"../input-behaviour/input-group-behaviour.component.js";import b from"../utils/helpers/guid/index.js";function m(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function f(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),n.forEach((function(r){m(e,r,o[r])}))}return e}function g(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r}(Object(r)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))})),e}const h=({align:o,as:m="label",children:h,disabled:O,error:j,help:y,helpIcon:v,htmlFor:w,info:P,inline:k,isDarkBackground:I=!1,isRequired:D,labelId:L,pr:M,tooltipId:E,useValidationIcon:F=!0,validationIconId:S,warning:x,width:B=30,className:q,onClick:C,"aria-label":N,isLarge:R})=>{const[V,$]=n(!1),{onMouseEnter:z,onMouseLeave:A}=t(u),{onMouseEnter:G,onMouseLeave:H}=t(d),J=i(b());let K;return K=k&&!o?"right":o||"left",e(c,{"data-role":"label-container",id:`label-container-${null!=L?L:J.current}`,align:K,inline:k,width:B,pr:M,className:q,onClick:C,children:[r(a,g(f({"aria-disabled":O||void 0,"data-element":"label",disabled:O,id:L},"label"===m?{htmlFor:w}:{}),{onMouseEnter:()=>{z&&z(),G&&G()},onMouseLeave:()=>{A&&A(),H&&H()},isRequired:D,as:m,"aria-label":N,isDarkBackground:I,isLarge:R,children:h})),(()=>{const e={onFocus:()=>$(!0),onBlur:()=>$(!1)};if(F&&(({error:e,warning:r,info:o,disabled:n})=>!n&&"string"==typeof(e||r||o))({error:j,warning:x,info:P,disabled:O})){const e=(({error:e,warning:r,info:o,inline:n})=>(e||r||o)&&n?"top":"right")({error:j,warning:x,info:P,inline:k});return r(p,{children:r(s,{tooltipId:S,error:j,warning:x,info:P,tooltipPosition:e,tooltipFlipOverrides:["top","bottom"]})})}return y&&r(p,g(f({},e),{children:r(l,{tooltipId:E,type:v,isFocused:V,children:y})}))})()]})};var O=o.memo(h);export{h as Label,O as default};

package/esm/__internal__/legacy-label/label.style.d.ts

@@ -0,0 +1,23 @@
+export interface StyledLabelProps {
+    /** If true, the component will be disabled */
+    disabled?: boolean;
+    /** Flag to configure component as mandatory */
+    isRequired?: boolean;
+    /** Flag to determine whether to use colours for dark backgrounds */
+    isDarkBackground?: boolean;
+    /** Set large font-size */
+    isLarge?: boolean;
+}
+declare const StyledLabel: import("styled-components").StyledComponent<"label", any, StyledLabelProps, never>;
+export interface StyledLabelContainerProps {
+    /** Label alignment */
+    align?: "left" | "right";
+    /** When true, label is placed in line an input */
+    inline?: boolean;
+    /** Padding right, integer multiplied by base spacing constant (8) */
+    pr?: 1 | 2;
+    /** Label width */
+    width?: number;
+}
+export declare const StyledLabelContainer: import("styled-components").StyledComponent<"div", any, StyledLabelContainerProps, never>;
+export default StyledLabel;

package/esm/__internal__/legacy-label/label.style.js

@@ -0,0 +1 @@
+import t,{css as a}from"styled-components";const e=t.label.withConfig({displayName:"label.style__StyledLabel",componentId:"carbon_v162_12_0__sc-1af3965d-0"})([""," display:block;font-weight:var(--fontWeights500);"," "," ",""],(({isDarkBackground:t})=>a(["color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)")),(({isLarge:t})=>t&&a(["font-size:var(--fontSizes200);"])),(({isRequired:t})=>t&&a(['::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);}'])),(({disabled:t})=>t&&a(["color:var(--input-labelset-label-disabled);"]))),i=t.div.withConfig({displayName:"label.style__StyledLabelContainer",componentId:"carbon_v162_12_0__sc-1af3965d-1"})(["display:flex;align-items:center;margin-bottom:8px;.fieldset-content &{margin-bottom:var(--global-space-comp-xs);}"," ",""],(({align:t})=>a(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({inline:t,pr:e,width:i})=>t&&a(["box-sizing:border-box;margin-bottom:0;",";width:","%;"],e&&a(["padding-right:var(",");"],1===e?"--spacing100":"--spacing200"),i)));export{i as StyledLabelContainer,e as default};

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

@@ -0,0 +1,2 @@
+export { default } from "./modal.component";
+export type { ModalProps } from "./modal.component";

package/esm/__internal__/modal/index.js

@@ -0,0 +1 @@
+export{default}from"./modal.component.js";

package/esm/__internal__/modal/modal-manager.d.ts

@@ -0,0 +1,19 @@
+type SetTriggerRefocusFlag = (boolean: boolean) => void;
+export type ModalList = {
+    modal: HTMLElement;
+    setTriggerRefocusFlag?: SetTriggerRefocusFlag;
+    topModalOverride?: boolean;
+}[];
+declare class ModalManagerInstance {
+    private modalList;
+    constructor();
+    private getTopModal;
+    addModal: (modal: HTMLElement | null, setTriggerRefocusFlag?: SetTriggerRefocusFlag, topModalOverride?: boolean) => void;
+    isTopmost(modal: HTMLElement | null): boolean;
+    removeModal(modal: HTMLElement | null, triggerRefocusOnClose?: boolean): void;
+    clearList(): void;
+    callTopModalSetters(): void;
+}
+declare const ModalManager: ModalManagerInstance;
+export { ModalManagerInstance };
+export default ModalManager;

package/esm/__internal__/modal/modal-manager.js

@@ -0,0 +1 @@
+import{getWindow as t}from"../dom/globals.js";function o(t,o,s){return o in t?Object.defineProperty(t,o,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[o]=s,t}class s{getTopModal(){return this.modalList.length?this.modalList.slice().reverse().find((t=>t.topModalOverride))||this.modalList[this.modalList.length-1]:{}}isTopmost(t){const{modal:o}=this.getTopModal();return!(!t||!o)&&t===o}removeModal(t,o=!0){const s=this.modalList.findIndex((({modal:o})=>o===t));if(-1===s)return;if(this.modalList.splice(s,1),this.callTopModalSetters(),!this.modalList.length)return;const{setTriggerRefocusFlag:l}=this.getTopModal();l&&o&&l(!0)}clearList(){const o=t(),s=[];o&&(o.__CARBON_INTERNALS_MODAL_LIST=s),this.modalList=s,this.callTopModalSetters()}callTopModalSetters(){const o=t();if(null==o?void 0:o.__CARBON_INTERNALS_MODAL_SETTER_LIST){var s;const t=(null===(s=this.getTopModal())||void 0===s?void 0:s.modal)||null;for(const s of o.__CARBON_INTERNALS_MODAL_SETTER_LIST)s(t)}}constructor(){o(this,"modalList",void 0),o(this,"addModal",((t,o,s)=>{if(!t)return;const{modal:l,setTriggerRefocusFlag:e,topModalOverride:i}=this.getTopModal();!i&&l&&e&&e(!1),this.modalList.push({modal:t,setTriggerRefocusFlag:o,topModalOverride:s}),this.callTopModalSetters()}));const s=t();s?(s.__CARBON_INTERNALS_MODAL_LIST||(s.__CARBON_INTERNALS_MODAL_LIST=[]),this.modalList=s.__CARBON_INTERNALS_MODAL_LIST):this.modalList=[]}}const l=new s;export{s as ModalManagerInstance,l as default};

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

@@ -0,0 +1,32 @@
+import React from "react";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export interface ModalProps extends TagProps {
+    /**
+     * @private
+     * @internal
+     * @ignore
+     * Sets className for component. INTERNAL USE ONLY. */
+    className?: string;
+    /** Modal content */
+    children?: React.ReactNode;
+    /** The ARIA role to be applied to the modal */
+    ariaRole?: string;
+    /** Determines if the Esc Key closes the modal */
+    disableEscKey?: boolean;
+    /** Determines if the Dialog can be closed */
+    disableClose?: boolean;
+    /** Determines if the background is disabled when the modal is open */
+    enableBackgroundUI?: boolean;
+    /** A custom close event handler */
+    onCancel?: (ev: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => void;
+    /** Sets the open state of the modal */
+    open: boolean;
+    /** Manually override the internal modal stacking order to set this as top */
+    topModalOverride?: boolean;
+    /** Enables the automatic restoration of focus to the element that invoked
+     * the modal when the modal is closed.
+     */
+    restoreFocusOnClose?: boolean;
+}
+declare const Modal: (props: ModalProps) => React.JSX.Element;
+export default Modal;

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

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

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

@@ -0,0 +1,8 @@
+import React from "react";
+export interface ModalContextProps {
+    isInModal?: boolean;
+    isAnimationComplete?: boolean;
+    triggerRefocusFlag?: boolean;
+}
+declare const _default: React.Context<ModalContextProps>;
+export default _default;

package/esm/__internal__/modal/modal.context.js

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

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

@@ -0,0 +1,11 @@
+type TransitionProps = {
+    transitionName: string;
+    transitionTime: number;
+};
+declare const StyledModalBackground: import("styled-components").StyledComponent<"div", any, TransitionProps, never>;
+declare const StyledModal: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & TransitionProps & {
+    topModalOverride?: boolean;
+}, "theme">;
+export { StyledModal, StyledModalBackground };

package/esm/__internal__/modal/modal.style.js

@@ -0,0 +1 @@
+import t,{css as e}from"styled-components";import a from"../../style/themes/apply-base-theme.js";const i=t.div.withConfig({displayName:"modal.style__StyledModalBackground",componentId:"carbon_v162_12_0__sc-1ca46940-0"})(["background-color:var(--container-standard-dimmer);bottom:0;left:0;position:fixed;right:0;top:0;",";"],(({transitionName:t,transitionTime:a})=>e(["&.","-enter,.","-appear{opacity:0;}&.","-enter.","-enter-active,&.","-appear.","-appear-active{opacity:1;transition:opacity ","ms ease-out;}&.","-exit.","-exit-active{opacity:0;transition:opacity ","ms 100ms ease-out;}"],t,t,t,t,t,t,a,t,t,a))),o=t.div.attrs(a).withConfig({displayName:"modal.style__StyledModal",componentId:"carbon_v162_12_0__sc-1ca46940-1"})(["position:absolute;z-index:",";",""],(({theme:t,topModalOverride:e})=>`${e?t.zIndex.notification:t.zIndex.modal}`),(({transitionName:t,transitionTime:a})=>e([".","-enter,.","-appear{opacity:0;}.","-enter.","-enter-active,.","-appear.","-appear-active{opacity:1;transition:all ","ms 100ms ease-out;}.","-exit.","-exit-active{opacity:0;transition:all ","ms ease-out;}"],t,t,t,t,t,t,a,t,t,a)));export{o as StyledModal,i as StyledModalBackground};

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

@@ -0,0 +1,2 @@
+export { default } from "./popover.component";
+export type { PopoverProps } from "./popover.component";

package/esm/__internal__/popover/index.js

@@ -0,0 +1 @@
+export{default}from"./popover.component.js";

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

@@ -0,0 +1,54 @@
+import React, { MutableRefObject, RefObject } from "react";
+import { Placement, Middleware } from "@floating-ui/dom";
+export interface PopoverProps {
+    /**
+     * Element to be positioned, has to be a single node and has to accept `ref` and `style` props.
+     */
+    children: React.ReactElement;
+    /**
+     * Placement of children in relation to the reference element.
+     */
+    placement?: Placement;
+    /**
+     * Disables interaction with background UI.
+     */
+    disableBackgroundUI?: boolean;
+    /**
+     * Optional middleware array, for more information go to:
+     * [https://floating-ui.com/docs/middleware](https://floating-ui.com/docs/middleware)
+     */
+    middleware?: Middleware[];
+    /**
+     * When true, children are not rendered in portal.
+     */
+    disablePortal?: boolean;
+    /**
+     * Reference element, children will be positioned in relation to this element - should be a ref shaped object.
+     */
+    reference: RefObject<HTMLElement>;
+    /**
+     * Whether the Popover is open, determines if autoUpdate runs in useFloating.
+     */
+    isOpen?: boolean;
+    /**
+     * Applies display: none to the content wrapper.
+     */
+    hide?: boolean;
+    /**
+     * Whether to update the position of the floating element on every animation frame if required. This is optimized for performance but can still be costly. Use with caution!
+     * [https://floating-ui.com/docs/autoUpdate#animationframe](https://floating-ui.com/docs/autoUpdate#animationframe)
+     */
+    animationFrame?: boolean;
+    /**
+     * Optional strategy to use for positioning the floating element. Defaults to "absolute".
+     */
+    popoverStrategy?: "absolute" | "fixed";
+    /**
+     * Allows child ref to be set via a prop instead of dynamically finding it via children iteration.
+     */
+    childRefOverride?: MutableRefObject<HTMLDivElement | null>;
+    /** Optional custom portal container. Defaults to document.body (or the closest dialog in a modal). */
+    portalTarget?: HTMLElement | null;
+}
+declare const Popover: ({ disablePortal, portalTarget, ...props }: PopoverProps) => React.JSX.Element | null;
+export default Popover;

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

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

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

@@ -0,0 +1,8 @@
+export declare const StyledBackdrop: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+}, "theme">;
+type StyledPopoverContentProps = {
+    hide?: boolean;
+};
+export declare const StyledPopoverContent: import("styled-components").StyledComponent<"div", any, StyledPopoverContentProps, never>;
+export {};

package/esm/__internal__/popover/popover.style.js

@@ -0,0 +1 @@
+import e from"styled-components";import o from"../../style/themes/apply-base-theme.js";const t=e.div.attrs(o).withConfig({displayName:"popover.style__StyledBackdrop",componentId:"carbon_v162_12_0__sc-fb4df9e5-0"})(["bottom:0;left:0;position:fixed;right:0;top:0;z-index:var( --adaptiveSidebarModalBackdrop,"," );background:transparent;"],(({theme:e})=>e.zIndex.popover)),p=e.div.withConfig({displayName:"popover.style__StyledPopoverContent",componentId:"carbon_v162_12_0__sc-fb4df9e5-1"})(["",""],(({hide:e})=>e&&"display: none;"));export{t as StyledBackdrop,p as StyledPopoverContent};

package/esm/__internal__/popover-menu/contexts/index.d.ts

@@ -0,0 +1,4 @@
+export { PopoverMenuContext } from "./popover-menu.context";
+export type { PopoverMenuContextProps, SubmenuRenderProps, PopoverControlProps, } from "./popover-menu.context";
+export { default as MenuHeadingContext } from "./menu-heading.context";
+export { default as MenuItemContext } from "./menu-item.context";

package/esm/__internal__/popover-menu/contexts/index.js

@@ -0,0 +1 @@
+export{PopoverMenuContext}from"./popover-menu.context.js";export{default as MenuHeadingContext}from"./menu-heading.context.js";export{default as MenuItemContext}from"./menu-item.context.js";

package/esm/__internal__/popover-menu/contexts/menu-heading.context.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("react").Context<{
+    headingId: string;
+} | null>;
+export default _default;

package/esm/__internal__/popover-menu/contexts/menu-heading.context.js

@@ -0,0 +1 @@
+import{createContext as r}from"react";var a=r(null);export{a as default};

package/esm/__internal__/popover-menu/contexts/menu-item.context.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("react").Context<{
+    isDisabled: boolean;
+} | null>;
+export default _default;

package/esm/__internal__/popover-menu/contexts/menu-item.context.js

@@ -0,0 +1 @@
+import{createContext as a}from"react";var r=a({isDisabled:!1});export{r as default};

package/esm/__internal__/popover-menu/contexts/popover-menu.context.d.ts

@@ -0,0 +1,26 @@
+export interface PopoverControlProps {
+    "aria-haspopup": "listbox" | "true";
+    "aria-controls"?: string;
+    "aria-expanded"?: boolean;
+    role?: string;
+    "aria-activedescendant"?: string;
+}
+export interface SubmenuRenderProps {
+    open: boolean;
+    submenu: React.ReactNode;
+    submenuWidth?: string;
+    size: "small" | "medium" | "large";
+    onClose: () => void;
+    ref: React.RefObject<HTMLUListElement>;
+    control: (props: PopoverControlProps) => React.ReactNode;
+    triggerRef: React.RefObject<HTMLLIElement>;
+}
+export interface PopoverMenuContextProps {
+    size: "small" | "medium" | "large";
+    isButtonMenu?: boolean;
+    isSubmenu?: boolean;
+    onSubmenuCloseContext?: () => void;
+    focusSubmenuParent?: () => void;
+    renderSubmenu?: (props: SubmenuRenderProps) => React.ReactNode;
+}
+export declare const PopoverMenuContext: import("react").Context<PopoverMenuContextProps>;

package/esm/__internal__/popover-menu/contexts/popover-menu.context.js

@@ -0,0 +1 @@
+import{createContext as e}from"react";const t=e({size:"medium",isButtonMenu:!1,isSubmenu:!1});export{t as PopoverMenuContext};

package/esm/__internal__/popover-menu/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useHandleDropdownMenuKeyDown, setFocus, } from "./useHandleDropdownMenuKeyDown";

package/esm/__internal__/popover-menu/hooks/index.js

@@ -0,0 +1 @@
+export{setFocus,useHandleDropdownMenuKeyDown}from"./useHandleDropdownMenuKeyDown.js";

package/esm/__internal__/popover-menu/hooks/useHandleDropdownMenuKeyDown.d.ts

@@ -0,0 +1,7 @@
+import { MutableRefObject } from "react";
+export declare const setFocus: (el?: HTMLElement, highlightedItem?: HTMLElement, isButtonMenu?: boolean) => void;
+export declare const useHandleDropdownMenuKeyDown: (ref: MutableRefObject<HTMLUListElement | null>, setAriaActivedescendant: React.Dispatch<React.SetStateAction<string>>, onClose: (e?: Event) => void, submenuOptions: {
+    isButtonMenu?: boolean;
+    isSubmenu?: boolean;
+    controlReference?: React.RefObject<HTMLLIElement>;
+}) => (ev: React.KeyboardEvent<HTMLElement>) => void;

package/esm/__internal__/popover-menu/hooks/useHandleDropdownMenuKeyDown.js

@@ -0,0 +1 @@
+import{useCallback as t}from"react";import{buttonMenuItemQuerySelector as n,itemQuerySelector as e}from"../utils/index.js";const l=(t,n,e)=>{var l;e?null==t||t.focus():(null==n||n.setAttribute("data-has-focus","false"),null==t||t.setAttribute("data-has-focus","true"),null==t||null===(l=t.scrollIntoView)||void 0===l||l.call(t,{block:"nearest",inline:"nearest"}))},i=(i,o,r,u)=>t((t=>{var d,a;const v=null===(d=document.activeElement)||void 0===d?void 0:d.closest('[data-component="scroll-wrapper"]');if(v&&!v.contains(i.current))return;const{isButtonMenu:s,isSubmenu:c}=u,f=Array.from((null===(a=i.current)||void 0===a?void 0:a.querySelectorAll(s?n(c):e(c)))||[]),p=f[0],m=f[f.length-1],g=s?f.find((t=>t.contains(document.activeElement))):f.find((t=>"true"===t.getAttribute("data-has-focus"))),h=f.find((t=>"true"===t.getAttribute("aria-selected")));if("ArrowDown"===t.key){if(t.preventDefault(),t.stopPropagation(),!g){const t=null!=h?h:p;var k;return o(null!==(k=null==t?void 0:t.id)&&void 0!==k?k:""),void l(t,g,s)}var y;if(!s&&m===g)return o(null!==(y=null==p?void 0:p.id)&&void 0!==y?y:""),void l(p,g,s);const n=f.indexOf(g),e=f[s?Math.min(n+1,f.length-1):(n+1)%f.length];var A;return o(null!==(A=null==e?void 0:e.id)&&void 0!==A?A:""),void l(e,g,s)}if("ArrowUp"===t.key){if(t.preventDefault(),t.stopPropagation(),!g){const t=null!=h?h:m;var b;return o(null!==(b=null==t?void 0:t.id)&&void 0!==b?b:""),void l(t,g,s)}var D;if(!s&&p===g)return o(null!==(D=null==m?void 0:m.id)&&void 0!==D?D:""),void l(m,g,s);const n=f.indexOf(g),e=f[s?Math.max(n-1,0):(n-1+f.length)%f.length];var w;return o(null!==(w=null==e?void 0:e.id)&&void 0!==w?w:""),void l(e,g,s)}var x,E;return"Home"===t.key?(t.preventDefault(),o(null!==(x=null==p?void 0:p.id)&&void 0!==x?x:""),void l(p,g,s)):"End"===t.key?(t.preventDefault(),o(null!==(E=null==m?void 0:m.id)&&void 0!==E?E:""),void l(m,g,s)):("Enter"!==t.key||s||g&&(t.preventDefault(),t.stopPropagation(),g.click()),void("Tab"!==t.key||r(t.nativeEvent)))}),[i,o,r,u]);export{l as setFocus,i as useHandleDropdownMenuKeyDown};

package/esm/__internal__/popover-menu/index.d.ts

@@ -0,0 +1,4 @@
+export { default as PopoverMenu } from "./popover-menu.component";
+export { MenuItem, MenuItemLeading, MenuItemLabel, MenuItemSubtext, MenuItemDivider, MenuItemHeading, } from "./menu-item";
+export type { PopoverMenuProps } from "./popover-menu.component";
+export type { PopoverControlProps } from "./contexts";

package/esm/__internal__/popover-menu/index.js

@@ -0,0 +1 @@
+export{default as PopoverMenu}from"./popover-menu.component.js";export{default as MenuItem}from"./menu-item/menu-item.component.js";export{default as MenuItemLeading}from"./menu-item/menu-item-content/menu-item-leading.component.js";export{default as MenuItemLabel}from"./menu-item/menu-item-content/menu-item-label.component.js";export{default as MenuItemSubtext}from"./menu-item/menu-item-content/menu-item-subtext.component.js";export{default as MenuItemDivider}from"./menu-item/menu-item-divider/menu-item-divider.component.js";export{default as MenuItemHeading}from"./menu-item/menu-item-heading/menu-item-heading.component.js";

package/esm/__internal__/popover-menu/menu-item/index.d.ts

@@ -0,0 +1,6 @@
+export { default as MenuItem } from "./menu-item.component";
+export { MenuItemLeading } from "./menu-item-content";
+export { MenuItemLabel } from "./menu-item-content";
+export { MenuItemSubtext } from "./menu-item-content";
+export { default as MenuItemDivider } from "./menu-item-divider";
+export { default as MenuItemHeading } from "./menu-item-heading";

package/esm/__internal__/popover-menu/menu-item/index.js

@@ -0,0 +1 @@
+export{default as MenuItem}from"./menu-item.component.js";export{default as MenuItemLeading}from"./menu-item-content/menu-item-leading.component.js";export{default as MenuItemLabel}from"./menu-item-content/menu-item-label.component.js";export{default as MenuItemSubtext}from"./menu-item-content/menu-item-subtext.component.js";export{default as MenuItemDivider}from"./menu-item-divider/menu-item-divider.component.js";export{default as MenuItemHeading}from"./menu-item-heading/menu-item-heading.component.js";

package/esm/__internal__/popover-menu/menu-item/menu-item-content/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MenuItemLeading } from "./menu-item-leading.component";
+export { default as MenuItemLabel } from "./menu-item-label.component";
+export { default as MenuItemSubtext } from "./menu-item-subtext.component";

package/esm/__internal__/popover-menu/menu-item/menu-item-content/index.js

@@ -0,0 +1 @@
+export{default as MenuItemLeading}from"./menu-item-leading.component.js";export{default as MenuItemLabel}from"./menu-item-label.component.js";export{default as MenuItemSubtext}from"./menu-item-subtext.component.js";

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface MenuItemLabelProps {
+    children: React.ReactNode;
+    prefix?: string;
+}
+declare const MenuItemLabel: {
+    ({ children, prefix }: MenuItemLabelProps): React.JSX.Element;
+    displayName: string;
+};
+export default MenuItemLabel;

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useContext as n}from"react";import m,{css as o}from"styled-components";import{PopoverMenuContext as i}from"../../contexts/popover-menu.context.js";import"../../contexts/menu-heading.context.js";import"../../contexts/menu-item.context.js";const r=m.span.withConfig({displayName:"menu-item-label.component__StyledMenuItemLabel",componentId:"carbon_v162_12_0__sc-3e81ec8-0"})(["grid-column:-2 / -1;grid-row:1;",""],(({$size:e})=>o(["span.menu-item-label-prefix{font:var(--global-font-static-comp-medium-",");}"],e.charAt(0)))),a=({children:m,prefix:o})=>{const{size:a}=n(i);return e(r,{"data-element":"menu-item-label",$size:a,children:[o&&t("span",{"data-element":"menu-item-label-prefix",className:"menu-item-label-prefix",children:o}),m]})};a.displayName="PopoverMenuItemLabel";export{a as default};

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+declare const MenuItemLeading: {
+    ({ children, selectedIcon, }: {
+        children?: React.ReactNode;
+        selectedIcon?: boolean;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export default MenuItemLeading;

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useContext as t}from"react";import o from"styled-components";import{PopoverMenuContext as i}from"../../contexts/popover-menu.context.js";import"../../contexts/menu-heading.context.js";import"../../contexts/menu-item.context.js";import c from"../../../../components/icon/icon.component.js";import"../../../../components/icon/icon.style.js";const m=o.span.withConfig({displayName:"menu-item-leading.component__StyledMenuItemLeading",componentId:"carbon_v162_12_0__sc-38bfc3f-0"})(['display:flex;grid-row:1;[data-component="icon"]{width:20px;height:20px;}']),a=o.span.withConfig({displayName:"menu-item-leading.component__StyledSelectedIconWrapper",componentId:"carbon_v162_12_0__sc-38bfc3f-1"})(["",""],(({$hasIcon:e})=>`\n    padding: 0 var(--global-space-comp-2-xs);\n    visibility: ${e?"visible":"hidden"};\n  `)),p=({children:o,selectedIcon:p=!1})=>{const{isButtonMenu:s}=t(i);return e(m,{className:"menu-item-leading","data-element":"leading",children:[!s&&n(a,{"data-role":"selected-icon-wrapper",$hasIcon:p,children:n(c,{type:"tick_thick","data-role":"selected-icon"})}),o]})};p.displayName="PopoverMenuItemLeading";export{p as default};

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+declare const MenuItemSubtext: {
+    ({ children }: {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export default MenuItemSubtext;

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useContext as e}from"react";import o,{css as n}from"styled-components";import{PopoverMenuContext as m}from"../../contexts/popover-menu.context.js";import"../../contexts/menu-heading.context.js";import"../../contexts/menu-item.context.js";const r=o.span.withConfig({displayName:"menu-item-subtext.component__StyledMenuItemSubtext",componentId:"carbon_v162_12_0__sc-8eef9447-0"})(["grid-column:-2 / -1;grid-row:2;color:var(--input-dropdown-label-subtxt);",""],(({$size:t})=>n([""," ",""],("small"===t||"medium"===t)&&"\n      font: var(--global-font-static-comp-regular-xs);\n    ","large"===t&&"\n      font: var(--global-font-static-comp-regular-s);\n    "))),s=({children:o})=>{const{size:n}=e(m);return t(r,{"data-element":"menu-item-subtext",className:"menu-item-subtext",$size:n,children:o})};s.displayName="PopoverMenuItemSubtext";export{s as default};

package/esm/__internal__/popover-menu/menu-item/menu-item-divider/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./menu-item-divider.component";

package/esm/__internal__/popover-menu/menu-item/menu-item-divider/index.js

@@ -0,0 +1 @@
+export{default}from"./menu-item-divider.component.js";

package/esm/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const MenuItemDivider: {
+    (): React.JSX.Element;
+    displayName: string;
+};
+export default MenuItemDivider;

package/esm/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import"react";import o from"styled-components";import{Divider as r}from"../../../../components/divider/divider.component.js";const i=o.li.withConfig({displayName:"menu-item-divider.component__StyledMenuItemDivider",componentId:"carbon_v162_12_0__sc-dae620b3-0"})(["margin:var(--global-space-comp-m);hr{background-color:var(--container-standard-border-default);height:var(--global-borderwidth-xs);}"]),t=()=>e(i,{"data-component":"popover-menu-divider","aria-hidden":"true",children:e(r,{m:0,type:"horizontal"})});t.displayName="PopoverMenuItemDivider";export{t as default};

package/esm/__internal__/popover-menu/menu-item/menu-item-heading/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./menu-item-heading.component";

package/esm/__internal__/popover-menu/menu-item/menu-item-heading/index.js

@@ -0,0 +1 @@
+export{default}from"./menu-item-heading.component.js";

package/esm/__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+declare const MenuItemHeading: {
+    ({ children, text, icon, }: {
+        children: React.ReactNode;
+        text: string;
+        icon?: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export default MenuItemHeading;