@skyscanner/backpack-web 35.0.0-premajor.1 → 35.0.1

package/bpk-component-aria-live/src/BpkAriaLive.d.ts

@@ -12,5 +12,5 @@ export type Props = {
     className?: string | null;
     [rest: string]: any;
 };
-declare const BpkAriaLive: ({ className, politenessSetting, visible, ...rest }: Props) => JSX.Element;
+declare const BpkAriaLive: ({ className, politenessSetting, visible, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkAriaLive;

package/bpk-component-badge/src/BpkBadge.d.ts

@@ -18,5 +18,5 @@ export type Props = {
     children: string | ReactNode;
     [rest: string]: any;
 };
-declare const BpkBadge: ({ centered, className, docked, type, ...rest }: Props) => JSX.Element;
+declare const BpkBadge: ({ centered, className, docked, type, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkBadge;

package/bpk-component-banner-alert/src/AnimateAndFade.d.ts

@@ -27,6 +27,6 @@ declare class AnimateAndFade extends Component<Props, State> {
     onAnimateHeightComplete: () => void;
     onFadeComplete: () => void;
     toggle: () => void;
-    render(): JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element | null;
 }
 export default AnimateAndFade;

package/bpk-component-banner-alert/src/BpkBannerAlert.d.ts

@@ -3,5 +3,5 @@ import type { CommonProps } from './common-types';
  * @deprecated use bpk-component-info-banner instead
  * @returns {Component} a banner alert component
  */
-declare const BpkBannerAlert: ({ animateOnEnter, animateOnLeave, icon, show, ...rest }: CommonProps) => JSX.Element;
+declare const BpkBannerAlert: ({ animateOnEnter, animateOnLeave, icon, show, ...rest }: CommonProps) => import("react/jsx-runtime").JSX.Element;
 export default BpkBannerAlert;

package/bpk-component-banner-alert/src/BpkBannerAlertDismissable.d.ts

@@ -3,5 +3,5 @@ export type Props = CommonProps & {
     dismissButtonLabel: string;
     onDismiss?: OnDismissHandler;
 };
-declare const BpkBannerAlertDismissable: ({ onDismiss, ...rest }: Props) => JSX.Element;
+declare const BpkBannerAlertDismissable: ({ onDismiss, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkBannerAlertDismissable;

package/bpk-component-banner-alert/src/BpkBannerAlertExpandable.d.ts

@@ -6,5 +6,5 @@ export type Props = CommonProps & {
     toggleButtonLabel: string;
     onExpandToggle?: OnExpandToggleHandler;
 };
-declare const BpkBannerAlertExpandable: ({ children, expanded, onExpandToggle, ...rest }: Props) => JSX.Element;
+declare const BpkBannerAlertExpandable: ({ children, expanded, onExpandToggle, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkBannerAlertExpandable;

package/bpk-component-banner-alert/src/BpkBannerAlertInner.d.ts

@@ -14,5 +14,5 @@ type Props = CommonProps & {
     dismissButtonLabel?: string;
     onDismiss?: OnDismissHandler;
 };
-declare const BpkBannerAlertInner: ({ animateOnEnter, animateOnLeave, bannerClassName, children, configuration, dismissButtonLabel, expanded, icon, message, onDismiss, onExpandToggle, show, toggleButtonLabel, type, ...rest }: Props) => JSX.Element;
+declare const BpkBannerAlertInner: ({ animateOnEnter, animateOnLeave, bannerClassName, children, configuration, dismissButtonLabel, expanded, icon, message, onDismiss, onExpandToggle, show, toggleButtonLabel, type, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkBannerAlertInner;

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

@@ -14,8 +14,8 @@ declare const withBannerAlertState: <P extends BpkBannerAlertProps>(WrappedCompo
         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;
             show?: boolean;
@@ -36,9 +36,7 @@ declare const withBannerAlertState: <P extends BpkBannerAlertProps>(WrappedCompo
             show?: boolean;
         }, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<P & WithBannerAlertStateProps> & Readonly<{
-            children?: import("react").ReactNode | undefined;
-        }>;
+        readonly props: Readonly<P & WithBannerAlertStateProps>;
         state: Readonly<{
             expanded?: boolean;
             show?: boolean;

package/bpk-component-boilerplate/src/BpkBoilerplate.d.ts

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

package/bpk-component-bottom-sheet/src/BpkBottomSheet.d.ts

@@ -19,5 +19,5 @@ export type Props = CommonProps & ({
 } | {
     ariaLabel: string;
 });
-declare const BpkBottomSheet: ({ actionText, children, closeLabel, closeOnEscPressed, closeOnScrimClick, id, isOpen, onAction, onClose, title, wide, ...ariaProps }: Props) => JSX.Element;
+declare const BpkBottomSheet: ({ actionText, children, closeLabel, closeOnEscPressed, closeOnScrimClick, id, isOpen, onAction, onClose, title, wide, ...ariaProps }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkBottomSheet;

package/bpk-component-button/BpkButtonDestructive.d.ts

@@ -1,3 +1,3 @@
 import { type Props } from './src/BpkButton';
-declare const BpkButtonDestructive: (props: Props) => JSX.Element;
+declare const BpkButtonDestructive: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkButtonDestructive;

package/bpk-component-button/BpkButtonFeatured.d.ts

@@ -1,3 +1,3 @@
 import { type Props } from './src/BpkButton';
-declare const BpkButtonFeatured: (props: Props) => JSX.Element;
+declare const BpkButtonFeatured: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkButtonFeatured;

package/bpk-component-button/BpkButtonLink.d.ts

@@ -1,3 +1,3 @@
 import { type Props } from './src/BpkButton';
-declare const BpkButtonLink: (props: Props) => JSX.Element;
+declare const BpkButtonLink: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkButtonLink;

package/bpk-component-button/BpkButtonLinkOnDark.d.ts

@@ -1,3 +1,3 @@
 import { type Props } from './src/BpkButton';
-declare const BpkButtonLinkOnDark: (props: Props) => JSX.Element;
+declare const BpkButtonLinkOnDark: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkButtonLinkOnDark;

package/bpk-component-button/BpkButtonPrimary.d.ts

@@ -1,3 +1,3 @@
 import { type Props } from './src/BpkButton';
-declare const BpkButtonPrimary: (props: Props) => JSX.Element;
+declare const BpkButtonPrimary: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkButtonPrimary;

package/bpk-component-button/BpkButtonPrimaryOnDark.d.ts

@@ -1,3 +1,3 @@
 import { type Props } from './src/BpkButton';
-declare const BpkButtonPrimaryOnDark: (props: Props) => JSX.Element;
+declare const BpkButtonPrimaryOnDark: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkButtonPrimaryOnDark;

package/bpk-component-button/BpkButtonPrimaryOnLight.d.ts

@@ -1,3 +1,3 @@
 import { type Props } from './src/BpkButton';
-declare const BpkButtonPrimaryOnLight: (props: Props) => JSX.Element;
+declare const BpkButtonPrimaryOnLight: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkButtonPrimaryOnLight;

package/bpk-component-button/BpkButtonSecondary.d.ts

@@ -1,3 +1,3 @@
 import { type Props } from './src/BpkButton';
-declare const BpkButtonSecondary: (props: Props) => JSX.Element;
+declare const BpkButtonSecondary: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkButtonSecondary;

package/bpk-component-button/BpkButtonSecondaryOnDark.d.ts

@@ -1,3 +1,3 @@
 import { type Props } from './src/BpkButton';
-declare const BpkButtonSecondaryOnDark: (props: Props) => JSX.Element;
+declare const BpkButtonSecondaryOnDark: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkButtonSecondaryOnDark;

package/bpk-component-button/src/BpkButton.d.ts

@@ -11,7 +11,7 @@ export type Props = CommonProps & {
     linkOnDark?: boolean;
 };
 declare const BpkButton: {
-    (props: Props): JSX.Element;
+    (props: Props): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         primaryOnDark: boolean;
         primaryOnLight: boolean;

package/bpk-component-button/src/BpkButtonBase.d.ts

@@ -14,7 +14,7 @@ type ValueOf<T> = T[keyof T];
 declare const BpkButtonBase: {
     (props: Props & {
         type?: ValueOf<typeof BUTTON_TYPES>;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         children: import("prop-types").Validator<NonNullable<import("prop-types").ReactNodeLike>>;
         href: import("prop-types").Requireable<string>;

package/bpk-component-button/src/BpkButtonV2/BpkButton.d.ts

@@ -1,2 +1,2 @@
 import type { Props } from './common-types';
-export declare const BpkButtonV2: ({ blank, children, className, disabled, fullWidth, href, iconOnly, onClick, rel: propRel, size, submit, type, ...rest }: Props) => JSX.Element;
+export declare const BpkButtonV2: ({ blank, children, className, disabled, fullWidth, href, iconOnly, onClick, rel: propRel, size, submit, type, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;

package/bpk-component-calendar/src/BpkCalendarContainer.d.ts

@@ -55,13 +55,11 @@ declare const withCalendarState: <P extends object>(Calendar: ComponentType<P>)
             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 State>(state: State | ((prevState: Readonly<State>, props: Readonly<CalendarProps<P>>) => Pick<State, K> | State | null) | Pick<State, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<CalendarProps<P>> & Readonly<{
-            children?: import("react").ReactNode | undefined;
-        }>;
+        readonly props: Readonly<CalendarProps<P>>;
         state: Readonly<State>;
         refs: {
             [key: string]: import("react").ReactInstance;
@@ -107,13 +105,11 @@ 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 State>(state: State | ((prevState: Readonly<State>, props: Readonly<CalendarProps<import("./composeCalendar").Props>>) => Pick<State, K> | State | null) | Pick<State, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<CalendarProps<import("./composeCalendar").Props>> & Readonly<{
-            children?: import("react").ReactNode | undefined;
-        }>;
+        readonly props: Readonly<CalendarProps<import("./composeCalendar").Props>>;
         state: Readonly<State>;
         refs: {
             [key: string]: import("react").ReactInstance;

package/bpk-component-calendar/src/BpkCalendarDate.d.ts

@@ -46,6 +46,6 @@ declare class BpkCalendarDate extends PureComponent<Props> {
     componentDidMount(): void;
     componentDidUpdate(prevProps: Props): void;
     button: HTMLButtonElement | null;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default BpkCalendarDate;

package/bpk-component-calendar/src/BpkCalendarGrid.d.ts

@@ -40,7 +40,7 @@ declare class BpkCalendarGrid extends Component<Props, State> {
     static defaultProps: DefaultProps;
     constructor(props: Props);
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 declare const BpkCalendarGridWithTransition: typeof BpkCalendarGrid | ((props: Omit<DefaultProps & {
     DateComponent: ElementType;
@@ -60,6 +60,6 @@ declare const BpkCalendarGridWithTransition: typeof BpkCalendarGrid | ((props: O
     className?: string | null;
     month?: Date;
     focusedDate?: Date | null;
-}, "TransitionComponent">) => JSX.Element);
+}, "TransitionComponent">) => import("react/jsx-runtime").JSX.Element);
 export default BpkCalendarGrid;
 export { BpkCalendarGridWithTransition };

package/bpk-component-calendar/src/BpkCalendarGridHeader.d.ts

@@ -22,6 +22,6 @@ declare class BpkCalendarGridHeader extends PureComponent<Props> {
         className: null;
         weekDayKey: string;
     };
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default BpkCalendarGridHeader;

package/bpk-component-calendar/src/BpkCalendarGridTransition.d.ts

@@ -26,8 +26,8 @@ declare class BpkCalendarGridTransition extends Component<Props, State> {
     UNSAFE_componentWillReceiveProps({ month: nextMonth }: Props): void;
     componentDidUpdate(): void;
     onMonthTransitionEnd(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
-declare const addCalendarGridTransition: <P extends {}>(TransitionComponent: ComponentType<P>) => (props: Omit<P & Props, keyof InjectedCalendarGridTransitionProps>) => JSX.Element;
+declare const addCalendarGridTransition: <P extends {}>(TransitionComponent: ComponentType<P>) => (props: Omit<P & Props, keyof InjectedCalendarGridTransitionProps>) => import("react/jsx-runtime").JSX.Element;
 export default BpkCalendarGridTransition;
 export { addCalendarGridTransition };

package/bpk-component-calendar/src/BpkCalendarNav.d.ts

@@ -19,5 +19,5 @@ type Props = {
     }) => void;
     disabled?: boolean;
 };
-declare const BpkCalendarNav: ({ changeMonthLabel, disabled, formatMonth, id, maxDate, minDate, month, nextMonthLabel, onMonthChange, previousMonthLabel, }: Props) => JSX.Element;
+declare const BpkCalendarNav: ({ changeMonthLabel, disabled, formatMonth, id, maxDate, minDate, month, nextMonthLabel, onMonthChange, previousMonthLabel, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkCalendarNav;

package/bpk-component-calendar/src/BpkCalendarWeek.d.ts

@@ -28,6 +28,6 @@ type DefaultProps = {
 declare class BpkCalendarWeek extends Component<Props> {
     static defaultProps: DefaultProps;
     shouldComponentUpdate(nextProps: Props): boolean;
-    render(): JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element | null;
 }
 export default BpkCalendarWeek;

package/bpk-component-calendar/src/composeCalendar.d.ts

@@ -78,5 +78,5 @@ export type Props = {
      */
     dateProps?: {} | null;
 };
-declare const composeCalendar: (Nav: ComponentType<any> | string | null, GridHeader: ComponentType<any> | string | null, Grid: ComponentType<any> | string, CalendarDate: ComponentType<any> | string | null) => ({ changeMonthLabel, className, customRowHeight, dateModifiers, dateProps, daysOfWeek, fixedWidth, focusedDate, formatDateFull, formatMonth, gridClassName, gridProps, headerProps, id, markOutsideDays, markToday, maxDate, minDate, month, navProps, nextMonthLabel, onDateClick, onDateKeyDown, onMonthChange, preventKeyboardFocus, previousMonthLabel, selectionConfiguration, weekDayKey, weekStartsOn, }: Props) => JSX.Element;
+declare const composeCalendar: (Nav: ComponentType<any> | string | null, GridHeader: ComponentType<any> | string | null, Grid: ComponentType<any> | string, CalendarDate: ComponentType<any> | string | null) => ({ changeMonthLabel, className, customRowHeight, dateModifiers, dateProps, daysOfWeek, fixedWidth, focusedDate, formatDateFull, formatMonth, gridClassName, gridProps, headerProps, id, markOutsideDays, markToday, maxDate, minDate, month, navProps, nextMonthLabel, onDateClick, onDateKeyDown, onMonthChange, preventKeyboardFocus, previousMonthLabel, selectionConfiguration, weekDayKey, weekStartsOn, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default composeCalendar;

package/bpk-component-card/src/BpkCard.d.ts

@@ -8,5 +8,5 @@ type Props = {
     atomic?: boolean;
     [rest: string]: any;
 };
-declare const BpkCard: ({ atomic, blank, children, className, href, padded, ...rest }: Props) => JSX.Element;
+declare const BpkCard: ({ atomic, blank, children, className, href, padded, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkCard;

package/bpk-component-card/src/BpkCardWrapper.d.ts

@@ -5,5 +5,5 @@ type Props = {
     backgroundColor: string;
     header: ReactNode;
 };
-declare const BpkCardWrapper: ({ backgroundColor, card, className, header, }: Props) => JSX.Element;
+declare const BpkCardWrapper: ({ backgroundColor, card, className, header, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkCardWrapper;

package/bpk-component-card/src/BpkDividedCard.d.ts

@@ -12,5 +12,5 @@ export type Props = {
     isElevated?: boolean;
     [rest: string]: any;
 };
-declare const BpkDividedCard: ({ href, isElevated, orientation, primaryContent, secondaryContent, ...rest }: Props) => JSX.Element;
+declare const BpkDividedCard: ({ href, isElevated, orientation, primaryContent, secondaryContent, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkDividedCard;

package/bpk-component-card-button/src/BpkSaveButton.d.ts

@@ -17,5 +17,5 @@ type Props = {
     size?: SizeType;
     style?: StyleType;
 };
-declare const BpkSaveButton: ({ accessibilityLabel, checked, onCheckedChange, size, style, }: Props) => JSX.Element;
+declare const BpkSaveButton: ({ accessibilityLabel, checked, onCheckedChange, size, style, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkSaveButton;

package/bpk-component-carousel/src/BpkCarousel.d.ts

@@ -1,3 +1,3 @@
 import type { Props } from './types';
-declare const BpkCarousel: ({ bottom, images, initialImageIndex, onImageChanged, }: Props) => JSX.Element;
+declare const BpkCarousel: ({ bottom, images, initialImageIndex, onImageChanged, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkCarousel;

package/bpk-component-carousel/src/BpkCarouselContainer.d.ts

@@ -6,5 +6,5 @@ type Props = {
     imagesRef: MutableRefObject<Array<HTMLElement | null>>;
     onImageChanged: OnImageChangedHandler;
 };
-declare const BpkScrollContainer: import("react").MemoExoticComponent<({ images, imagesRef, onImageChanged, onVisible }: Props) => JSX.Element>;
+declare const BpkScrollContainer: import("react").MemoExoticComponent<({ images, imagesRef, onImageChanged, onVisible }: Props) => import("react/jsx-runtime").JSX.Element>;
 export default BpkScrollContainer;

package/{bpk-component-input/src/BpkClearButton.module.css → bpk-component-carousel/src/utils.test.js}

@@ -1,18 +1,30 @@
 /*
  * Backpack - Skyscanner's Design System
- * 
- * Copyright 2016 Skyscanner Ltd
- * 
+ *
+ * Copyright 2022 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}
+
+import { renderHook } from '@testing-library/react';
+import { useScrollToInitialImage } from "./utils";
+describe('useScrollToInitialImage', () => {
+  it('should scroll to initial image on mount', () => {
+    const imagesRef = {
+      current: [document.createElement('div'), document.createElement('div')]
+    };
+    const initialImageIndex = 0;
+    renderHook(() => useScrollToInitialImage(initialImageIndex, imagesRef));
+    expect(imagesRef.current[initialImageIndex].scrollIntoView).toHaveBeenCalledTimes(1);
+  });
+});

package/bpk-component-chip/src/BpkDismissibleChip.d.ts

@@ -1,4 +1,4 @@
 import type { CommonProps as Props } from './commonTypes';
 type BpkDismissibleChipProps = Omit<Props, 'disabled' | 'selected'>;
-declare const BpkDismissibleChip: ({ className, leadingAccessoryView, type, ...rest }: BpkDismissibleChipProps) => JSX.Element;
+declare const BpkDismissibleChip: ({ className, leadingAccessoryView, type, ...rest }: BpkDismissibleChipProps) => import("react/jsx-runtime").JSX.Element;
 export default BpkDismissibleChip;

package/bpk-component-chip/src/BpkDropdownChip.d.ts

@@ -1,3 +1,3 @@
 import type { CommonProps as Props } from './commonTypes';
-declare const BpkDropdownChip: ({ disabled, leadingAccessoryView, selected, type, ...rest }: Props) => JSX.Element;
+declare const BpkDropdownChip: ({ disabled, leadingAccessoryView, selected, type, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkDropdownChip;

package/bpk-component-chip/src/BpkIconChip.d.ts

@@ -3,5 +3,5 @@ import type { CommonProps as Props } from './commonTypes';
 export type BpkIconChipProps = {
     leadingAccessoryView: ReactNode;
 } & Omit<Props, 'trailingAccessoryView' | 'leadingAccessoryView' | 'children'>;
-declare const BpkIconChip: (props: BpkIconChipProps) => JSX.Element;
+declare const BpkIconChip: (props: BpkIconChipProps) => import("react/jsx-runtime").JSX.Element;
 export default BpkIconChip;

package/bpk-component-chip/src/BpkSelectableChip.d.ts

@@ -5,5 +5,5 @@ export interface Props extends CommonProps {
     role?: string;
     trailingAccessoryView?: ReactNode;
 }
-declare const BpkSelectableChip: ({ accessibilityLabel, children, className, disabled, dismissible, leadingAccessoryView, role, selected, trailingAccessoryView, type, ...rest }: Props) => JSX.Element;
+declare const BpkSelectableChip: ({ accessibilityLabel, children, className, disabled, dismissible, leadingAccessoryView, role, selected, trailingAccessoryView, type, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkSelectableChip;

package/bpk-component-chip-group/src/BpkMultiSelectChipGroup.d.ts

@@ -43,5 +43,5 @@ export type MultiSelectProps = (RailChipGroupProps & {
 } | WrapChipGroupProps & {
     type: typeof CHIP_GROUP_TYPES.wrap;
 });
-declare const BpkMultiSelectChipGroup: (props: MultiSelectProps) => JSX.Element;
+declare const BpkMultiSelectChipGroup: (props: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default BpkMultiSelectChipGroup;

package/bpk-component-chip-group/src/BpkSingleSelectChipGroup.d.ts

@@ -4,5 +4,5 @@ export type SingleSelectProps = {
     onItemClick?: (item: SingleSelectChipItem, selected: boolean, index: number) => void;
     selectedIndex?: number;
 } & MultiSelectProps;
-declare const BpkSingleSelectChipGroup: ({ chips, onItemClick, selectedIndex, ...rest }: SingleSelectProps) => JSX.Element;
+declare const BpkSingleSelectChipGroup: ({ chips, onItemClick, selectedIndex, ...rest }: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default BpkSingleSelectChipGroup;

package/bpk-component-chip-group/src/Nudger.d.ts

@@ -10,5 +10,5 @@ type Props = {
     scrollContainerRef: MutableRefObject<HTMLElement | null>;
     position: (typeof POSITION)[keyof typeof POSITION];
 };
-declare const Nudger: ({ ariaLabel, chipStyle, position, scrollContainerRef }: Props) => JSX.Element | null;
+declare const Nudger: ({ ariaLabel, chipStyle, position, scrollContainerRef }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default Nudger;

package/bpk-component-close-button/src/BpkCloseButton.d.ts

@@ -6,5 +6,5 @@ type Props = {
     customIcon?: FunctionComponent<any> | null;
     onDark?: Boolean;
 };
-declare const BpkCloseButton: ({ className, customIcon, label, onClick, onDark, ...rest }: Props) => JSX.Element;
+declare const BpkCloseButton: ({ className, customIcon, label, onClick, onDark, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkCloseButton;

package/bpk-component-datatable/src/BpkDataTable.d.ts

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

package/bpk-component-datatable/src/BpkDataTableHeader.d.ts

@@ -4,5 +4,5 @@
  */
 declare const BpkDataTableHeader: ({ column }: {
     column: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default BpkDataTableHeader;

package/bpk-component-datepicker/src/BpkDatepicker.d.ts

@@ -80,8 +80,8 @@ declare class BpkDatepicker extends Component<Props, State> {
                     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;
@@ -118,8 +118,6 @@ declare class BpkDatepicker extends Component<Props, State> {
                     maxDate: Date;
                 }> & {
                     [rest: string]: any;
-                }> & Readonly<{
-                    children?: import("react").ReactNode | undefined;
                 }>;
                 state: Readonly<{
                     preventKeyboardFocus: boolean;
@@ -260,6 +258,6 @@ declare class BpkDatepicker extends Component<Props, State> {
      */
     getValue: (selectionConfiguration: SelectionConfiguration, formatDate: (date: Date) => string) => string;
     handleDateSelect: (startDate: Date, endDate?: Date | null) => void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default BpkDatepicker;

package/bpk-component-description-list/src/BpkDescriptionDetails.d.ts

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

package/bpk-component-description-list/src/BpkDescriptionList.d.ts

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

package/bpk-component-description-list/src/BpkDescriptionTerm.d.ts

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

package/bpk-component-dialog/src/BpkDialog.d.ts

@@ -1,3 +1,3 @@
 import type { Props } from './common-types';
-declare const BpkDialog: ({ children, closeLabel, dismissible, headerIcon, headerIconType, isOpen, onClose, renderTarget, ...rest }: Props) => JSX.Element;
+declare const BpkDialog: ({ children, closeLabel, dismissible, headerIcon, headerIconType, isOpen, onClose, renderTarget, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkDialog;

package/bpk-component-dialog/src/BpkDialogInner.d.ts

@@ -1,17 +1,15 @@
 import { type DialogInnerProps as Props } from './common-types';
 declare const _default: {
-    new (props: (import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">) | Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>): {
+    new (props: import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">): {
         dialogElement?: HTMLElement | null | undefined;
         componentDidMount(): void;
         componentWillUnmount(): void;
         dialogRef: (ref: HTMLElement | null | undefined) => void;
-        render(): JSX.Element;
-        context: any;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">> & Readonly<{
-            children?: import("react").ReactNode | undefined;
-        }>;
+        readonly props: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>;
         state: Readonly<{}>;
         refs: {
             [key: string]: import("react").ReactInstance;
@@ -32,13 +30,11 @@ declare const _default: {
         componentDidMount(): void;
         componentWillUnmount(): void;
         dialogRef: (ref: HTMLElement | null | undefined) => void;
-        render(): JSX.Element;
-        context: any;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">> & Readonly<{
-            children?: import("react").ReactNode | undefined;
-        }>;
+        readonly props: Readonly<import("../../bpk-scrim-utils/src/withScrim").Props & Omit<Props, "dialogRef">>;
         state: Readonly<{}>;
         refs: {
             [key: string]: import("react").ReactInstance;

package/bpk-component-floating-notification/src/BpkFloatingNotification.d.ts

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

package/bpk-component-graphic-promotion/src/BpkGraphicPromo.d.ts

@@ -23,5 +23,5 @@ export type Props = {
     textAlign: (typeof TEXT_ALIGN)[keyof typeof TEXT_ALIGN];
     style?: {};
 };
-declare const BpkGraphicPromo: ({ buttonText, className, contentId, headline, invertVertically, onClick, sponsor, style, subheading, tagline, textAlign, }: Props) => JSX.Element;
+declare const BpkGraphicPromo: ({ buttonText, className, contentId, headline, invertVertically, onClick, sponsor, style, subheading, tagline, textAlign, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkGraphicPromo;

package/bpk-component-icon/index.d.ts

@@ -3,11 +3,11 @@ import withAlignment from './src/withAlignment';
 import withDescription from './src/withDescription';
 import withRtlSupport from './src/withRtlSupport';
 declare function withButtonAlignment(WrappedComponent: ComponentType<any>): {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare function withLargeButtonAlignment(WrappedComponent: ComponentType<any>): {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { withButtonAlignment, withLargeButtonAlignment, withAlignment, withRtlSupport, withDescription, };

package/bpk-component-icon/src/classNameModifierHOCFactory.d.ts

@@ -3,7 +3,7 @@ declare const _default: (displayName: string, classNamesToAdd?: string[]) => (Co
     (props: {
         className?: string | null;
         [rest: string]: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default _default;

package/bpk-component-icon/src/withAlignment.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentType } from 'react';
 export default function withAlignment(Component: ComponentType | string, objectHeight: string, subjectHeight: string): {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };