carbon-react 155.3.1 → 155.4.1

package/esm/__internal__/focus-trap/focus-trap-utils.d.ts

@@ -3,5 +3,5 @@ declare const defaultFocusableSelectors = "button:not([disabled]), [href], input
 declare const setElementFocus: (element: HTMLElement) => void;
 declare const getNextElement: (element: HTMLElement, focusableElements: HTMLElement[], shiftKey: boolean) => HTMLElement | undefined;
 declare const onTabGuardFocus: (trapWrappers: RefObject<HTMLElement>[], focusableSelectors: string | undefined, position: "top" | "bottom") => (guardWrapperRef: RefObject<HTMLElement>) => () => void;
-declare const trapFunction: (ev: KeyboardEvent, defaultFocusableElements: HTMLElement[], isWrapperFocused: boolean, focusableSelectors?: string, bespokeTrap?: ((event: KeyboardEvent, firstElement?: HTMLElement, lastElement?: HTMLElement) => void) | undefined) => void;
+declare const trapFunction: (ev: KeyboardEvent, defaultFocusableElements: HTMLElement[], isWrapperFocused: boolean, focusableSelectors?: string, bespokeTrap?: (event: KeyboardEvent, firstElement?: HTMLElement, lastElement?: HTMLElement) => void) => void;
 export { defaultFocusableSelectors, getNextElement, setElementFocus, onTabGuardFocus, trapFunction, };

package/esm/__internal__/i18n-context/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const _default: import("react").Context<import("../../locales/locale").default>;
+declare const _default: import("react").Context<import("../../locales").default>;
 export default _default;

package/esm/__internal__/input-icon-toggle/input-icon-toggle.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ValidationProps } from "../validations";
 export interface InputIconToggleStyleProps extends ValidationProps {
     size?: "small" | "medium" | "large";
@@ -9,6 +8,6 @@ export interface InputIconToggleStyleProps extends ValidationProps {
 declare const InputIconToggleStyle: import("styled-components").StyledComponent<"span", any, {
     onKeyDown: (event: React.KeyboardEvent<HTMLSpanElement>) => void | import("react").KeyboardEvent<HTMLSpanElement>;
 } & InputIconToggleStyleProps & {
-    tabIndex?: number | undefined;
+    tabIndex?: number;
 }, "onKeyDown">;
 export default InputIconToggleStyle;

package/esm/__internal__/utils/helpers/events/events.d.ts

@@ -17,7 +17,7 @@ declare const Events: {
     /**
      * Determines if event is a keyboard event
      */
-    isKeyboardEvent: (ev: React.SyntheticEvent | Event) => ev is React.KeyboardEvent<Element> | KeyboardEvent;
+    isKeyboardEvent: (ev: React.SyntheticEvent | Event) => ev is React.KeyboardEvent | KeyboardEvent;
     /**
      * Determines if a number key along the top of the keyboard or a number key on the
      * keypad is pressed

package/esm/__spec_helper__/mock-match-media.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="jest" />
 export declare const setupMatchMediaMock: () => void;
 export declare const mockMatchMedia: (matches: boolean) => {
     removeEventListener: jest.Mock<any, any, any>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StyledAccordionGroup: import("styled-components").StyledComponent<"div", any, {
     theme: object;
 }, "theme">;

package/esm/components/action-popover/__internal__/action-popover.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type Alignment = "left" | "right";
 type ActionPopoverContextType = {
     setOpenPopover: (isOpen: boolean) => void;

package/esm/components/action-popover/action-popover.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Menu: import("styled-components").StyledComponent<"ul", any, {
     theme: object;
 } & {

package/esm/components/adaptive-sidebar/adaptive-sidebar.style.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
 import { MarginProps, PaddingProps } from "styled-system";
 import { SidebarProps } from "../sidebar";
 import { AdaptiveSidebarProps } from "./adaptive-sidebar.component";
-declare const StyledAdaptiveSidebar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, Pick<AdaptiveSidebarProps, "backgroundColor" | "height" | "width" | "borderColor"> & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
+type StyledAdaptiveSidebarProps = Pick<AdaptiveSidebarProps, "backgroundColor" | "borderColor" | "height" | "width"> & MarginProps & PaddingProps & {
     tabIndex: number;
-}, never>;
+};
+declare const StyledAdaptiveSidebar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, StyledAdaptiveSidebarProps, never>;
 interface StyledSidebarProps extends SidebarProps {
     backgroundColor: "app" | "black" | "white";
 }

package/esm/components/advanced-color-picker/advanced-color-picker.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import StyledAdvancedColorPickerCell from "./advanced-color-picker-cell.style";
 declare const StyledAdvancedColorPickerWrapper: import("styled-components").StyledComponent<"div", any, {
     theme: object;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StyledBadgeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledCounter: import("styled-components").StyledComponent<"div", any, {}, never>;
 interface StyledBadgeProps {

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

@@ -3,10 +3,10 @@ declare const StyledBox: import("styled-components").StyledComponent<"div", any,
     theme: object;
 } & BoxProps & {
     cssProps?: {
-        color?: string | undefined;
-        opacity?: string | undefined;
-        height?: string | undefined;
-        width?: string | undefined;
-    } | undefined;
+        color?: string;
+        opacity?: string;
+        height?: string;
+        width?: string;
+    };
 }, "theme">;
 export default StyledBox;

package/esm/components/breadcrumbs/__internal__/breadcrumbs.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type BreadcrumbsContextType = {
     isDarkBackground: boolean;
 };

package/esm/components/breadcrumbs/crumb/crumb.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LinkProps } from "../../link";
 interface StyleCrumbProps extends LinkProps {
     isCurrent?: boolean;

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

@@ -3,7 +3,7 @@ import { ButtonProps } from "./button.component";
 declare const StyledButton: import("styled-components").StyledComponent<"button", any, {
     theme: object;
 } & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & Omit<ButtonProps, "buttonType"> & {
-    iconOnly?: boolean | undefined;
+    iconOnly?: boolean;
     buttonType: Required<ButtonProps>["buttonType"];
 }, "theme">;
 export declare const StyledButtonSubtext: import("styled-components").StyledComponent<"span", any, {}, never>;

package/esm/components/button-minor/button-minor.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonMinorProps } from "./button-minor.component";
 declare const StyledButtonMinor: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../button").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, ButtonMinorProps, never>;
 export default StyledButtonMinor;

package/esm/components/button-toggle/button-toggle-group/__internal__/button-toggle-group.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type ButtonToggleGroupContextType = {
     onButtonClick: (value: string) => void;
     handleKeyDown: (ev: React.KeyboardEvent<HTMLButtonElement>) => void;

package/esm/components/card/__internal__/card.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CardSpacing } from "../card.config";
 export interface CardContextProps {
     /** Sets the level of roundness of the corners, "default" is 8px and "large" is 16px */

package/esm/components/card/card-footer/card-footer.style.d.ts

@@ -2,5 +2,5 @@ import { SpaceProps } from "styled-system";
 import { CardContextProps } from "../__internal__/card.context";
 import { CardFooterProps } from "./card-footer.component";
 export type StyledCardFooterProps = SpaceProps & Required<Pick<CardFooterProps, "variant">> & Pick<CardContextProps, "roundness" | "spacing">;
-declare const StyledCardFooter: import("styled-components").StyledComponent<"div", any, SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & Required<Pick<CardFooterProps, "variant">> & Pick<CardContextProps, "spacing" | "roundness">, never>;
+declare const StyledCardFooter: import("styled-components").StyledComponent<"div", any, StyledCardFooterProps, never>;
 export default StyledCardFooter;

package/esm/components/checkbox/checkbox-group/checkbox-group.style.d.ts

@@ -1,5 +1,5 @@
 declare const StyledCheckboxGroup: import("styled-components").StyledComponent<"div", any, {
-    legendInline?: boolean | undefined;
-    inline?: boolean | undefined;
+    legendInline?: boolean;
+    inline?: boolean;
 }, never>;
 export default StyledCheckboxGroup;

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

package/esm/components/definition-list/__internal__/dl.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DlProps } from "../dl.component";
 declare const DlProvider: import("react").Provider<Required<Pick<DlProps, "dtTextAlign" | "ddTextAlign" | "asSingleColumn">> | null>, useDlContext: () => Required<Pick<DlProps, "dtTextAlign" | "ddTextAlign" | "asSingleColumn">>;
 export { DlProvider, useDlContext };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StyledDetail: import("styled-components").StyledComponent<"div", any, {
     theme: object;
 }, "theme">;

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

@@ -3,9 +3,9 @@ declare const DialogPositioner: import("styled-components").StyledComponent<"div
     theme: object;
 }, "theme">;
 declare const StyledDialog: import("styled-components").StyledComponent<"div", any, Required<Pick<DialogProps, "size">> & {
-    dialogHeight?: string | undefined;
+    dialogHeight?: string;
     backgroundColor: string;
-    highlightVariant?: string | undefined;
+    highlightVariant?: string;
 } & ContentPaddingInterface, never>;
 type StyledDialogTitleProps = {
     showCloseIcon?: boolean;

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

@@ -1,6 +1,6 @@
 declare const StyledDialogFullScreen: import("styled-components").StyledComponent<"div", any, {
     theme: object;
 } & {
-    pagesStyling?: boolean | undefined;
+    pagesStyling?: boolean;
 }, "theme">;
 export default StyledDialogFullScreen;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface StyledDismissibleBoxProps {
     /** Flag to control whether the thicker left border highlight should be rendered */
     hasBorderLeftHighlight?: boolean;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 declare const StyledSidebarHeader: import("styled-components").StyledComponent<"div", any, {
-    isExpanded?: boolean | undefined;
+    isExpanded?: boolean;
 }, never>;
 declare const StyledSidebarTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledDrawerChildren: import("styled-components").StyledComponent<"div", any, {}, never>;

package/esm/components/duelling-picklist/duelling-picklist.style.d.ts

@@ -1,7 +1,7 @@
 declare const StyledDuellingPicklistOverlay: import("styled-components").StyledComponent<"div", any, {
     theme: object;
 } & {
-    disabled?: boolean | undefined;
+    disabled?: boolean;
 }, "theme">;
 declare const StyledDuellingPicklist: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledLabelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/esm/components/duelling-picklist/picklist/picklist.style.d.ts

@@ -2,11 +2,11 @@ declare const StyledPicklist: import("styled-components").StyledComponent<"div",
     theme: object;
 } & import("../../box").BoxProps & {
     cssProps?: {
-        color?: string | undefined;
-        opacity?: string | undefined;
-        height?: string | undefined;
-        width?: string | undefined;
-    } | undefined;
+        color?: string;
+        opacity?: string;
+        height?: string;
+        width?: string;
+    };
 } & {
     as: string;
 }, "theme" | "as">;

package/esm/components/duelling-picklist/picklist-group/picklist-group.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PicklistGroupProps } from "./picklist-group.component";
 declare const StyledGroupWrapper: import("styled-components").StyledComponent<"li", any, {
     highlighted: boolean;

package/esm/components/duelling-picklist/picklist-item/picklist-item.style.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 declare const StyledPicklistItem: import("styled-components").StyledComponent<"li", any, {
-    locked?: boolean | undefined;
+    locked?: boolean;
 }, never>;
 declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../button").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, {}, never>;
 declare const StyledLockIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;

package/esm/components/flat-table/__internal__/flat-table.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface FlatTableContextType {
     isInFlatTable: boolean;
     setHasOpenDatePicker?: (value: boolean) => void;

package/esm/components/flat-table/__internal__/strict-flat-table.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlatTableProps } from "../flat-table.component";
 export interface StrictFlatTableContextType extends Pick<FlatTableProps, "colorTheme" | "size"> {
     getTabStopElementId: () => string;

package/esm/components/flat-table/__internal__/use-table-cell.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 declare const _default: (id: string) => {
     expandable: boolean | undefined;
     leftPosition: number;
     rightPosition: number;
     makeCellSticky: boolean;
-    onClick: ((ev?: import("react").MouseEvent<HTMLElement, MouseEvent> | undefined) => void) | undefined;
-    onKeyDown: ((ev: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
+    onClick: ((ev?: React.MouseEvent<HTMLElement>) => void) | undefined;
+    onKeyDown: ((ev: React.KeyboardEvent<HTMLElement>) => void) | undefined;
     isFirstCell: boolean;
     isExpandableCell: boolean | undefined;
     tabIndex: number;

package/esm/components/flat-table/flat-table-cell/flat-table-cell.style.d.ts

@@ -12,6 +12,6 @@ declare const StyledFlatTableCell: import("styled-components").StyledComponent<"
     theme: object;
 } & StyledFlatTableCellProps, "theme">;
 declare const StyledCellContent: import("styled-components").StyledComponent<"div", any, {
-    expandable?: boolean | undefined;
+    expandable?: boolean;
 }, never>;
 export { StyledFlatTableCell, StyledCellContent };

package/esm/components/flat-table/flat-table-row-header/flat-table-row-header.style.d.ts

@@ -4,11 +4,11 @@ declare const StyledFlatTableRowHeader: import("styled-components").StyledCompon
 } & {
     "data-sticky-align": "left" | "right" | undefined;
 } & FlatTableRowHeaderProps & {
-    expandable?: boolean | undefined;
-    leftPosition?: number | undefined;
-    rightPosition?: number | undefined;
+    expandable?: boolean;
+    leftPosition?: number;
+    rightPosition?: number;
 }, "theme" | "data-sticky-align">;
 declare const StyledFlatTableRowHeaderContent: import("styled-components").StyledComponent<"div", any, {
-    expandable?: boolean | undefined;
+    expandable?: boolean;
 }, never>;
 export { StyledFlatTableRowHeader, StyledFlatTableRowHeaderContent };

package/esm/components/flat-table/flat-table.style.d.ts

@@ -16,11 +16,11 @@ declare const StyledFlatTableWrapper: import("styled-components").StyledComponen
     theme: object;
 } & import("../box").BoxProps & {
     cssProps?: {
-        color?: string | undefined;
-        opacity?: string | undefined;
-        height?: string | undefined;
-        width?: string | undefined;
-    } | undefined;
+        color?: string;
+        opacity?: string;
+        height?: string;
+        width?: string;
+    };
 } & StyledFlatTableWrapperProps, "theme">;
 declare const StyledFlatTableFooter: import("styled-components").StyledComponent<"div", any, {
     theme: object;

package/esm/components/flat-table/sort/sort.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StyledIconProps } from "../../icon/icon.style";
 import { SortProps } from "./sort.component";
 declare const StyledSort: import("styled-components").StyledComponent<"div", any, {

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

@@ -21,8 +21,12 @@ export interface FormProps extends SpaceProps, TagProps {
     rightSideButtons?: React.ReactNode;
     /** Save button to be rendered */
     saveButton?: React.ReactNode;
+    /** Custom content to render in the form's footer */
+    footerChildren?: React.ReactNode;
     /** Enables the sticky footer. */
     stickyFooter?: boolean;
+    /** Background variant for the sticky footer. */
+    stickyFooterVariant?: "light" | "grey";
     /** The total number of warnings present in the form */
     warningCount?: number;
     /** Height of the form (any valid CSS value) */
@@ -33,7 +37,7 @@ export interface FormProps extends SpaceProps, TagProps {
     footerPadding?: PaddingProps;
 }
 export declare const Form: {
-    ({ children, saveButton, leftSideButtons, rightSideButtons, errorCount, warningCount, onSubmit, buttonAlignment, stickyFooter, fieldSpacing, noValidate, height, fullWidthButtons, footerPadding, ...rest }: FormProps): React.JSX.Element;
+    ({ children, saveButton, leftSideButtons, rightSideButtons, errorCount, warningCount, onSubmit, buttonAlignment, footerChildren, stickyFooter, stickyFooterVariant, fieldSpacing, noValidate, height, fullWidthButtons, footerPadding, ...rest }: FormProps): React.JSX.Element;
     displayName: string;
 };
 export default Form;

package/esm/components/form/form.component.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useRef as r,useContext as n}from"react";import o from"../../__internal__/utils/helpers/tags/tags.js";import i from"./__internal__/form-summary.component.js";import{StyledForm as l,StyledFormContent as a,StyledFormFooter as c,StyledLeftButtons as u,StyledRightButtons as f}from"./form.style.js";import{formSpacing as s}from"./form.config.js";import m from"../modal/__internal__/modal.context.js";function d(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function b(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),n.forEach((function(e){d(t,e,r[e])}))}return t}function p(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))})),t}const g=d=>{var{children:g,saveButton:y,leftSideButtons:O,rightSideButtons:h,errorCount:j,warningCount:S,onSubmit:P,buttonAlignment:w="right",stickyFooter:_,fieldSpacing:v=3,noValidate:k=!0,height:B,fullWidthButtons:x=!1,footerPadding:C={}}=d,F=function(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(d,["children","saveButton","leftSideButtons","rightSideButtons","errorCount","warningCount","onSubmit","buttonAlignment","stickyFooter","fieldSpacing","noValidate","height","fullWidthButtons","footerPadding"]);const A=r(null),I=r(null),{isInModal:D}=n(m),W=!!(y||O||h||j||S);return t(l,p(b({ref:A,className:_?"sticky":"",stickyFooter:_,onSubmit:P,"data-component":"form",noValidate:k,height:B,isInModal:D},F,o("form",F)),{children:[e(a,{"data-element":"form-content","data-role":"form-content",stickyFooter:_,tabIndex:-1,isInModal:D,fieldSpacing:s[v],children:g}),W&&t(c,p(b({"data-element":"form-footer","data-role":"form-footer",ref:I,stickyFooter:_,buttonAlignment:w,fullWidthButtons:x},C),{children:[O&&e(u,{"data-role":"form-left-buttons",buttonAlignment:w,children:O}),e(i,{fullWidth:x,errorCount:j,warningCount:S,children:y}),h&&e(f,{"data-role":"form-right-buttons",buttonAlignment:w,children:h})]}))]}))};g.displayName="Form";export{g as Form,g as default};
+import{jsxs as t,jsx as e,Fragment as r}from"react/jsx-runtime";import{useRef as o,useContext as n}from"react";import i from"../../__internal__/utils/helpers/tags/tags.js";import l from"./__internal__/form-summary.component.js";import{StyledForm as a,StyledFormContent as c,StyledFormFooter as f,StyledLeftButtons as u,StyledRightButtons as s}from"./form.style.js";import{formSpacing as m}from"./form.config.js";import d from"../modal/__internal__/modal.context.js";function b(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function p(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),o.forEach((function(e){b(t,e,r[e])}))}return t}function g(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))})),t}const y=b=>{var{children:y,saveButton:h,leftSideButtons:O,rightSideButtons:j,errorCount:S,warningCount:P,onSubmit:w,buttonAlignment:k="right",footerChildren:_,stickyFooter:v,stickyFooterVariant:F="light",fieldSpacing:B=3,noValidate:C=!0,height:x,fullWidthButtons:V=!1,footerPadding:A={}}=b,I=function(t,e){if(null==t)return{};var r,o,n=function(t,e){if(null==t)return{};var r,o,n={},i=Object.keys(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||(n[r]=t[r]);return n}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}(b,["children","saveButton","leftSideButtons","rightSideButtons","errorCount","warningCount","onSubmit","buttonAlignment","footerChildren","stickyFooter","stickyFooterVariant","fieldSpacing","noValidate","height","fullWidthButtons","footerPadding"]);const D=o(null),W=o(null),{isInModal:E}=n(d),M=!!(_||h||O||j||S||P);return t(a,g(p({ref:D,className:v?"sticky":"",stickyFooter:v,onSubmit:w,"data-component":"form",noValidate:C,height:x,isInModal:E},I,i("form",I)),{children:[e(c,{"data-element":"form-content","data-role":"form-content",stickyFooter:v,tabIndex:-1,isInModal:E,fieldSpacing:m[B],children:y}),M&&e(f,g(p(g(p({"data-element":"form-footer","data-role":"form-footer",ref:W,hasFooterChildren:!!_,stickyFooter:v},v&&{stickyFooterVariant:F}),{buttonAlignment:k,fullWidthButtons:V}),A),{children:_||t(r,{children:[O&&e(u,{"data-role":"form-left-buttons",buttonAlignment:k,children:O}),e(l,{fullWidth:V,errorCount:S,warningCount:P,children:h}),j&&e(s,{"data-role":"form-right-buttons",buttonAlignment:k,children:j})]})}))]}))};y.displayName="Form";export{y as Form,y as default};

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

@@ -6,7 +6,9 @@ interface StyledFormContentProps {
 }
 export declare const StyledFormContent: import("styled-components").StyledComponent<"div", any, StyledFormContentProps, never>;
 interface StyledFormFooterProps {
+    hasFooterChildren?: boolean;
     stickyFooter?: boolean;
+    stickyFooterVariant?: "light" | "grey";
     fullWidthButtons?: boolean;
     buttonAlignment?: FormButtonAlignment;
 }
@@ -20,9 +22,9 @@ export declare const StyledForm: import("styled-components").StyledComponent<"fo
     theme: object;
 } & StyledFormProps, "theme">;
 export declare const StyledRightButtons: import("styled-components").StyledComponent<"div", any, {
-    buttonAlignment?: "left" | "right" | undefined;
+    buttonAlignment?: FormButtonAlignment;
 }, never>;
 export declare const StyledLeftButtons: import("styled-components").StyledComponent<"div", any, {
-    buttonAlignment?: "left" | "right" | undefined;
+    buttonAlignment?: FormButtonAlignment;
 }, never>;
 export {};

package/esm/components/form/form.style.js

@@ -1 +1 @@
-import t,{css as i}from"styled-components";import{padding as e,space as o}from"styled-system";import n from"../../__internal__/form-field/form-field.style.js";import s from"../../style/themes/apply-base-theme.js";import l from"../inline-inputs/inline-inputs.style.js";import r from"../select/select.style.js";import{StyledSelectMultiSelect as m}from"../select/multi-select/multi-select.style.js";import a from"../switch/switch.style.js";const d=t.div.withConfig({displayName:"form.style__StyledFormContent",componentId:"sc-862d20b4-0"})((({stickyFooter:t,isInModal:e})=>t&&e&&i(["flex-grow:1;min-height:0;overflow-y:auto;"])),(({fieldSpacing:t})=>t&&i(["--fieldSpacing:",";","{margin-top:var(--spacing000);}"," ",","," ",","," ",","," ","{margin-bottom:var(--spacing000);}"],t,n,l,n,l,r,l,m,a,n))),p=t.div.attrs(s).withConfig({displayName:"form.style__StyledFormFooter",componentId:"sc-862d20b4-1"})(["align-items:center;display:flex;flex-wrap:wrap;gap:var(--sizing200);"," "," ",""],(({buttonAlignment:t})=>"right"===t&&i(["justify-content:flex-end;"])),(({stickyFooter:t,fullWidthButtons:e})=>i([""," "," ",""],!t&&i(["margin-top:48px;"]),t&&i(["background-color:var(--colorsUtilityYang100);box-shadow:0 -4px 12px 0 rgba(0,0,0,0.05);box-sizing:border-box;padding:16px 32px;width:100%;z-index:1000;position:sticky;bottom:0;"]),e&&i(["flex-direction:column;align-items:stretch;"]))),e),f=t.form.attrs(s).withConfig({displayName:"form.style__StyledForm",componentId:"sc-862d20b4-2"})([""," "," ",""],o,(({height:t})=>t&&i(["height:",";"],t)),(({stickyFooter:t,isInModal:e})=>t&&i(["display:flex;flex-direction:column;position:relative;",""],e&&i(["flex-grow:1;min-height:0;height:100%;"])))),g=t.div.withConfig({displayName:"form.style__StyledRightButtons",componentId:"sc-862d20b4-3"})(["display:flex;gap:var(--sizing200);",""],(({buttonAlignment:t})=>"left"===t&&"flex-grow: 1;")),c=t.div.withConfig({displayName:"form.style__StyledLeftButtons",componentId:"sc-862d20b4-4"})(["display:flex;justify-content:flex-end;gap:var(--sizing200);",""],(({buttonAlignment:t})=>"right"===t&&"flex-grow: 1;"));export{f as StyledForm,d as StyledFormContent,p as StyledFormFooter,c as StyledLeftButtons,g as StyledRightButtons};
+import t,{css as o}from"styled-components";import{padding as i,space as e}from"styled-system";import l from"../../__internal__/form-field/form-field.style.js";import s from"../../style/themes/apply-base-theme.js";import r from"../inline-inputs/inline-inputs.style.js";import n from"../select/select.style.js";import{StyledSelectMultiSelect as a}from"../select/multi-select/multi-select.style.js";import m from"../switch/switch.style.js";const d=t.div.withConfig({displayName:"form.style__StyledFormContent",componentId:"sc-a81d1b22-0"})((({stickyFooter:t,isInModal:i})=>t&&i&&o(["flex-grow:1;min-height:0;overflow-y:auto;"])),(({fieldSpacing:t})=>t&&o(["--fieldSpacing:",";","{margin-top:var(--spacing000);}"," ",","," ",","," ",","," ","{margin-bottom:var(--spacing000);}"],t,l,r,l,r,n,r,a,m,l))),p=t.div.attrs(s).withConfig({displayName:"form.style__StyledFormFooter",componentId:"sc-a81d1b22-1"})([""," "," "," ",""],(({hasFooterChildren:t})=>!t&&o(["align-items:center;display:flex;flex-wrap:wrap;gap:var(--sizing200);"])),(({buttonAlignment:t})=>"right"===t&&o(["justify-content:flex-end;"])),(({stickyFooter:t,stickyFooterVariant:i,fullWidthButtons:e})=>o([""," "," ",""],!t&&o(["margin-top:48px;"]),t&&o(["background-color:",";box-shadow:var(--boxShadow150);box-sizing:border-box;"," padding:16px 32px;width:100%;z-index:1000;position:sticky;bottom:0;"],"light"===i?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor025)","grey"===i&&"border-top: 1px solid var(--colorsUtilityMajor050);"),e&&o(["flex-direction:column;align-items:stretch;"]))),i),f=t.form.attrs(s).withConfig({displayName:"form.style__StyledForm",componentId:"sc-a81d1b22-2"})([""," "," ",""],e,(({height:t})=>t&&o(["height:",";"],t)),(({stickyFooter:t,isInModal:i})=>t&&o(["display:flex;flex-direction:column;position:relative;",""],i&&o(["flex-grow:1;min-height:0;height:100%;"])))),c=t.div.withConfig({displayName:"form.style__StyledRightButtons",componentId:"sc-a81d1b22-3"})(["display:flex;gap:var(--sizing200);",""],(({buttonAlignment:t})=>"left"===t&&"flex-grow: 1;")),g=t.div.withConfig({displayName:"form.style__StyledLeftButtons",componentId:"sc-a81d1b22-4"})(["display:flex;justify-content:flex-end;gap:var(--sizing200);",""],(({buttonAlignment:t})=>"right"===t&&"flex-grow: 1;"));export{f as StyledForm,d as StyledFormContent,p as StyledFormFooter,g as StyledLeftButtons,c as StyledRightButtons};

package/esm/components/heading/heading.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import"../../style/utils/filter-styled-system-padding-props.js";import r from"../../style/utils/filter-styled-system-margin-props.js";import n from"../../__internal__/utils/helpers/tags/tags.js";import{StyledHeading as i,StyledHeader as a,StyledHeaderContent as l,StyledHeadingTitle as o,StyledSeparator as c,StyledDivider as s,StyledHeaderHelp as d,StyledHeadingBackButton as p,StyledHeadingIcon as u,StyledSubHeader as b,StyledHeadingPills as h}from"./heading.style.js";import f from"../../hooks/__internal__/useLocale/useLocale.js";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 m(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){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 O=y=>{var{children:O,backLink:j,divider:k=!0,help:v,helpAriaLabel:P,helpLink:w,pills:L,separator:_=!1,subheader:S,subtitleId:D,headingType:I="h1",title:x,titleId:A}=y,E=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(y,["children","backLink","divider","help","helpAriaLabel","helpLink","pills","separator","subheader","subtitleId","headingType","title","titleId"]);const T=f(),B=r(E);return x?e(i,g(m({},n("heading",E),B),{children:[e(a,{"data-element":"header-container",divider:k,subheader:!!S,hasBackLink:!!j,children:[j&&(()=>{const e="string"==typeof j?{href:j}:{onClick:j};return t(p,g(m({"aria-label":T.heading.backLinkAriaLabel(),"data-element":"back","data-role":"heading-back-button",onMouseDown:e=>e.currentTarget.focus({preventScroll:!0})},e),{children:t(u,{type:"chevron_left"})}))})(),e(l,{children:[t(o,{withMargin:!!L||!!v,variant:I,"data-element":"title",id:A,children:x}),(v||w)&&t(d,{"data-element":"help",tooltipPosition:"right",href:w,ariaLabel:P,children:v}),L&&t(h,{"data-element":"pills","data-role":"heading-pills-container",children:L})]}),_&&t(c,{"data-role":"heading-separator"}),S&&t(b,{"data-element":"subtitle","data-role":"subtitle",id:D,hasBackLink:!!j,hasSeparator:_,children:S})]}),k&&t(s,{"data-element":"divider","data-role":"heading-divider"}),O]})):null};export{O as Heading,O as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import"../../style/utils/filter-styled-system-padding-props.js";import r from"../../style/utils/filter-styled-system-margin-props.js";import n from"../../__internal__/utils/helpers/tags/tags.js";import{StyledHeading as i,StyledHeader as a,StyledHeaderContent as l,StyledHeadingTitle as o,StyledSeparator as c,StyledDivider as s,StyledHeadingBackButton as d,StyledHeadingIcon as p,StyledSubHeader as u,StyledHeaderHelp as b,StyledHeadingPills as h}from"./heading.style.js";import f from"../../hooks/__internal__/useLocale/useLocale.js";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 m(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){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 O=y=>{var{children:O,backLink:j,divider:k=!0,help:v,helpAriaLabel:P,helpLink:w,pills:L,separator:_=!1,subheader:S,subtitleId:D,headingType:I="h1",title:x,titleId:A}=y,E=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(y,["children","backLink","divider","help","helpAriaLabel","helpLink","pills","separator","subheader","subtitleId","headingType","title","titleId"]);const T=f(),B=r(E);return x?e(i,g(m({},n("heading",E),B),{children:[e(a,{"data-element":"header-container",divider:k,subheader:!!S,hasBackLink:!!j,children:[j&&(()=>{const e="string"==typeof j?{href:j}:{onClick:j};return t(d,g(m({"aria-label":T.heading.backLinkAriaLabel(),"data-element":"back","data-role":"heading-back-button",onMouseDown:e=>e.currentTarget.focus({preventScroll:!0})},e),{children:t(p,{type:"chevron_left"})}))})(),e(l,{children:[t(o,{withMargin:!!L||!!v,variant:I,"data-element":"title",id:A,children:x}),(v||w)&&t(b,{"data-element":"help",tooltipPosition:"right",href:w,ariaLabel:P,children:v}),L&&t(h,{"data-element":"pills","data-role":"heading-pills-container",children:L})]}),_&&t(c,{"data-role":"heading-separator"}),S&&t(u,{"data-element":"subtitle","data-role":"subtitle",id:D,hasBackLink:!!j,hasSeparator:_,children:S})]}),k&&t(s,{"data-element":"divider","data-role":"heading-divider"}),O]})):null};export{O as Heading,O as default};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StyledHeading: import("styled-components").StyledComponent<"div", any, {
     theme: object;
 }, "theme">;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MarginProps, BackgroundProps, LayoutProps, PaddingProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 export type PositionProps = "absolute" | "fixed" | "relative" | "static" | "sticky";
@@ -39,5 +38,5 @@ declare const StyledImage: import("styled-components").StyledComponent<"div", an
     backgroundPosition: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundPosition<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
     backgroundRepeat: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundRepeat, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
     backgroundSize: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundSize<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
-} & StyledImageProps, "theme" | "hidden" | "children" | "src" | "as" | "position" | "bottom" | "left" | "right" | "top" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat">;
+} & StyledImageProps, "theme" | "children" | "hidden" | "src" | "as" | "left" | "right" | "position" | "bottom" | "top" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat">;
 export { StyledImage };

package/esm/components/link-preview/link-preview.style.d.ts

@@ -1,7 +1,7 @@
 declare const StyledLinkPreview: import("styled-components").StyledComponent<"a", any, {
     theme: object;
 } & {
-    as?: "a" | "div" | undefined;
+    as?: "a" | "div";
 }, "theme">;
 declare const StyledCloseIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledPreviewWrapper: import("styled-components").StyledComponent<"div", any, {

package/esm/components/loader-spinner/loader-spinner.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LoaderSpinnerProps } from "./loader-spinner.component";
 export declare const StyledSpinnerWrapper: import("styled-components").StyledComponent<"div", any, Pick<LoaderSpinnerProps, "size">, never>;
 export declare const StyledLabel: import("styled-components").StyledComponent<{

package/esm/components/loader-star/loader-star.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LoaderStarProps } from "./loader-star.component";
 export declare const StyledLoaderStarWrapper: import("styled-components").StyledComponent<"div", any, LoaderStarProps, never>;
 export declare const StyledLabel: import("styled-components").StyledComponent<{

package/esm/components/menu/__internal__/menu.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface MenuContextType {
     inMenu?: boolean;
 }

package/esm/components/menu/__internal__/strict-menu.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MenuType } from "../menu.types";
 export interface StrictMenuContextType {
     menuType: MenuType;

package/esm/components/menu/menu-item/menu-item.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PaddingProps } from "styled-system";
 import { MenuWithChildren } from "./menu-item.component";
 import type { MenuType } from "../menu.types";

package/esm/components/menu/menu-segment-title/menu-segment-title.style.d.ts

@@ -7,7 +7,7 @@ interface StyledTitleProps {
 }
 declare const StyledTitle: import("styled-components").StyledComponent<"h2", any, StyledTitleProps, never>;
 declare const StyledSegmentChildren: import("styled-components").StyledComponent<"ul", any, {
-    variant?: VariantType | undefined;
+    variant?: VariantType;
     menuType: MenuType;
 }, never>;
 export { StyledTitle, StyledSegmentChildren };

package/esm/components/menu/menu.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlexboxProps, LayoutProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 export type MenuType = "light" | "dark" | "white" | "black";

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

@@ -6,6 +6,6 @@ declare const StyledModalBackground: import("styled-components").StyledComponent
 declare const StyledModal: import("styled-components").StyledComponent<"div", any, {
     theme: object;
 } & TransitionProps & {
-    topModalOverride?: boolean | undefined;
+    topModalOverride?: boolean;
 }, "theme">;
 export { StyledModal, StyledModalBackground };