carbon-react 155.5.0-beta.1 → 155.5.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.style.d.ts

@@ -22,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/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 };

package/esm/components/navigation-bar/navigation-bar.style.d.ts

@@ -16,14 +16,14 @@ declare const StyledNavigationBar: import("styled-components").StyledComponent<"
     theme: object;
 } & PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
     /** Color scheme of navigation component */
-    navigationType?: NavigationType | undefined;
+    navigationType?: NavigationType;
     /** Defines whether the navigation bar should be positioned fixed or sticky */
-    position?: Position | undefined;
+    position?: Position;
     /** Defines the offset of navigation bar */
-    offset?: string | undefined;
+    offset?: string;
     /** Defines whether the navigation bar should be positioned top or bottom */
-    orientation?: Orientation | undefined;
+    orientation?: Orientation;
     /** set to true only when rendering the GlobalHeader component */
-    isGlobal?: boolean | undefined;
+    isGlobal?: boolean;
 }, "theme">;
 export default StyledNavigationBar;

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

@@ -1,5 +1,5 @@
 declare const StyledNoteContent: import("styled-components").StyledComponent<"div", any, {
-    hasPreview?: boolean | undefined;
+    hasPreview?: boolean;
 }, never>;
 declare const StyledNoteMain: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledInlineControl: import("styled-components").StyledComponent<"div", any, {}, never>;

package/esm/components/number/number.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import t,{useRef as r}from"react";import{Textbox as n,ALIGN_DEFAULT as o,LABEL_WIDTH_DEFAULT as l,SIZE_DEFAULT as a,LABEL_VALIDATION_DEFAULT as i}from"../textbox/textbox.component.js";import c from"../../__internal__/utils/logger/index.js";import u from"../../__internal__/utils/helpers/tags/tags.js";function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(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){s(e,t,r[t])}))}return e}let p=!1;const f=t.forwardRef(((t,s)=>{var{onChange:f,onKeyDown:O,value:g,align:y=o,labelWidth:m=l,size:d=a,validationOnLabel:j=i}=t,v=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["onChange","onKeyDown","value","align","labelWidth","size","validationOnLabel"]);const w=r(null),h=r(null);var P,x,S;return p||f||(p=!0,c.deprecate("Uncontrolled behaviour in `Number` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.")),e(n,b((x=b({},v),S=null!=(S={value:g,onChange:e=>{(function(e){return new RegExp("^[-]?[0-9]*$").test(e)})(e.target.value)&&f?f(e):(e.target.value=g||"",e.target.setSelectionRange(w.current,h.current))},onKeyDown:e=>{w.current=e.target.selectionStart,h.current=e.target.selectionEnd,O&&O(e)},ref:s,align:y,labelWidth:m,size:d,validationOnLabel:j})?S:{},Object.getOwnPropertyDescriptors?Object.defineProperties(x,Object.getOwnPropertyDescriptors(S)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(S)).forEach((function(e){Object.defineProperty(x,e,Object.getOwnPropertyDescriptor(S,e))})),x),u(null!==(P=v["data-component"])&&void 0!==P?P:"number",v)))}));f.displayName="Number";export{f as Number,f as default};
+import{jsx as e}from"react/jsx-runtime";import t,{useRef as r}from"react";import{LABEL_VALIDATION_DEFAULT as n,ALIGN_DEFAULT as o,LABEL_WIDTH_DEFAULT as l,SIZE_DEFAULT as a,Textbox as i}from"../textbox/textbox.component.js";import c from"../../__internal__/utils/logger/index.js";import u from"../../__internal__/utils/helpers/tags/tags.js";function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(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){s(e,t,r[t])}))}return e}let p=!1;const f=t.forwardRef(((t,s)=>{var{onChange:f,onKeyDown:O,value:g,align:y=o,labelWidth:m=l,size:d=a,validationOnLabel:j=n}=t,v=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["onChange","onKeyDown","value","align","labelWidth","size","validationOnLabel"]);const w=r(null),h=r(null);var P,x,S;return p||f||(p=!0,c.deprecate("Uncontrolled behaviour in `Number` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.")),e(i,b((x=b({},v),S=null!=(S={value:g,onChange:e=>{(function(e){return new RegExp("^[-]?[0-9]*$").test(e)})(e.target.value)&&f?f(e):(e.target.value=g||"",e.target.setSelectionRange(w.current,h.current))},onKeyDown:e=>{w.current=e.target.selectionStart,h.current=e.target.selectionEnd,O&&O(e)},ref:s,align:y,labelWidth:m,size:d,validationOnLabel:j})?S:{},Object.getOwnPropertyDescriptors?Object.defineProperties(x,Object.getOwnPropertyDescriptors(S)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(S)).forEach((function(e){Object.defineProperty(x,e,Object.getOwnPropertyDescriptor(S,e))})),x),u(null!==(P=v["data-component"])&&void 0!==P?P:"number",v)))}));f.displayName="Number";export{f as Number,f as default};

package/esm/components/numeral-date/numeral-date.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldsetProps } from "../../__internal__/fieldset";
 interface StyledDateFieldProps {
     isYearInput?: boolean;
@@ -6,7 +5,7 @@ interface StyledDateFieldProps {
     size?: "small" | "medium" | "large";
 }
 export declare const StyledNumeralDate: import("styled-components").StyledComponent<"div", any, {
-    name?: string | undefined;
+    name?: string;
 }, never>;
 export declare const StyledDateField: import("styled-components").StyledComponent<"div", any, StyledDateFieldProps, never>;
 interface StyledFieldsetProps extends FieldsetProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StyledSelectContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 interface StyledPagerContainerProps {
     variant?: "alternate" | "default";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PasswordProps } from "./password.component";
 declare const StyledPassword: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../textbox").TextboxProps & import("react").RefAttributes<HTMLInputElement>>, any, PasswordProps, never>;
 declare const HiddenAriaLive: import("styled-components").StyledComponent<"p", any, {}, never>;

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

@@ -20,6 +20,6 @@ interface AllStyledPillProps extends StyledPillProps {
     pillRole: "tag" | "status";
 }
 declare const StyledPill: import("styled-components").StyledComponent<"span", any, {
-    theme: object; /** Override color variant, provide any color from palette or any valid css color value. */
+    theme: object;
 } & AllStyledPillProps, "theme">;
 export default StyledPill;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MarginProps } from "styled-system";
 import { PodProps } from "./pod.component";
 import { PodSize, PodVariant } from "./pod.config";