@skyscanner/backpack-web 23.2.2 → 24.0.0

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

@@ -0,0 +1,56 @@
+/*
+ * 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.
+ */
+
+import type PropTypes from 'prop-types';
+import type { ComponentProps, ReactNode, SyntheticEvent } from 'react';
+
+export declare const CHIP_TYPES: {
+  readonly default: 'default';
+  readonly onDark: 'on-dark';
+  readonly onImage: 'on-image';
+};
+interface ButtonProps extends Omit<ComponentProps<'button'>, 'type'> {
+  onClick: (event: SyntheticEvent<HTMLButtonElement>) => void | null;
+  children: ReactNode | string;
+  type?: typeof CHIP_TYPES[keyof typeof CHIP_TYPES];
+}
+export interface CommonProps extends ButtonProps {
+  accessibilityLabel: string;
+  disabled?: boolean;
+  selected?: boolean;
+  leadingAccessoryView?: ReactNode;
+}
+export declare const COMMON_PROP_TYPES: {
+  accessibilityLabel: PropTypes.Validator<string>;
+  children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+  onClick: PropTypes.Validator<(...args: any[]) => any>;
+  className: PropTypes.Requireable<string>;
+  disabled: PropTypes.Requireable<boolean>;
+  leadingAccessoryView: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+  selected: PropTypes.Requireable<boolean>;
+  trailingAccessoryView: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+  type: PropTypes.Requireable<'default' | 'on-dark' | 'on-image'>;
+};
+export declare const COMMON_DEFAULT_PROPS: {
+  disabled: boolean;
+  leadingAccessoryView: null;
+  selected: boolean;
+  trailingAccessoryView: null;
+  type: 'default';
+};
+export {};

package/bpk-component-chip/src/commonTypes.js

@@ -22,12 +22,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * 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.
- */const CHIP_TYPES = {
+ */
+
+const CHIP_TYPES = {
   default: 'default',
   onDark: 'on-dark',
   onImage: 'on-image'
 };
+
+// onClick and children are already part of the button props, but we need to specify that they are required
 exports.CHIP_TYPES = CHIP_TYPES;
+// TODO: Remove once chip examples have been migrated to TS
 const COMMON_PROP_TYPES = {
   accessibilityLabel: _propTypes.default.string.isRequired,
   children: _propTypes.default.node.isRequired,
@@ -39,9 +44,10 @@ const COMMON_PROP_TYPES = {
   trailingAccessoryView: _propTypes.default.node,
   type: _propTypes.default.oneOf(Object.values(CHIP_TYPES))
 };
+
+// TODO: Remove once chip examples have been migrated to TS
 exports.COMMON_PROP_TYPES = COMMON_PROP_TYPES;
 const COMMON_DEFAULT_PROPS = {
-  className: null,
   disabled: false,
   leadingAccessoryView: null,
   selected: false,

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

@@ -18,16 +18,5 @@
 
 /// <reference types="react" />
 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) => JSX.Element;
 export default BpkDialog;

package/bpk-component-dialog/src/BpkDialog.js

@@ -29,7 +29,6 @@ const _excluded = ["children", "closeLabel", "dismissible", "headerIcon", "heade
  * limitations under the License.
  */
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -62,7 +61,7 @@ const BpkDialog = _ref => {
       onClose: onClose,
       closeOnScrimClick: dismissible,
       containerClassName: getClassName('bpk-dialog__container'),
-      contentClassName: headerIcon ? getClassName('bpk-dialog--with-icon') : null
+      contentClassName: headerIcon ? getClassName('bpk-dialog--with-icon') : undefined
     }, rest), {}, {
       children: [headerIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: headerIconClassNames,

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

@@ -16,6 +16,260 @@
  * limitations under the License.
  */
 
-/* eslint-disable no-underscore-dangle */
-declare const _default: any;
+/// <reference types="react" />
+import { type DialogInnerProps as Props } from './common-types';
+declare const _default: {
+    new (props: (Props & {
+        getApplicationElement: () => HTMLElement | null;
+        containerClassName?: string | undefined;
+        closeOnScrimClick?: boolean | undefined;
+    } & {
+        [rest: string]: any;
+        onClose?: (() => void | null) | undefined;
+        isIphone?: boolean | undefined;
+        isIpad?: boolean | undefined;
+    }) | Readonly<Props & {
+        getApplicationElement: () => HTMLElement | null;
+        containerClassName?: string | undefined;
+        closeOnScrimClick?: boolean | undefined;
+    } & {
+        [rest: string]: any;
+        onClose?: (() => void | null) | undefined;
+        isIphone?: boolean | undefined;
+        isIpad?: boolean | undefined;
+    }>): {
+        dialogElement?: import("react").RefObject<HTMLElement> | undefined;
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        dialogRef: (ref: import("react").RefObject<HTMLElement>) => void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }> & Readonly<{
+            children?: import("react").ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: Props & {
+        getApplicationElement: () => HTMLElement | null;
+        containerClassName?: string | undefined;
+        closeOnScrimClick?: boolean | undefined;
+    } & {
+        [rest: string]: any;
+        onClose?: (() => void | null) | undefined;
+        isIphone?: boolean | undefined;
+        isIpad?: boolean | undefined;
+    }, context: any): {
+        dialogElement?: import("react").RefObject<HTMLElement> | undefined;
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        dialogRef: (ref: import("react").RefObject<HTMLElement>) => void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }> & Readonly<{
+            children?: import("react").ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & {
+            getApplicationElement: () => HTMLElement | null;
+            containerClassName?: string | undefined;
+            closeOnScrimClick?: boolean | undefined;
+        } & {
+            [rest: string]: any;
+            onClose?: (() => void | null) | undefined;
+            isIphone?: boolean | undefined;
+            isIpad?: boolean | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    defaultProps: {
+        onClose: null;
+        isIphone: boolean;
+        isIpad: boolean;
+        containerClassName: null;
+        closeOnScrimClick: boolean;
+    };
+    contextType?: import("react").Context<any> | undefined;
+};
 export default _default;

package/bpk-component-dialog/src/BpkDialogInner.js

@@ -30,10 +30,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkDialogInnerModule.default);
 const BpkDialogInner = props => {
   const {

package/bpk-component-dialog/src/common-types.d.ts

@@ -16,30 +16,29 @@
  * limitations under the License.
  */
 
-import type { ReactNode, SyntheticEvent } from 'react';
-
+import type { ReactNode } from 'react';
 export declare const HEADER_ICON_TYPES: {
-  readonly primary: 'primary';
-  readonly warning: 'warning';
-  readonly destructive: 'destructive';
+    readonly primary: "primary";
+    readonly warning: "warning";
+    readonly destructive: "destructive";
 };
 export type DialogInnerProps = {
-  ariaLabel: string;
-  id: string;
-  children: ReactNode;
-  dialogRef?: (ref: HTMLElement) => void;
-  getApplicationElement: () => HTMLElement | null;
-  className?: string;
-  contentClassName?: string;
-  flare?: boolean;
-  flareClassName?: string;
+    ariaLabel: string;
+    id: string;
+    children: ReactNode;
+    dialogRef: (ref: HTMLElement | null | undefined) => void;
+    getApplicationElement: () => HTMLElement | null;
+    className?: string;
+    contentClassName?: string;
+    flare?: boolean;
+    flareClassName?: string;
 };
 export type Props = DialogInnerProps & {
-  isOpen: boolean;
-  renderTarget?: () => HTMLElement | null;
-  onClose: (event: SyntheticEvent) => void | null;
-  closeLabel?: string;
-  dismissible?: boolean;
-  headerIcon?: ReactNode;
-  headerIconType?: typeof HEADER_ICON_TYPES[keyof typeof HEADER_ICON_TYPES];
+    isOpen: boolean;
+    renderTarget?: () => HTMLElement | null;
+    onClose: (event?: TouchEvent | MouseEvent | KeyboardEvent) => void | null;
+    closeLabel?: string;
+    dismissible?: boolean;
+    headerIcon?: ReactNode;
+    headerIconType?: typeof HEADER_ICON_TYPES[keyof typeof HEADER_ICON_TYPES];
 };

package/bpk-component-graphic-promotion/src/BpkGraphicPromo.js

@@ -30,10 +30,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkGraphicPromoModule.default);
 const ACCESSIBILITY_KEYS = {
   Enter: 13 /* Enter */,

package/bpk-component-icon/src/classNameModifierHOCFactory.js

@@ -24,7 +24,6 @@ const _excluded = ["className"];
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

package/bpk-component-icon/src/withAlignment.js

@@ -26,7 +26,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
                                                                                                                                                                                                                                                                                                                                                                                            * 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.
-                                                                                                                                                                                                                                                                                                                                                                                           */ // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+                                                                                                                                                                                                                                                                                                                                                                                           */
 function withAlignment(Component, objectHeight, subjectHeight) {
   const WithAlignment = props => {
     const objectHeightDecimal = `${objectHeight}`.replace('rem', '');

package/bpk-component-icon/src/withDescription.js

@@ -28,7 +28,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
                                                                                                                                                                                                                                                                                                                                                                                            * 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.
-                                                                                                                                                                                                                                                                                                                                                                                           */ // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+                                                                                                                                                                                                                                                                                                                                                                                           */
 const getClassName = (0, _bpkReactUtils.cssModules)(_withDescriptionModule.default);
 function withDescription(Component, description) {
   const WithDescription = props => /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {

package/bpk-component-icon/src/withRtlSupport.js

@@ -26,8 +26,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * limitations under the License.
  */
 
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkIconModule.default);
 var _default = (0, _classNameModifierHOCFactory.default)('withRtlSupport', [getClassName('bpk-icon--rtl-support')]);
 exports.default = _default;

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

@@ -0,0 +1,39 @@
+/*
+ * 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.
+ */
+
+import BpkInput from './src/BpkInput';
+import withOpenEvents from './src/withOpenEvents';
+import {
+  propTypes,
+  defaultProps,
+  CLEAR_BUTTON_MODES,
+  INPUT_TYPES,
+  type Props,
+} from './src/common-types';
+import themeAttributes from './src/themeAttributes';
+
+export default BpkInput;
+export type BpkInputProps = Props;
+export {
+  propTypes,
+  defaultProps,
+  withOpenEvents,
+  INPUT_TYPES,
+  CLEAR_BUTTON_MODES,
+  themeAttributes,
+};

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

@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+
+type Props = {
+  label: string;
+};
+declare const BpkClearButton: ({
+  className,
+  label,
+  onClick,
+  ...rest
+}: Props) => JSX.Element;
+export default BpkClearButton;

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _closeCircle = _interopRequireDefault(require("../../bpk-component-icon/sm/close-circle"));
 var _bpkComponentIcon = require("../../bpk-component-icon");
 var _bpkReactUtils = require("../../bpk-react-utils");
@@ -28,6 +27,7 @@ const _excluded = ["className", "label", "onClick"];
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -38,14 +38,14 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkClearButtonModule.default);
 const ClearButtonIcon = (0, _bpkComponentIcon.withButtonAlignment)(_closeCircle.default);
-const BpkClearButton = props => {
-  const classNames = [getClassName('bpk-clear-button')];
-  const {
+const BpkClearButton = _ref => {
+  let {
       className,
       label,
       onClick
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const classNames = [getClassName('bpk-clear-button')];
   if (className) {
     classNames.push(className);
   }
@@ -67,13 +67,5 @@ const BpkClearButton = props => {
     }))
   );
 };
-BpkClearButton.propTypes = {
-  label: _propTypes.default.string.isRequired,
-  onClick: _propTypes.default.func.isRequired,
-  className: _propTypes.default.string
-};
-BpkClearButton.defaultProps = {
-  className: null
-};
 var _default = BpkClearButton;
 exports.default = _default;