carbon-react 159.0.1 → 159.2.0-beta.1

package/lib/components/dialog/__internal__/__next__/dialog.component.d.ts

@@ -0,0 +1,103 @@
+import React, { RefObject } from "react";
+import { ModalProps } from "../../../../__internal__/modal";
+import { TagProps } from "../../../../__internal__/utils/helpers/tags";
+import { Size, ContentPaddingInterface } from "./dialog.config";
+export type { Size, ContentPaddingInterface };
+export interface DialogProps extends ModalProps, TagProps {
+    /** Prop to specify the aria-describedby property of the Dialog component */
+    "aria-describedby"?: string;
+    /**
+     * Prop to specify the aria-label of the Dialog component.
+     * To be used only when the title prop is not defined, and the component is not labelled by any internal element.
+     */
+    "aria-label"?: string;
+    /**
+     * Prop to specify the aria-labelledby property of the Dialog component
+     * To be used when the title prop is a custom React Node,
+     * or the component is labelled by an internal element other than the title.
+     */
+    "aria-labelledby"?: string;
+    /**
+     * Function to replace focus trap
+     * @ignore
+     * @private
+     */
+    bespokeFocusTrap?: (ev: KeyboardEvent, firstElement?: HTMLElement, lastElement?: HTMLElement) => void;
+    /** Child elements */
+    children?: React.ReactNode;
+    /**
+     * @private
+     * @ignore
+     * @internal
+     * Sets className for component. INTERNAL USE ONLY. */
+    className?: string;
+    /** Data tag prop bag for close Button */
+    closeButtonDataProps?: Pick<TagProps, "data-role" | "data-element">;
+    /** Padding to be set on the Dialog content */
+    contentPadding?: ContentPaddingInterface;
+    /** Reference to the scrollable content element */
+    contentRef?: React.ForwardedRef<HTMLDivElement>;
+    /** @private @internal @ignore */
+    "data-component"?: string;
+    disableAutoFocus?: boolean;
+    disableFocusTrap?: boolean;
+    /** an optional array of refs to containers whose content should also be reachable by tabbing from the dialog */
+    focusableContainers?: RefObject<HTMLElement>[];
+    /** Optional selector to identify the focusable elements, if not provided a default selector is used */
+    focusableSelectors?: string;
+    /** Optional reference to an element meant to be focused on open */
+    focusFirstElement?: RefObject<HTMLElement> | HTMLElement | null;
+    /** Footer content to be rendered at the bottom of the dialog */
+    footer?: React.ReactNode;
+    /** Change the background color of the content to grey */
+    greyBackground?: boolean;
+    /** Container for components to be displayed in the header */
+    headerChildren?: React.ReactNode;
+    /** Allows developers to specify a specific height for the dialog. */
+    height?: string;
+    /** Adds Help tooltip to Header */
+    help?: string;
+    /** Adds a gradient keyline to the dialog header */
+    gradientKeyLine?: boolean;
+    /** A custom close event handler */
+    onCancel?: (ev: React.KeyboardEvent<HTMLElement> | KeyboardEvent | React.MouseEvent<HTMLButtonElement>) => void;
+    /** The ARIA role to be applied to the Dialog container */
+    role?: string;
+    /** Determines if the close icon is shown */
+    showCloseIcon?: boolean;
+    /**
+     * Size of dialog following design system naming conventions.
+     * - small: 288px min-width, 540px max-width
+     * - medium: 540px min-width, 850px max-width (default)
+     * - large: 850px min-width, 1080px max-width
+     * - fullscreen: full viewport
+     */
+    size?: Size;
+    /** Makes the footer stick to the bottom of the dialog when content scrolls */
+    stickyFooter?: boolean;
+    /** Subtitle displayed at top of dialog. Its consumers' responsibility to set a suitable accessible name/description for the Dialog if they pass a node to subtitle prop. */
+    subtitle?: React.ReactNode;
+    /** Title displayed at top of dialog. Its consumers' responsibility to set a suitable accessible name/description for the Dialog if they pass a node to title prop. */
+    title?: React.ReactNode;
+    /**
+     * When true, header and sticky footer become unstickied for accessibility on small screen devices.
+     * On small screen devices, the dialog becomes full width and has no dimmer.
+     */
+    disableStickyOnSmallScreen?: boolean;
+    disableContentPadding?: boolean;
+    /**
+     * @private
+     * @ignore
+     * @internal
+     * Applies legacy Pages component styling for fullscreen dialogs. INTERNAL USE ONLY — consumed by the migration wrapper.
+     */
+    pagesStyling?: boolean;
+}
+export type DialogHandle = {
+    /** Programmatically focus on root container of Dialog. */
+    focus: () => void;
+} | null;
+export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<DialogHandle>>;
+export default Dialog;
+export { default as withDialogHeader } from "./dialog-header/dialog-header.component";
+export type { EnhancedDialogProps, DialogHeadingStatus, } from "./dialog-header/dialog-header.component";

package/lib/components/dialog/__internal__/__next__/dialog.component.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./dialog.style.js"),a=require("../../../heading/heading.style.js"),l=require("../../../icon/icon.component.js"),o=require("../../../typography/typography.component.js"),n=require("../../../../__internal__/modal/modal.component.js"),i=require("../../../../__internal__/focus-trap/focus-trap.component.js"),s=require("../../../../__internal__/full-screen-heading/full-screen-heading.component.js"),d=require("../../../../__internal__/utils/helpers/guid/index.js"),c=require("../../../../__internal__/utils/helpers/tags/tags.js"),u=require("../../../../hooks/__internal__/useLocale/useLocale.js"),p=require("../../../../hooks/__internal__/useModalAria/useModalAria.js"),b=require("../../../button/__next__/button.component.js"),g=require("./dialog-header/dialog-header.component.js");function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){f(e,t,r[t])}))}return e}function h(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const m=t.forwardRef(((g,f)=>{var{className:m,"data-component":j="dialog","data-element":O="dialog","data-role":S,children:_,open:x,height:v,size:k="medium",title:w,disableEscKey:C,subtitle:P,disableAutoFocus:F=!1,disableContentPadding:q=!1,focusFirstElement:D,focusableSelectors:$,onCancel:R,showCloseIcon:E=!0,bespokeFocusTrap:B,disableClose:I,help:T,gradientKeyLine:z=!1,role:H="dialog",contentPadding:K,greyBackground:L=!1,focusableContainers:M,topModalOverride:A,closeButtonDataProps:N,restoreFocusOnClose:W=!0,"aria-labelledby":G,"aria-describedby":J,"aria-label":Q,headerChildren:U,contentRef:V,disableStickyOnSmallScreen:X=!1,footer:Y,stickyFooter:Z=!1,pagesStyling:ee}=g,te=function(e,t){if(null==e)return{};var r,a,l=function(e,t){if(null==e)return{};var r,a,l={},o=Object.keys(e);for(a=0;a<o.length;a++)r=o[a],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)r=o[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}(g,["className","data-component","data-element","data-role","children","open","height","size","title","disableEscKey","subtitle","disableAutoFocus","disableContentPadding","focusFirstElement","focusableSelectors","onCancel","showCloseIcon","bespokeFocusTrap","disableClose","help","gradientKeyLine","role","contentPadding","greyBackground","focusableContainers","topModalOverride","closeButtonDataProps","restoreFocusOnClose","aria-labelledby","aria-describedby","aria-label","headerChildren","contentRef","disableStickyOnSmallScreen","footer","stickyFooter","pagesStyling"]);const re=u.default(),ae=t.useRef(null),le=t.useRef(null),oe=t.useRef(null),ne=t.useRef(null),{current:ie}=t.useRef(d.default()),{current:se}=t.useRef(d.default()),de=p.default(ae),ce="fullscreen"===k;t.useImperativeHandle(f,(()=>({focus(){var e;null===(e=ae.current)||void 0===e||e.focus()}})),[]);const ue=E&&R&&e.jsx(b.Button,h(y({"aria-label":re.dialog.ariaLabels.close(),onClick:e=>R(e)},c.default("close",y({"data-element":"close"},N))),{variantType:"subtle",children:e.jsx(l.default,{type:"close"})}));let pe=v;v&&v.match(/px$/)&&(pe=v.replace("px",""));const be={"aria-describedby":P&&"string"==typeof P?se:J,"aria-label":Q,"aria-labelledby":w&&"string"==typeof w?ie:G};return e.jsx(n.default,h(y({className:m?`${m} carbon-dialog`:"carbon-dialog",disableClose:I,disableEscKey:C,onCancel:R,open:x,restoreFocusOnClose:W,topModalOverride:A},c.default("dialog",te),te),{children:e.jsx(i.default,{additionalWrapperRefs:M,autoFocus:!F,bespokeTrap:B,focusableSelectors:$,focusFirstElement:D,isOpen:x,wrapperRef:ae,children:e.jsx(r.DialogPositioner,{$size:k,$fullscreen:ce,$disableStickyOnSmallScreen:X,children:e.jsxs(r.StyledDialog,h(y(h(y({"aria-modal":!("dialog"!==H||!de)||void 0},be),{backgroundColor:L?"var(--container-standard-bg-alt)":"var(--container-standard-bg-default)","data-component":j,"data-element":O,"data-role":S,dialogHeight:pe,$gradientKeyLine:z,$size:k,$disableStickyOnSmallScreen:X,pagesStyling:ee,ref:ae,role:H,tabIndex:-1}),K),{children:[w||U?(()=>{const t=e.jsxs("div",{"data-element":"dialog-title-container",children:["string"==typeof w?e.jsx(e.Fragment,{children:T?e.jsxs("div",{"data-element":"dialog-title-help-wrapper",children:[e.jsx(o.Typography,{wordWrap:"break-word",wordBreak:"normal",variant:"h1",marginRight:"16px","data-element":"dialog-title",id:ie,children:w}),e.jsx(a.StyledHeaderHelp,{"data-element":"help",tooltipPosition:"right",children:T})]}):e.jsx(o.Typography,{wordWrap:"break-word",wordBreak:"normal",variant:"h1","data-element":"dialog-title",id:ie,children:w})}):w,P&&e.jsx(r.StyledSubtitle,{as:"div","data-element":"subtitle","data-role":"subtitle",id:se,children:P})]});return ce?e.jsxs(s.default,{hasContent:!!w,hasCloseButton:E,ref:le,children:[t,U]}):e.jsxs(r.StyledDialogTitle,{hasSubtitle:!!P,ref:oe,showCloseIcon:E,$disableStickyOnSmallScreen:X,children:[t,U]})})():null,ue,e.jsx(r.StyledDialogContent,h(y({},K),{$size:k,"data-role":"dialog-content","data-element":"dialog-content",hasHeader:void 0!==w,hasFooter:void 0!==Y,tabIndex:-1,ref:V,$disableStickyOnSmallScreen:X,disableContentPadding:q,children:_})),Y?e.jsx(r.StyledDialogFooter,{ref:ne,$size:k,$sticky:Z,$disableStickyOnSmallScreen:X,"data-role":"dialog-footer","data-element":"dialog-footer",children:Y}):null]}))})})}))}));m.displayName="Dialog",exports.withDialogHeader=g.default,exports.Dialog=m,exports.default=m;

package/lib/components/dialog/__internal__/__next__/dialog.config.d.ts

@@ -0,0 +1,37 @@
+/** New size type following design system naming conventions */
+export type Size = "small" | "medium" | "large" | "fullscreen";
+/** @deprecated Use Size instead */
+export type DialogSizes = "extra-small" | "small" | "medium-small" | "medium" | "medium-large" | "large" | "extra-large" | "auto";
+type PaddingValues = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+export interface ContentPaddingInterface {
+    p?: PaddingValues;
+    py?: PaddingValues;
+    px?: PaddingValues;
+}
+/** Minimum width for all dialog sizes */
+export declare const DIALOG_MIN_WIDTH = "288px";
+/**
+ * Size values matching Carbon's defined max-width values.
+ * All dialogs have a min-width of 288px.
+ */
+export declare const DIALOG_SIZE_CONFIG: {
+    readonly small: {
+        readonly maxWidth: string;
+        readonly minWidth: "288px";
+    };
+    readonly medium: {
+        readonly maxWidth: string;
+        readonly minWidth: "288px";
+    };
+    readonly large: {
+        readonly maxWidth: string;
+        readonly minWidth: "288px";
+    };
+    readonly fullscreen: {
+        readonly maxWidth: "100%";
+        readonly minWidth: "100%";
+    };
+};
+/** Default size is medium unless specified */
+export declare const DEFAULT_SIZE: Size;
+export {};

package/lib/components/dialog/__internal__/__next__/dialog.config.js

@@ -0,0 +1 @@
+"use strict";var i=require("@sage/design-tokens-fusion/js/es6/components/container");const e="288px",t={small:{maxWidth:i.containerSizeDialogMaxwidthS,minWidth:e},medium:{maxWidth:i.containerSizeDialogMaxwidthM,minWidth:e},large:{maxWidth:i.containerSizeDialogMaxwidthL,minWidth:e},fullscreen:{maxWidth:"100%",minWidth:"100%"}};exports.DEFAULT_SIZE="medium",exports.DIALOG_MIN_WIDTH=e,exports.DIALOG_SIZE_CONFIG=t;

package/lib/components/dialog/__internal__/__next__/dialog.style.d.ts

@@ -0,0 +1,50 @@
+import type { DialogProps } from "./dialog.component";
+import { Size, ContentPaddingInterface } from "./dialog.config";
+declare const dialogSizes: {
+    readonly small: string;
+    readonly medium: string;
+    readonly large: string;
+};
+declare const smallScreenBreakpoint = "600px";
+/** Transient size prop shared across all styled dialog sub-components */
+type TransientSizeProps = {
+    $size?: Size;
+};
+/** Transient prop to disable sticky behaviour on small screens */
+type TransientDisableStickyProps = {
+    $disableStickyOnSmallScreen?: boolean;
+};
+/** Base transient props shared by most styled dialog sub-components */
+type SharedTransientProps = TransientSizeProps & TransientDisableStickyProps;
+type StyledDialogTitleProps = SharedTransientProps & Pick<DialogProps, "showCloseIcon"> & {
+    hasSubtitle?: boolean;
+};
+type StyledDialogFooterProps = SharedTransientProps & {
+    $sticky?: boolean;
+};
+declare const DialogPositioner: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & TransientSizeProps & TransientDisableStickyProps & {
+    $fullscreen?: boolean;
+}, "theme">;
+declare const StyledDialogContent: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & ContentPaddingInterface & TransientSizeProps & TransientDisableStickyProps & {
+    disableContentPadding?: boolean;
+    hasHeader?: boolean;
+    hasFooter?: boolean;
+}, "theme">;
+declare const StyledDialogFooter: import("styled-components").StyledComponent<"div", any, StyledDialogFooterProps, never>;
+declare const StyledDialogTitle: import("styled-components").StyledComponent<"div", any, StyledDialogTitleProps, never>;
+declare const StyledDialog: import("styled-components").StyledComponent<"div", any, TransientSizeProps & TransientDisableStickyProps & Pick<DialogProps, "greyBackground"> & {
+    $size: Size;
+    backgroundColor: string;
+    dialogHeight?: string;
+    $gradientKeyLine?: boolean;
+    pagesStyling?: boolean;
+} & ContentPaddingInterface, never>;
+declare const StyledSubtitle: import("styled-components").StyledComponent<{
+    ({ variant, as, id, fluid, inverse, size, tint, weight, truncate, color, children, screenReaderOnly, "aria-live": ariaLive, "aria-hidden": ariaHidden, ...rest }: import("../../../typography").TypographyProps): import("react").JSX.Element;
+    displayName: string;
+}, any, {}, never>;
+export { DialogPositioner, StyledDialog, StyledDialogTitle, StyledDialogContent, StyledDialogFooter, StyledSubtitle, dialogSizes, smallScreenBreakpoint, };

package/lib/components/dialog/__internal__/__next__/dialog.style.js

@@ -0,0 +1 @@
+"use strict";var a=require("styled-components"),e=require("styled-system"),t=require("../../../../style/themes/apply-base-theme.js"),i=require("../../../button/__next__/button.style.js"),o=require("../../../typography/typography.component.js");require("react/jsx-runtime"),require("react");var d=require("./dialog.config.js"),r=require("../../../form/form.style.js"),l=require("../../../../__internal__/full-screen-heading/full-screen-heading.style.js");function n(a){return a&&a.__esModule?a:{default:a}}var s=n(a);const c={small:d.DIALOG_SIZE_CONFIG.small.maxWidth,medium:d.DIALOG_SIZE_CONFIG.medium.maxWidth,large:d.DIALOG_SIZE_CONFIG.large.maxWidth},p="600px",g=(t=!1)=>i=>t?a.css(["padding:0;"]):a.css([""," ",""],a.css(["padding:0 var(--global-space-layout-2-xs);@media screen and (min-width:600px){padding:0 var(--global-space-layout-xs);}@media screen and (min-width:960px){padding:0 var(--global-space-layout-s);}@media screen and (min-width:1260px){padding:0 var(--global-space-layout-m);}"]),e.padding(i)),x=s.default.div.attrs(t.default).withConfig({displayName:"dialog.style__DialogPositioner",componentId:"sc-2536516c-0"})(["position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:",";"," ",""],(({$size:a})=>"fullscreen"===a?"var(--carbon-zindex-full-screen-modal)":"var(--carbon-zindex-modal)"),(({$size:e})=>"fullscreen"===e&&a.css(["justify-content:stretch;align-items:stretch;"])),(({$disableStickyOnSmallScreen:e})=>e&&a.css(["@media screen and (max-width:","){background-color:transparent;}"],p))),b=s.default.div.attrs(t.default).withConfig({displayName:"dialog.style__StyledDialogContent",componentId:"sc-2536516c-1"})(["box-sizing:border-box;display:block;overflow-y:auto;width:100%;"," ",""],(t=>{var{disableContentPadding:i,$size:o,hasHeader:d,hasFooter:l}=t,n=function(a,e){if(null==a)return{};var t,i,o=function(a,e){if(null==a)return{};var t,i,o={},d=Object.keys(a);for(i=0;i<d.length;i++)t=d[i],e.indexOf(t)>=0||(o[t]=a[t]);return o}(a,e);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);for(i=0;i<d.length;i++)t=d[i],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(a,t)&&(o[t]=a[t])}return o}(t,["disableContentPadding","$size","hasHeader","hasFooter"]);return"fullscreen"===o?a.css(["flex:1;"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{","}","{border-top:1px solid #a3adb5;box-shadow:0 -2px 4px 0 rgba(0,0,0,0.1),0 -10px 60px 0 rgba(0,0,0,0.1);background:var(--container-standard-bg-default);}}}"," ",""],g(i)(n),r.StyledForm,r.StyledForm,r.StyledFormContent,g(i)(n),r.StyledFormFooter,!d&&a.css(["padding-top:var(--global-space-layout-xs);"]),!l&&a.css(["padding-bottom:var(--global-space-layout-xs);"])):a.css(["flex-grow:1;padding:",";"," &:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{padding:var(--global-space-layout-xs) var(--global-space-layout-s);","}","{border-top:1px solid #a3adb5;box-shadow:0 -2px 4px 0 rgba(0,0,0,0.1),0 -10px 60px 0 rgba(0,0,0,0.1);border-bottom-right-radius:var(--global-radius-container-xl);border-bottom-left-radius:var(--global-radius-container-xl);}}}"],i?"0px":"var(--global-space-layout-xs) var(--global-space-layout-s)",e.padding,r.StyledForm,r.StyledForm,r.StyledFormContent,e.padding,r.StyledFormFooter)}),(({$disableStickyOnSmallScreen:e})=>e&&a.css(["@media screen and (max-width:","){overflow-y:visible;flex-grow:0;","{position:static;box-shadow:none;}}"],p,r.StyledFormFooter))),m=s.default.div.withConfig({displayName:"dialog.style__StyledDialogFooter",componentId:"sc-2536516c-2"})(["box-sizing:border-box;width:100%;height:var(--global-size-3-xl);padding-top:var(--global-space-comp-l);padding-bottom:var(--global-space-comp-l);padding-left:var(--global-space-comp-xl);padding-right:var(--global-space-comp-xl);border-bottom-right-radius:var(--global-radius-container-xl);border-bottom-left-radius:var(--global-radius-container-xl);background:var(--container-standard-bg-default);"," ",""],(({$sticky:e})=>e&&a.css(["position:sticky;bottom:0;background:var(--container-standard-bg-default);z-index:1;border-top:1px solid #a3adb5;box-shadow:0 -2px 4px 0 rgba(0,0,0,0.1),0 -10px 60px 0 rgba(0,0,0,0.1);"])),(({$disableStickyOnSmallScreen:e})=>e&&a.css(["@media screen and (max-width:","){position:static;border-radius:0;}"],p))),u=s.default.div.withConfig({displayName:"dialog.style__StyledDialogTitle",componentId:"sc-2536516c-3"})(["background:var(--container-standard-bg-default);padding:var(--global-space-comp-xl);gap:var(--global-space-comp-l);border-bottom:1px solid #a3adb5;border-top-right-radius:var(--global-radius-container-xl);border-top-left-radius:var(--global-radius-container-xl);",';[data-element="dialog-title-help-wrapper"]{display:inline-flex;align-items:baseline;}[data-element="dialog-title-container"]{[data-element="dialog-title"]{color:var(--container-standard-txt-default,rgba(0,0,0,0.95));display:block;',"}}",""],(({showCloseIcon:a})=>a&&"padding-right: 85px"),(({hasSubtitle:e})=>!e&&a.css(["padding:4px 0px;"])),(({$disableStickyOnSmallScreen:e})=>e&&a.css(["@media screen and (max-width:","){border-radius:0;position:static;}"],p))),h=s.default.div.withConfig({displayName:"dialog.style__StyledDialog",componentId:"sc-2536516c-4"})(["display:flex;flex-direction:column;position:relative;border-radius:var(--global-radius-container-xl);&:focus{outline:none;}"," > ","{margin:0;position:absolute;z-index:1;","}"," ",""],(({dialogHeight:e,$size:t,$gradientKeyLine:i,backgroundColor:o})=>"fullscreen"===t?a.css(["box-shadow:0 3px 4px 0 rgba(0,0,0,0.1),10px 10px 60px 0 rgba(0,0,0,0.1);background:var(--container-standard-bg-alt);border-radius:var(--global-radius-container-xl);overflow:hidden;height:100%;width:100%;"]):a.css(["box-shadow:0 3px 4px 0 rgba(0,0,0,0.1),10px 10px 60px 0 rgba(0,0,0,0.1);border-radius:var(--global-radius-container-xl);background:",";max-height:90vh;width:100%;"," "," "," "," @media screen and (max-width:","){max-width:calc(100% - var(--global-space-comp-2-xl));}",""],o,"small"===t&&a.css(["min-width:288px;max-width:var(--container-size-dialog-maxwidth-s);"]),"medium"===t&&a.css(["min-width:540px;max-width:var(--container-size-dialog-maxwidth-m);@media screen and (max-width:","){min-width:",";}"],d.DIALOG_SIZE_CONFIG.small.maxWidth,d.DIALOG_MIN_WIDTH),"large"===t&&a.css(["min-width:850px;max-width:var(--container-size-dialog-maxwidth-l);@media screen and (max-width:","){min-width:",";}"],d.DIALOG_SIZE_CONFIG.medium.maxWidth,d.DIALOG_MIN_WIDTH),i&&a.css(['&::before{content:"";position:absolute;top:-8px;height:100px;width:100%;z-index:-1;background:linear-gradient( 90deg,#00d639 0%,#00d6de 40%,#9d60ff 90% );border-radius:var(--global-radius-container-xl) var(--global-radius-container-xl) 0 0;}']),c[t],e&&a.css(["height:","px;"],e))),i.StyledButton,(({$size:e})=>"fullscreen"===e?a.css(["right:40px;top:26px;"]):a.css(["right:33px;top:32px;"])),(({$disableStickyOnSmallScreen:e})=>e&&a.css(["@media screen and (max-width:","){width:100%;max-width:100%;min-width:100%;border-radius:0;max-height:100%;height:100%;overflow-y:auto;}"],p)),(({$size:e,pagesStyling:t})=>function({$size:e,pagesStyling:t}){return"fullscreen"===e&&t?a.css(["","{padding:0;}> ","{right:33px;top:32px;}",'{padding:32px 32px 0;}[data-element="dialog-title-container"]{width:auto;padding-top:4px;[data-element="dialog-title"]{margin:0 0 0 3px;box-sizing:content-box;width:100%;}}'],b,i.StyledButton,l.default):""}({$size:e,pagesStyling:t}))),y=s.default(o.Typography).withConfig({displayName:"dialog.style__StyledSubtitle",componentId:"sc-2536516c-5"})(["font:var(--global-font-static-subheading-m);flex-basis:100%;width:100%;margin-top:5px;color:var(--container-standard-txt-alt);"]);exports.DialogPositioner=x,exports.StyledDialog=h,exports.StyledDialogContent=b,exports.StyledDialogFooter=m,exports.StyledDialogTitle=u,exports.StyledSubtitle=y,exports.dialogSizes=c,exports.smallScreenBreakpoint=p;

package/lib/components/dialog/__internal__/__next__/index.d.ts

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

package/lib/components/dialog/__internal__/__next__/index.js

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

package/lib/components/dialog/__internal__/__next__/package.json

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

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

@@ -1,93 +1,23 @@
-import React, { RefObject } from "react";
-import { DialogSizes } from "./dialog.config";
-import { ModalProps } from "../../__internal__/modal";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-type PaddingValues = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
-export interface ContentPaddingInterface {
-    p?: PaddingValues;
-    py?: PaddingValues;
-    px?: PaddingValues;
-}
-export interface DialogProps extends ModalProps, TagProps {
-    /** Prop to specify the aria-describedby property of the Dialog component */
-    "aria-describedby"?: string;
-    /**
-     * Prop to specify the aria-label of the Dialog component.
-     * To be used only when the title prop is not defined, and the component is not labelled by any internal element.
-     */
-    "aria-label"?: string;
-    /**
-     * Prop to specify the aria-labelledby property of the Dialog component
-     * To be used when the title prop is a custom React Node,
-     * or the component is labelled by an internal element other than the title.
-     */
-    "aria-labelledby"?: string;
-    /**
-     * Function to replace focus trap
-     * @ignore
-     * @private
-     */
-    bespokeFocusTrap?: (ev: KeyboardEvent, firstElement?: HTMLElement, lastElement?: HTMLElement) => void;
-    /** Child elements */
-    children?: React.ReactNode;
-    /**
-     * @private
-     * @ignore
-     * @internal
-     * Sets className for component. INTERNAL USE ONLY. */
-    className?: string;
-    /** Data tag prop bag for close Button */
-    closeButtonDataProps?: Pick<TagProps, "data-role" | "data-element">;
-    /** Padding to be set on the Dialog content */
-    contentPadding?: ContentPaddingInterface;
-    /** Reference to the scrollable content element */
-    contentRef?: React.ForwardedRef<HTMLDivElement>;
-    /** @private @internal @ignore */
-    "data-component"?: string;
-    disableAutoFocus?: boolean;
-    /** @deprecated Determines if the Dialog can be closed */
-    disableClose?: boolean;
-    /**
-     * [Legacy] Flag to remove padding from content.
-     * @deprecated Use `contentPadding` instead.
-     */
-    disableContentPadding?: boolean;
-    disableFocusTrap?: boolean;
-    /** an optional array of refs to containers whose content should also be reachable by tabbing from the dialog */
-    focusableContainers?: RefObject<HTMLElement>[];
-    /** Optional selector to identify the focusable elements, if not provided a default selector is used */
-    focusableSelectors?: string;
-    /** Optional reference to an element meant to be focused on open */
-    focusFirstElement?: RefObject<HTMLElement> | HTMLElement | null;
-    /** Whether the dialog is full-screen */
+import React from "react";
+import type { DialogProps as NextDialogProps, DialogHandle, ContentPaddingInterface, Size } from "./__internal__/__next__/dialog.component";
+import type { DialogSizes } from "./dialog.config";
+export interface DialogProps extends Omit<NextDialogProps, "size"> {
+    /** @deprecated Use `size="fullscreen"` instead. */
     fullscreen?: boolean;
-    /** Change the background color of the content to grey */
-    greyBackground?: boolean;
-    /** Container for components to be displayed in the header */
-    headerChildren?: React.ReactNode;
-    /** Allows developers to specify a specific height for the dialog. */
-    height?: string;
-    /** Adds Help tooltip to Header */
-    help?: string;
+    /** @deprecated Use `gradientKeyLine` instead. */
     highlightVariant?: string;
-    /** A custom close event handler */
-    onCancel?: (ev: React.KeyboardEvent<HTMLElement> | KeyboardEvent | React.MouseEvent<HTMLButtonElement>) => void;
-    /** @deprecated For legacy styling when used with Pages component. Do not use this unless using Pages within a full-screen Dialog */
+    /** @deprecated Use `contentPadding` instead. */
+    disableContentPadding?: boolean;
+    /** @deprecated */
+    disableClose?: boolean;
+    /** @deprecated */
     pagesStyling?: boolean;
-    /** The ARIA role to be applied to the Dialog container */
-    role?: string;
-    /** Determines if the close icon is shown */
-    showCloseIcon?: boolean;
-    /** Size of dialog, default size is 750px */
-    size?: DialogSizes;
-    /** Subtitle displayed at top of dialog. Its consumers' responsibility to set a suitable accessible name/description for the Dialog if they pass a node to subtitle prop. */
-    subtitle?: React.ReactNode;
-    /** Title displayed at top of dialog. Its consumers' responsibility to set a suitable accessible name/description for the Dialog if they pass a node to title prop. */
-    title?: React.ReactNode;
+    /**
+     * Size — accepts both legacy values (extra-small, medium-small, etc.)
+     * and new values (small, medium, large, fullscreen).
+     */
+    size?: DialogSizes | Size;
 }
-export type DialogHandle = {
-    /** Programmatically focus on root container of Dialog. */
-    focus: () => void;
-} | null;
 export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<DialogHandle>>;
 export default Dialog;
+export type { DialogHandle, ContentPaddingInterface };

package/lib/components/dialog/dialog.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./dialog.style.js"),l=require("../heading/heading.style.js"),a=require("../icon/icon.component.js"),o=require("../icon-button/icon-button.component.js"),n=require("../typography/typography.component.js"),i=require("../../__internal__/modal/modal.component.js"),s=require("../../__internal__/focus-trap/focus-trap.component.js"),d=require("../../__internal__/full-screen-heading/full-screen-heading.component.js"),c=require("../../__internal__/utils/helpers/guid/index.js"),u=require("../../__internal__/utils/helpers/tags/tags.js"),p=require("../../__internal__/utils/logger/index.js"),g=require("../../hooks/__internal__/useLocale/useLocale.js"),b=require("../../hooks/__internal__/useModalAria/useModalAria.js");function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},l=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),l.forEach((function(t){f(e,t,r[t])}))}return e}function y(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}let j=!1,m=!1;const O=t.forwardRef(((f,O)=>{var{className:_,"data-component":x="dialog","data-element":v="dialog","data-role":w,children:C,open:P,height:S,size:k="medium",title:q,disableEscKey:D,subtitle:F,disableAutoFocus:R=!1,focusFirstElement:E,focusableSelectors:T,onCancel:B,showCloseIcon:I=!0,bespokeFocusTrap:M,disableClose:H,help:A,highlightVariant:z="default",role:K="dialog",contentPadding:L,greyBackground:N=!1,focusableContainers:V,topModalOverride:W,closeButtonDataProps:U,restoreFocusOnClose:$=!0,"aria-labelledby":Y,"aria-describedby":G,"aria-label":J,pagesStyling:Q,headerChildren:X,disableContentPadding:Z,contentRef:ee,fullscreen:te=!1}=f,re=function(e,t){if(null==e)return{};var r,l,a=function(e,t){if(null==e)return{};var r,l,a={},o=Object.keys(e);for(l=0;l<o.length;l++)r=o[l],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(l=0;l<o.length;l++)r=o[l],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(f,["className","data-component","data-element","data-role","children","open","height","size","title","disableEscKey","subtitle","disableAutoFocus","focusFirstElement","focusableSelectors","onCancel","showCloseIcon","bespokeFocusTrap","disableClose","help","highlightVariant","role","contentPadding","greyBackground","focusableContainers","topModalOverride","closeButtonDataProps","restoreFocusOnClose","aria-labelledby","aria-describedby","aria-label","pagesStyling","headerChildren","disableContentPadding","contentRef","fullscreen"]);const le=g.default(),ae=t.useRef(null),oe=t.useRef(null),ne=t.useRef(null),{current:ie}=t.useRef(c.default()),{current:se}=t.useRef(c.default()),de=b.default(ae);!j&&H&&(j=!0,p.default.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),!m&&Q&&(m=!0,p.default.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),t.useImperativeHandle(O,(()=>({focus(){var e;null===(e=ae.current)||void 0===e||e.focus()}})),[]);const ce=I&&B&&e.jsx(o.default,y(h({"aria-label":le.dialog.ariaLabels.close(),disabled:H,onClick:B},u.default("close",h({"data-element":"close"},U))),{children:e.jsx(a.default,{type:"close"})}));let ue=S;S&&S.match(/px$/)&&(ue=S.replace("px",""));const pe={"aria-describedby":F&&"string"==typeof F?se:G,"aria-label":J,"aria-labelledby":q&&"string"==typeof q?ie:Y};return e.jsx(i.default,y(h({className:_?`${_} carbon-dialog`:"carbon-dialog",disableClose:H,disableEscKey:D,onCancel:B,open:P,restoreFocusOnClose:$,topModalOverride:W},u.default("dialog",re),re),{children:e.jsx(s.default,{additionalWrapperRefs:V,autoFocus:!R,bespokeTrap:M,focusableSelectors:T,focusFirstElement:E,isOpen:P,wrapperRef:ae,children:e.jsx(r.DialogPositioner,{fullscreen:te,children:e.jsxs(r.StyledDialog,y(h(y(h({"aria-modal":!("dialog"!==K||!de)||void 0},pe),{backgroundColor:N?"var(--colorsUtilityMajor025)":"var(--colorsUtilityYang100)","data-component":x,"data-element":v,"data-role":w,dialogHeight:ue,fullscreen:te,highlightVariant:z,pagesStyling:Q,ref:ae,role:K,size:k,tabIndex:-1}),L),{children:[q||X?(()=>{const t=e.jsxs("div",{"data-element":"dialog-title-container",children:["string"==typeof q?e.jsx(e.Fragment,{children:A?e.jsxs("div",{"data-element":"dialog-title-help-wrapper",children:[e.jsx(n.Typography,{wordWrap:"break-word",wordBreak:"normal",variant:"h1",marginRight:"16px","data-element":"dialog-title",id:ie,children:q}),e.jsx(l.StyledHeaderHelp,{"data-element":"help",tooltipPosition:"right",children:A})]}):e.jsx(n.Typography,{wordWrap:"break-word",wordBreak:"normal",variant:"h1","data-element":"dialog-title",id:ie,children:q})}):q,F&&e.jsx("div",{style:{marginTop:"5px",width:"100%",flexBasis:"100%"},"data-element":"subtitle","data-role":"subtitle",id:se,children:F})]});return te?e.jsxs(d.default,{hasContent:!!q,hasCloseButton:I,ref:oe,children:[t,X]}):e.jsxs(r.StyledDialogTitle,{hasSubtitle:!!F,ref:ne,showCloseIcon:I,children:[t,X]})})():null,ce,e.jsx(r.StyledDialogContent,y(h({},L),{"data-role":"dialog-content",disableContentPadding:Z,fullscreen:te,hasHeader:void 0!==q,tabIndex:-1,ref:ee,children:C}))]}))})})}))}));exports.Dialog=O,exports.default=O;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./__internal__/__next__/dialog.component.js"),a=require("../../__internal__/utils/logger/index.js");function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}let n=!1,l=!1,s=!1,o=!1,d=!1,u=!1;const c=r.forwardRef(((r,c)=>{var{disableClose:g,pagesStyling:p,fullscreen:f,highlightVariant:m,disableContentPadding:b,size:y="medium",gradientKeyLine:h}=r,v=function(e,r){if(null==e)return{};var t,a,i=function(e,r){if(null==e)return{};var t,a,i={},n=Object.keys(e);for(a=0;a<n.length;a++)t=n[a],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)t=n[a],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(r,["disableClose","pagesStyling","fullscreen","highlightVariant","disableContentPadding","size","gradientKeyLine"]);n||(a.default.warn("Warning: This version of the `Dialog` component is a migration wrapper..."),n=!0),l||void 0===f||(l=!0,a.default.deprecate('The fullscreen prop in Dialog is deprecated. Please use size="fullscreen" instead.')),s||void 0===m||(s=!0,a.default.deprecate("The highlightVariant prop is deprecated. Please use gradientKeyLine instead.")),o||void 0===g||(o=!0,a.default.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),d||void 0===p||(d=!0,a.default.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),u||"auto"!==y||(u=!0,a.default.deprecate('The `size="auto"` prop in Dialog is deprecated and has been defaulted to `size="large"`. Please use a specific size value instead.'));const O=((e,r)=>{if(r)return"fullscreen";switch(e){case"extra-small":case"small":return"small";case"medium-small":case"medium":default:return"medium";case"medium-large":case"large":case"extra-large":case"auto":return"large";case"fullscreen":case"maximise":return"fullscreen"}})(y,f),j=((e,r)=>void 0!==r?r:"ai"===e)(m,h);return e.jsx(t.Dialog,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){i(e,r,t[r])}))}return e}({ref:c,size:O,gradientKeyLine:j,disableContentPadding:b,pagesStyling:p},v))}));c.displayName="Dialog",exports.Dialog=c,exports.default=c;

package/lib/components/icon/icon-config.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ICONS=["accessibility_web","add","admin","airplay","alert","alert_on","analysis","app_facebook","app_instagram","app_tiktok","app_twitter","app_youtube","apps","arrow","arrow_bottom_right_circle","arrow_down","arrow_left","arrow_left_boxed","arrow_left_right_small","arrow_left_small","arrow_right","arrow_right_small","arrow_top_left_circle","arrow_top_right_circle","arrow_up","arrows_left_right","at_sign","attach","bank","bank_with_card","basket","basket_with_squares","batch","bed","bill_paid","bill_unpaid","bin","biometric","blocked","blocked_square","block_arrow_right","bold","box_arrow_left","box_arrow_right","boxed_shapes","bulk_destroy","bullet_list","bullet_list_dotted","bullet_list_numbers","business","calendar","calendar_today","call","calendar_pay_date","camera","car_lock","car_money","car_repair","card_view","card_wallet","caret_down","caret_left","caret_right","caret_up","caret_large_down","caret_large_left","caret_large_right","caret_large_up","cart","cash","chat","chart_bar","chart_bar_arrow_up","chart_line","chart_pie","chat_notes","check_all","check_none","chevron_down","chevron_first","chevron_first_pagination","chevron_last","chevron_last_pagination","chevron_left","chevron_right","chevron_up","chevron_down_thick","chevron_left_thick","chevron_right_thick","chevron_up_thick","chromecast","circle_with_dots","circles_connection","clear","clock","close","cloud_co2","coins","collaborate","computer_clock","connect","connect_off","construction","contacts","contact_card","copy","create","credit_card","credit_card_slash","cross","cross_circle","csv","dashboard","delete","delivery","diagonal_arrows_up","disconnect","disputed","document_right_align","document_tick","document_vertical_lines","download","double_tick","drag","drag_hover","drag_vertical","draft","drill","dropdown","duplicate","edit","edited","email","email_switch","entry","ellipsis_horizontal","ellipsis_vertical","envelope_dollar","envelope_euro","error","error_square","euro","expand","export","factory","favourite","favourite_lined","fax","feedback","file_excel","file_generic","file_image","file_pdf","file_word","files_leaning","filter","filter_new","fit_height","fit_width","flag","flash","folder","form_refresh","framerate","fullscreen","gift","get_quote","go","graduation_hat","graph","grid","heart","heart_pulse","help","hide","hierarchy","hand_cash_coins","hand_cash_note","home","image","import","in_progress","in_transit","individual","info","intranet","ipad","italic","job_seeked","key","laptop","leaf","ledger","ledger_arrow_left","ledger_arrow_right","lightbulb_off","lightbulb_on","like","like_no","link","link_card","link_cloud","link_on","list_view","locked","location","login","logout","lookup","marker","message","microphone","minimise","minus","minus_large","mobile","money_bag","mute","none","normalscreen","old_warning","page","palm_tree","pause","pause_circle","petrol_pump","pdf","pin","people","people_switch","percentage_boxed","person","person_info","person_tick","phone","picture_in_picture","piggy_bank","placeholder","plane","play","play_circle","plus","plus_large","pound","print","progress","progressed","protect","question","question_hollow","question_mark","recruiting","refresh","refresh_clock","remove","replay","reset","sage_coin","save","scan","search","send","services","settings","settings_old","share","shield_with_tick","shield_with_tick_outline","shop","sort_down","sort_up","spanner","speaker","split","split_container","squares_nine","stacked_boxes","stacked_squares","stop","stop_circle","submitted","subtitles","support_online","sync","tag","talk","target","target_man","theatre_masks","three_boxes","tick","tick_circle","tick_thick","time_zone","true_tick","u_turn_left","u_turn_right","underline","undo","unlocked","upload","uploaded","user_groups","video","view","volume_high","volume_low","volume_medium","volunteering","warning","website","welfare","worldwide_location"],exports.ICON_FONT_SIZES=["small","medium","large","extra-large"],exports.ICON_SHAPES=["circle","rounded-rect","square"],exports.ICON_SIZES=["small","medium","large","extra-large"],exports.ICON_TOOLTIP_POSITIONS=["bottom","left","right","top"],exports.default={backgroundSize:{"extra-small":"16px",small:"24px",medium:"32px",large:"40px","extra-large":"56px"},backgroundShape:{square:"0%","rounded-rect":"20%",circle:"50%"},iconSize:{small:"var(--sizing250)",medium:"var(--sizing300)",large:"var(--sizing400)","extra-large":"var(--sizing600)"}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ICONS=["accessibility_web","add","admin","airplay","alert","alert_on","analysis","app_facebook","app_instagram","app_tiktok","app_twitter","app_youtube","apps","arrow","arrow_bottom_right_circle","arrow_down","arrow_left","arrow_left_boxed","arrow_left_right_small","arrow_left_small","arrow_right","arrow_right_small","arrow_top_left_circle","arrow_top_right_circle","arrow_up","arrows_left_right","at_sign","attach","bank","bank_with_card","basket","basket_with_squares","batch","bed","bill_paid","bill_unpaid","bin","biometric","blocked","blocked_square","block_arrow_right","bold","box_arrow_left","box_arrow_right","boxed_shapes","bulk_destroy","bullet_list","bullet_list_dotted","bullet_list_numbers","business","calendar","calendar_today","call","calendar_pay_date","camera","car_lock","car_money","car_repair","card_view","card_wallet","caret_down","caret_left","caret_right","caret_up","caret_up_down","caret_large_down","caret_large_left","caret_large_right","caret_large_up","cart","cash","chat","chart_bar","chart_bar_arrow_up","chart_line","chart_pie","chat_notes","check_all","check_none","chevron_down","chevron_first","chevron_first_pagination","chevron_last","chevron_last_pagination","chevron_left","chevron_right","chevron_up","chevron_down_thick","chevron_left_thick","chevron_right_thick","chevron_up_thick","chromecast","circle_with_dots","circles_connection","clear","clock","close","cloud_co2","coins","collaborate","computer_clock","connect","connect_circle","connect_off","construction","contacts","contact_card","copy","create","credit_card","credit_card_slash","cross","cross_circle","csv","dashboard","delete","delivery","diagonal_arrows_up","disconnect","disputed","document_right_align","document_tick","document_vertical_lines","download","double_tick","drag","drag_hover","drag_vertical","draft","drill","dropdown","duplicate","edit","edited","email","email_switch","entry","ellipsis_horizontal","ellipsis_vertical","envelope_dollar","envelope_euro","error","error_square","euro","expand","export","factory","favourite","favourite_lined","fax","feedback","file_excel","file_generic","file_image","file_pdf","file_word","files_leaning","filter","filter_new","fit_height","fit_width","flag","flash","folder","form_refresh","framerate","fullscreen","gift","get_quote","go","graduation_hat","graph","grid","heart","heart_pulse","help","hide","hierarchy","hand_cash_coins","hand_cash_note","home","image","import","in_progress","in_transit","individual","info","intranet","ipad","italic","job_seeked","key","laptop","leaf","ledger","ledger_arrow_left","ledger_arrow_right","lightbulb_off","lightbulb_on","like","like_no","link","link_card","link_cloud","link_on","list_view","locked","location","login","logout","lookup","marker","message","microphone","minimise","minus","minus_large","mobile","money_bag","mute","none","normalscreen","old_warning","page","palm_tree","pause","pause_circle","petrol_pump","pdf","pin","people","people_switch","percentage_boxed","person","person_info","person_tick","phone","picture_in_picture","piggy_bank","placeholder","plane","play","play_circle","plus","plus_circle","plus_large","pound","print","progress","progressed","protect","question","question_hollow","question_mark","recruiting","refresh","refresh_clock","remove","replay","reset","sage_coin","save","scan","search","send","services","settings","settings_old","share","shield_with_tick","shield_with_tick_outline","shop","sort_down","sort_up","spanner","speaker","split","split_container","squares_nine","stacked_boxes","stacked_squares","stop","stop_circle","submitted","subtitles","support_online","sync","tag","talk","target","target_man","theatre_masks","three_boxes","tick","tick_circle","tick_thick","time_zone","true_tick","u_turn_left","u_turn_right","underline","undo","unlocked","upload","uploaded","user_groups","video","view","volume_high","volume_low","volume_medium","volunteering","warning","website","welfare","worldwide_location"],exports.ICON_FONT_SIZES=["small","medium","large","extra-large"],exports.ICON_SHAPES=["circle","rounded-rect","square"],exports.ICON_SIZES=["small","medium","large","extra-large"],exports.ICON_TOOLTIP_POSITIONS=["bottom","left","right","top"],exports.default={backgroundSize:{"extra-small":"16px",small:"24px",medium:"32px",large:"40px","extra-large":"56px"},backgroundShape:{square:"0%","rounded-rect":"20%",circle:"50%"},iconSize:{small:"var(--sizing250)",medium:"var(--sizing300)",large:"var(--sizing400)","extra-large":"var(--sizing600)"}};

package/lib/components/icon/icon-type.d.ts

@@ -1 +1 @@
-export type IconType = "accessibility_web" | "add" | "admin" | "airplay" | "alert" | "alert_on" | "analysis" | "app_facebook" | "app_instagram" | "app_tiktok" | "app_twitter" | "app_youtube" | "apps" | "arrow" | "arrow_bottom_right_circle" | "arrow_down" | "arrow_left" | "arrow_left_boxed" | "arrow_left_right_small" | "arrow_left_small" | "arrow_right" | "arrow_right_small" | "arrow_top_left_circle" | "arrow_top_right_circle" | "arrow_up" | "arrows_left_right" | "at_sign" | "attach" | "bank" | "bank_with_card" | "basket" | "basket_with_squares" | "batch" | "bed" | "bill_paid" | "bill_unpaid" | "bin" | "biometric" | "blocked" | "blocked_square" | "block_arrow_right" | "bold" | "box_arrow_left" | "box_arrow_right" | "boxed_shapes" | "bulk_destroy" | "bullet_list" | "bullet_list_dotted" | "bullet_list_numbers" | "business" | "calendar" | "calendar_pay_date" | "calendar_today" | "call" | "camera" | "car_lock" | "car_money" | "car_repair" | "card_wallet" | "card_view" | "caret_down" | "caret_left" | "caret_right" | "caret_up" | "caret_large_down" | "caret_large_left" | "caret_large_right" | "caret_large_up" | "cart" | "cash" | "chat" | "chart_bar" | "chart_bar_arrow_up" | "chart_line" | "chart_pie" | "chat_notes" | "check_all" | "check_none" | "chevron_down" | "chevron_first" | "chevron_first_pagination" | "chevron_last" | "chevron_last_pagination" | "chevron_left" | "chevron_right" | "chevron_up" | "chevron_down_thick" | "chevron_left_thick" | "chevron_right_thick" | "chevron_up_thick" | "chromecast" | "circle_with_dots" | "circles_connection" | "clear" | "clock" | "close" | "cloud_co2" | "coins" | "collaborate" | "computer_clock" | "connect" | "connect_off" | "construction" | "contacts" | "contact_card" | "copy" | "create" | "credit_card" | "credit_card_slash" | "cross" | "cross_circle" | "csv" | "dashboard" | "delete" | "delivery" | "diagonal_arrows_up" | "disputed" | "disconnect" | "document_right_align" | "document_tick" | "document_vertical_lines" | "download" | "double_tick" | "drag" | "drag_hover" | "drag_vertical" | "draft" | "drill" | "dropdown" | "duplicate" | "edit" | "edited" | "email" | "email_switch" | "entry" | "envelope_dollar" | "envelope_euro" | "ellipsis_horizontal" | "ellipsis_vertical" | "error" | "error_square" | "euro" | "expand" | "export" | "factory" | "favourite" | "favourite_lined" | "fax" | "feedback" | "file_excel" | "file_generic" | "file_image" | "file_pdf" | "file_word" | "files_leaning" | "filter" | "filter_new" | "fit_height" | "fit_width" | "flag" | "flash" | "folder" | "form_refresh" | "framerate" | "fullscreen" | "get_quote" | "gift" | "go" | "graduation_hat" | "graph" | "grid" | "heart" | "hand_cash_coins" | "hand_cash_note" | "heart_pulse" | "help" | "hide" | "hierarchy" | "home" | "image" | "import" | "in_progress" | "in_transit" | "individual" | "info" | "intranet" | "ipad" | "italic" | "job_seeked" | "key" | "laptop" | "leaf" | "ledger" | "ledger_arrow_left" | "ledger_arrow_right" | "like" | "like_no" | "link" | "lightbulb_off" | "lightbulb_on" | "link_card" | "link_cloud" | "link_on" | "list_view" | "locked" | "login" | "location" | "logout" | "lookup" | "marker" | "message" | "microphone" | "minimise" | "minus" | "minus_large" | "mobile" | "money_bag" | "mute" | "none" | "normalscreen" | "old_warning" | "page" | "palm_tree" | "pause" | "pause_circle" | "pdf" | "pin" | "people" | "people_switch" | "percentage_boxed" | "person" | "person_info" | "person_tick" | "petrol_pump" | "phone" | "picture_in_picture" | "piggy_bank" | "placeholder" | "plane" | "play" | "play_circle" | "plus" | "plus_large" | "pound" | "print" | "progress" | "progressed" | "protect" | "question" | "question_hollow" | "question_mark" | "recruiting" | "refresh" | "refresh_clock" | "remove" | "replay" | "reset" | "sage_coin" | "save" | "scan" | "send" | "search" | "services" | "settings" | "settings_old" | "share" | "shield_with_tick" | "shield_with_tick_outline" | "shop" | "sort_down" | "sort_up" | "spanner" | "speaker" | "split" | "split_container" | "squares_nine" | "stacked_boxes" | "stacked_squares" | "stop" | "stop_circle" | "subtitles" | "support_online" | "submitted" | "sync" | "tag" | "talk" | "target" | "target_man" | "theatre_masks" | "three_boxes" | "tick" | "tick_circle" | "tick_thick" | "time_zone" | "true_tick" | "u_turn_left" | "u_turn_right" | "underline" | "undo" | "unlocked" | "upload" | "uploaded" | "user_groups" | "video" | "view" | "volume_high" | "volume_low" | "volume_medium" | "volunteering" | "warning" | "website" | "welfare" | "worldwide_location";
+export type IconType = "accessibility_web" | "add" | "admin" | "airplay" | "alert" | "alert_on" | "analysis" | "app_facebook" | "app_instagram" | "app_tiktok" | "app_twitter" | "app_youtube" | "apps" | "arrow" | "arrow_bottom_right_circle" | "arrow_down" | "arrow_left" | "arrow_left_boxed" | "arrow_left_right_small" | "arrow_left_small" | "arrow_right" | "arrow_right_small" | "arrow_top_left_circle" | "arrow_top_right_circle" | "arrow_up" | "arrows_left_right" | "at_sign" | "attach" | "bank" | "bank_with_card" | "basket" | "basket_with_squares" | "batch" | "bed" | "bill_paid" | "bill_unpaid" | "bin" | "biometric" | "blocked" | "blocked_square" | "block_arrow_right" | "bold" | "box_arrow_left" | "box_arrow_right" | "boxed_shapes" | "bulk_destroy" | "bullet_list" | "bullet_list_dotted" | "bullet_list_numbers" | "business" | "calendar" | "calendar_pay_date" | "calendar_today" | "call" | "camera" | "car_lock" | "car_money" | "car_repair" | "card_wallet" | "card_view" | "caret_down" | "caret_left" | "caret_right" | "caret_up" | "caret_up_down" | "caret_large_down" | "caret_large_left" | "caret_large_right" | "caret_large_up" | "cart" | "cash" | "chat" | "chart_bar" | "chart_bar_arrow_up" | "chart_line" | "chart_pie" | "chat_notes" | "check_all" | "check_none" | "chevron_down" | "chevron_first" | "chevron_first_pagination" | "chevron_last" | "chevron_last_pagination" | "chevron_left" | "chevron_right" | "chevron_up" | "chevron_down_thick" | "chevron_left_thick" | "chevron_right_thick" | "chevron_up_thick" | "chromecast" | "circle_with_dots" | "circles_connection" | "clear" | "clock" | "close" | "cloud_co2" | "coins" | "collaborate" | "computer_clock" | "connect" | "connect_circle" | "connect_off" | "construction" | "contacts" | "contact_card" | "copy" | "create" | "credit_card" | "credit_card_slash" | "cross" | "cross_circle" | "csv" | "dashboard" | "delete" | "delivery" | "diagonal_arrows_up" | "disputed" | "disconnect" | "document_right_align" | "document_tick" | "document_vertical_lines" | "download" | "double_tick" | "drag" | "drag_hover" | "drag_vertical" | "draft" | "drill" | "dropdown" | "duplicate" | "edit" | "edited" | "email" | "email_switch" | "entry" | "envelope_dollar" | "envelope_euro" | "ellipsis_horizontal" | "ellipsis_vertical" | "error" | "error_square" | "euro" | "expand" | "export" | "factory" | "favourite" | "favourite_lined" | "fax" | "feedback" | "file_excel" | "file_generic" | "file_image" | "file_pdf" | "file_word" | "files_leaning" | "filter" | "filter_new" | "fit_height" | "fit_width" | "flag" | "flash" | "folder" | "form_refresh" | "framerate" | "fullscreen" | "get_quote" | "gift" | "go" | "graduation_hat" | "graph" | "grid" | "heart" | "hand_cash_coins" | "hand_cash_note" | "heart_pulse" | "help" | "hide" | "hierarchy" | "home" | "image" | "import" | "in_progress" | "in_transit" | "individual" | "info" | "intranet" | "ipad" | "italic" | "job_seeked" | "key" | "laptop" | "leaf" | "ledger" | "ledger_arrow_left" | "ledger_arrow_right" | "like" | "like_no" | "link" | "lightbulb_off" | "lightbulb_on" | "link_card" | "link_cloud" | "link_on" | "list_view" | "locked" | "login" | "location" | "logout" | "lookup" | "marker" | "message" | "microphone" | "minimise" | "minus" | "minus_large" | "mobile" | "money_bag" | "mute" | "none" | "normalscreen" | "old_warning" | "page" | "palm_tree" | "pause" | "pause_circle" | "pdf" | "pin" | "people" | "people_switch" | "percentage_boxed" | "person" | "person_info" | "person_tick" | "petrol_pump" | "phone" | "picture_in_picture" | "piggy_bank" | "placeholder" | "plane" | "play" | "play_circle" | "plus" | "plus_circle" | "plus_large" | "pound" | "print" | "progress" | "progressed" | "protect" | "question" | "question_hollow" | "question_mark" | "recruiting" | "refresh" | "refresh_clock" | "remove" | "replay" | "reset" | "sage_coin" | "save" | "scan" | "send" | "search" | "services" | "settings" | "settings_old" | "share" | "shield_with_tick" | "shield_with_tick_outline" | "shop" | "sort_down" | "sort_up" | "spanner" | "speaker" | "split" | "split_container" | "squares_nine" | "stacked_boxes" | "stacked_squares" | "stop" | "stop_circle" | "subtitles" | "support_online" | "submitted" | "sync" | "tag" | "talk" | "target" | "target_man" | "theatre_masks" | "three_boxes" | "tick" | "tick_circle" | "tick_thick" | "time_zone" | "true_tick" | "u_turn_left" | "u_turn_right" | "underline" | "undo" | "unlocked" | "upload" | "uploaded" | "user_groups" | "video" | "view" | "volume_high" | "volume_low" | "volume_medium" | "volunteering" | "warning" | "website" | "welfare" | "worldwide_location";

package/lib/components/icon/icon-unicodes.d.ts

@@ -196,6 +196,9 @@ declare namespace iconUnicodes {
     export let login: string;
     export let chevron_first_pagination: string;
     export let chevron_last_pagination: string;
+    export let caret_up_down: string;
+    export let connect_circle: string;
+    export let plus_circle: string;
     export let error: string;
     export let warning: string;
     export let tick: string;

package/lib/components/icon/icon-unicodes.js

@@ -1 +1 @@
-"use strict";function e(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}Object.defineProperty(exports,"__esModule",{value:!0});const r={call:"\\e93d",mobile:"\\e932",fax:"\\e925",email:"\\e922",email_switch:"\\e996",marker:"\\e93f"},t={person:"\\e93c",person_info:"\\e994",person_tick:"\\e97b",people:"\\e93b",people_switch:"\\e995",business:"\\e90d",shop:"\\e947",bank:"\\e977"},a={home:"\\e929",dashboard:"\\f007",settings:"\\e91a",search:"\\e92f",feedback:"\\e930",logout:"\\e92e",alert:"\\e90b",alert_on:"\\f001",talk:"\\e95a"},o={calendar:"\\e90e",calendar_today:"\\e970",dropdown:"\\e910",caret_up:"\\e9a8",caret_left:"\\e9a6",caret_right:"\\e9a7",caret_large_down:"\\e9a4",caret_large_up:"\\e9a5",caret_large_left:"\\e9a2",caret_large_right:"\\e9a3",plus:"\\e940",plus_large:"\\e967",minus:"\\e931",minus_large:"\\e968",edit:"\\e93a",edited:"\\e938",favourite:"\\e94f",favourite_lined:"\\e94e",credit_card:"\\e91c",credit_card_slash:"\\e966",save:"\\e926",uploaded:"\\e905",arrow_left_boxed:"\\e988",question:"\\e943",info:"\\e92a",download:"\\e900",upload:"\\e906",share:"\\e946",close:"\\e91e",cross:"\\e91d",cross_circle:"\\e992",filter:"\\e928",refresh:"\\e945",computer_clock:"\\e997",refresh_clock:"\\e986",sync:"\\e944",attach:"\\e937",camera:"\\e90f",image:"\\e93e",folder:"\\e927",help:"\\e951",connect:"\\e955",disconnect:"\\e953",split:"\\e952",filter_new:"\\e954",delivery:"\\e959",chat:"\\e914",chat_notes:"\\e956",bullet_list:"\\e95b",bullet_list_numbers:"\\e989",bullet_list_dotted:"\\e98a",view:"\\e957",hide:"\\e998",video:"\\e95e",play:"\\e95f",pause:"\\e96d",play_circle:"\\e96c",pause_circle:"\\e96b",scan:"\\e96e",lookup:"\\e96f",bold:"\\e98c",italic:"\\e98b",undo:"\\e9aa",box_arrow_left:"\\f006"},i={cart:"\\e90a",basket_with_squares:"\\e975",delete:"\\e90c",print:"\\e942",csv:"\\e94a",pdf:"\\e91f",duplicate:"\\e921",copy:"\\e91b",check_all:"\\f028",check_none:"\\f029"},l={chevron_up:"\\e918",chevron_down:"\\e915",chevron_right:"\\e917",chevron_left:"\\e916",chevron_up_thick:"\\e99d",chevron_down_thick:"\\e99c",chevron_left_thick:"\\e99f",chevron_right_thick:"\\e99e",link:"\\e92d",list_view:"\\e92c",card_view:"\\e94b",sort_down:"\\e948",sort_up:"\\e949",arrow_left:"\\e902",arrow_right:"\\e904",arrow_down:"\\e901",arrow_up:"\\e907",arrow_left_right_small:"\\e964",arrow_left_small:"\\e963",arrow_right_small:"\\e962",block_arrow_right:"\\e97e",drag_vertical:"\\e94d",drag:"\\e94c",fit_height:"\\e909",fit_width:"\\e908",ellipsis_horizontal:"\\e960",ellipsis_vertical:"\\e961",u_turn_left:"\\f004",u_turn_right:"\\f005"},c={error:"\\e923",warning:"\\e924",tick:"\\e950",tick_circle:"\\e993",tick_thick:"\\f003",draft:"\\e939",progressed:"\\e903",in_progress:"\\e920",clock:"\\e919",locked:"\\e935",unlocked:"\\e936",gift:"\\e941",blocked:"\\e933",key:"\\e92b",chart_line:"\\e912",chart_pie:"\\e913",chart_bar:"\\e911",blocked_square:"\\e934",disputed:"\\e958",lightbulb_on:"\\e95d",lightbulb_off:"\\e95c"},_={boxed_shapes:"\\e982",circles_connection:"\\e979",document_right_align:"\\e981",document_tick:"\\e980",document_vertical_lines:"\\e978",error_square:"\\e97f",factory:"\\e976",files_leaning:"\\e97a",ledger:"\\e973",ledger_arrow_left:"\\e971",ledger_arrow_right:"\\e972",money_bag:"\\e974",spanner:"\\e984",split_container:"\\e987",stacked_boxes:"\\e97c",tag:"\\e985",three_boxes:"\\e97d",circle_with_dots:"\\e965",squares_nine:"\\e969",coins:"\\e96a",file_generic:"\\e991",file_pdf:"\\e990",file_excel:"\\e98e",file_word:"\\e98f",file_image:"\\e98d",euro:"\\e9a0",pound:"\\e9a1",stacked_squares:"\\e983",expand:"\\e99b",flag:"\\e999",placeholder:"\\e99a",envelope_dollar:"\\e9ab",envelope_euro:"\\e9a9",sage_coin:"\\e9ac",palm_tree:"\\f002",arrow_bottom_right_circle:"\\f014",arrow_top_left_circle:"\\f017",arrows_left_right:"\\f027",bank_with_card:"\\f019",bed:"\\f010",car_lock:"\\f021",car_money:"\\f011",car_repair:"\\f022",cash:"\\f020",construction:"\\f008",drill:"\\f015",form_refresh:"\\f018",graduation_hat:"\\f013",hand_cash_coins:"\\f009",hand_cash_note:"\\f024",laptop:"\\f012",percentage_boxed:"\\f016",petrol_pump:"\\f026",plane:"\\f025",theatre_masks:"\\f023",accessibility_web:"\\f045",app_facebook:"\\f052",app_instagram:"\\f046",app_tiktok:"\\f035",app_twitter:"\\f041",app_youtube:"\\f047",apps:"\\f040",bill_paid:"\\f049",bill_unpaid:"\\f063",box_arrow_right:"\\f057",calendar_pay_date:"\\f038",card_wallet:"\\f030",connect_off:"\\f053",heart_pulse:"\\f031",intranet:"\\f048",job_seeked:"\\f037",like:"\\f056",link_cloud:"\\f036",link_on:"\\f043",microphone:"\\f054",protect:"\\f044",recruiting:"\\f033",send:"\\f055",support_online:"\\f032",target_man:"\\f050",target:"\\f042",volunteering:"\\f039",website:"\\f051",welfare:"\\f034",contact_card:"\\f059",cloud_co2:"\\f060",leaf:"\\f061",like_no:"\\f058",minimise:"\\f062",pin:"\\f064",biometric:"\\f067",import:"\\f066",export:"\\f065",shield_with_tick:"\\f070",shield_with_tick_outline:"\\f071",stop:"\\f068",stop_circle:"\\f069",worldwide_location:"\\f072",airplay:"\\f073",batch:"\\f074",chromecast:"\\f075",framerate:"\\f076",fullscreen:"\\f077",mute:"\\f078",normalscreen:"\\f079",page:"\\f080",picture_in_picture:"\\f081",replay:"\\f082",speaker:"\\f083",subtitles:"\\f084",volume_high:"\\f087",volume_low:"\\f085",volume_medium:"\\f086",hierarchy:"\\f088",underline:"\\f089",chevron_first:"\\f090",chevron_last:"\\f091",drag_hover:"\\f092",at_sign:"\\f093",link_card:"\\f094",time_zone:"\\f095",arrow_top_right_circle:"\\f096",clear:"\\f097",diagonal_arrows_up:"\\f098",double_tick:"\\f099",flash:"\\f100",get_quote:"\\f101",heart:"\\f102",ipad:"\\f103",reset:"\\f104",user_groups:"\\f105",chart_bar_arrow_up:"\\f106",login:"\\f107",chevron_first_pagination:"\\f108",chevron_last_pagination:"\\f109"},n=(f=function(r){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{},o=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),o.forEach((function(t){e(r,t,a[t])}))}return r}({},r,t,a,o,i,l,c,_,{add:o.plus,create:o.plus,services:o.plus,admin:o.favourite,analysis:c.chart_line,graph:c.chart_line,basket:i.cart,bin:i.delete,bulk_destroy:i.delete,caret_down:o.dropdown,collaborate:o.share,contacts:t.people,entry:l.list_view,go:c.progressed,submitted:c.progressed,grid:o.split,individual:t.person,location:r.marker,message:r.email,old_warning:c.warning,phone:r.call,piggy_bank:o.save,question_hollow:o.video,question_mark:o.question,remove:o.minus,settings_old:a.settings,true_tick:c.tick,arrow:l.arrow_right,in_transit:l.arrow_left_right_small,progress:_.circle_with_dots}),s=null!=(s={none:""})?s:{},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(s)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(s)).forEach((function(e){Object.defineProperty(f,e,Object.getOwnPropertyDescriptor(s,e))})),f);var f,s;exports.default=n;
+"use strict";function e(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}Object.defineProperty(exports,"__esModule",{value:!0});const r={call:"\\e93d",mobile:"\\e932",fax:"\\e925",email:"\\e922",email_switch:"\\e996",marker:"\\e93f"},t={person:"\\e93c",person_info:"\\e994",person_tick:"\\e97b",people:"\\e93b",people_switch:"\\e995",business:"\\e90d",shop:"\\e947",bank:"\\e977"},a={home:"\\e929",dashboard:"\\f007",settings:"\\e91a",search:"\\e92f",feedback:"\\e930",logout:"\\e92e",alert:"\\e90b",alert_on:"\\f001",talk:"\\e95a"},o={calendar:"\\e90e",calendar_today:"\\e970",dropdown:"\\e910",caret_up:"\\e9a8",caret_left:"\\e9a6",caret_right:"\\e9a7",caret_large_down:"\\e9a4",caret_large_up:"\\e9a5",caret_large_left:"\\e9a2",caret_large_right:"\\e9a3",plus:"\\e940",plus_large:"\\e967",minus:"\\e931",minus_large:"\\e968",edit:"\\e93a",edited:"\\e938",favourite:"\\e94f",favourite_lined:"\\e94e",credit_card:"\\e91c",credit_card_slash:"\\e966",save:"\\e926",uploaded:"\\e905",arrow_left_boxed:"\\e988",question:"\\e943",info:"\\e92a",download:"\\e900",upload:"\\e906",share:"\\e946",close:"\\e91e",cross:"\\e91d",cross_circle:"\\e992",filter:"\\e928",refresh:"\\e945",computer_clock:"\\e997",refresh_clock:"\\e986",sync:"\\e944",attach:"\\e937",camera:"\\e90f",image:"\\e93e",folder:"\\e927",help:"\\e951",connect:"\\e955",disconnect:"\\e953",split:"\\e952",filter_new:"\\e954",delivery:"\\e959",chat:"\\e914",chat_notes:"\\e956",bullet_list:"\\e95b",bullet_list_numbers:"\\e989",bullet_list_dotted:"\\e98a",view:"\\e957",hide:"\\e998",video:"\\e95e",play:"\\e95f",pause:"\\e96d",play_circle:"\\e96c",pause_circle:"\\e96b",scan:"\\e96e",lookup:"\\e96f",bold:"\\e98c",italic:"\\e98b",undo:"\\e9aa",box_arrow_left:"\\f006"},i={cart:"\\e90a",basket_with_squares:"\\e975",delete:"\\e90c",print:"\\e942",csv:"\\e94a",pdf:"\\e91f",duplicate:"\\e921",copy:"\\e91b",check_all:"\\f028",check_none:"\\f029"},c={chevron_up:"\\e918",chevron_down:"\\e915",chevron_right:"\\e917",chevron_left:"\\e916",chevron_up_thick:"\\e99d",chevron_down_thick:"\\e99c",chevron_left_thick:"\\e99f",chevron_right_thick:"\\e99e",link:"\\e92d",list_view:"\\e92c",card_view:"\\e94b",sort_down:"\\e948",sort_up:"\\e949",arrow_left:"\\e902",arrow_right:"\\e904",arrow_down:"\\e901",arrow_up:"\\e907",arrow_left_right_small:"\\e964",arrow_left_small:"\\e963",arrow_right_small:"\\e962",block_arrow_right:"\\e97e",drag_vertical:"\\e94d",drag:"\\e94c",fit_height:"\\e909",fit_width:"\\e908",ellipsis_horizontal:"\\e960",ellipsis_vertical:"\\e961",u_turn_left:"\\f004",u_turn_right:"\\f005"},l={error:"\\e923",warning:"\\e924",tick:"\\e950",tick_circle:"\\e993",tick_thick:"\\f003",draft:"\\e939",progressed:"\\e903",in_progress:"\\e920",clock:"\\e919",locked:"\\e935",unlocked:"\\e936",gift:"\\e941",blocked:"\\e933",key:"\\e92b",chart_line:"\\e912",chart_pie:"\\e913",chart_bar:"\\e911",blocked_square:"\\e934",disputed:"\\e958",lightbulb_on:"\\e95d",lightbulb_off:"\\e95c"},_={boxed_shapes:"\\e982",circles_connection:"\\e979",document_right_align:"\\e981",document_tick:"\\e980",document_vertical_lines:"\\e978",error_square:"\\e97f",factory:"\\e976",files_leaning:"\\e97a",ledger:"\\e973",ledger_arrow_left:"\\e971",ledger_arrow_right:"\\e972",money_bag:"\\e974",spanner:"\\e984",split_container:"\\e987",stacked_boxes:"\\e97c",tag:"\\e985",three_boxes:"\\e97d",circle_with_dots:"\\e965",squares_nine:"\\e969",coins:"\\e96a",file_generic:"\\e991",file_pdf:"\\e990",file_excel:"\\e98e",file_word:"\\e98f",file_image:"\\e98d",euro:"\\e9a0",pound:"\\e9a1",stacked_squares:"\\e983",expand:"\\e99b",flag:"\\e999",placeholder:"\\e99a",envelope_dollar:"\\e9ab",envelope_euro:"\\e9a9",sage_coin:"\\e9ac",palm_tree:"\\f002",arrow_bottom_right_circle:"\\f014",arrow_top_left_circle:"\\f017",arrows_left_right:"\\f027",bank_with_card:"\\f019",bed:"\\f010",car_lock:"\\f021",car_money:"\\f011",car_repair:"\\f022",cash:"\\f020",construction:"\\f008",drill:"\\f015",form_refresh:"\\f018",graduation_hat:"\\f013",hand_cash_coins:"\\f009",hand_cash_note:"\\f024",laptop:"\\f012",percentage_boxed:"\\f016",petrol_pump:"\\f026",plane:"\\f025",theatre_masks:"\\f023",accessibility_web:"\\f045",app_facebook:"\\f052",app_instagram:"\\f046",app_tiktok:"\\f035",app_twitter:"\\f041",app_youtube:"\\f047",apps:"\\f040",bill_paid:"\\f049",bill_unpaid:"\\f063",box_arrow_right:"\\f057",calendar_pay_date:"\\f038",card_wallet:"\\f030",connect_off:"\\f053",heart_pulse:"\\f031",intranet:"\\f048",job_seeked:"\\f037",like:"\\f056",link_cloud:"\\f036",link_on:"\\f043",microphone:"\\f054",protect:"\\f044",recruiting:"\\f033",send:"\\f055",support_online:"\\f032",target_man:"\\f050",target:"\\f042",volunteering:"\\f039",website:"\\f051",welfare:"\\f034",contact_card:"\\f059",cloud_co2:"\\f060",leaf:"\\f061",like_no:"\\f058",minimise:"\\f062",pin:"\\f064",biometric:"\\f067",import:"\\f066",export:"\\f065",shield_with_tick:"\\f070",shield_with_tick_outline:"\\f071",stop:"\\f068",stop_circle:"\\f069",worldwide_location:"\\f072",airplay:"\\f073",batch:"\\f074",chromecast:"\\f075",framerate:"\\f076",fullscreen:"\\f077",mute:"\\f078",normalscreen:"\\f079",page:"\\f080",picture_in_picture:"\\f081",replay:"\\f082",speaker:"\\f083",subtitles:"\\f084",volume_high:"\\f087",volume_low:"\\f085",volume_medium:"\\f086",hierarchy:"\\f088",underline:"\\f089",chevron_first:"\\f090",chevron_last:"\\f091",drag_hover:"\\f092",at_sign:"\\f093",link_card:"\\f094",time_zone:"\\f095",arrow_top_right_circle:"\\f096",clear:"\\f097",diagonal_arrows_up:"\\f098",double_tick:"\\f099",flash:"\\f100",get_quote:"\\f101",heart:"\\f102",ipad:"\\f103",reset:"\\f104",user_groups:"\\f105",chart_bar_arrow_up:"\\f106",login:"\\f107",chevron_first_pagination:"\\f108",chevron_last_pagination:"\\f109",caret_up_down:"\\f110",connect_circle:"\\f111",plus_circle:"\\f112"},n=(f=function(r){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{},o=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),o.forEach((function(t){e(r,t,a[t])}))}return r}({},r,t,a,o,i,c,l,_,{add:o.plus,create:o.plus,services:o.plus,admin:o.favourite,analysis:l.chart_line,graph:l.chart_line,basket:i.cart,bin:i.delete,bulk_destroy:i.delete,caret_down:o.dropdown,collaborate:o.share,contacts:t.people,entry:c.list_view,go:l.progressed,submitted:l.progressed,grid:o.split,individual:t.person,location:r.marker,message:r.email,old_warning:l.warning,phone:r.call,piggy_bank:o.save,question_hollow:o.video,question_mark:o.question,remove:o.minus,settings_old:a.settings,true_tick:l.tick,arrow:c.arrow_right,in_transit:c.arrow_left_right_small,progress:_.circle_with_dots}),s=null!=(s={none:""})?s:{},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(s)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(s)).forEach((function(e){Object.defineProperty(f,e,Object.getOwnPropertyDescriptor(s,e))})),f);var f,s;exports.default=n;

package/lib/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalContentEditable"),t=require("react"),i=require("./content-editor.style.js");require("../../__plugins__/AutoLinker/auto-link.component.js"),require("@lexical/react/LexicalComposerContext"),require("@lexical/link"),require("@lexical/headless"),require("@lexical/html"),require("lexical"),require("@lexical/code"),require("@lexical/list"),require("@lexical/react/LexicalHorizontalRuleNode"),require("@lexical/rich-text"),require("../../../text-editor.context.js");var o=require("../../__plugins__/useCursorAtEnd/index.js");require("../CharacterCounter/character-counter.style.js"),require("lodash/debounce"),require("../../../../../__internal__/i18n-context/index.js");var n=require("../LinkPreviewer/link-previewer.component.js");require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("react-dom"),require("../Mentions/constants.js"),require("../Mentions/mentions.style.js"),require("../../../../tooltip/tooltip.component.js"),require("../../../../portrait/portrait.style.js"),require("../../../../../style/utils/filter-styled-system-padding-props.js"),require("../Placeholder/placeholder.style.js"),require("@lexical/utils"),require("../Toolbar/toolbar.style.js"),require("../../../../button/button.component.js"),require("../../../../box/box.component.js"),require("../Toolbar/buttons/typography-dropdown/dropdown.style.js"),require("../../../../icon/icon.component.js"),require("../Toolbar/button-group/button-group.style.js"),require("../../../../../__internal__/input/input.style.js"),require("../../../../../__internal__/validation-message/__next__/validation-message.style.js"),require("../../../../../__internal__/error-border/error-border.style.js"),require("../../../../textbox/__internal__/__next__/text-input.style.js"),require("../../../../../__internal__/hint-text/hint-text.style.js"),require("../../../../../__internal__/label/label.style.js"),require("../../../../tabs/__next__/tabs.style.js"),require("../../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),require("invariant"),require("../../../../../__internal__/validations/validation-icon.style.js"),require("../../../../../__internal__/character-count/character-count.style.js"),require("../../../../dialog/dialog.style.js"),require("../../../../heading/heading.style.js"),require("../../../../icon-button/icon-button.component.js"),require("../../../../typography/typography.component.js"),require("react-transition-group"),require("../../../../../hooks/__internal__/useScrollBlock/useScrollBlock.js"),require("../../../../portal/portal.js"),require("../../../../../__internal__/modal/modal-manager.js"),require("../../../../../__internal__/modal/modal.style.js"),require("../../../../../__internal__/modal/modal.context.js"),require("../../../../carbon-provider/__internal__/top-modal.context.js"),require("../../../../../__internal__/full-screen-heading/full-screen-heading.component.js"),require("../../../../form/form.component.js"),require("../../../../form/required-fields-indicator/required-fields-indicator.component.js");const a=t.forwardRef((({inputHint:t,namespace:a,previews:l=[],rows:s,readOnly:u,required:c,error:d,warning:_,validationMessagePositionTop:q,size:p="medium",id:j},x)=>{const m=o.default(),y=d||_?`${a}-validation-message`:"",b=t?`${a}-input-hint`:"",g=(q?`${y} ${b}`:`${b} ${y}`).trim();return e.jsxs(i.default,{"data-role":`${a}-content-editable`,error:d,warning:_,namespace:a,rows:s,readOnly:u,size:p,children:[e.jsx(r.ContentEditable,{id:j,ref:x,"aria-describedby":g,"aria-labelledby":`${a}-label`,"aria-required":c,"aria-invalid":d,className:`${a}-editable`,"data-role":`${a}-editable`,onBlur:e=>{var r;if(null===(r=e.relatedTarget)||void 0===r?void 0:r.classList.contains("toolbar-button")){var t;const r=null===(t=e.relatedTarget)||void 0===t?void 0:t.id;if(r){const e=document.querySelector(`[id="${r}"]`);e&&e.focus()}}},onFocus:e=>{e.relatedTarget&&e.relatedTarget.classList.contains("toolbar-button")||m(e)},"aria-autocomplete":void 0,"aria-readonly":void 0}),e.jsx(n.default,{previews:l})]})}));exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalContentEditable"),t=require("react"),i=require("./content-editor.style.js");require("../../__plugins__/AutoLinker/auto-link.component.js"),require("@lexical/react/LexicalComposerContext"),require("@lexical/link"),require("@lexical/headless"),require("@lexical/html"),require("lexical"),require("@lexical/code"),require("@lexical/list"),require("@lexical/react/LexicalHorizontalRuleNode"),require("@lexical/rich-text"),require("../../../text-editor.context.js");var o=require("../../__plugins__/useCursorAtEnd/index.js");require("../CharacterCounter/character-counter.style.js"),require("lodash/debounce"),require("../../../../../__internal__/i18n-context/index.js");var a=require("../LinkPreviewer/link-previewer.component.js");require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("react-dom"),require("../Mentions/constants.js"),require("../Mentions/mentions.style.js"),require("../../../../tooltip/tooltip.component.js"),require("../../../../portrait/portrait.style.js"),require("../../../../../style/utils/filter-styled-system-padding-props.js"),require("../Placeholder/placeholder.style.js"),require("@lexical/utils"),require("../Toolbar/toolbar.style.js"),require("../../../../button/button.component.js"),require("../../../../box/box.component.js"),require("../Toolbar/buttons/typography-dropdown/dropdown.style.js"),require("../../../../icon/icon.component.js"),require("../Toolbar/button-group/button-group.style.js"),require("../../../../../__internal__/input/input.style.js"),require("../../../../../__internal__/validation-message/__next__/validation-message.style.js"),require("../../../../../__internal__/error-border/error-border.style.js"),require("../../../../textbox/__internal__/__next__/text-input.style.js"),require("../../../../../__internal__/hint-text/hint-text.style.js"),require("../../../../../__internal__/label/label.style.js"),require("../../../../tabs/__next__/tabs.style.js"),require("../../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),require("invariant"),require("../../../../../__internal__/validations/validation-icon.style.js"),require("../../../../../__internal__/character-count/character-count.style.js"),require("../../../../dialog/dialog.component.js"),require("../../../../form/form.component.js"),require("../../../../form/required-fields-indicator/required-fields-indicator.component.js"),require("../../../../typography/typography.component.js");const n=t.forwardRef((({inputHint:t,namespace:n,previews:l=[],rows:s,readOnly:u,required:c,error:d,warning:_,validationMessagePositionTop:q,size:p="medium",id:x},j)=>{const y=o.default(),b=d||_?`${n}-validation-message`:"",m=t?`${n}-input-hint`:"",g=(q?`${b} ${m}`:`${m} ${b}`).trim();return e.jsxs(i.default,{"data-role":`${n}-content-editable`,error:d,warning:_,namespace:n,rows:s,readOnly:u,size:p,children:[e.jsx(r.ContentEditable,{id:x,ref:j,"aria-describedby":g,"aria-labelledby":`${n}-label`,"aria-required":c,"aria-invalid":d,className:`${n}-editable`,"data-role":`${n}-editable`,onBlur:e=>{var r;if(null===(r=e.relatedTarget)||void 0===r?void 0:r.classList.contains("toolbar-button")){var t;const r=null===(t=e.relatedTarget)||void 0===t?void 0:t.id;if(r){const e=document.querySelector(`[id="${r}"]`);e&&e.focus()}}},onFocus:e=>{e.relatedTarget&&e.relatedTarget.classList.contains("toolbar-button")||y(e)},"aria-autocomplete":void 0,"aria-readonly":void 0}),e.jsx(a.default,{previews:l})]})}));exports.default=n;