carbon-react 155.2.0 → 155.2.1

package/esm/components/accordion/accordion-group/accordion-group.component.d.ts

@@ -1,9 +1,7 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../../__internal__/utils/helpers/tags";
-type AccordionGroupChild = React.ReactElement | boolean | null | undefined | AccordionGroupChildArray;
-interface AccordionGroupChildArray extends Array<AccordionGroupChild> {
-}
+type AccordionGroupChild = React.ReactElement | boolean | null | undefined | Array<AccordionGroupChild>;
 export interface AccordionGroupProps extends MarginProps, TagProps {
     /** An Accordion or list of Accordion components to be rendered inside the AccordionGroup */
     children?: AccordionGroupChild;

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

@@ -2,8 +2,7 @@ import React, { RefObject } from "react";
 import { ModalProps } from "../modal";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 import { DialogSizes } from "./dialog.config";
-declare const PADDING_VALUES: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8];
-type PaddingValues = (typeof PADDING_VALUES)[number];
+type PaddingValues = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
 export interface ContentPaddingInterface {
     p?: PaddingValues;
     py?: PaddingValues;

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

@@ -35,8 +35,6 @@ export interface DialogFullScreenProps extends Omit<ModalProps, "disableClose">
     headerChildren?: React.ReactNode;
     /** Adds Help tooltip to Header */
     help?: string;
-    /** For legacy styling when used with Pages component. Do not use this unless using Pages within a DialogFullScreen */
-    pagesStyling?: boolean;
     /** Determines if the close icon is shown */
     showCloseIcon?: boolean;
     /** Data tag prop bag for close Button */
@@ -55,6 +53,8 @@ export interface DialogFullScreenProps extends Omit<ModalProps, "disableClose">
     onCancel?: (ev: React.KeyboardEvent<HTMLElement> | KeyboardEvent | React.MouseEvent<HTMLButtonElement>) => void;
     /** @deprecated Determines if the Dialog can be closed */
     disableClose?: boolean;
+    /** @deprecated For legacy styling when used with Pages component. Do not use this unless using Pages within a DialogFullScreen */
+    pagesStyling?: boolean;
 }
 export declare const DialogFullScreen: ({ "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, disableAutoFocus, focusFirstElement, bespokeFocusTrap, open, children, title, subtitle, pagesStyling, headerChildren, showCloseIcon, disableContentPadding, disableEscKey, onCancel, contentRef, help, role, focusableContainers, focusableSelectors, topModalOverride, closeButtonDataProps, restoreFocusOnClose, ...rest }: DialogFullScreenProps) => React.JSX.Element;
 export default DialogFullScreen;

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

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useRef as t}from"react";import r from"../../__internal__/utils/helpers/guid/index.js";import n from"../modal/modal.component.js";import{Heading as l}from"../heading/heading.component.js";import i from"../../__internal__/full-screen-heading/full-screen-heading.component.js";import a from"./dialog-full-screen.style.js";import s from"./content.style.js";import c from"../../__internal__/focus-trap/focus-trap.component.js";import d from"../icon-button/icon-button.component.js";import p from"../icon/icon.component.js";import u from"../../hooks/__internal__/useLocale/useLocale.js";import b from"../../hooks/__internal__/useModalAria/useModalAria.js";import f from"../../__internal__/utils/helpers/tags/tags.js";import m from"../../__internal__/utils/logger/index.js";function g(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}function y(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(o){g(e,o,t[o])}))}return e}function O(e,o){return o=null!=o?o:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):function(e){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);o.push.apply(o,t)}return o}(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})),e}let h=!1,j=!1;const _=g=>{var{"aria-describedby":_,"aria-label":v,"aria-labelledby":C,disableAutoFocus:P=!1,focusFirstElement:w,bespokeFocusTrap:S,open:F,children:k,title:E,subtitle:D,pagesStyling:x,headerChildren:I,showCloseIcon:M=!0,disableContentPadding:T,disableEscKey:A,onCancel:R,contentRef:K,help:L,role:B="dialog",focusableContainers:H,focusableSelectors:W,topModalOverride:q,closeButtonDataProps:z,restoreFocusOnClose:G=!0}=g,J=function(e,o){if(null==e)return{};var t,r,n=function(e,o){if(null==e)return{};var t,r,n={},l=Object.keys(e);for(r=0;r<l.length;r++)t=l[r],o.indexOf(t)>=0||(n[t]=e[t]);return n}(e,o);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)t=l[r],o.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(g,["aria-describedby","aria-label","aria-labelledby","disableAutoFocus","focusFirstElement","bespokeFocusTrap","open","children","title","subtitle","pagesStyling","headerChildren","showCloseIcon","disableContentPadding","disableEscKey","onCancel","contentRef","help","role","focusableContainers","focusableSelectors","topModalOverride","closeButtonDataProps","restoreFocusOnClose"]);const N=u(),Q=t(null),U=t(null),{current:V}=t(r()),{current:X}=t(r()),Y=b(Q);!h&&(null==J?void 0:J.disableClose)&&(h=!0,m.deprecate("The disableClose prop in DialogFullScreen is deprecated and will soon be removed.")),!j&&(null==J?void 0:J.timeout)&&(j=!0,m.deprecate("The timeout prop in DialogFullScreen is deprecated and will soon be removed."));const Z={"aria-labelledby":E&&"string"==typeof E?V:C,"aria-describedby":D&&"string"==typeof D?X:_,"aria-label":v};return e(n,O(y({open:F,onCancel:R,disableEscKey:A,topModalOverride:q,restoreFocusOnClose:G},f("dialog-full-screen",J)),{children:e(c,{autoFocus:!P,focusFirstElement:w,bespokeTrap:S,wrapperRef:Q,isOpen:F,additionalWrapperRefs:H,focusableSelectors:W,children:o(a,O(y({"aria-modal":!("dialog"!==B||!Y)||void 0},Z),{ref:Q,"data-element":"dialog-full-screen",pagesStyling:x,role:B,children:[E||I?o(i,{hasContent:!!E,ref:U,children:["string"==typeof E?e(l,{"data-element":"dialog-title",title:E,titleId:V,subheader:D,subtitleId:X,divider:!1,help:L}):E,I]}):null,M&&R?e(d,O(y({"aria-label":N.dialogFullScreen.ariaLabels.close(),onClick:R},f("close",y({"data-element":"close"},z))),{children:e(p,{type:"close"})})):null,e(s,{hasHeader:void 0!==E,"data-element":"content","data-role":"dialog-full-screen-content",ref:K,disableContentPadding:T,children:k})]}))})}))};export{_ as DialogFullScreen,_ as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useRef as r}from"react";import t from"../../__internal__/utils/helpers/guid/index.js";import n from"../modal/modal.component.js";import{Heading as l}from"../heading/heading.component.js";import i from"../../__internal__/full-screen-heading/full-screen-heading.component.js";import a from"./dialog-full-screen.style.js";import s from"./content.style.js";import c from"../../__internal__/focus-trap/focus-trap.component.js";import d from"../icon-button/icon-button.component.js";import p from"../icon/icon.component.js";import u from"../../hooks/__internal__/useLocale/useLocale.js";import b from"../../hooks/__internal__/useModalAria/useModalAria.js";import f from"../../__internal__/utils/helpers/tags/tags.js";import m from"../../__internal__/utils/logger/index.js";function g(e,o,r){return o in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}function y(e){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{},t=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),t.forEach((function(o){g(e,o,r[o])}))}return e}function h(e,o){return o=null!=o?o:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):function(e){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o.push.apply(o,r)}return o}(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))})),e}let O=!1,j=!1,_=!1;const v=g=>{var{"aria-describedby":v,"aria-label":C,"aria-labelledby":P,disableAutoFocus:w=!1,focusFirstElement:S,bespokeFocusTrap:F,open:k,children:D,title:E,subtitle:x,pagesStyling:T,headerChildren:I,showCloseIcon:M=!0,disableContentPadding:A,disableEscKey:R,onCancel:K,contentRef:L,help:B,role:H="dialog",focusableContainers:W,focusableSelectors:q,topModalOverride:z,closeButtonDataProps:G,restoreFocusOnClose:J=!0}=g,N=function(e,o){if(null==e)return{};var r,t,n=function(e,o){if(null==e)return{};var r,t,n={},l=Object.keys(e);for(t=0;t<l.length;t++)r=l[t],o.indexOf(r)>=0||(n[r]=e[r]);return n}(e,o);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)r=l[t],o.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(g,["aria-describedby","aria-label","aria-labelledby","disableAutoFocus","focusFirstElement","bespokeFocusTrap","open","children","title","subtitle","pagesStyling","headerChildren","showCloseIcon","disableContentPadding","disableEscKey","onCancel","contentRef","help","role","focusableContainers","focusableSelectors","topModalOverride","closeButtonDataProps","restoreFocusOnClose"]);const Q=u(),U=r(null),V=r(null),{current:X}=r(t()),{current:Y}=r(t()),Z=b(U);!O&&(null==N?void 0:N.disableClose)&&(O=!0,m.deprecate("The disableClose prop in DialogFullScreen is deprecated and will soon be removed.")),!j&&(null==N?void 0:N.timeout)&&(j=!0,m.deprecate("The timeout prop in DialogFullScreen is deprecated and will soon be removed.")),!_&&T&&(_=!0,m.deprecate("The pagesStyling prop in DialogFullScreen is deprecated and will soon be removed."));const $={"aria-labelledby":E&&"string"==typeof E?X:P,"aria-describedby":x&&"string"==typeof x?Y:v,"aria-label":C};return e(n,h(y({open:k,onCancel:K,disableEscKey:R,topModalOverride:z,restoreFocusOnClose:J},f("dialog-full-screen",N)),{children:e(c,{autoFocus:!w,focusFirstElement:S,bespokeTrap:F,wrapperRef:U,isOpen:k,additionalWrapperRefs:W,focusableSelectors:q,children:o(a,h(y({"aria-modal":!("dialog"!==H||!Z)||void 0},$),{ref:U,"data-element":"dialog-full-screen",pagesStyling:T,role:H,children:[E||I?o(i,{hasContent:!!E,ref:V,children:["string"==typeof E?e(l,{"data-element":"dialog-title",title:E,titleId:X,subheader:x,subtitleId:Y,divider:!1,help:B}):E,I]}):null,M&&K?e(d,h(y({"aria-label":Q.dialogFullScreen.ariaLabels.close(),onClick:K},f("close",y({"data-element":"close"},G))),{children:e(p,{type:"close"})})):null,e(s,{hasHeader:void 0!==E,"data-element":"content","data-role":"dialog-full-screen-content",ref:L,disableContentPadding:A,children:D})]}))})}))};export{v as DialogFullScreen,v as default};

package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/index.d.ts

@@ -1,2 +1,3 @@
+import { MarginProps } from "styled-system";
 export { default as ResponsiveVerticalMenuDivider } from "./responsive-vertical-menu-divider.component";
-export type { ResponsiveVerticalMenuDividerProps } from "./responsive-vertical-menu-divider.component";
+export type { MarginProps as ResponsiveVerticalMenuDividerProps };

package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.component.d.ts

@@ -1,6 +1,4 @@
 import React from "react";
 import { MarginProps } from "styled-system";
-export interface ResponsiveVerticalMenuDividerProps extends MarginProps {
-}
-export declare const ResponsiveVerticalMenuDivider: (props: ResponsiveVerticalMenuDividerProps) => React.JSX.Element;
+export declare const ResponsiveVerticalMenuDivider: (props: MarginProps) => React.JSX.Element;
 export default ResponsiveVerticalMenuDivider;

package/lib/components/accordion/accordion-group/accordion-group.component.d.ts

@@ -1,9 +1,7 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../../__internal__/utils/helpers/tags";
-type AccordionGroupChild = React.ReactElement | boolean | null | undefined | AccordionGroupChildArray;
-interface AccordionGroupChildArray extends Array<AccordionGroupChild> {
-}
+type AccordionGroupChild = React.ReactElement | boolean | null | undefined | Array<AccordionGroupChild>;
 export interface AccordionGroupProps extends MarginProps, TagProps {
     /** An Accordion or list of Accordion components to be rendered inside the AccordionGroup */
     children?: AccordionGroupChild;

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

@@ -2,8 +2,7 @@ import React, { RefObject } from "react";
 import { ModalProps } from "../modal";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 import { DialogSizes } from "./dialog.config";
-declare const PADDING_VALUES: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8];
-type PaddingValues = (typeof PADDING_VALUES)[number];
+type PaddingValues = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
 export interface ContentPaddingInterface {
     p?: PaddingValues;
     py?: PaddingValues;

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

@@ -35,8 +35,6 @@ export interface DialogFullScreenProps extends Omit<ModalProps, "disableClose">
     headerChildren?: React.ReactNode;
     /** Adds Help tooltip to Header */
     help?: string;
-    /** For legacy styling when used with Pages component. Do not use this unless using Pages within a DialogFullScreen */
-    pagesStyling?: boolean;
     /** Determines if the close icon is shown */
     showCloseIcon?: boolean;
     /** Data tag prop bag for close Button */
@@ -55,6 +53,8 @@ export interface DialogFullScreenProps extends Omit<ModalProps, "disableClose">
     onCancel?: (ev: React.KeyboardEvent<HTMLElement> | KeyboardEvent | React.MouseEvent<HTMLButtonElement>) => void;
     /** @deprecated Determines if the Dialog can be closed */
     disableClose?: boolean;
+    /** @deprecated For legacy styling when used with Pages component. Do not use this unless using Pages within a DialogFullScreen */
+    pagesStyling?: boolean;
 }
 export declare const DialogFullScreen: ({ "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, disableAutoFocus, focusFirstElement, bespokeFocusTrap, open, children, title, subtitle, pagesStyling, headerChildren, showCloseIcon, disableContentPadding, disableEscKey, onCancel, contentRef, help, role, focusableContainers, focusableSelectors, topModalOverride, closeButtonDataProps, restoreFocusOnClose, ...rest }: DialogFullScreenProps) => React.JSX.Element;
 export default DialogFullScreen;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../__internal__/utils/helpers/guid/index.js"),l=require("../modal/modal.component.js"),n=require("../heading/heading.component.js"),o=require("../../__internal__/full-screen-heading/full-screen-heading.component.js"),a=require("./dialog-full-screen.style.js"),s=require("./content.style.js"),i=require("../../__internal__/focus-trap/focus-trap.component.js"),u=require("../icon-button/icon-button.component.js"),c=require("../icon/icon.component.js"),d=require("../../hooks/__internal__/useLocale/useLocale.js"),p=require("../../hooks/__internal__/useModalAria/useModalAria.js"),f=require("../../__internal__/utils/helpers/tags/tags.js"),b=require("../../__internal__/utils/logger/index.js");function g(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function y(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},l=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),l.forEach((function(r){g(e,r,t[r])}))}return e}function j(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}let O=!1,h=!1;const m=g=>{var{"aria-describedby":m,"aria-label":_,"aria-labelledby":v,disableAutoFocus:C=!1,focusFirstElement:P,bespokeFocusTrap:w,open:x,children:S,title:q,subtitle:F,pagesStyling:k,headerChildren:D,showCloseIcon:E=!0,disableContentPadding:R,disableEscKey:M,onCancel:I,contentRef:T,help:A,role:K="dialog",focusableContainers:L,focusableSelectors:B,topModalOverride:H,closeButtonDataProps:W,restoreFocusOnClose:z=!0}=g,G=function(e,r){if(null==e)return{};var t,l,n=function(e,r){if(null==e)return{};var t,l,n={},o=Object.keys(e);for(l=0;l<o.length;l++)t=o[l],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(l=0;l<o.length;l++)t=o[l],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(g,["aria-describedby","aria-label","aria-labelledby","disableAutoFocus","focusFirstElement","bespokeFocusTrap","open","children","title","subtitle","pagesStyling","headerChildren","showCloseIcon","disableContentPadding","disableEscKey","onCancel","contentRef","help","role","focusableContainers","focusableSelectors","topModalOverride","closeButtonDataProps","restoreFocusOnClose"]);const J=d.default(),N=r.useRef(null),Q=r.useRef(null),{current:U}=r.useRef(t.default()),{current:V}=r.useRef(t.default()),X=p.default(N);!O&&(null==G?void 0:G.disableClose)&&(O=!0,b.default.deprecate("The disableClose prop in DialogFullScreen is deprecated and will soon be removed.")),!h&&(null==G?void 0:G.timeout)&&(h=!0,b.default.deprecate("The timeout prop in DialogFullScreen is deprecated and will soon be removed."));const Y={"aria-labelledby":q&&"string"==typeof q?U:v,"aria-describedby":F&&"string"==typeof F?V:m,"aria-label":_};return e.jsx(l.default,j(y({open:x,onCancel:I,disableEscKey:M,topModalOverride:H,restoreFocusOnClose:z},f.default("dialog-full-screen",G)),{children:e.jsx(i.default,{autoFocus:!C,focusFirstElement:P,bespokeTrap:w,wrapperRef:N,isOpen:x,additionalWrapperRefs:L,focusableSelectors:B,children:e.jsxs(a.default,j(y({"aria-modal":!("dialog"!==K||!X)||void 0},Y),{ref:N,"data-element":"dialog-full-screen",pagesStyling:k,role:K,children:[q||D?e.jsxs(o.default,{hasContent:!!q,ref:Q,children:["string"==typeof q?e.jsx(n.Heading,{"data-element":"dialog-title",title:q,titleId:U,subheader:F,subtitleId:V,divider:!1,help:A}):q,D]}):null,E&&I?e.jsx(u.default,j(y({"aria-label":J.dialogFullScreen.ariaLabels.close(),onClick:I},f.default("close",y({"data-element":"close"},W))),{children:e.jsx(c.default,{type:"close"})})):null,e.jsx(s.default,{hasHeader:void 0!==q,"data-element":"content","data-role":"dialog-full-screen-content",ref:T,disableContentPadding:R,children:S})]}))})}))};exports.DialogFullScreen=m,exports.default=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../__internal__/utils/helpers/guid/index.js"),l=require("../modal/modal.component.js"),n=require("../heading/heading.component.js"),o=require("../../__internal__/full-screen-heading/full-screen-heading.component.js"),a=require("./dialog-full-screen.style.js"),i=require("./content.style.js"),s=require("../../__internal__/focus-trap/focus-trap.component.js"),c=require("../icon-button/icon-button.component.js"),u=require("../icon/icon.component.js"),d=require("../../hooks/__internal__/useLocale/useLocale.js"),p=require("../../hooks/__internal__/useModalAria/useModalAria.js"),f=require("../../__internal__/utils/helpers/tags/tags.js"),b=require("../../__internal__/utils/logger/index.js");function g(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function y(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},l=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),l.forEach((function(r){g(e,r,t[r])}))}return e}function j(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}let O=!1,h=!1,m=!1;const _=g=>{var{"aria-describedby":_,"aria-label":v,"aria-labelledby":C,disableAutoFocus:P=!1,focusFirstElement:S,bespokeFocusTrap:w,open:x,children:F,title:q,subtitle:D,pagesStyling:k,headerChildren:E,showCloseIcon:R=!0,disableContentPadding:M,disableEscKey:T,onCancel:I,contentRef:A,help:K,role:L="dialog",focusableContainers:B,focusableSelectors:H,topModalOverride:W,closeButtonDataProps:z,restoreFocusOnClose:G=!0}=g,J=function(e,r){if(null==e)return{};var t,l,n=function(e,r){if(null==e)return{};var t,l,n={},o=Object.keys(e);for(l=0;l<o.length;l++)t=o[l],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(l=0;l<o.length;l++)t=o[l],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(g,["aria-describedby","aria-label","aria-labelledby","disableAutoFocus","focusFirstElement","bespokeFocusTrap","open","children","title","subtitle","pagesStyling","headerChildren","showCloseIcon","disableContentPadding","disableEscKey","onCancel","contentRef","help","role","focusableContainers","focusableSelectors","topModalOverride","closeButtonDataProps","restoreFocusOnClose"]);const N=d.default(),Q=r.useRef(null),U=r.useRef(null),{current:V}=r.useRef(t.default()),{current:X}=r.useRef(t.default()),Y=p.default(Q);!O&&(null==J?void 0:J.disableClose)&&(O=!0,b.default.deprecate("The disableClose prop in DialogFullScreen is deprecated and will soon be removed.")),!h&&(null==J?void 0:J.timeout)&&(h=!0,b.default.deprecate("The timeout prop in DialogFullScreen is deprecated and will soon be removed.")),!m&&k&&(m=!0,b.default.deprecate("The pagesStyling prop in DialogFullScreen is deprecated and will soon be removed."));const Z={"aria-labelledby":q&&"string"==typeof q?V:C,"aria-describedby":D&&"string"==typeof D?X:_,"aria-label":v};return e.jsx(l.default,j(y({open:x,onCancel:I,disableEscKey:T,topModalOverride:W,restoreFocusOnClose:G},f.default("dialog-full-screen",J)),{children:e.jsx(s.default,{autoFocus:!P,focusFirstElement:S,bespokeTrap:w,wrapperRef:Q,isOpen:x,additionalWrapperRefs:B,focusableSelectors:H,children:e.jsxs(a.default,j(y({"aria-modal":!("dialog"!==L||!Y)||void 0},Z),{ref:Q,"data-element":"dialog-full-screen",pagesStyling:k,role:L,children:[q||E?e.jsxs(o.default,{hasContent:!!q,ref:U,children:["string"==typeof q?e.jsx(n.Heading,{"data-element":"dialog-title",title:q,titleId:V,subheader:D,subtitleId:X,divider:!1,help:K}):q,E]}):null,R&&I?e.jsx(c.default,j(y({"aria-label":N.dialogFullScreen.ariaLabels.close(),onClick:I},f.default("close",y({"data-element":"close"},z))),{children:e.jsx(u.default,{type:"close"})})):null,e.jsx(i.default,{hasHeader:void 0!==q,"data-element":"content","data-role":"dialog-full-screen-content",ref:A,disableContentPadding:M,children:F})]}))})}))};exports.DialogFullScreen=_,exports.default=_;

package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/index.d.ts

@@ -1,2 +1,3 @@
+import { MarginProps } from "styled-system";
 export { default as ResponsiveVerticalMenuDivider } from "./responsive-vertical-menu-divider.component";
-export type { ResponsiveVerticalMenuDividerProps } from "./responsive-vertical-menu-divider.component";
+export type { MarginProps as ResponsiveVerticalMenuDividerProps };

package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.component.d.ts

@@ -1,6 +1,4 @@
 import React from "react";
 import { MarginProps } from "styled-system";
-export interface ResponsiveVerticalMenuDividerProps extends MarginProps {
-}
-export declare const ResponsiveVerticalMenuDivider: (props: ResponsiveVerticalMenuDividerProps) => React.JSX.Element;
+export declare const ResponsiveVerticalMenuDivider: (props: MarginProps) => React.JSX.Element;
 export default ResponsiveVerticalMenuDivider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "155.2.0",
+  "version": "155.2.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -58,7 +58,6 @@
   "devDependencies": {
     "@axe-core/playwright": "~4.10.1",
     "@babel/core": "^7.23.3",
-    "@babel/eslint-parser": "^7.23.3",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-transform-classes": "^7.23.3",
     "@babel/preset-env": "^7.23.3",
@@ -69,6 +68,7 @@
     "@commitlint/cli": "^17.6.3",
     "@commitlint/config-conventional": "^17.6.3",
     "@dotenvx/dotenvx": "^1.25.1",
+    "@eslint/compat": "^1.3.1",
     "@playwright/experimental-ct-react": "^1.52.0",
     "@playwright/test": "^1.52.0",
     "@rollup/plugin-commonjs": "^28.0.2",
@@ -119,8 +119,8 @@
     "@types/sinon": "^17.0.3",
     "@types/styled-components": "5.1.34",
     "@types/uuid": "^8.3.4",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.35.1",
+    "@typescript-eslint/parser": "^8.35.1",
     "babel-jest": "^29.7.0",
     "babel-plugin-dev-expression": "^0.2.3",
     "browserslist": "^4.22.1",
@@ -132,24 +132,25 @@
     "css-loader": "^6.8.1",
     "cz-conventional-changelog": "^3.3.0",
     "dayjs": "^1.11.10",
-    "eslint": "^8.55.0",
-    "eslint-config-airbnb": "^19.0.0",
+    "eslint": "^9.30.1",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.29.0",
-    "eslint-plugin-jest": "^27.6.0",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jest": "^28.14.0",
     "eslint-plugin-jest-dom": "^5.2.0",
     "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-mdx": "^3.0.0",
-    "eslint-plugin-no-unsanitized": "^4.0.2",
+    "eslint-plugin-mdx": "^3.5.0",
+    "eslint-plugin-no-unsanitized": "^4.1.2",
     "eslint-plugin-playwright": "^1.6.0",
     "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-ssr-friendly": "^1.3.0",
     "eslint-plugin-testing-library": "^6.2.2",
     "events": "~1.1.1",
     "fast-glob": "^3.3.2",
     "file-loader": "^6.2.0",
     "fs-extra": "^10.1.0",
+    "globals": "^16.3.0",
     "husky": "^8.0.3",
     "jest": "^29.5.0",
     "jest-canvas-mock": "^2.5.2",