carbon-react 155.1.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/date/date.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useMemo as a,useContext as o,useState as l,useCallback as i,useEffect as u}from"react";import{isValidLocaleDate as s,checkISOFormatAndLength as c,parseISODate as p,parseDate as d,findMatchedFormatAndValue as m,isDateValid as f,additionalYears as b,formattedValue as y,getSeparator as O,formatToISO as v}from"./__internal__/utils.js";import g from"../../hooks/__internal__/useLocale/useLocale.js";import _ from"../../__internal__/utils/helpers/events/events.js";import"../../style/utils/filter-styled-system-padding-props.js";import j from"../../style/utils/filter-styled-system-margin-props.js";import k from"../../style/utils/filter-out-styled-system-spacing-props.js";import P from"./__internal__/date-formats/index.js";import h from"./date.style.js";import{Textbox as w}from"../textbox/textbox.component.js";import{DatePicker as D}from"./__internal__/date-picker/date-picker.component.js";import x from"../date-range/__internal__/date-range.context.js";import L from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import C from"../../__internal__/utils/helpers/guid/index.js";import B from"../../__internal__/utils/helpers/tags/tags.js";function W(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function F(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){W(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 S=r.forwardRef(((r,W)=>{var{adaptiveLabelBreakpoint:S,allowEmptyValue:E,autoFocus:I,"data-element":K,"data-role":V,disabled:M,disablePortal:z=!0,helpAriaLabel:R,labelInline:N,minDate:T,maxDate:q,onBlur:G,onChange:U,onClick:$,onFocus:H,onKeyDown:J,pickerProps:Q,readOnly:X,size:Y="medium",tooltipPosition:Z,value:ee,inputWidth:te,labelWidth:re,maxWidth:ne,inputName:ae,onPickerClose:oe,onPickerOpen:le,dateFormatOverride:ie,datePickerAriaLabel:ue,datePickerAriaLabelledBy:se}=r,ce=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(r,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","dateFormatOverride","datePickerAriaLabel","datePickerAriaLabelledBy"]);const pe=n(null),de=n(null),me=n(null),fe=n(!1),be=n(!1),ye=n(!1),Oe=g(),{dateFnsLocale:ve,dateFormatOverride:ge}=Oe.date,{format:_e,formats:je}=a((()=>P(ve(),ie||ge)),[ve,ge,ie]),{inputRefMap:ke,setInputRefMap:Pe}=o(x),[he,we]=l(!1),[De,xe]=l((()=>{if(s(ee,ve()))return c(ee)?p(ee):d(_e,ee)})),Le=n(!0),Ce=n(C()),Be=e=>E&&!e.length?e:null,We=e=>{const{id:t,name:r}=e.target,[n,a]=m(e.target.value,je),o="blur"===e.type?y(_e,De):e.target.value,l=f(d(n,a))?v(...b(n,a)):Be(e.target.value);return{target:A(F({},r&&{name:r},t&&{id:t}),{value:{formattedValue:o,rawValue:l}})}},Fe=L((()=>{var e,t;he&&(fe.current=!0,null===(e=me.current)||void 0===e||e.focus(),be.current=!1,null===(t=me.current)||void 0===t||t.blur(),we(!1),null==oe||oe(),fe.current=!1)}),"mousedown"),Ae=i((e=>{he&&_.isEscKey(e)&&(we(!1),null==oe||oe(),e.stopPropagation())}),[oe,he]),Se=e=>{$&&$(e)},Ee=i((e=>{var t;me.current=e,de.current=null==e?void 0:e.parentElement,W&&("function"==typeof W?W(e):W.current=e),ae&&(null==ke||null===(t=ke[ae])||void 0===t?void 0:t.setOpen)!==we&&(null==Pe||Pe({[ae]:{isBlurBlocked:be,setOpen:we}}))}),[ae,ke,Pe,W]);u((()=>{const[e,t]=m(ee,je);e&&t&&f(d(e,t))?xe(d(...b(e,t))):c(ee)&&Le.current?xe(p(ee)):xe(void 0)}),[ee,je]);const Ie=j(ce);return e(h,A(F(A(F({ref:pe,role:"presentation",size:Y,labelInline:N},Ie),{applyDateRangeStyling:!!ke,maxWidth:ne,inputWidth:te}),B("date",{"data-element":K,"data-role":V})),{children:[t(w,A(F({},k(ce)),{"data-component":"date-input",value:(()=>{if(c(ee)&&Le.current)return y(_e,p(ee));const e=O(ee),t=O(_e),r=()=>ee.split("").map((r=>r===e?t:r)).join("");if(Le.current&&e!==t&&f(d(_e,r()))){Le.current=!1;const[e,t]=m(r(),je);return y(_e,d(...b(e,t)))}return ee})(),onBlur:e=>{if(M||X)return;let t;if(f(De)){t=We(e);const r=c(ee)?y(_e,p(ee)):ee,[,n]=m(r,je);y(_e,De)!==n&&U(t)}else{const{id:r,name:n}=e.target;t={target:A(F({},n&&{name:n},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:Be(e.target.value)}})}}be.current||G&&G(t)},onChange:e=>{Le.current=!1,U(We(e))},onClick:Se,onFocus:e=>{M||X||(be.current=!1,he||fe.current?fe.current=!1:(we(!0),null==le||le()),H&&H(e))},onKeyUp:Ae,onKeyDown:e=>{if(J&&J(e),he&&_.isTabKey(e)){if(_.isShiftKey(e))we(!1),null==oe||oe();else if(!z){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${Ce.current}"]`))||void 0===t||t.focus()}fe.current=!1}},iconOnClick:Se,onMouseDown:()=>{Fe(),Pe&&(be.current=!0),he||(we(!0),null==le||le())},iconOnMouseDown:()=>{be.current=!0,fe.current=!0,Fe(),he?(we(!1),null==oe||oe()):(we(!0),null==le||le())},inputIcon:"calendar",labelInline:N,ref:Ee,adaptiveLabelBreakpoint:S,tooltipPosition:Z,helpAriaLabel:R,autoFocus:I,size:Y,disabled:M,readOnly:X,inputWidth:te,labelWidth:re,maxWidth:ne,m:0})),t(D,{disablePortal:z,inputElement:de,pickerProps:Q,selectedDays:De,onDayClick:(e,t)=>{var r;xe(e),U(We(A(F({},t),{target:A(F({},t.target),{value:y(_e,e)})}))),ye.current=!0,null===(r=me.current)||void 0===r||r.focus(),we(!1)},minDate:T,maxDate:q,pickerMouseDown:()=>{be.current=!0,Fe()},open:he,setOpen:we,pickerTabGuardId:Ce.current,onPickerClose:oe,ariaLabel:ue,ariaLabelledBy:se})]}))}));export{S as DateInput,S as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useMemo as a,useContext as o,useState as l,useCallback as i,useEffect as u}from"react";import{isValidLocaleDate as s,checkISOFormatAndLength as c,parseISODate as p,parseDate as d,findMatchedFormatAndValue as m,isDateValid as f,additionalYears as b,formattedValue as y,getSeparator as O,formatToISO as v}from"./__internal__/utils.js";import g from"../../hooks/__internal__/useLocale/useLocale.js";import _ from"../../__internal__/utils/helpers/events/events.js";import"../../style/utils/filter-styled-system-padding-props.js";import j from"../../style/utils/filter-styled-system-margin-props.js";import k from"../../style/utils/filter-out-styled-system-spacing-props.js";import h from"./__internal__/date-formats/index.js";import P from"./date.style.js";import{Textbox as w}from"../textbox/textbox.component.js";import{DatePicker as D}from"./__internal__/date-picker/date-picker.component.js";import x from"../date-range/__internal__/date-range.context.js";import L from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import C from"../../__internal__/utils/helpers/guid/index.js";import B from"../../__internal__/utils/helpers/tags/tags.js";function W(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function F(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){W(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 S=r.forwardRef(((r,W)=>{var{adaptiveLabelBreakpoint:S,allowEmptyValue:I,autoFocus:E,"data-element":V,"data-role":K,disabled:M,disablePortal:z=!0,helpAriaLabel:R,labelInline:N,minDate:T,maxDate:q,onBlur:G,onChange:$,onClick:H,onFocus:J,onKeyDown:Q,pickerProps:U,readOnly:X,size:Y="medium",tooltipPosition:Z,value:ee,inputWidth:te,labelWidth:re,maxWidth:ne,inputName:ae,onPickerClose:oe,onPickerOpen:le,dateFormatOverride:ie,datePickerAriaLabel:ue,datePickerAriaLabelledBy:se}=r,ce=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(r,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","dateFormatOverride","datePickerAriaLabel","datePickerAriaLabelledBy"]);const pe=n(null),de=n(null),me=n(null),fe=n(!1),be=n(!1),ye=n(!1),Oe=g(),{dateFnsLocale:ve,dateFormatOverride:ge}=Oe.date,{format:_e,formats:je}=a((()=>h(ve(),ie||ge)),[ve,ge,ie]),{inputRefMap:ke,setInputRefMap:he}=o(x),[Pe,we]=l(!1),[De,xe]=l((()=>{if(s(ee,ve()))return c(ee)?p(ee):d(_e,ee)})),Le=n(!0),Ce=n(C()),Be=e=>I&&!e.length?e:null,We=e=>{const{id:t,name:r}=e.target,[n,a]=m(e.target.value,je),o="blur"===e.type?y(_e,De):e.target.value,l=f(d(n,a))?v(...b(n,a)):Be(e.target.value);return{target:A(F({},r&&{name:r},t&&{id:t}),{value:{formattedValue:o,rawValue:l}})}},Fe=L((()=>{var e,t;Pe&&(fe.current=!0,null===(e=me.current)||void 0===e||e.focus(),be.current=!1,null===(t=me.current)||void 0===t||t.blur(),we(!1),null==oe||oe(),fe.current=!1)}),"mousedown"),Ae=e=>{H&&H(e)},Se=i((e=>{var t;me.current=e,de.current=null==e?void 0:e.parentElement,W&&("function"==typeof W?W(e):W.current=e),ae&&(null==ke||null===(t=ke[ae])||void 0===t?void 0:t.setOpen)!==we&&(null==he||he({[ae]:{isBlurBlocked:be,setOpen:we}}))}),[ae,ke,he,W]);u((()=>{const[e,t]=m(ee,je);e&&t&&f(d(e,t))?xe(d(...b(e,t))):c(ee)&&Le.current?xe(p(ee)):xe(void 0)}),[ee,je]);const Ie=j(ce);return e(P,A(F(A(F({ref:pe,role:"presentation",size:Y,labelInline:N},Ie),{applyDateRangeStyling:!!ke,maxWidth:ne,inputWidth:te}),B("date",{"data-element":V,"data-role":K})),{children:[t(w,A(F({},k(ce)),{"data-component":"date-input",value:(()=>{if(c(ee)&&Le.current)return y(_e,p(ee));const e=O(ee),t=O(_e),r=()=>ee.split("").map((r=>r===e?t:r)).join("");if(Le.current&&e!==t&&f(d(_e,r()))){Le.current=!1;const[e,t]=m(r(),je);return y(_e,d(...b(e,t)))}return ee})(),onBlur:e=>{if(M||X)return;let t;if(f(De)){t=We(e);const r=c(ee)?y(_e,p(ee)):ee,[,n]=m(r,je);y(_e,De)!==n&&$(t)}else{const{id:r,name:n}=e.target;t={target:A(F({},n&&{name:n},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:Be(e.target.value)}})}}be.current||G&&G(t)},onChange:e=>{Le.current=!1,$(We(e))},onClick:Ae,onFocus:e=>{M||X||(be.current=!1,J&&J(e))},onKeyDown:e=>{if(Q&&Q(e),Pe&&_.isTabKey(e)){if(_.isShiftKey(e))we(!1),null==oe||oe();else if(!z){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${Ce.current}"]`))||void 0===t||t.focus()}fe.current=!1}},iconOnClick:Ae,onMouseDown:()=>{Fe(),he&&(be.current=!0),Pe||null==le||le()},iconOnMouseDown:()=>{be.current=!0,fe.current=!0,Fe(),Pe?(we(!1),null==oe||oe()):(we(!0),null==le||le())},inputIcon:"calendar",labelInline:N,ref:Se,adaptiveLabelBreakpoint:S,tooltipPosition:Z,helpAriaLabel:R,autoFocus:E,size:Y,disabled:M,readOnly:X,inputWidth:te,labelWidth:re,maxWidth:ne,m:0})),t(D,{disablePortal:z,inputElement:de,pickerProps:U,selectedDays:De,onDayClick:(e,t)=>{var r;xe(e),$(We(A(F({},t),{target:A(F({},t.target),{value:y(_e,e)})}))),ye.current=!0,null===(r=me.current)||void 0===r||r.focus(),we(!1)},minDate:T,maxDate:q,pickerMouseDown:()=>{be.current=!0,Fe()},open:Pe,setOpen:we,pickerTabGuardId:Ce.current,onPickerClose:oe,ariaLabel:ue,ariaLabelledBy:se})]}))}));export{S as DateInput,S as default};

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/date/date.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./__internal__/utils.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../__internal__/utils/helpers/events/events.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js"),i=require("../../style/utils/filter-out-styled-system-spacing-props.js"),u=require("./__internal__/date-formats/index.js"),o=require("./date.style.js"),s=require("../textbox/textbox.component.js"),c=require("./__internal__/date-picker/date-picker.component.js"),d=require("../date-range/__internal__/date-range.context.js"),p=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),f=require("../../__internal__/utils/helpers/guid/index.js"),m=require("../../__internal__/utils/helpers/tags/tags.js");function b(e){return e&&e.__esModule?e:{default:e}}function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(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){y(e,t,r[t])}))}return e}function g(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 v=b(t).default.forwardRef(((b,y)=>{var{adaptiveLabelBreakpoint:v,allowEmptyValue:h,autoFocus:_,"data-element":k,"data-role":j,disabled:D,disablePortal:P=!0,helpAriaLabel:x,labelInline:w,minDate:L,maxDate:S,onBlur:V,onChange:F,onClick:I,onFocus:q,onKeyDown:A,pickerProps:C,readOnly:M,size:R="medium",tooltipPosition:B,value:W,inputWidth:E,labelWidth:K,maxWidth:z,inputName:T,onPickerClose:Y,onPickerOpen:N,dateFormatOverride:G,datePickerAriaLabel:U,datePickerAriaLabelledBy:$}=b,H=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(b,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","dateFormatOverride","datePickerAriaLabel","datePickerAriaLabelledBy"]);const J=t.useRef(null),Q=t.useRef(null),X=t.useRef(null),Z=t.useRef(!1),ee=t.useRef(!1),te=t.useRef(!1),re=a.default(),{dateFnsLocale:ae,dateFormatOverride:ne}=re.date,{format:le,formats:ie}=t.useMemo((()=>u.default(ae(),G||ne)),[ae,ne,G]),{inputRefMap:ue,setInputRefMap:oe}=t.useContext(d.default),[se,ce]=t.useState(!1),[de,pe]=t.useState((()=>{if(r.isValidLocaleDate(W,ae()))return r.checkISOFormatAndLength(W)?r.parseISODate(W):r.parseDate(le,W)})),fe=t.useRef(!0),me=t.useRef(f.default()),be=e=>h&&!e.length?e:null,ye=e=>{const{id:t,name:a}=e.target,[n,l]=r.findMatchedFormatAndValue(e.target.value,ie),i="blur"===e.type?r.formattedValue(le,de):e.target.value,u=r.isDateValid(r.parseDate(n,l))?r.formatToISO(...r.additionalYears(n,l)):be(e.target.value);return{target:g(O({},a&&{name:a},t&&{id:t}),{value:{formattedValue:i,rawValue:u}})}},Oe=p.default((()=>{var e,t;se&&(Z.current=!0,null===(e=X.current)||void 0===e||e.focus(),ee.current=!1,null===(t=X.current)||void 0===t||t.blur(),ce(!1),null==Y||Y(),Z.current=!1)}),"mousedown"),ge=t.useCallback((e=>{se&&n.default.isEscKey(e)&&(ce(!1),null==Y||Y(),e.stopPropagation())}),[Y,se]),ve=e=>{I&&I(e)},he=t.useCallback((e=>{var t;X.current=e,Q.current=null==e?void 0:e.parentElement,y&&("function"==typeof y?y(e):y.current=e),T&&(null==ue||null===(t=ue[T])||void 0===t?void 0:t.setOpen)!==ce&&(null==oe||oe({[T]:{isBlurBlocked:ee,setOpen:ce}}))}),[T,ue,oe,y]);t.useEffect((()=>{const[e,t]=r.findMatchedFormatAndValue(W,ie);e&&t&&r.isDateValid(r.parseDate(e,t))?pe(r.parseDate(...r.additionalYears(e,t))):r.checkISOFormatAndLength(W)&&fe.current?pe(r.parseISODate(W)):pe(void 0)}),[W,ie]);const _e=l.default(H);return e.jsxs(o.default,g(O(g(O({ref:J,role:"presentation",size:R,labelInline:w},_e),{applyDateRangeStyling:!!ue,maxWidth:z,inputWidth:E}),m.default("date",{"data-element":k,"data-role":j})),{children:[e.jsx(s.Textbox,g(O({},i.default(H)),{"data-component":"date-input",value:(()=>{if(r.checkISOFormatAndLength(W)&&fe.current)return r.formattedValue(le,r.parseISODate(W));const e=r.getSeparator(W),t=r.getSeparator(le),a=()=>W.split("").map((r=>r===e?t:r)).join("");if(fe.current&&e!==t&&r.isDateValid(r.parseDate(le,a()))){fe.current=!1;const[e,t]=r.findMatchedFormatAndValue(a(),ie);return r.formattedValue(le,r.parseDate(...r.additionalYears(e,t)))}return W})(),onBlur:e=>{if(D||M)return;let t;if(r.isDateValid(de)){t=ye(e);const a=r.checkISOFormatAndLength(W)?r.formattedValue(le,r.parseISODate(W)):W,[,n]=r.findMatchedFormatAndValue(a,ie);r.formattedValue(le,de)!==n&&F(t)}else{const{id:r,name:a}=e.target;t={target:g(O({},a&&{name:a},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:be(e.target.value)}})}}ee.current||V&&V(t)},onChange:e=>{fe.current=!1,F(ye(e))},onClick:ve,onFocus:e=>{D||M||(ee.current=!1,se||Z.current?Z.current=!1:(ce(!0),null==N||N()),q&&q(e))},onKeyUp:ge,onKeyDown:e=>{if(A&&A(e),se&&n.default.isTabKey(e)){if(n.default.isShiftKey(e))ce(!1),null==Y||Y();else if(!P){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${me.current}"]`))||void 0===t||t.focus()}Z.current=!1}},iconOnClick:ve,onMouseDown:()=>{Oe(),oe&&(ee.current=!0),se||(ce(!0),null==N||N())},iconOnMouseDown:()=>{ee.current=!0,Z.current=!0,Oe(),se?(ce(!1),null==Y||Y()):(ce(!0),null==N||N())},inputIcon:"calendar",labelInline:w,ref:he,adaptiveLabelBreakpoint:v,tooltipPosition:B,helpAriaLabel:x,autoFocus:_,size:R,disabled:D,readOnly:M,inputWidth:E,labelWidth:K,maxWidth:z,m:0})),e.jsx(c.DatePicker,{disablePortal:P,inputElement:Q,pickerProps:C,selectedDays:de,onDayClick:(e,t)=>{var a;pe(e),F(ye(g(O({},t),{target:g(O({},t.target),{value:r.formattedValue(le,e)})}))),te.current=!0,null===(a=X.current)||void 0===a||a.focus(),ce(!1)},minDate:L,maxDate:S,pickerMouseDown:()=>{ee.current=!0,Oe()},open:se,setOpen:ce,pickerTabGuardId:me.current,onPickerClose:Y,ariaLabel:U,ariaLabelledBy:$})]}))}));exports.DateInput=v,exports.default=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./__internal__/utils.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../__internal__/utils/helpers/events/events.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js"),i=require("../../style/utils/filter-out-styled-system-spacing-props.js"),o=require("./__internal__/date-formats/index.js"),u=require("./date.style.js"),s=require("../textbox/textbox.component.js"),d=require("./__internal__/date-picker/date-picker.component.js"),c=require("../date-range/__internal__/date-range.context.js"),p=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),f=require("../../__internal__/utils/helpers/guid/index.js"),m=require("../../__internal__/utils/helpers/tags/tags.js");function b(e){return e&&e.__esModule?e:{default:e}}function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(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){y(e,t,r[t])}))}return e}function g(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 v=b(t).default.forwardRef(((b,y)=>{var{adaptiveLabelBreakpoint:v,allowEmptyValue:h,autoFocus:_,"data-element":j,"data-role":k,disabled:D,disablePortal:P=!0,helpAriaLabel:x,labelInline:w,minDate:L,maxDate:S,onBlur:V,onChange:F,onClick:I,onFocus:q,onKeyDown:A,pickerProps:C,readOnly:M,size:R="medium",tooltipPosition:B,value:W,inputWidth:E,labelWidth:K,maxWidth:z,inputName:T,onPickerClose:Y,onPickerOpen:N,dateFormatOverride:G,datePickerAriaLabel:$,datePickerAriaLabelledBy:H}=b,J=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(b,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","dateFormatOverride","datePickerAriaLabel","datePickerAriaLabelledBy"]);const Q=t.useRef(null),U=t.useRef(null),X=t.useRef(null),Z=t.useRef(!1),ee=t.useRef(!1),te=t.useRef(!1),re=a.default(),{dateFnsLocale:ae,dateFormatOverride:ne}=re.date,{format:le,formats:ie}=t.useMemo((()=>o.default(ae(),G||ne)),[ae,ne,G]),{inputRefMap:oe,setInputRefMap:ue}=t.useContext(c.default),[se,de]=t.useState(!1),[ce,pe]=t.useState((()=>{if(r.isValidLocaleDate(W,ae()))return r.checkISOFormatAndLength(W)?r.parseISODate(W):r.parseDate(le,W)})),fe=t.useRef(!0),me=t.useRef(f.default()),be=e=>h&&!e.length?e:null,ye=e=>{const{id:t,name:a}=e.target,[n,l]=r.findMatchedFormatAndValue(e.target.value,ie),i="blur"===e.type?r.formattedValue(le,ce):e.target.value,o=r.isDateValid(r.parseDate(n,l))?r.formatToISO(...r.additionalYears(n,l)):be(e.target.value);return{target:g(O({},a&&{name:a},t&&{id:t}),{value:{formattedValue:i,rawValue:o}})}},Oe=p.default((()=>{var e,t;se&&(Z.current=!0,null===(e=X.current)||void 0===e||e.focus(),ee.current=!1,null===(t=X.current)||void 0===t||t.blur(),de(!1),null==Y||Y(),Z.current=!1)}),"mousedown"),ge=e=>{I&&I(e)},ve=t.useCallback((e=>{var t;X.current=e,U.current=null==e?void 0:e.parentElement,y&&("function"==typeof y?y(e):y.current=e),T&&(null==oe||null===(t=oe[T])||void 0===t?void 0:t.setOpen)!==de&&(null==ue||ue({[T]:{isBlurBlocked:ee,setOpen:de}}))}),[T,oe,ue,y]);t.useEffect((()=>{const[e,t]=r.findMatchedFormatAndValue(W,ie);e&&t&&r.isDateValid(r.parseDate(e,t))?pe(r.parseDate(...r.additionalYears(e,t))):r.checkISOFormatAndLength(W)&&fe.current?pe(r.parseISODate(W)):pe(void 0)}),[W,ie]);const he=l.default(J);return e.jsxs(u.default,g(O(g(O({ref:Q,role:"presentation",size:R,labelInline:w},he),{applyDateRangeStyling:!!oe,maxWidth:z,inputWidth:E}),m.default("date",{"data-element":j,"data-role":k})),{children:[e.jsx(s.Textbox,g(O({},i.default(J)),{"data-component":"date-input",value:(()=>{if(r.checkISOFormatAndLength(W)&&fe.current)return r.formattedValue(le,r.parseISODate(W));const e=r.getSeparator(W),t=r.getSeparator(le),a=()=>W.split("").map((r=>r===e?t:r)).join("");if(fe.current&&e!==t&&r.isDateValid(r.parseDate(le,a()))){fe.current=!1;const[e,t]=r.findMatchedFormatAndValue(a(),ie);return r.formattedValue(le,r.parseDate(...r.additionalYears(e,t)))}return W})(),onBlur:e=>{if(D||M)return;let t;if(r.isDateValid(ce)){t=ye(e);const a=r.checkISOFormatAndLength(W)?r.formattedValue(le,r.parseISODate(W)):W,[,n]=r.findMatchedFormatAndValue(a,ie);r.formattedValue(le,ce)!==n&&F(t)}else{const{id:r,name:a}=e.target;t={target:g(O({},a&&{name:a},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:be(e.target.value)}})}}ee.current||V&&V(t)},onChange:e=>{fe.current=!1,F(ye(e))},onClick:ge,onFocus:e=>{D||M||(ee.current=!1,q&&q(e))},onKeyDown:e=>{if(A&&A(e),se&&n.default.isTabKey(e)){if(n.default.isShiftKey(e))de(!1),null==Y||Y();else if(!P){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${me.current}"]`))||void 0===t||t.focus()}Z.current=!1}},iconOnClick:ge,onMouseDown:()=>{Oe(),ue&&(ee.current=!0),se||null==N||N()},iconOnMouseDown:()=>{ee.current=!0,Z.current=!0,Oe(),se?(de(!1),null==Y||Y()):(de(!0),null==N||N())},inputIcon:"calendar",labelInline:w,ref:ve,adaptiveLabelBreakpoint:v,tooltipPosition:B,helpAriaLabel:x,autoFocus:_,size:R,disabled:D,readOnly:M,inputWidth:E,labelWidth:K,maxWidth:z,m:0})),e.jsx(d.DatePicker,{disablePortal:P,inputElement:U,pickerProps:C,selectedDays:ce,onDayClick:(e,t)=>{var a;pe(e),F(ye(g(O({},t),{target:g(O({},t.target),{value:r.formattedValue(le,e)})}))),te.current=!0,null===(a=X.current)||void 0===a||a.focus(),de(!1)},minDate:L,maxDate:S,pickerMouseDown:()=>{ee.current=!0,Oe()},open:se,setOpen:de,pickerTabGuardId:me.current,onPickerClose:Y,ariaLabel:$,ariaLabelledBy:H})]}))}));exports.DateInput=v,exports.default=v;

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.1.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",