carbon-react 155.4.0 → 155.4.2

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/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.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/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";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TransitionStatus } from "react-transition-group";
 type PopoverContainerWrapperProps = {
     hasFullWidth?: boolean;

package/esm/components/portrait/__internal__/get-colors.d.ts

@@ -1,2 +1,8 @@
-declare const getColoursForPortrait: (backgroundColour: string | undefined, darkBackground?: boolean, largeText?: boolean, strict?: boolean, foregroundColor?: string | undefined) => string;
+declare const getColoursForPortrait: (backgroundColour: string | undefined, darkBackground?: boolean, largeText?: boolean, 
+/**
+ * Whether to use strict contrast (i.e., WCAG AAA). If this is false, it uses WCAG AA contrast
+ * ratios (4.5:1 for normal text, 3:1 for large text). If true, it uses 7:1 for normal text and
+ * 4.5:1 for large text.
+ */
+strict?: boolean, foregroundColor?: string | undefined) => string;
 export default getColoursForPortrait;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ProfileSize } from "./profile.config";
 interface ProfileSProps {
     size?: ProfileSize;

package/esm/components/radio-button/radio-button-group/radio-button-group.style.d.ts

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

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

@@ -2,6 +2,6 @@ import { RadioButtonProps } from "./radio-button.component";
 declare const RadioButtonStyle: import("styled-components").StyledComponent<"div", any, {
     theme: object;
 } & import("../checkbox/checkbox.style").StyledCheckboxProps & Pick<RadioButtonProps, "disabled" | "reverse" | "size" | "fieldHelpInline"> & {
-    inline?: boolean | undefined;
+    inline?: boolean;
 }, "theme">;
 export default RadioButtonStyle;

package/esm/components/select/__internal__/utils/is-expected-option.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export default function isExpectedOption(element: React.ReactElement, expectedValue?: string | Record<string, unknown> | null): boolean;

package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.d.ts

@@ -1,8 +1,8 @@
 declare const StyledSidebarHeader: import("styled-components").StyledComponent<"div", any, {
     theme: object;
 } & {
-    hasClose?: boolean | undefined;
-    headerVariant?: "light" | "dark" | undefined;
+    hasClose?: boolean;
+    headerVariant?: "light" | "dark";
 }, "theme">;
 declare const StyledSidebarSubHeader: import("styled-components").StyledComponent<"div", any, {
     theme: object;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledSimpleColor: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledColorSampleBox: import("styled-components").StyledComponent<"div", any, {
     color: string;

package/esm/components/split-button/split-button-toggle.style.d.ts

@@ -8,7 +8,7 @@ type StyledSplitButtonToggleProps = {
 declare const StyledSplitButtonToggle: import("styled-components").StyledComponent<"button", any, {
     theme: object;
 } & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & Omit<import("../button").ButtonProps, "buttonType"> & {
-    iconOnly?: boolean | undefined;
-    buttonType: import("../button/button.component").ButtonTypes;
+    iconOnly?: boolean;
+    buttonType: Required<import("../button").ButtonProps>["buttonType"];
 } & StyledSplitButtonToggleProps, "theme">;
 export default StyledSplitButtonToggle;

package/esm/components/step-flow/__internal__/step-flow.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type StepFlowContextType = {
     validatedCurrentStep?: number;
     totalSteps?: number;