@skyscanner/backpack-web 42.27.3 → 43.0.0-dev-v28222480725.1

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

@@ -40,7 +40,7 @@ declare const withOpenEvents: <P extends object>(WithOpenEventsInputComponent: C
         handleTouchEnd: (event: UIEvent) => void;
         handleFocus: () => void;
         handleBlur: () => void;
-        render(): ReactElement;
+        render(): ReactElement<any>;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Omit<EventHandlers, "inputMode" | "aria-readonly" | "readOnly"> & WithOpenEventsProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -63,17 +63,6 @@ declare const withOpenEvents: <P extends object>(WithOpenEventsInputComponent: C
         UNSAFE_componentWillUpdate?(nextProps: Readonly<P & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Omit<EventHandlers, "inputMode" | "aria-readonly" | "readOnly"> & WithOpenEventsProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
-    defaultProps: {
-        isOpen: boolean;
-        hasTouchSupport: boolean;
-        onOpen: null;
-        onClick: null;
-        onFocus: null;
-        onBlur: null;
-        onTouchEnd: null;
-        onKeyDown: null;
-        onKeyUp: null;
-    };
     contextType?: import("react").Context<any> | undefined;
 };
 export default withOpenEvents;

package/bpk-component-input/src/withOpenEvents.js

@@ -23,6 +23,7 @@ const KEYCODES = {
   ENTER: 'Enter',
   SPACEBAR: 'Space'
 };
+const HAS_TOUCH_SUPPORT = !!(typeof window !== 'undefined' && 'ontouchstart' in window);
 const handleKeyEvent = callback => e => {
   if (e.code === KEYCODES.ENTER || e.code === KEYCODES.SPACEBAR) {
     if (callback) {
@@ -40,19 +41,6 @@ const withEventHandler = (fn, eventHandler) => e => {
 };
 const withOpenEvents = WithOpenEventsInputComponent => {
   class WithOpenEvents extends Component {
-    static defaultProps = {
-      // Custom props
-      isOpen: false,
-      hasTouchSupport: !!(typeof window !== 'undefined' && 'ontouchstart' in window),
-      onOpen: null,
-      // Input props
-      onClick: null,
-      onFocus: null,
-      onBlur: null,
-      onTouchEnd: null,
-      onKeyDown: null,
-      onKeyUp: null
-    };
     constructor(props) {
       super(props);
       this.focusCanOpen = true;
@@ -87,7 +75,7 @@ const withOpenEvents = WithOpenEventsInputComponent => {
     render() {
       const {
         className,
-        hasTouchSupport,
+        hasTouchSupport = HAS_TOUCH_SUPPORT,
         isOpen,
         onBlur,
         onClick,

package/bpk-component-layout/src/types.d.ts

@@ -3,19 +3,6 @@ import type StackOptionKeys from './BpkStack.constant';
 import type { BpkCommonLayoutProps } from './commonProps';
 import type { BpkSpacingValue, BpkResponsiveValue, BpkBasisValue } from './tokens';
 import type { BoxProps, FlexProps, GridProps, GridItemProps, StackProps } from '@chakra-ui/react';
-/**
- * Layout-level event props that should not be exposed on layout components.
- * onClick is handled via BpkCommonLayoutProps; onFocus/onBlur are reintroduced
- * on BpkBoxProps only.
- */
-type LayoutEventProps = 'onMouseEnter' | 'onMouseLeave' | 'onMouseOver' | 'onMouseOut' | 'onMouseDown' | 'onMouseUp' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyUp' | 'onKeyPress';
-/**
- * Shorthand props from the underlying layout system that we do NOT expose on
- * Backpack layout components. These mostly mirror longer-form spacing,
- * sizing and visual props that we already model explicitly via
- * BpkCommonLayoutProps and BpkFlexGridProps.
- */
-type DisallowedShorthandProps = 'p' | 'pt' | 'pr' | 'pb' | 'pl' | 'px' | 'py' | 'm' | 'mt' | 'mr' | 'mb' | 'ml' | 'mx' | 'my' | 'w' | 'h' | 'minW' | 'maxW' | 'minH' | 'maxH' | 'bg' | 'rounded' | 'shadow';
 /**
  * Flexbox & grid layout props that we explicitly support on Backpack layout
  * components. These are a curated subset of the underlying Box flex/grid API
@@ -79,17 +66,10 @@ type BpkBoxResponsiveLayoutProps = {
 };
 type BpkBoxResponsiveLayoutPropKeys = keyof BpkBoxResponsiveLayoutProps;
 /**
- * Base type that removes common layout props, reserved props (className,
- * children) and all layout-level event props from Chakra UI props.
- *
- * These will be replaced with Backpack-specific types.
- */
-export type RemoveCommonProps<T> = Omit<T, keyof BpkCommonLayoutProps | 'className' | 'children' | LayoutEventProps | FlexGridPropKeys | DisallowedShorthandProps>;
-/**
- * Component-specific props for BpkBox
- * Includes all Box props except those in BpkCommonLayoutProps
+ * Component-specific props for BpkBox.
+ * Explicit allowlist — does NOT inherit from Chakra BoxProps.
  */
-export interface BpkBoxSpecificProps extends Omit<RemoveCommonProps<BoxProps>, BpkBoxResponsiveLayoutPropKeys>, BpkBoxResponsiveLayoutProps, Omit<BpkFlexGridProps, BpkBoxResponsiveLayoutPropKeys> {
+export interface BpkBoxSpecificProps extends BpkBoxResponsiveLayoutProps, Omit<BpkFlexGridProps, BpkBoxResponsiveLayoutPropKeys> {
 }
 /**
  * Props for BpkBox component
@@ -147,10 +127,10 @@ export type BpkVesselProps = {
     as?: VesselElement;
 } & HTMLAttributes<HTMLElement>;
 /**
- * Component-specific props for BpkFlex
- * Includes all Flex props except those in BpkCommonLayoutProps
+ * Component-specific props for BpkFlex.
+ * Explicit allowlist — does NOT inherit from Chakra FlexProps.
  */
-export interface BpkFlexSpecificProps extends RemoveCommonProps<FlexProps> {
+export interface BpkFlexSpecificProps {
     direction?: BpkResponsiveValue<FlexProps['flexDirection']>;
     justify?: BpkResponsiveValue<FlexProps['justifyContent']>;
     align?: BpkResponsiveValue<FlexProps['alignItems']>;
@@ -168,10 +148,10 @@ export interface BpkFlexProps extends BpkCommonLayoutProps, BpkFlexSpecificProps
     children?: ReactNode;
 }
 /**
- * Component-specific props for BpkGrid
- * Includes all Grid props except those in BpkCommonLayoutProps
+ * Component-specific props for BpkGrid.
+ * Explicit allowlist — does NOT inherit from Chakra GridProps.
  */
-export interface BpkGridSpecificProps extends RemoveCommonProps<GridProps> {
+export interface BpkGridSpecificProps {
     justify?: BpkResponsiveValue<GridProps['justifyContent']>;
     align?: BpkResponsiveValue<GridProps['alignItems']>;
     templateColumns?: BpkResponsiveValue<GridProps['gridTemplateColumns']>;
@@ -194,10 +174,10 @@ export interface BpkGridProps extends BpkCommonLayoutProps, BpkGridSpecificProps
     children?: ReactNode;
 }
 /**
- * Component-specific props for BpkGridItem
- * Includes all GridItem props except those in BpkCommonLayoutProps
+ * Component-specific props for BpkGridItem.
+ * Explicit allowlist — does NOT inherit from Chakra GridItemProps.
  */
-export interface BpkGridItemSpecificProps extends RemoveCommonProps<GridItemProps> {
+export interface BpkGridItemSpecificProps {
     area?: GridItemProps['area'];
     colEnd?: GridItemProps['colEnd'];
     colStart?: GridItemProps['colStart'];
@@ -221,13 +201,17 @@ type BpkStackOptions = {
     [K in StackOptionKeysType]?: K extends keyof StackProps ? BpkResponsiveValue<StackProps[K]> | StackProps[K] : never;
 };
 /**
- * Component-specific props for BpkStack
- * Includes all Stack props except those in BpkCommonLayoutProps
+ * Component-specific props for BpkStack.
+ * Explicit allowlist — does NOT inherit from Chakra StackProps.
  * Overrides StackOptions to support BpkResponsiveValue.
  * `alignItems` and `justifyContent` are accepted as semantic aliases for `align` and `justify`.
  * If both are provided, `align`/`justify` take precedence.
+ *
+ * `alignItems` and `justifyContent` are explicitly omitted from `BpkFlexGridProps` here so
+ * that the responsive alias declarations below (which match BpkStackOptions) unambiguously
+ * replace the non-responsive `BoxProps` variants from `BpkFlexGridProps`.
  */
-export interface BpkStackSpecificProps extends Omit<RemoveCommonProps<StackProps>, StackOptionKeysType>, BpkStackOptions, Omit<BpkFlexGridProps, 'alignItems' | 'justifyContent'> {
+export interface BpkStackSpecificProps extends BpkStackOptions, Omit<BpkFlexGridProps, 'alignItems' | 'justifyContent'> {
     /** Alias for `align`. Maps to CSS `align-items`. Responsive — replaces the non-responsive BpkFlexGridProps.alignItems. */
     alignItems?: BpkStackOptions['align'];
     /** Alias for `justify`. Maps to CSS `justify-content`. Responsive — replaces the non-responsive BpkFlexGridProps.justifyContent. */

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

@@ -1,15 +1,8 @@
-import PropTypes from 'prop-types';
 import type { ReactNode } from 'react';
 import { type LatLong } from './common-types';
 type Props = {
     children: ReactNode;
     position: LatLong;
 };
-declare const BpkBasicMapMarker: {
-    (props: Props): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        position: any;
-    };
-};
+declare const BpkBasicMapMarker: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkBasicMapMarker;

package/bpk-component-map/src/BpkBasicMapMarker.js

@@ -16,13 +16,11 @@
  * limitations under the License.
  */
 
-import PropTypes from 'prop-types';
 import { getDataComponentAttribute } from "../../bpk-react-utils";
 
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkOverlayView from "./BpkOverlayView";
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import { LatLongPropType } from "./common-types";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getPixelPositionOffset = (width, height) => ({
   x: -(width / 2),
@@ -42,8 +40,4 @@ const BpkBasicMapMarker = props => {
     children: children
   });
 };
-BpkBasicMapMarker.propTypes = {
-  children: PropTypes.node.isRequired,
-  position: LatLongPropType.isRequired
-};
 export default BpkBasicMapMarker;

package/bpk-component-map/src/BpkIconMarker.js

@@ -24,12 +24,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkIconMarker = props => {
   const {
-    buttonProps,
-    className,
+    buttonProps = null,
+    className = null,
     icon,
-    onClick,
+    onClick = null,
     position,
-    selected,
+    selected = false,
     ...rest
   } = props;
   const wrapperClassNames = getClassName('bpk-icon-marker__wrapper', selected && 'bpk-icon-marker__wrapper--selected', className);
@@ -64,10 +64,4 @@ BpkIconMarker.propTypes = {
   selected: PropTypes.bool,
   buttonProps: PropTypes.object // eslint-disable-line react/forbid-prop-types
 };
-BpkIconMarker.defaultProps = {
-  className: null,
-  onClick: null,
-  selected: false,
-  buttonProps: null
-};
 export default BpkIconMarker;

package/bpk-component-map/src/BpkIconMarkerBackground.js

@@ -20,9 +20,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkIconMarkerBackground = props => {
   const {
-    disabled,
-    interactive,
-    selected,
+    disabled = false,
+    interactive = false,
+    selected = false,
     ...rest
   } = props;
   const classNames = getClassName('bpk-icon-marker-background', interactive && 'bpk-icon-marker-background--interactive', disabled && 'bpk-icon-marker-background--disabled', selected && 'bpk-icon-marker-background--selected');
@@ -61,9 +61,4 @@ const BpkIconMarkerBackground = props => {
     })
   );
 };
-BpkIconMarkerBackground.defaultProps = {
-  disabled: false,
-  interactive: false,
-  selected: false
-};
 export default BpkIconMarkerBackground;

package/bpk-component-map/src/BpkMap.js

@@ -24,20 +24,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkMap = props => {
   const {
-    bounds,
-    center,
-    children,
-    className,
-    greedyGestureHandling,
-    mapId,
-    mapOptionStyles,
-    mapRef,
-    onRegionChange,
-    onTilesLoaded,
-    onZoom,
-    panEnabled,
-    showControls,
-    zoom
+    bounds = null,
+    center = undefined,
+    children = null,
+    className = null,
+    greedyGestureHandling = false,
+    mapId = null,
+    mapOptionStyles = null,
+    mapRef = null,
+    onRegionChange = null,
+    onTilesLoaded = null,
+    onZoom = null,
+    panEnabled = true,
+    showControls = true,
+    zoom = 15
   } = props;
   if (!bounds && !center) {
     throw new Error('BpkMap: Provide either `bounds` or `center` props.');
@@ -138,20 +138,4 @@ BpkMap.propTypes = {
   })),
   mapId: PropTypes.string
 };
-BpkMap.defaultProps = {
-  bounds: null,
-  center: undefined,
-  children: null,
-  greedyGestureHandling: false,
-  mapRef: null,
-  onRegionChange: null,
-  onZoom: null,
-  onTilesLoaded: null,
-  panEnabled: true,
-  showControls: true,
-  zoom: 15,
-  className: null,
-  mapOptionStyles: null,
-  mapId: null
-};
 export default BpkMap;

package/bpk-component-map/src/withGoogleMapsScript.js

@@ -19,12 +19,13 @@ import { useJsApiLoader } from '@react-google-maps/api';
 import DefaultLoadingElement from "./DefaultLoadingElement";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const LibraryShapeType = PropTypes.arrayOf(PropTypes.oneOf(['drawing', 'geometry', 'localContext', 'places', 'visualization']));
+const DEFAULT_LIBRARIES = ['geometry', 'drawing', 'places'];
 function withGoogleMapsScript(Component) {
   const WithGoogleMapsScript = ({
     googleMapsApiKey,
-    libraries,
-    loadingElement,
-    preventGoogleFontsLoading,
+    libraries = DEFAULT_LIBRARIES,
+    loadingElement = /*#__PURE__*/_jsx(DefaultLoadingElement, {}),
+    preventGoogleFontsLoading = false,
     ...rest
   }) => {
     const {
@@ -52,11 +53,6 @@ function withGoogleMapsScript(Component) {
     libraries: LibraryShapeType,
     preventGoogleFontsLoading: PropTypes.bool
   };
-  WithGoogleMapsScript.defaultProps = {
-    loadingElement: /*#__PURE__*/_jsx(DefaultLoadingElement, {}),
-    preventGoogleFontsLoading: false,
-    libraries: ['geometry', 'drawing', 'places']
-  };
   return WithGoogleMapsScript;
 }
 export default withGoogleMapsScript;

package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.d.ts

@@ -21,7 +21,6 @@ type State = {
 };
 declare class BpkMobileScrollContainer extends Component<Props, State> {
     debouncedResize: DebouncedFunc<() => void>;
-    static defaultProps: Partial<Props>;
     constructor(props: Props);
     componentDidMount(): void;
     componentWillUnmount(): void;

package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.js

@@ -52,10 +52,6 @@ const computeScrollIndicatorClassName = (scrollerEl, leadingIndicatorClassName,
   return classNames;
 };
 class BpkMobileScrollContainer extends Component {
-  static defaultProps = {
-    innerContainerTagName: 'div',
-    showScrollbar: false
-  };
   constructor(props) {
     super(props);
     this.state = {
@@ -111,7 +107,7 @@ class BpkMobileScrollContainer extends Component {
       leadingIndicatorClassName,
       onScroll,
       scrollerRef,
-      showScrollbar,
+      showScrollbar = false,
       style,
       trailingIndicatorClassName,
       ...rest

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

@@ -3,9 +3,8 @@ import { MODAL_STYLING } from './src/BpkModalInner';
 import { BpkModalV2 } from './src/BpkModalV2/BpkModal';
 import BpkModalV3 from './src/BpkModalV3/BpkModalV3';
 import { MODAL_V3_TYPES } from './src/BpkModalV3/common-types';
-import { propTypes, defaultProps } from './src/legacy-prop-types';
 import themeAttributes from './src/themeAttributes';
 import type { Props } from './src/BpkModal';
 export type BpkModalProps = Props;
 export default BpkModal;
-export { propTypes, defaultProps, themeAttributes, BpkModalV2, BpkModalV3, MODAL_V3_TYPES, MODAL_STYLING, };
+export { themeAttributes, BpkModalV2, BpkModalV3, MODAL_V3_TYPES, MODAL_STYLING, };

package/bpk-component-modal/index.js

@@ -21,8 +21,6 @@ import { MODAL_STYLING } from "./src/BpkModalInner";
 import { BpkModalV2 } from "./src/BpkModalV2/BpkModal";
 import BpkModalV3 from "./src/BpkModalV3/BpkModalV3";
 import { MODAL_V3_TYPES } from "./src/BpkModalV3/common-types";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import { propTypes, defaultProps } from "./src/legacy-prop-types";
 import themeAttributes from "./src/themeAttributes";
 export default BpkModal;
-export { propTypes, defaultProps, themeAttributes, BpkModalV2, BpkModalV3, MODAL_V3_TYPES, MODAL_STYLING };
+export { themeAttributes, BpkModalV2, BpkModalV3, MODAL_V3_TYPES, MODAL_STYLING };

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

@@ -14,8 +14,8 @@ export type Props = {
      * Note: this prop only applies when `title` is a string; ReactNode titles are not truncated and wrap naturally. */
     wrapTitle?: boolean;
     className?: string;
-    leadingButton?: ReactElement | null;
-    trailingButton?: ReactElement | null;
+    leadingButton?: ReactElement<any> | null;
+    trailingButton?: ReactElement<any> | null;
     sticky?: boolean;
     barStyle?: BarStyle;
     [rest: string]: any;

package/bpk-component-phone-input/src/BpkPhoneInput.js

@@ -24,21 +24,21 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkPhoneInput = props => {
   const {
-    className,
+    className = null,
     dialingCode,
-    dialingCodeMask,
+    dialingCodeMask = false,
     dialingCodeProps,
     dialingCodes,
-    disabled,
+    disabled = false,
     id,
     label,
-    large,
+    large = false,
     name,
     onChange,
     onDialingCodeChange,
-    valid,
+    valid = null,
     value,
-    wrapperProps,
+    wrapperProps = {},
     ...rest
   } = props;
   const commonProps = {
@@ -164,12 +164,4 @@ BpkPhoneInput.propTypes = {
   valid: PropTypes.bool,
   wrapperProps: PropTypes.object // eslint-disable-line react/forbid-prop-types
 };
-BpkPhoneInput.defaultProps = {
-  className: null,
-  disabled: false,
-  dialingCodeMask: false,
-  large: false,
-  valid: null,
-  wrapperProps: {}
-};
 export default BpkPhoneInput;

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

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

package/bpk-component-popover/src/BpkPopover.js

@@ -135,7 +135,7 @@ const BpkPopover = ({
   const renderElement = typeof renderTarget === 'function' ? renderTarget() : renderTarget;
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [targetElement, isOpenState && /*#__PURE__*/_jsx(FloatingPortal, {
-      root: renderElement,
+      root: renderElement ?? undefined,
       children: /*#__PURE__*/_jsx(FloatingFocusManager, {
         context: context,
         children: /*#__PURE__*/_jsx("div", {

package/bpk-component-progress/src/BpkProgress.d.ts

@@ -12,14 +12,6 @@ export type Props = Omit<NativeDivProps, 'className'> & {
     getValueText?: ((value: number, min: number, max: number) => string) | null;
 };
 declare class BpkProgress extends Component<Props> {
-    static defaultProps: {
-        className: null;
-        stepped: boolean;
-        small: boolean;
-        onComplete: () => null;
-        onCompleteTransitionEnd: () => null;
-        getValueText: null;
-    };
     componentDidUpdate(previousProps: Props): void;
     handleCompleteTransitionEnd: () => void;
     render(): import("react/jsx-runtime").JSX.Element;

package/bpk-component-progress/src/BpkProgress.js

@@ -37,23 +37,17 @@ const renderSteps = numberOfSteps => {
   return steps;
 };
 class BpkProgress extends Component {
-  static defaultProps = {
-    className: null,
-    stepped: false,
-    small: false,
-    onComplete: () => null,
-    onCompleteTransitionEnd: () => null,
-    getValueText: null
-  };
   componentDidUpdate(previousProps) {
     const {
       max,
+      onComplete,
+      onCompleteTransitionEnd,
       value
     } = this.props;
-    if (value >= max && value !== previousProps.value && this.props.onComplete) {
-      this.props.onComplete();
-      if (!isTransitionEndSupported() && this.props.onCompleteTransitionEnd) {
-        this.props.onCompleteTransitionEnd();
+    if (value >= max && value !== previousProps.value) {
+      onComplete?.();
+      if (!isTransitionEndSupported() && onCompleteTransitionEnd) {
+        onCompleteTransitionEnd();
       }
     }
   }
@@ -69,14 +63,14 @@ class BpkProgress extends Component {
   };
   render() {
     const {
-      className,
-      getValueText,
+      className = null,
+      getValueText = null,
       max,
       min,
       onComplete,
       onCompleteTransitionEnd,
-      small,
-      stepped,
+      small = false,
+      stepped = false,
       value,
       ...rest
     } = this.props;

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

@@ -145,20 +145,6 @@ declare const _default: {
             focusedDate: Date;
         }>, nextContext: any): void;
     };
-    defaultProps: {
-        fixedWidth: boolean;
-        maxDate: Date;
-        minDate: Date;
-        onDateSelect: null;
-        onMonthChange: null;
-        selectionConfiguration: {
-            type: "single";
-            date: null;
-        };
-        initiallyFocusedDate: null;
-        markToday: boolean;
-        markOutsideDays: boolean;
-    };
     contextType?: import("react").Context<any> | undefined;
 };
 export default _default;

package/bpk-component-section-list/src/BpkSectionListItem.js

@@ -24,11 +24,11 @@ const BpkLargeChevronRightIconWithRtlSupport = withRtlSupport(BpkLargeChevronRig
 const getClassName = cssModules(STYLES);
 const BpkSectionListItem = props => {
   const {
-    blank,
+    blank = false,
     children,
-    className,
-    href,
-    onClick,
+    className = null,
+    href = null,
+    onClick = null,
     ...rest
   } = props;
   const classNames = [getClassName('bpk-section-list-item', (href || onClick) && 'bpk-section-list-item--interactive', className)];
@@ -83,10 +83,4 @@ BpkSectionListItem.propTypes = {
   href: PropTypes.string,
   onClick: PropTypes.func
 };
-BpkSectionListItem.defaultProps = {
-  blank: false,
-  className: null,
-  href: null,
-  onClick: null
-};
 export default BpkSectionListItem;

package/bpk-component-section-list/src/BpkSectionListSection.js

@@ -24,7 +24,7 @@ const getClassName = cssModules(STYLES);
 const BpkSectionListSection = props => {
   const {
     children,
-    headerText,
+    headerText = null,
     ...rest
   } = props;
   return /*#__PURE__*/_jsxs("section", {
@@ -47,7 +47,4 @@ BpkSectionListSection.propTypes = {
   children: PropTypes.node.isRequired,
   headerText: PropTypes.string
 };
-BpkSectionListSection.defaultProps = {
-  headerText: null
-};
 export default BpkSectionListSection;

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

@@ -27,7 +27,7 @@ export type TabPanelProps = {
 export declare const useSegmentedControlPanels: (buttonContents: string[] | ReactNode[], selectedIndex: number) => {
     controlProps: {
         id: string;
-        buttonContents: string[] | ReactNode[];
+        buttonContents: ReactNode[] | string[];
         selectedIndex: number;
     };
     getPanelProps: (index: number) => TabPanelProps;

package/bpk-component-select/src/BpkSelect.d.ts

@@ -9,7 +9,7 @@ export type Props = Omit<SelectHTMLAttributes<HTMLSelectElement>, 'className' |
     dockedFirst?: boolean;
     dockedLast?: boolean;
     dockedMiddle?: boolean;
-    image?: ReactElement | null;
+    image?: ReactElement<any> | null;
     large?: boolean;
     valid?: boolean | null;
     wrapperClassName?: string | null;

package/bpk-component-slider/src/BpkSlider.js

@@ -155,7 +155,7 @@ const BubbleInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     value,
     ...inputProps
   } = props;
-  const ref = useRef();
+  const ref = useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
 
   // This Hook Provides the native behaviour that the input range type would have around the "change" event.

package/bpk-component-spinner/src/SpinnerLayout.story-helpers.d.ts

@@ -1,12 +1,6 @@
-import PropTypes from 'prop-types';
 import type { ReactElement } from 'react';
 type Props = {
     children: Array<ReactElement<any, any>> | ReactElement<any, any>;
 };
-declare const SpinnerLayout: {
-    (props: Props): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    };
-};
+declare const SpinnerLayout: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default SpinnerLayout;