carbon-react 162.10.0 → 162.12.0-beta.1

package/esm/components/dialog/__internal__/__next__/dialog-header/dialog-header.component.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-/** @internal Context for passing IDs from Dialog to DialogHeader */
-export declare const DialogHeadingStatusContext: React.Context<{
-    titleId?: string;
-    subtitleId?: string;
-} | null>;
-/** Allowed status variants for the dialog heading icon. */
-export type DialogHeadingStatus = "subtle" | "positive" | "negative" | "caution" | "info";
-export interface DialogHeadingStatusProps {
-    title: React.ReactNode;
-    subtitle?: React.ReactNode;
-    status: DialogHeadingStatus;
-}
-interface DialogHeadingStatusComponent extends React.ForwardRefExoticComponent<DialogHeadingStatusProps & React.RefAttributes<HTMLDivElement>> {
-    $$carbonDialogHeadingStatus?: boolean;
-}
-declare const DialogHeadingStatus: DialogHeadingStatusComponent;
-export default DialogHeadingStatus;

package/esm/components/dialog/__internal__/__next__/dialog-header/dialog-header.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import o,{forwardRef as i,useContext as n,useRef as r}from"react";import{StyledSubtitle as l}from"../dialog.style.js";import{Box as a}from"../../../../box/box.component.js";import c from"../../../../icon/icon.component.js";import"../../../../icon/icon.style.js";import{Typography as s}from"../../../../typography/typography.component.js";import p from"../../../../../__internal__/utils/helpers/guid/index.js";const d=o.createContext(null),m={subtle:{iconType:"info",color:"subtle"},positive:{iconType:"tick_circle",color:"positive"},negative:{iconType:"error",color:"negative"},caution:{iconType:"warning",color:"caution"},info:{iconType:"info",color:"info"}},u=i((({title:o,subtitle:i,status:u},g)=>{const{iconType:f,color:y}=m[u],b=n(d),h=r((null==b?void 0:b.titleId)||p()).current,x=r(p()).current,v=(null==b?void 0:b.titleId)||h,j=(null==b?void 0:b.subtitleId)||x;return e(a,{ref:g,"data-role":"status-heading",display:"flex",flexWrap:"wrap",alignItems:"center",children:[t(s,{variant:"h1","data-element":"dialog-title",id:v,children:e(a,{as:"span",display:"flex",alignItems:"center",gap:"var(--global-space-comp-l)",children:[t(c,{type:f,color:y,size:"medium","aria-hidden":!0,ml:"-4px"}),o]})}),i&&t(l,{"data-element":"subtitle","data-role":"subtitle",id:j,mb:"0",children:i})]})}));u.displayName="DialogHeadingStatus",u.$$carbonDialogHeadingStatus=!0;export{d as DialogHeadingStatusContext,u as default};

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

@@ -1,107 +0,0 @@
-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.
-     * @deprecated This prop no longer has any effect and will be removed in a future release.
-     */
-    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 DialogHeader } from "./dialog-header/dialog-header.component";
-export { default as DialogHeadingStatus } from "./dialog-header/dialog-header.component";
-export type { DialogHeadingStatusProps } from "./dialog-header/dialog-header.component";

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

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

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

@@ -1,37 +0,0 @@
-/** 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: "540px";
-        readonly minWidth: "288px";
-    };
-    readonly medium: {
-        readonly maxWidth: "850px";
-        readonly minWidth: "288px";
-    };
-    readonly large: {
-        readonly maxWidth: "1080px";
-        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/esm/components/dialog/__internal__/__next__/dialog.config.js

@@ -1 +0,0 @@
-import{containerSizeDialogMaxwidthS as i,containerSizeDialogMaxwidthM as m,containerSizeDialogMaxwidthL as t}from"./__internal__/tokens/index.js";const d="288px",n={small:{maxWidth:i,minWidth:d},medium:{maxWidth:m,minWidth:d},large:{maxWidth:t,minWidth:d},fullscreen:{maxWidth:"100%",minWidth:"100%"}},e="medium";export{e as DEFAULT_SIZE,d as DIALOG_MIN_WIDTH,n as DIALOG_SIZE_CONFIG};

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

@@ -1,50 +0,0 @@
-import type { DialogProps } from "./dialog.component";
-import { Size, ContentPaddingInterface } from "./dialog.config";
-declare const dialogSizes: {
-    readonly small: "540px";
-    readonly medium: "850px";
-    readonly large: "1080px";
-};
-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, color, tint, weight, truncate, 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/esm/components/dialog/__internal__/__next__/dialog.style.js

@@ -1 +0,0 @@
-import a,{css as e}from"styled-components";import{padding as i}from"styled-system";import t from"../../../../style/themes/apply-base-theme.js";import{StyledButton as o}from"../../../button/__next__/button.style.js";import{Typography as r}from"../../../typography/typography.component.js";import"react/jsx-runtime";import"react";import{DIALOG_SIZE_CONFIG as d,DIALOG_MIN_WIDTH as n}from"./dialog.config.js";import{StyledForm as l,StyledFormContent as s,StyledFormFooter as p}from"../../../form/form.style.js";import g from"../../../../__internal__/full-screen-heading/full-screen-heading.style.js";import{paddingPropertyNames as c}from"../../../../style/utils/filter-styled-system-padding-props.js";const m={small:d.small.maxWidth,medium:d.medium.maxWidth,large:d.large.maxWidth},b="600px",x=(a=!1)=>t=>a?e(["padding:0;"]):e([""," ",""],!(a=>c.some((e=>void 0!==a[e])))(t)&&e(["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);}"]),i(t)),h=a.div.attrs(t).withConfig({displayName:"dialog.style__DialogPositioner",componentId:"carbon_v162_9_1__sc-f75e36a9-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:a})=>"fullscreen"===a&&e(["justify-content:stretch;align-items:stretch;box-sizing:border-box;@media screen and (min-width:","){padding:var(--global-space-layout-2-xs);}"],b)),(({$disableStickyOnSmallScreen:a})=>a&&e(["@media screen and (max-width:","){background-color:transparent;}"],b))),u=a.div.attrs(t).withConfig({displayName:"dialog.style__StyledDialogContent",componentId:"carbon_v162_9_1__sc-f75e36a9-1"})(["box-sizing:border-box;display:block;overflow-y:auto;width:100%;"," ",""],(a=>{var{disableContentPadding:t,$size:o,hasHeader:r,hasFooter:d}=a,n=function(a,e){if(null==a)return{};var i,t,o=function(a,e){if(null==a)return{};var i,t,o={},r=Object.keys(a);for(t=0;t<r.length;t++)i=r[t],e.indexOf(i)>=0||(o[i]=a[i]);return o}(a,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(a);for(t=0;t<r.length;t++)i=r[t],e.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(a,i)&&(o[i]=a[i])}return o}(a,["disableContentPadding","$size","hasHeader","hasFooter"]);return"fullscreen"===o?e(["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);}}}"," ",""],x(t)(n),l,l,s,x(t)(n),p,!r&&e(["padding-top:var(--global-space-layout-xs);"]),!d&&e(["padding-bottom:var(--global-space-layout-xs);"])):e(["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);}}}"],t?"0px":"var(--global-space-layout-xs) var(--global-space-layout-s)",i,l,l,s,i,p)}),(({$disableStickyOnSmallScreen:a})=>a&&e(["@media screen and (max-width:","){overflow-y:visible;flex-grow:1;","{position:static;box-shadow:none;}}"],b,p))),f=a.div.withConfig({displayName:"dialog.style__StyledDialogFooter",componentId:"carbon_v162_9_1__sc-f75e36a9-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:a})=>a&&e(["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:a})=>a&&e(["@media screen and (max-width:","){position:static;border-radius:0;}"],b))),y=a.div.withConfig({displayName:"dialog.style__StyledDialogTitle",componentId:"carbon_v162_9_1__sc-f75e36a9-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-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:a})=>!a&&e(["padding:4px 0px;"])),(({$disableStickyOnSmallScreen:a})=>a&&e(["@media screen and (max-width:","){border-radius:0;position:static;}"],b))),v=a.div.withConfig({displayName:"dialog.style__StyledDialog",componentId:"carbon_v162_9_1__sc-f75e36a9-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:a,$size:i,$gradientKeyLine:t,backgroundColor:o})=>"fullscreen"===i?e(["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%;transform:translateZ(0);"]):e(["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"===i&&e(["min-width:288px;max-width:var(--container-size-dialog-maxwidth-s);"]),"medium"===i&&e(["min-width:540px;max-width:var(--container-size-dialog-maxwidth-m);@media screen and (max-width:","){min-width:",";}"],d.small.maxWidth,n),"large"===i&&e(["min-width:850px;max-width:var(--container-size-dialog-maxwidth-l);@media screen and (max-width:","){min-width:",";}"],d.medium.maxWidth,n),t&&e(['&::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;}']),m[i],a&&e(["height:","px;"],a))),o,(({$size:a})=>e("fullscreen"===a?["right:40px;top:26px;"]:["right:33px;top:32px;"])),(({$disableStickyOnSmallScreen:a})=>a&&e(["@media screen and (max-width:","){width:100%;max-width:100%;min-width:100%;border-radius:0;max-height:100%;height:100%;overflow-y:auto;}"],b)),(({$size:a,pagesStyling:i})=>function({$size:a,pagesStyling:i}){return"fullscreen"===a&&i?e(["","{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%;}}'],u,o,g):""}({$size:a,pagesStyling:i}))),w=a(r).withConfig({displayName:"dialog.style__StyledSubtitle",componentId:"carbon_v162_9_1__sc-f75e36a9-5"})(["font:var(--global-font-static-subheading-m);flex-basis:100%;width:100%;margin-top:5px;color:var(--container-standard-txt-alt);"]);export{h as DialogPositioner,v as StyledDialog,u as StyledDialogContent,f as StyledDialogFooter,y as StyledDialogTitle,w as StyledSubtitle,m as dialogSizes,b as smallScreenBreakpoint};

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

@@ -1,4 +0,0 @@
-export { default } from "./dialog.component";
-export type { DialogProps } from "./dialog.component";
-export { DialogHeader, DialogHeadingStatus } from "./dialog.component";
-export type { DialogHeadingStatusProps } from "./dialog.component";

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

@@ -1 +0,0 @@
-export{Dialog as default}from"./dialog.component.js";export{default as DialogHeader,default as DialogHeadingStatus}from"./dialog-header/dialog-header.component.js";

package/esm/components/dialog/__internal__/__next__/utils.d.ts

@@ -1,2 +0,0 @@
-export declare const isDialogHeadingStatusComponent: (componentType: unknown) => unknown;
-export default isDialogHeadingStatusComponent;

package/esm/components/dialog/__internal__/__next__/utils.js

@@ -1 +0,0 @@
-const t=t=>null!==t&&("object"==typeof t||"function"==typeof t),a=a=>t(a)&&"$$carbonDialogHeadingStatus"in a&&a.$$carbonDialogHeadingStatus,n=n=>a(n)||t(n)&&"type"in n&&a(n.type);export{n as default,n as isDialogHeadingStatusComponent};

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

@@ -1,25 +0,0 @@
-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;
-    /** @deprecated Use `gradientKeyLine` instead. */
-    highlightVariant?: string;
-    /** @deprecated Use `contentPadding` instead. */
-    disableContentPadding?: boolean;
-    /** @deprecated Use `showCloseIcon={false}` instead.*/
-    disableClose?: boolean;
-    /** @deprecated PagesStyling is now deprecated and will be removed in a future release*/
-    pagesStyling?: boolean;
-    /**
-     * Size — accepts both legacy values (extra-small, medium-small, etc.)
-     * and new values (small, medium, large, fullscreen).
-     */
-    size?: DialogSizes | Size;
-}
-export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<DialogHandle>>;
-export default Dialog;
-export type { DialogHandle, ContentPaddingInterface };
-export { DialogHeader, DialogHeadingStatus, } from "./__internal__/__next__/dialog.component";
-export type { DialogHeadingStatusProps } from "./__internal__/__next__/dialog.component";

package/esm/components/dialog/dialog.component.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Dialog as a}from"./__internal__/__next__/dialog.component.js";import t from"../../__internal__/utils/logger/index.js";export{default as DialogHeader,default as DialogHeadingStatus}from"./__internal__/__next__/dialog-header/dialog-header.component.js";function i(e,r,a){return r in e?Object.defineProperty(e,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[r]=a,e}let n=!1,l=!1,o=!1,s=!1,d=!1;const c=r(((r,c)=>{var{disableClose:u,pagesStyling:g,fullscreen:p,highlightVariant:f,disableContentPadding:m,size:b="medium",gradientKeyLine:y}=r,h=function(e,r){if(null==e)return{};var a,t,i=function(e,r){if(null==e)return{};var a,t,i={},n=Object.keys(e);for(t=0;t<n.length;t++)a=n[t],r.indexOf(a)>=0||(i[a]=e[a]);return i}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)a=n[t],r.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(i[a]=e[a])}return i}(r,["disableClose","pagesStyling","fullscreen","highlightVariant","disableContentPadding","size","gradientKeyLine"]);n||void 0===p||(n=!0,t.deprecate('The fullscreen prop in Dialog is deprecated. Please use size="fullscreen" instead.')),l||void 0===f||(l=!0,t.deprecate("The highlightVariant prop is deprecated. Please use gradientKeyLine instead.")),o||void 0===u||(o=!0,t.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),s||void 0===g||(s=!0,t.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),d||"auto"!==b||(d=!0,t.deprecate('The `size="auto"` prop in Dialog is deprecated and has been defaulted to `size="large"`. Please use a specific size value instead.'));const _=((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"}})(b,p),O=((e,r)=>void 0!==r?r:"ai"===e)(f,y);return e(a,function(e){for(var r=1;r<arguments.length;r++){var a=null!=arguments[r]?arguments[r]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(r){i(e,r,a[r])}))}return e}({ref:c,size:_,gradientKeyLine:O,disableContentPadding:m,pagesStyling:g},h))}));c.displayName="Dialog";export{c as Dialog,c as default};

package/esm/components/dialog/dialog.config.d.ts

@@ -1,2 +0,0 @@
-export declare const DIALOG_SIZES: readonly ["auto", "extra-small", "small", "medium-small", "medium", "medium-large", "large", "extra-large", "maximise"];
-export type DialogSizes = (typeof DIALOG_SIZES)[number];

package/esm/components/dialog/dialog.config.js

@@ -1 +0,0 @@
-const m=["auto","extra-small","small","medium-small","medium","medium-large","large","extra-large","maximise"];export{m as DIALOG_SIZES};

package/esm/components/dialog/index.d.ts

@@ -1,5 +0,0 @@
-export { default } from "./dialog.component";
-export type { DialogProps, DialogHandle } from "./dialog.component";
-export type { DialogSizes } from "./dialog.config";
-export { DialogHeader, DialogHeadingStatus } from "./dialog.component";
-export type { DialogHeadingStatusProps } from "./dialog.component";

package/esm/components/dialog/index.js

@@ -1 +0,0 @@
-export{Dialog as default}from"./dialog.component.js";export{default as DialogHeader,default as DialogHeadingStatus}from"./__internal__/__next__/dialog-header/dialog-header.component.js";

package/esm/components/dialog-full-screen/dialog-full-screen.component.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { DialogProps } from "../dialog/dialog.component";
-export declare const DialogFullScreen: ({ ...props }: DialogProps) => React.JSX.Element;
-export default DialogFullScreen;

package/esm/components/dialog-full-screen/dialog-full-screen.component.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import r from"../../__internal__/utils/logger/index.js";import{Dialog as t}from"../dialog/dialog.component.js";function n(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(){return o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}let l=!1;const i=i=>{var a=o({},function(e){if(null==e)throw new TypeError("Cannot destructure "+e);return e}(i));return l||(l=!0,r.deprecate("`DialogFullscreen` has been deprecated and will soon be removed. Use `Dialog` with the `fullscreen` prop instead.")),e(t,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}({fullscreen:!0},a))};export{i as DialogFullScreen,i as default};

package/esm/components/dialog-full-screen/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./dialog-full-screen.component";

package/esm/components/dialog-full-screen/index.js

@@ -1 +0,0 @@
-export{DialogFullScreen as default}from"./dialog-full-screen.component.js";

package/esm/components/dismissible-box/dismissible-box.component.d.ts

@@ -1,26 +0,0 @@
-import React from "react";
-import { SpaceProps } from "styled-system";
-import { StyledDismissibleBoxProps } from "./dismissible-box.style";
-import { BoxProps } from "../box";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-/**
- * @deprecated `DismissibleBox` has been deprecated. See the Carbon documentation for migration details.
- */
-export interface DismissibleBoxProps extends SpaceProps, StyledDismissibleBoxProps, Omit<BoxProps, "display" | "justifyContent" | "bg" | "backgroundColor">, TagProps {
-    /** The content to render in the component */
-    children?: React.ReactNode;
-    /** Data tag prop bag for close Button */
-    closeButtonDataProps?: TagProps;
-    /** Callback to be called when the close icon button is clicked */
-    onClose: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>) => void;
-    /** Use this prop to override the default width. Numbers from 0-1 are converted to percentage widths. Numbers greater
-     * than 1 are converted to pixel values. String values are passed as raw CSS values. And arrays are converted to
-     * responsive width styles. If theme.sizes is defined, the width prop will attempt to pick up values from the theme.
-     * Please note this component has a minWidth of 600px */
-    width?: number | string;
-}
-/**
- * @deprecated `DismissibleBox` has been deprecated. See the Carbon documentation for migration details.
- */
-export declare const DismissibleBox: ({ children, closeButtonDataProps, onClose, borderRadius, ...rest }: DismissibleBoxProps) => React.JSX.Element;
-export default DismissibleBox;

package/esm/components/dismissible-box/dismissible-box.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import r from"../../hooks/__internal__/useLocale/useLocale.js";import{StyledDismissibleBox as o}from"./dismissible-box.style.js";import n from"../icon-button/icon-button.component.js";import i from"../icon/icon.component.js";import"../icon/icon.style.js";import c from"../../__internal__/utils/helpers/tags/tags.js";function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){s(e,t,r[t])}))}return e}function a(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 p=s=>{var{children:p,closeButtonDataProps:u,onClose:b,borderRadius:f="borderRadius100"}=s,m=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(s,["children","closeButtonDataProps","onClose","borderRadius"]);const O=r();return e(o,a(l({p:"20px 24px 20px 20px",$borderRadius:f},m,c("dismissible-box",m)),{children:[p,t("span",{"data-element":"close-button-wrapper",children:t(n,a(l({onClick:b,"aria-label":O.dismissibleBox.ariaLabels.close(),ml:3},c("close-button",l({"data-element":"close-button"},u))),{children:t(i,{type:"close",color:"--colorsActionMinor500"})}))})]}))};export{p as DismissibleBox,p as default};

package/esm/components/dismissible-box/dismissible-box.style.d.ts

@@ -1,11 +0,0 @@
-import { BorderRadiusType } from "../box/box.component";
-export interface StyledDismissibleBoxProps {
-    /** Flag to control whether the thicker left border highlight should be rendered */
-    hasBorderLeftHighlight?: boolean;
-    /** Set the base color variant */
-    variant?: "light" | "dark";
-}
-declare const StyledDismissibleBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, StyledDismissibleBoxProps & {
-    $borderRadius: BorderRadiusType;
-}, never>;
-export { StyledDismissibleBox };

package/esm/components/dismissible-box/dismissible-box.style.js

@@ -1 +0,0 @@
-import r,{css as o}from"styled-components";import{Box as a}from"../box/box.component.js";import i from"../icon/icon.style.js";const e={borderRadius000:"var(--global-radius-none)",borderRadius010:"var(--global-radius-container-3-xs)",borderRadius025:"var(--global-radius-container-2-xs)",borderRadius050:"var(--global-radius-container-xs)",borderRadius100:"var(--global-radius-container-m)",borderRadius200:"var(--global-radius-container-l)",borderRadius400:"var(--global-radius-container-2-xl)",borderRadiusCircle:"var(--global-radius-container-circle)"},s=r(a).withConfig({displayName:"dismissible-box.style__StyledDismissibleBox",componentId:"carbon_v162_9_1__sc-fbf1d2ef-0"})([""," border-radius:",";"],(({hasBorderLeftHighlight:r=!0,variant:a="light"})=>o(["background-color:",";border:1px solid var(--colorsUtilityMajor100);display:flex;justify-content:space-between;word-break:break-word;"," ",":hover{color:var(--colorsActionMinor600);}"],"light"===a?"#FFFFFF":"var(--colorsUtilityMajor050)",r&&"\n      border-left: none;\n      box-shadow: -4px 0 0 0 var(--colorsUtilityMajor400);\n    ",i)),(({$borderRadius:r})=>r.split(" ").map((r=>e[r])).join(" ")));export{s as StyledDismissibleBox};

package/esm/components/dismissible-box/index.d.ts

@@ -1,2 +0,0 @@
-export type { DismissibleBoxProps } from "./dismissible-box.component";
-export { default } from "./dismissible-box.component";

package/esm/components/dismissible-box/index.js

@@ -1 +0,0 @@
-export{DismissibleBox as default}from"./dismissible-box.component.js";

package/esm/components/divider/divider.component.d.ts

@@ -1,39 +0,0 @@
-import { SpaceProps } from "styled-system";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-export interface DividerProps extends SpaceProps, TagProps {
-    /** Sets Divider type */
-    type?: "vertical" | "horizontal";
-    /** Sets Divider variant */
-    variant?: "typical" | "prominent";
-    /** Set the style of the Divider to inverse */
-    inverse?: boolean;
-    /** Shorthand for the height attribute.
-     * Only available for the `vertical` type.
-     * */
-    h?: number | string;
-    /** Height attribute of the component.
-     * Only available for the `vertical` type.
-     * */
-    height?: number | string;
-    /**
-     * Sets the display: inline css attribute on the component
-     * To be used in non-flex containers.
-     * Only available for the `vertical` type.
-     */
-    displayInline?: boolean;
-    /**
-     * Set the divider to be hidden from screen readers.
-     * Please note that this cannot be overridden when inside a Menu.
-     * */
-    "aria-hidden"?: boolean;
-    /** Breakpoint for adaptive left and right margins (below the breakpoint they go to 0).
-     * Enables the adaptive behaviour when set.
-     * Only available for `horizontal` type.
-     * */
-    adaptiveMxBreakpoint?: number;
-}
-export declare const Divider: {
-    ({ type, h, height, displayInline, "aria-hidden": ariaHidden, variant, inverse, adaptiveMxBreakpoint, ml, mr, ...rest }: DividerProps): JSX.Element;
-    displayName: string;
-};
-export default Divider;

package/esm/components/divider/divider.component.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{useContext as r}from"react";import t from"../menu/__internal__/menu.context.js";import{StyledHorizontalDivider as n,StyledVerticalDividerWrapper as i,StyledVerticalDivider as o}from"./divider.style.js";import a from"../../__internal__/utils/helpers/tags/tags.js";import l from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function c(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){p(e,r,t[r])}))}return e}function s(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}const u=p=>{var{type:u="vertical",h:d,height:m,displayInline:f=!1,"aria-hidden":b,variant:y="typical",inverse:v=!1,adaptiveMxBreakpoint:O,ml:j,mr:h}=p,g=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(p,["type","h","height","displayInline","aria-hidden","variant","inverse","adaptiveMxBreakpoint","ml","mr"]);const{inMenu:P}=r(t),_=l(O);if("horizontal"===u){let r=j,t=h;return O&&!_&&(r=0,t=0),e(n,c({"data-role":"divider","aria-hidden":b,variant:y,inverse:v,ml:r,mr:t,mt:g.mt||3,mb:g.mb||3},g,a("divider",g)))}return e(i,s(c(s(c({"data-role":"divider",p:g.p||3,height:d||m,displayInline:f,ml:j,mr:h},g),{as:P?"li":"div","aria-hidden":P||b}),a("divider",c({},g))),{children:e(o,{"data-role":"divider-content",variant:y,inverse:v})}))};u.displayName="Divider";export{u as Divider,u as default};

package/esm/components/divider/divider.style.d.ts

@@ -1,11 +0,0 @@
-import { DividerProps } from "./divider.component";
-declare const StyledVerticalDividerWrapper: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & DividerProps, "theme">;
-declare const StyledVerticalDivider: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & Pick<DividerProps, "variant" | "inverse">, "theme">;
-declare const StyledHorizontalDivider: import("styled-components").StyledComponent<"hr", any, {
-    theme: object;
-} & DividerProps, "theme">;
-export { StyledVerticalDividerWrapper, StyledVerticalDivider, StyledHorizontalDivider, };

package/esm/components/divider/divider.style.js

@@ -1 +0,0 @@
-import r,{css as e}from"styled-components";import i from"../../style/themes/apply-base-theme.js";import{space as t,margin as a}from"styled-system";const d=({variant:r,inverse:e})=>"prominent"===r?e?"var(--container-standard-inverse-border-alt)":"var(--container-standard-border-alt)":e?"var(--container-standard-inverse-border-default)":"var(--container-standard-border-default)",n=r.div.attrs(i).withConfig({displayName:"divider.style__StyledVerticalDividerWrapper",componentId:"carbon_v162_9_1__sc-499153f6-0"})([""," "," ",""],t,(({height:r})=>r&&e(["height:",";"],"string"==typeof r?`${r}`:`${r}px`)),(({displayInline:r})=>r?"display: inline;":"")),o=r.div.attrs(i).withConfig({displayName:"divider.style__StyledVerticalDivider",componentId:"carbon_v162_9_1__sc-499153f6-1"})(["height:100%;border-left:var(--global-borderwidth-xs) solid ",";display:inherit;"],(({variant:r,inverse:e})=>d({variant:r,inverse:e}))),s=r.hr.attrs(i).withConfig({displayName:"divider.style__StyledHorizontalDivider",componentId:"carbon_v162_9_1__sc-499153f6-2"})([""," width:100%;border-width:var(--global-borderwidth-none);height:var(--global-borderwidth-xs);background-color:",";"],a,(({variant:r,inverse:e})=>d({variant:r,inverse:e})));export{s as StyledHorizontalDivider,o as StyledVerticalDivider,n as StyledVerticalDividerWrapper};

package/esm/components/divider/index.d.ts

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

package/esm/components/divider/index.js

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

package/esm/components/draggable/__internal__/data.d.ts

@@ -1,26 +0,0 @@
-/** Helper functions for safer type checking. */
-declare const PRIVATE_DRAGGABLE_KEY: unique symbol;
-declare const PRIVATE_DROP_TARGET_KEY: unique symbol;
-export type Draggable = {
-    [PRIVATE_DRAGGABLE_KEY]: true;
-    /** Unique identifier of the draggable item */
-    id: string;
-    /** The index of the draggable item when dragging was initiated */
-    initialIndex: number;
-    /** Bounding rectangle of the draggable item  */
-    rect: DOMRect;
-    /** Unique identifier of the context instance the item belongs to */
-    contextId: symbol;
-};
-export type DropTarget = {
-    [PRIVATE_DROP_TARGET_KEY]: true;
-    /** Unique identifier of the drop target */
-    id: string;
-    /** Unique identifier of the context instance the drop target belongs to */
-    contextId: symbol;
-};
-export declare function getDraggable(data: Omit<Draggable, typeof PRIVATE_DRAGGABLE_KEY>): Draggable;
-export declare function getDropTarget(data: Omit<DropTarget, typeof PRIVATE_DROP_TARGET_KEY>): DropTarget;
-export declare function isDraggable(data: Record<string | symbol, unknown>): data is Draggable;
-export declare function isDropTarget(data: Record<string | symbol, unknown>): data is DropTarget;
-export {};

package/esm/components/draggable/__internal__/data.js

@@ -1 +0,0 @@
-function n(n,e,r){return e in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function e(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(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}const r=Symbol("drag"),t=Symbol("drop");function o(n){return e({[r]:!0},n)}function u(n){return e({[t]:!0},n)}function c(n){return Boolean(n[r])}function f(n){return Boolean(n[t])}export{o as getDraggable,u as getDropTarget,c as isDraggable,f as isDropTarget};

package/esm/components/draggable/__internal__/drag-drop-provider.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import { Draggable, DropTarget } from "./data";
-export interface DragDropProviderProps {
-    children: React.ReactNode;
-    /**
-     * Callback fired when an item is dropped.
-     *
-     * Provides data about the dragged item and the drop target (if any) as arguments.
-     */
-    onDrop?: (args: {
-        dragged: Draggable;
-        target: DropTarget | null;
-    }) => void;
-}
-type DragDropContextType = {
-    /** Identifier of the context instance. */
-    contextId: symbol;
-};
-export declare function useDragDropContext(): DragDropContextType | null;
-export declare const DragDropProvider: ({ children, onDrop, }: DragDropProviderProps) => React.JSX.Element;
-export {};

package/esm/components/draggable/__internal__/drag-drop-provider.js

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import r,{useEffect as a,createContext as e}from"react";import{isDraggable as o,isDropTarget as n}from"./data.js";import{monitorForElements as d}from"@atlaskit/pragmatic-drag-and-drop/element/adapter";const c=e(null);function l(){return r.useContext(c)}const u=({children:e,onDrop:l})=>{const[u]=r.useState((()=>Symbol("draggable-context")));return a((()=>d({canMonitor:({source:t})=>o(t.data)&&t.data.contextId===u,onDrop:({source:t,location:r})=>{if(!o(t.data))return;if(!r.current.dropTargets.length)return void(null==l||l({dragged:t.data,target:null}));const a=r.current.dropTargets[0];n(a.data)&&(null==l||l({dragged:t.data,target:a.data}))}})),[u,l]),t(c.Provider,{value:{contextId:u},children:e})};export{u as DragDropProvider,l as useDragDropContext};

package/esm/components/draggable/__internal__/index.d.ts

@@ -1 +0,0 @@
-export { DragDropProvider, useDragDropContext } from "./drag-drop-provider";

package/esm/components/draggable/__internal__/index.js

@@ -1 +0,0 @@
-export{DragDropProvider,useDragDropContext}from"./drag-drop-provider.js";

package/esm/components/draggable/draggable-container.component.d.ts

@@ -1,23 +0,0 @@
-import React from "react";
-import { MarginProps } from "styled-system";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-export interface DraggableContainerProps extends MarginProps, TagProps {
-    /** Callback fired when an item is successfully dropped. */
-    getOrder?: (draggableItemIds?: (string | number | undefined)[], movedItemId?: string | number | undefined) => void;
-    /**
-     * The content of the component
-     *
-     * `<DraggableItem />` is required to make `Draggable` works
-     */
-    children?: React.ReactNode;
-    /**
-     * Defines the direction in which the draggable items contents are placed.
-     * Can be either "row" or "row-reverse".
-     */
-    flexDirection?: "row" | "row-reverse";
-}
-declare const DraggableContainer: {
-    ({ "data-element": dataElement, "data-role": dataRole, children, getOrder, flexDirection, ...rest }: DraggableContainerProps): JSX.Element;
-    displayName: string;
-};
-export default DraggableContainer;

package/esm/components/draggable/draggable-container.component.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import r,{useState as t,useRef as n,useEffect as i}from"react";import o from"invariant";import"../../style/utils/filter-styled-system-padding-props.js";import a from"../../style/utils/filter-styled-system-margin-props.js";import l from"./draggable-item/draggable-item.component.js";import{StyledDraggableContainer as d}from"./draggable-item/draggable-item.style.js";import{DragDropProvider as p}from"./__internal__/drag-drop-provider.js";import s from"../../__internal__/utils/helpers/array-move/index.js";import{extractClosestEdge as c}from"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";import{reorderWithEdge as m}from"@atlaskit/pragmatic-drag-and-drop-hitbox/util/reorder-with-edge";function f(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const g=y=>{var{"data-element":b,"data-role":u="draggable-container",children:O,getOrder:j,flexDirection:x="row"}=y,h=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(y,["data-element","data-role","children","getOrder","flexDirection"]);const[v,w]=t(r.Children.toArray(O)),P=n(!0);i((()=>{P.current?P.current=!1:w(r.Children.toArray(O))}),[O]);const D=v.every((e=>{return t=e,r.isValidElement(t)&&"DraggableItem"===t.type.displayName;var t}));o(D,`\`${g.displayName}\` only accepts children of type \`${l.displayName}\`.`);const I=a(h);return e(d,(S=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){f(e,r,t[r])}))}return e}({"data-component":"draggable-container","data-element":b,"data-role":u},I),_={children:e(p,{onDrop:({dragged:e,target:r})=>{if(r){const t=c(r);if(!t)return;const n=m({list:v,startIndex:v.findIndex((r=>String(r.props.id)===e.id)),indexOfTarget:v.findIndex((e=>String(e.props.id)===r.id)),closestEdgeOfTarget:t,axis:"vertical"});w(n);const i=n.map((e=>e.props.id));null==j||j(i,e.id)}else w(s({array:v,startIndex:v.findIndex((r=>String(r.props.id)===e.id)),endIndex:e.initialIndex}))},children:v.map(((e,t)=>r.cloneElement(e,{id:e.props.id,index:t,flexDirection:x},[e.props.children])))})},_=null!=_?_:{},Object.getOwnPropertyDescriptors?Object.defineProperties(S,Object.getOwnPropertyDescriptors(_)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(_)).forEach((function(e){Object.defineProperty(S,e,Object.getOwnPropertyDescriptor(_,e))})),S));var S,_};g.displayName="DraggableContainer";export{g as default};