@skyscanner/backpack-web 34.15.1 → 34.16.0-preminor.1

package/bpk-component-info-banner/src/withBannerAlertState.d.ts

@@ -1,82 +1,73 @@
-/// <reference types="node" />
 import type { ComponentType } from 'react';
+import type { Props as BpkInfoBannerDismissableProps } from './BpkInfoBannerDismissable';
+import type { Props as BpkInfoBannerExpandableProps } from './BpkInfoBannerExpandable';
 export type WithBannerAlertStateProps = {
     onHide?: () => void;
     hideAfter?: number;
 };
-declare const withBannerAlertState: <P extends Partial<import("./common-types").CommonProps & {
-    dismissButtonLabel: string;
-    onDismiss?: import("./common-types").OnDismissHandler;
-} & {
-    children: import("react").ReactNode;
-    expanded?: boolean | undefined;
-    toggleButtonLabel: string;
-    onExpandToggle?: import("./common-types").OnExpandToggleHandler;
-    action?: import("./common-types").ExpandableBannerAction;
-}>>(WrappedComponent: ComponentType<P>) => {
+type BpkInfoBannerProps = Partial<BpkInfoBannerDismissableProps & BpkInfoBannerExpandableProps>;
+declare const withBannerAlertState: <P extends BpkInfoBannerProps>(WrappedComponent: ComponentType<P>) => {
     new (props: P & WithBannerAlertStateProps): {
-        hideIntervalId?: NodeJS.Timeout | null | undefined;
+        hideIntervalId?: ReturnType<typeof setTimeout> | null;
         componentDidMount(): void;
         componentWillUnmount(): void;
         onExpandToggle: () => void;
         onDismiss: () => void;
         onHide: () => void;
-        render(): JSX.Element;
-        context: any;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
         setState<K extends keyof {
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         }>(state: {
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         } | ((prevState: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
-        }>, props: Readonly<P & WithBannerAlertStateProps>) => {
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
-        } | Pick<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
-        }, K> | null) | Pick<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
+        }>, props: Readonly<P & WithBannerAlertStateProps>) => Pick<{
+            expanded?: boolean;
+            show?: boolean;
+        }, K> | {
+            expanded?: boolean;
+            show?: boolean;
+        } | null) | Pick<{
+            expanded?: boolean;
+            show?: boolean;
         }, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<P & WithBannerAlertStateProps> & Readonly<{
-            children?: import("react").ReactNode;
-        }>;
+        readonly props: Readonly<P & WithBannerAlertStateProps>;
         state: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         }>;
         refs: {
             [key: string]: import("react").ReactInstance;
         };
         shouldComponentUpdate?(nextProps: Readonly<P & WithBannerAlertStateProps>, nextState: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         }>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<P & WithBannerAlertStateProps>, prevState: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
-        }>): any;
+            expanded?: boolean;
+            show?: boolean;
+        }>): any | null;
         componentDidUpdate?(prevProps: Readonly<P & WithBannerAlertStateProps>, prevState: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         }>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<P & WithBannerAlertStateProps>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P & WithBannerAlertStateProps>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<P & WithBannerAlertStateProps>, nextState: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         }>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<P & WithBannerAlertStateProps>, nextState: Readonly<{
-            expanded?: boolean | undefined;
-            show?: boolean | undefined;
+            expanded?: boolean;
+            show?: boolean;
         }>, nextContext: any): void;
     };
     displayName: string;

package/bpk-component-input/src/BpkClearButton.module.css

@@ -0,0 +1,18 @@
+/*
+ * Backpack - Skyscanner's Design System
+ * 
+ * Copyright 2016 Skyscanner Ltd
+ * 
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.bpk-clear-button{padding:0;border:0;background-color:rgba(0,0,0,0);color:#626971;cursor:pointer;appearance:none}.bpk-no-touch-support .bpk-clear-button:hover:not(:active):not(:disabled){color:#161616}:global(.bpk-no-touch-support) .bpk-clear-button:hover:not(:active):not(:disabled){color:#161616}.bpk-clear-button:active{color:#161616}.bpk-clear-button__icon{fill:currentcolor}

package/bpk-component-input/src/BpkInput.d.ts

@@ -18,6 +18,6 @@ declare class BpkInput extends Component<Props, State> {
         onClear: null;
     };
     constructor(props: Props);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default BpkInput;

package/bpk-component-input/src/withOpenEvents.d.ts

@@ -34,12 +34,10 @@ declare const withOpenEvents: <P extends object>(WithOpenEventsInputComponent: C
         handleFocus: () => void;
         handleBlur: () => void;
         render(): ReactElement;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Omit<EventHandlers, "aria-readonly" | "readOnly"> & WithOpenEventsProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Omit<EventHandlers, "aria-readonly" | "readOnly"> & WithOpenEventsProps>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<P & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Omit<EventHandlers, "aria-readonly" | "readOnly"> & WithOpenEventsProps> & Readonly<{
-            children?: import("react").ReactNode;
-        }>;
+        readonly props: Readonly<P & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Omit<EventHandlers, "aria-readonly" | "readOnly"> & WithOpenEventsProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: import("react").ReactInstance;
@@ -48,7 +46,7 @@ declare const withOpenEvents: <P extends object>(WithOpenEventsInputComponent: C
         shouldComponentUpdate?(nextProps: Readonly<P & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Omit<EventHandlers, "aria-readonly" | "readOnly"> & WithOpenEventsProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<P & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Omit<EventHandlers, "aria-readonly" | "readOnly"> & WithOpenEventsProps>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<P & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Omit<EventHandlers, "aria-readonly" | "readOnly"> & WithOpenEventsProps>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<P & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Omit<EventHandlers, "aria-readonly" | "readOnly"> & WithOpenEventsProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;

package/bpk-component-inset-banner/src/BpkInsetBanner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const VARIANT: {
     onLight: string;
     onDark: string;
@@ -19,5 +18,5 @@ export type Props = {
     title?: string;
     variant?: (typeof VARIANT)[keyof typeof VARIANT];
 };
-declare const BpkInsetBanner: ({ accessibilityLabel, backgroundColor, body, callToAction, logo, subheadline, title, variant, }: Props) => JSX.Element;
+declare const BpkInsetBanner: ({ accessibilityLabel, backgroundColor, body, callToAction, logo, subheadline, title, variant, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkInsetBanner;

package/bpk-component-journey-arrow/src/BpkJourneyArrow.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export type Props = {
     /** the number of dot stops to display */
     stops?: number;
     [rest: string]: any;
 };
-declare const BpkJourneyArrow: ({ stops, ...rest }: Props) => JSX.Element;
+declare const BpkJourneyArrow: ({ stops, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkJourneyArrow;

package/bpk-component-loading-button/src/BpkLoadingButton.d.ts

@@ -25,7 +25,7 @@ type LoadingProps = {
     iconLoading?: ReactElement<any>;
 };
 declare const BpkLoadingButton: {
-    (props: LoadingProps): JSX.Element;
+    (props: LoadingProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         className: PropTypes.Requireable<string>;

package/bpk-component-map/src/BpkBasicMapMarker.d.ts

@@ -6,7 +6,7 @@ type Props = {
     position: LatLong;
 };
 declare const BpkBasicMapMarker: {
-    (props: Props): JSX.Element;
+    (props: Props): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         position: any;

package/bpk-component-map/src/BpkPriceMarkerV2/BpkPriceMarker.d.ts

@@ -20,5 +20,5 @@ type Props = {
     };
     status?: Status;
 };
-export declare const BpkPriceMarkerV2: (props: Props) => JSX.Element;
+export declare const BpkPriceMarkerV2: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/bpk-component-modal/src/BpkModal.d.ts

@@ -20,5 +20,5 @@ export type Props = Partial<ModalDialogProps> & {
      */
     getApplicationElement: () => HTMLElement | null;
 };
-declare const BpkModal: ({ accessoryView, className, closeLabel, closeOnEscPressed, closeOnScrimClick, closeText, contentClassName, dialogRef, fullScreen, fullScreenOnMobile, isIphone, isOpen, modalStyle, onClose, padded, renderTarget, showHeader, title, wide, ...rest }: Props) => JSX.Element;
+declare const BpkModal: ({ accessoryView, className, closeLabel, closeOnEscPressed, closeOnScrimClick, closeText, contentClassName, dialogRef, fullScreen, fullScreenOnMobile, isIphone, isOpen, modalStyle, onClose, padded, renderTarget, showHeader, title, wide, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkModal;

package/bpk-component-modal/src/BpkModalInner.d.ts

@@ -26,5 +26,5 @@ export declare const MODAL_STYLING: {
     surfaceContrast: string;
 };
 export type ModalStyle = (typeof MODAL_STYLING)[keyof typeof MODAL_STYLING];
-declare const BpkModalInner: ({ accessoryView, children, className, closeLabel, closeText, contentClassName, dialogRef, fullScreen, fullScreenOnMobile, id, isIphone, modalStyle, onClose, padded, showHeader, title, wide, }: Props) => JSX.Element;
+declare const BpkModalInner: ({ accessoryView, children, className, closeLabel, closeText, contentClassName, dialogRef, fullScreen, fullScreenOnMobile, id, isIphone, modalStyle, onClose, padded, showHeader, title, wide, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkModalInner;

package/bpk-component-modal/src/BpkModalV2/BpkModal.d.ts

@@ -15,4 +15,4 @@ export type Props = {
     wide?: boolean;
     modalStyle?: ModalStyle;
 };
-export declare const BpkModalV2: (props: Props) => JSX.Element | null;
+export declare const BpkModalV2: (props: Props) => import("react/jsx-runtime").JSX.Element | null;

package/bpk-component-navigation-bar/src/BpkNavigationBar.d.ts

@@ -17,5 +17,5 @@ export type Props = {
     barStyle?: BarStyle;
     [rest: string]: any;
 };
-declare const BpkNavigationBar: (props: Props) => JSX.Element;
+declare const BpkNavigationBar: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkNavigationBar;

package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.d.ts

@@ -8,5 +8,5 @@ export interface Props extends ComponentProps<BpkButtonLink> {
     barStyle?: BarStyle;
     [rest: string]: any;
 }
-declare const BpkNavigationBarButtonLink: ({ barStyle, children, className, ...rest }: Props) => JSX.Element;
+declare const BpkNavigationBarButtonLink: ({ barStyle, children, className, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkNavigationBarButtonLink;

package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.module.css

@@ -0,0 +1,18 @@
+/*
+ * Backpack - Skyscanner's Design System
+ * 
+ * Copyright 2016 Skyscanner Ltd
+ * 
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.bpk-navigation-bar-button-link{color:#161616;color:var(--bpk-navigation-bar-button-link-color, rgb(22, 22, 22))}.bpk-no-touch-support .bpk-navigation-bar-button-link:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-navigation-bar-button-link-hover-color, rgb(22, 22, 22))}:global(.bpk-no-touch-support) .bpk-navigation-bar-button-link:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-navigation-bar-button-link-hover-color, rgb(22, 22, 22))}.bpk-navigation-bar-button-link:active{color:#161616;color:var(--bpk-navigation-bar-button-link-active-color, rgb(22, 22, 22))}.bpk-navigation-bar-button-link:visited{color:#161616;color:var(--bpk-navigation-bar-button-link-visited-color, rgb(22, 22, 22))}.bpk-navigation-bar-button-link--on-dark{color:#fff}.bpk-no-touch-support .bpk-navigation-bar-button-link--on-dark:hover:not(:active):not(:disabled){color:#fff}:global(.bpk-no-touch-support) .bpk-navigation-bar-button-link--on-dark:hover:not(:active):not(:disabled){color:#fff}.bpk-navigation-bar-button-link--on-dark:active{color:#fff}.bpk-navigation-bar-button-link--on-dark:visited{color:#fff}

package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.d.ts

@@ -9,5 +9,5 @@ export type Props = {
     children?: ReactNode;
     [rest: string]: any;
 };
-declare const BpkNavigationBarIconButton: ({ barStyle, className, icon, ...rest }: Props) => JSX.Element;
+declare const BpkNavigationBarIconButton: ({ barStyle, className, icon, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkNavigationBarIconButton;

package/bpk-component-nudger/src/BpkConfigurableNudger.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type CommonProps } from './common-types';
 type Props = CommonProps & {
     inputClassName?: string | null;
@@ -23,5 +22,5 @@ type Props = CommonProps & {
      */
     compareValues: (arg0: any, arg1: any) => number;
 };
-declare const BpkConfigurableNudger: ({ buttonType, className, compareValues, decreaseButtonLabel, decrementValue, formatValue, id, increaseButtonLabel, incrementValue, inputClassName, max, min, name, onChange, value, ...rest }: Props) => JSX.Element;
+declare const BpkConfigurableNudger: ({ buttonType, className, compareValues, decreaseButtonLabel, decrementValue, formatValue, id, increaseButtonLabel, incrementValue, inputClassName, max, min, name, onChange, value, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkConfigurableNudger;

package/bpk-component-nudger/src/BpkNudger.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type CommonProps } from './common-types';
-declare const BpkNudger: ({ buttonType, className, icon, id, subtitle, title, ...rest }: CommonProps) => JSX.Element;
+declare const BpkNudger: ({ buttonType, className, icon, id, subtitle, title, ...rest }: CommonProps) => import("react/jsx-runtime").JSX.Element;
 export default BpkNudger;

package/bpk-component-overlay/src/BpkOverlay.d.ts

@@ -30,5 +30,5 @@ export type Props = BpkOverlayProps & ComponentProps<'div'> & {
     overlayType?: OverlayType;
     foregroundContent?: ReactNode;
 };
-declare const BpkOverlay: (props: Props) => JSX.Element;
+declare const BpkOverlay: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkOverlay;

package/bpk-component-popover/src/BpkPopover.d.ts

@@ -33,5 +33,5 @@ export type Props = CloseButtonProps & {
     onAction?: () => void;
     renderTarget?: () => HTMLElement | HTMLElement | null;
 };
-declare const BpkPopover: ({ actionText, children, className, closeButtonIcon, closeButtonLabel, closeButtonProps, closeButtonText, id, isOpen, label, labelAsTitle, onAction, onClose, padded, placement, renderTarget, showArrow, target, ...rest }: Props) => JSX.Element;
+declare const BpkPopover: ({ actionText, children, className, closeButtonIcon, closeButtonLabel, closeButtonProps, closeButtonText, id, isOpen, label, labelAsTitle, onAction, onClose, padded, placement, renderTarget, showArrow, target, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkPopover;

package/bpk-component-rating/src/BpkRating.d.ts

@@ -13,7 +13,7 @@ type Props = {
     value: string | number;
 };
 declare const BpkRating: {
-    (props: Props): JSX.Element;
+    (props: Props): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         ariaLabel: PropTypes.Validator<string>;
         value: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;

package/bpk-component-rtl-toggle/src/BpkRtlToggle.d.ts

@@ -10,6 +10,6 @@ declare class BpkRtlToggle extends Component<Props, State> {
     componentWillUnmount(): void;
     handleKeyDown: (e: KeyboardEvent) => void;
     toggleRtl: (e: InteractionEvents) => void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default BpkRtlToggle;

package/bpk-component-rtl-toggle/src/updateOnDirectionChange.d.ts

@@ -1,23 +1,21 @@
 import type { ComponentType } from 'react';
 declare const updateOnDirectionChange: (EnhancedComponent: ComponentType<any> | string) => {
-    new (props: {} | Readonly<{}>): {
+    new (props: {}): {
         componentDidMount(): void;
         componentWillUnmount(): void;
         onDirectionChange: () => void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<{}> & Readonly<{
-            children?: import("react").ReactNode;
-        }>;
+        readonly props: Readonly<{}>;
         state: Readonly<{}>;
         refs: {
             [key: string]: import("react").ReactInstance;
         };
         shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
@@ -30,20 +28,18 @@ declare const updateOnDirectionChange: (EnhancedComponent: ComponentType<any> |
         componentDidMount(): void;
         componentWillUnmount(): void;
         onDirectionChange: () => void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<{}> & Readonly<{
-            children?: import("react").ReactNode;
-        }>;
+        readonly props: Readonly<{}>;
         state: Readonly<{}>;
         refs: {
             [key: string]: import("react").ReactInstance;
         };
         shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     new (props: Omit<import("../../bpk-component-calendar/src/composeCalendar").Props & import("../../bpk-component-calendar/src/BpkCalendarContainer").Props, keyof {
         onDateClick: ((date: Date) => void) | null;
@@ -28,8 +27,8 @@ declare const _default: {
             source: string;
         }) => void;
         handleDateKeyDown: (event: KeyboardEvent) => void;
-        render(): JSX.Element;
-        context: any;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
         setState<K extends keyof {
             preventKeyboardFocus: boolean;
             focusedDate: Date;
@@ -47,13 +46,13 @@ declare const _default: {
             maxDate: Date;
         }> & {
             [rest: string]: any;
-        }>) => {
+        }>) => Pick<{
             preventKeyboardFocus: boolean;
             focusedDate: Date;
-        } | Pick<{
+        }, K> | {
             preventKeyboardFocus: boolean;
             focusedDate: Date;
-        }, K> | null) | Pick<{
+        } | null) | Pick<{
             preventKeyboardFocus: boolean;
             focusedDate: Date;
         }, K> | null, callback?: (() => void) | undefined): void;
@@ -66,8 +65,6 @@ declare const _default: {
             maxDate: Date;
         }> & {
             [rest: string]: any;
-        }> & Readonly<{
-            children?: import("react").ReactNode;
         }>;
         state: Readonly<{
             preventKeyboardFocus: boolean;
@@ -102,7 +99,7 @@ declare const _default: {
         }>, prevState: Readonly<{
             preventKeyboardFocus: boolean;
             focusedDate: Date;
-        }>): any;
+        }>): any | null;
         componentDidUpdate?(prevProps: Readonly<Omit<import("../../bpk-component-calendar/src/composeCalendar").Props & import("../../bpk-component-calendar/src/BpkCalendarContainer").Props, keyof {
             onDateClick: ((date: Date) => void) | null;
             onDateKeyDown: ((event: KeyboardEvent) => void) | null;

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarDate.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { BpkCalendarDateProps } from '../../bpk-component-calendar';
 type Props = Partial<BpkCalendarDateProps> & {
     date: Date;
     isOutside?: boolean;
     [rest: string]: any;
 };
-declare const BpkScrollableCalendarDate: ({ isOutside, ...rest }: Props) => JSX.Element | null;
+declare const BpkScrollableCalendarDate: ({ isOutside, ...rest }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default BpkScrollableCalendarDate;

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.d.ts

@@ -1,11 +1,11 @@
-import type { ElementType } from 'react';
+import type { ElementType, ReactNode } from 'react';
 import type { BpkCalendarGridProps } from '../../bpk-component-calendar';
 type Props = Partial<BpkCalendarGridProps> & {
     DateComponent: ElementType;
     month: Date;
     formatDateFull: (date: Date) => Date | string;
     weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    formatMonth: (date: Date) => Date | string;
+    formatMonth: (date: Date) => ReactNode | string;
 };
-declare const BpkScrollableCalendarGrid: ({ className, formatMonth, ignoreOutsideDate, month, ...rest }: Props) => JSX.Element;
+declare const BpkScrollableCalendarGrid: ({ className, formatMonth, ignoreOutsideDate, month, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkScrollableCalendarGrid;

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.d.ts

@@ -1,4 +1,4 @@
-import type { ElementType } from 'react';
+import type { ElementType, ReactNode } from 'react';
 import type { BpkCalendarGridProps, SelectionConfiguration } from '../../bpk-component-calendar';
 type Props = Partial<BpkCalendarGridProps> & {
     minDate: Date;
@@ -7,7 +7,7 @@ type Props = Partial<BpkCalendarGridProps> & {
     formatDateFull: (date: Date) => Date | string;
     month: Date;
     weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    formatMonth: (date: Date) => Date | string;
+    formatMonth: (date: Date) => ReactNode | string;
     focusedDate?: Date | null;
     selectionConfiguration?: SelectionConfiguration;
     className?: string | null;
@@ -16,5 +16,5 @@ type Props = Partial<BpkCalendarGridProps> & {
      */
     customRowHeight?: number;
 };
-declare const BpkScrollableCalendarGridList: (props: Props) => JSX.Element;
+declare const BpkScrollableCalendarGridList: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkScrollableCalendarGridList;

package/bpk-component-section-header/src/BpkSectionHeader.d.ts

@@ -10,5 +10,5 @@ type Props = {
     button?: ReactNode;
     type?: SectionType;
 };
-declare const BpkSectionHeader: ({ button, description, title, type, }: Props) => JSX.Element;
+declare const BpkSectionHeader: ({ button, description, title, type, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkSectionHeader;

package/bpk-component-segmented-control/src/BpkSegmentedControl.d.ts

@@ -13,5 +13,5 @@ export type Props = {
     selectedIndex: number;
     shadow?: boolean;
 };
-declare const BpkSegmentedControl: ({ buttonContents, onItemClick, selectedIndex, shadow, type, }: Props) => JSX.Element;
+declare const BpkSegmentedControl: ({ buttonContents, onItemClick, selectedIndex, shadow, type, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkSegmentedControl;

package/bpk-component-skeleton/src/BpkBaseSkeleton.d.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     skeletonStyle: string;
     styleObj?: {

package/bpk-component-skeleton/src/BpkBaseSkeleton.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import type { CUSTOM_SIZE_TYPE } from './common-types';
 type Props = {
     skeletonStyle: string;
     styleObj?: CUSTOM_SIZE_TYPE;
 };
-declare const BpkBaseSkeleton: ({ skeletonStyle, styleObj, }: Props) => JSX.Element;
+declare const BpkBaseSkeleton: ({ skeletonStyle, styleObj, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkBaseSkeleton;

package/bpk-component-skeleton/src/BpkSkeleton.d.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentProps } from './common-types';
 declare const BpkSkeleton: (props: ComponentProps) => JSX.Element;
 export default BpkSkeleton;

package/bpk-component-skeleton/src/BpkSkeleton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentProps } from './common-types';
-declare const BpkSkeleton: (props: ComponentProps) => JSX.Element;
+declare const BpkSkeleton: (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default BpkSkeleton;

package/bpk-component-slider/src/BpkSlider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type Props = {
     max: number;
     min: number;
@@ -11,5 +10,5 @@ export type Props = {
     ariaValuetext?: string[];
     [rest: string]: any;
 };
-declare const BpkSlider: ({ ariaLabel, ariaValuetext, max, min, minDistance, onAfterChange, onChange, step, value, ...rest }: Props) => JSX.Element;
+declare const BpkSlider: ({ ariaLabel, ariaValuetext, max, min, minDistance, onAfterChange, onChange, step, value, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkSlider;

package/bpk-component-spinner/src/BpkExtraLargeSpinner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import type { SpinnerTypes } from './spinnerTypes';
 type Props = {
@@ -6,7 +5,7 @@ type Props = {
     className?: string;
 };
 declare const BpkExtraLargeSpinner: {
-    (props: Props): JSX.Element;
+    (props: Props): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         type: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;

package/bpk-component-spinner/src/BpkLargeSpinner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import type { SpinnerTypes } from './spinnerTypes';
 type Props = {
@@ -7,7 +6,7 @@ type Props = {
     alignToButton: boolean;
 };
 declare const BpkLargeSpinner: {
-    (props: Props): JSX.Element;
+    (props: Props): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         type: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;

package/bpk-component-spinner/src/BpkSpinner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import type { SpinnerTypes } from './spinnerTypes';
 type Props = {
@@ -7,7 +6,7 @@ type Props = {
     alignToButton: boolean;
 };
 declare const BpkSpinner: {
-    (props: Props): JSX.Element;
+    (props: Props): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         type: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;