@skyscanner/backpack-web 34.0.0-premajor.1 → 34.0.0

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

@@ -1,43 +1,16 @@
-/*
- * 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 { ReactNode } from 'react';
-
 export declare const ORIENTATION: {
-  readonly horizontal: 'horizontal';
-  readonly vertical: 'vertical';
+    readonly horizontal: "horizontal";
+    readonly vertical: "vertical";
 };
 export type Props = {
-  primaryContent: ReactNode;
-  secondaryContent: ReactNode;
-  orientation?: typeof ORIENTATION[keyof typeof ORIENTATION];
-  href?: string | null;
-  className?: string | null;
-  isElevated?: boolean;
-  [rest: string]: any;
+    primaryContent: ReactNode;
+    secondaryContent: ReactNode;
+    orientation?: (typeof ORIENTATION)[keyof typeof ORIENTATION];
+    href?: string | null;
+    className?: string | null;
+    isElevated?: boolean;
+    [rest: string]: any;
 };
-declare const BpkDividedCard: ({
-  className,
-  href,
-  isElevated,
-  orientation,
-  primaryContent,
-  secondaryContent,
-  ...rest
-}: Props) => JSX.Element;
+declare const BpkDividedCard: ({ className, href, isElevated, orientation, primaryContent, secondaryContent, ...rest }: Props) => JSX.Element;
 export default BpkDividedCard;

package/bpk-component-card-button/index.d.ts

@@ -0,0 +1,2 @@
+import BpkSaveButton, { SIZE_TYPES, STYLE_TYPES } from './src/BpkSaveButton';
+export { BpkSaveButton, SIZE_TYPES, STYLE_TYPES };

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

@@ -1,45 +1,21 @@
-/*
- * 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 { ReactNode, MouseEvent } from 'react';
+import type { MouseEvent } from 'react';
 export declare const SIZE_TYPES: {
-  default: 'default';
-  small: 'small';
+    readonly default: "default";
+    readonly small: "small";
 };
 export type SizeType = (typeof SIZE_TYPES)[keyof typeof SIZE_TYPES];
 export declare const STYLE_TYPES: {
-  default: 'default';
-  contained: 'contained';
-  onDark: 'onDark';
+    readonly default: "default";
+    readonly contained: "contained";
+    readonly onDark: "onDark";
 };
 export type StyleType = (typeof STYLE_TYPES)[keyof typeof STYLE_TYPES];
 type Props = {
-  checked: boolean;
-  accessibilityLabel: string;
-  onCheckedChange: (e: MouseEvent) => void;
-  size?: SizeType;
-  style?: StyleType;
+    checked: boolean;
+    accessibilityLabel: string;
+    onCheckedChange: (e: MouseEvent) => void;
+    size?: SizeType;
+    style?: StyleType;
 };
-declare const BpkSaveButton: ({
-  checked,
-  accessibilityLabel,
-  onCheckedChange,
-  size,
-  style,
-}: Props) => JSX.Element;
+declare const BpkSaveButton: ({ accessibilityLabel, checked, onCheckedChange, size, style, }: Props) => JSX.Element;
 export default BpkSaveButton;

package/bpk-component-card-button/src/BpkSaveButton.js

@@ -19,13 +19,9 @@
 import { useState } from 'react';
 import { BpkButtonV2 } from "../../bpk-component-button";
 import { withLargeButtonAlignment } from "../../bpk-component-icon";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkHeartIcon from "../../bpk-component-icon/lg/heart";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkHeartOutlineIcon from "../../bpk-component-icon/lg/heart--outline";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkHeartIconSm from "../../bpk-component-icon/sm/heart";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkHeartOutlineIconSm from "../../bpk-component-icon/sm/heart--outline";
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkSaveButton.module.css";

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

@@ -1,28 +1,10 @@
-/*
- * 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 BpkSelectableChip, { type Props as SelectableProps } from './src/BpkSelectableChip';
 import BpkDismissibleChip from './src/BpkDismissibleChip';
 import BpkDropdownChip from './src/BpkDropdownChip';
 import BpkIconChip from './src/BpkIconChip';
-import type { CommonProps } from './src/commonTypes';
+import BpkSelectableChip, { type Props as SelectableProps } from './src/BpkSelectableChip';
 import { CHIP_TYPES } from './src/commonTypes';
 import themeAttributes from './src/themeAttributes';
+import type { CommonProps } from './src/commonTypes';
 export type BpkSelectableChipProps = SelectableProps;
 export type BpkDismissibleChipProps = CommonProps;
 export type BpkDropdownChipProps = CommonProps;

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

@@ -1,21 +1,3 @@
-/*
- * 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.
- */
-
 /// <reference types="react" />
 import type { CommonProps as Props } from './commonTypes';
 type BpkDismissibleChipProps = Omit<Props, 'disabled' | 'selected'>;

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

@@ -21,8 +21,7 @@ The dismissible chip component is just a selectable chip that's
 been hard coded to have disabled={false}, selected and a trailing
 accessory view of a close icon.
 */
-
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+import { chipColors } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 import CloseCircleIconSm from "../../bpk-component-icon/sm/close-circle";
 import { cssModules } from "../../bpk-react-utils";
 import BpkSelectableChip from "./BpkSelectableChip";
@@ -36,23 +35,18 @@ const BpkDismissibleChip = ({
   type = CHIP_TYPES.default,
   ...rest
 }) => {
-  const iconClassNames = getClassName(`bpk-chip--${type}-dismissible__trailing-accessory-view`);
   const classNames = getClassName(`bpk-chip--${type}-dismissible`, className);
   return /*#__PURE__*/_jsx(BpkSelectableChip, {
     ...rest,
     leadingAccessoryView: leadingAccessoryView,
     disabled: false,
-    trailingAccessoryView: /*#__PURE__*/_jsx(CloseCircleIconSm
-    // TODO: className to be removed
-    // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-    , {
-      className: iconClassNames
+    dismissible: true,
+    trailingAccessoryView: /*#__PURE__*/_jsx(CloseCircleIconSm, {
+      fill: type === CHIP_TYPES.default || type === CHIP_TYPES.onImage ? chipColors.privateChipOnDarkOnDismissIconNight : chipColors.privateChipOnDarkOnDismissIconDay
     }),
     selected: true,
     type: type,
     role: "button" // Override role="checkbox" because this chip is not selectable.
-    // TODO: className to be removed
-    // eslint-disable-next-line @skyscanner/rules/forbid-component-props
     ,
     className: classNames
   });

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

@@ -1,29 +1,4 @@
-/*
- * 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.
- */
-
 /// <reference types="react" />
 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) => JSX.Element;
 export default BpkDropdownChip;

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

@@ -21,7 +21,6 @@ The dropdown chip component is just a selectable chip component
 with a trailing accessory view of a chevron down icon.
 */
 
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import ChevronDownIconSm from "../../bpk-component-icon/sm/chevron-down";
 import BpkSelectableChip from "./BpkSelectableChip";
 import { CHIP_TYPES } from "./commonTypes";

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

@@ -1,25 +1,7 @@
-/*
- * 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 { ReactNode } from 'react';
 import type { CommonProps as Props } from './commonTypes';
 export type BpkIconChipProps = {
     leadingAccessoryView: ReactNode;
 } & Omit<Props, 'trailingAccessoryView' | 'leadingAccessoryView' | 'children'>;
-declare const BpkIconChip: ({ className, ...rest }: BpkIconChipProps) => JSX.Element;
+declare const BpkIconChip: (props: BpkIconChipProps) => JSX.Element;
 export default BpkIconChip;

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

@@ -1,37 +1,9 @@
-/*
- * 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 { ReactNode } from 'react';
 import type { CommonProps } from './commonTypes';
 export interface Props extends CommonProps {
-  role?: string;
-  trailingAccessoryView?: ReactNode;
+    dismissible?: boolean;
+    role?: string;
+    trailingAccessoryView?: ReactNode;
 }
-declare const BpkSelectableChip: ({
-  accessibilityLabel,
-  children,
-  className,
-  disabled,
-  leadingAccessoryView,
-  role,
-  selected,
-  trailingAccessoryView,
-  type,
-  ...rest
-}: Props) => JSX.Element;
+declare const BpkSelectableChip: ({ accessibilityLabel, children, className, disabled, dismissible, leadingAccessoryView, role, selected, trailingAccessoryView, type, ...rest }: Props) => JSX.Element;
 export default BpkSelectableChip;

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

@@ -27,6 +27,7 @@ const BpkSelectableChip = ({
   children,
   className,
   disabled = false,
+  dismissible = false,
   leadingAccessoryView = null,
   role = 'checkbox',
   selected = false,
@@ -34,7 +35,7 @@ const BpkSelectableChip = ({
   type = CHIP_TYPES.default,
   ...rest
 }) => {
-  const classNames = getClassName('bpk-chip', `bpk-chip--${type}`, disabled && 'bpk-chip--disabled', disabled && `bpk-chip--${type}-disabled`, !children && 'bpk-chip--icon-only', !disabled && selected && `bpk-chip--${type}-selected`, className);
+  const classNames = getClassName('bpk-chip', `bpk-chip--${type}`, disabled && 'bpk-chip--disabled', disabled && `bpk-chip--${type}-disabled`, !children && 'bpk-chip--icon-only', !disabled && selected && `bpk-chip--${type}-selected`, dismissible && `bpk-chip--${type}-dismissible`, className);
   return /*#__PURE__*/_jsxs("button", {
     "aria-checked": role === 'button' || role === 'tab' ? undefined : selected,
     className: classNames,

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

@@ -1,56 +1,19 @@
-/*
- * 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';
+    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];
+    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;
+    accessibilityLabel: string;
+    disabled?: boolean;
+    selected?: boolean;
+    leadingAccessoryView?: ReactNode;
+    trailingAccessoryView?: 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/themeAttributes.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string[];
+export default _default;

package/bpk-component-close-button/src/BpkCloseButton.js

@@ -21,14 +21,15 @@ import STYLES from "./BpkCloseButton.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkCloseButton = props => {
-  const classNames = [getClassName('bpk-close-button')];
   const {
     className,
     customIcon,
     label,
     onClick,
+    onDark,
     ...rest
   } = props;
+  const classNames = [onDark ? getClassName('bpk-close-button__onDark') : getClassName('bpk-close-button__default')];
   const Icon = customIcon || CloseIcon;
   if (className) {
     classNames.push(className);
@@ -44,7 +45,7 @@ const BpkCloseButton = props => {
       className: classNames.join(' '),
       ...rest,
       children: /*#__PURE__*/_jsx("span", {
-        className: getClassName('bpk-close-button__icon'),
+        className: getClassName('bpk-close-button-icon'),
         children: /*#__PURE__*/_jsx(Icon, {})
       })
     })
@@ -54,10 +55,12 @@ BpkCloseButton.propTypes = {
   label: PropTypes.string.isRequired,
   onClick: PropTypes.func.isRequired,
   className: PropTypes.string,
-  customIcon: PropTypes.func
+  customIcon: PropTypes.func,
+  onDark: PropTypes.Boolean
 };
 BpkCloseButton.defaultProps = {
   className: null,
-  customIcon: null
+  customIcon: null,
+  onDark: false
 };
 export default BpkCloseButton;

package/bpk-component-close-button/src/BpkCloseButton.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-.bpk-close-button{width:1.5rem;height:1.5rem;margin-right:-0.125rem;margin-left:-0.125rem;padding:0;border:0;background-color:rgba(0,0,0,0);color:#626971;cursor:pointer;appearance:none;position:relative}.bpk-close-button::before{position:absolute;top:calc(-2.75rem/2 + 50%);left:calc(-2.75rem/2 + 50%);content:"";width:2.75rem;height:2.75rem}.bpk-no-touch-support .bpk-close-button:hover:not(:active):not(:disabled){color:#161616}:global(.bpk-no-touch-support) .bpk-close-button:hover:not(:active):not(:disabled){color:#161616}.bpk-close-button:active{color:#161616}.bpk-close-button__icon{vertical-align:-0.21875rem;fill:currentcolor}
+.bpk-close-button{width:1.5rem;height:1.5rem;margin-right:-0.125rem;margin-left:-0.125rem;padding:0;border:0;background-color:rgba(0,0,0,0);font-size:1.5rem;cursor:pointer;appearance:none;position:relative}.bpk-close-button::before{position:absolute;top:calc(-2.75rem/2 + 50%);left:calc(-2.75rem/2 + 50%);content:"";width:2.75rem;height:2.75rem}.bpk-close-button__default{color:#161616;composes:bpk-close-button}.bpk-no-touch-support .bpk-close-button__default:hover:not(:active):not(:disabled){color:#161616}:global(.bpk-no-touch-support) .bpk-close-button__default:hover:not(:active):not(:disabled){color:#161616}.bpk-close-button__default:active{color:#161616}.bpk-close-button__onDark{color:#fff;composes:bpk-close-button}.bpk-no-touch-support .bpk-close-button__onDark:hover:not(:active):not(:disabled){color:#fff}:global(.bpk-no-touch-support) .bpk-close-button__onDark:hover:not(:active):not(:disabled){color:#fff}.bpk-close-button__onDark:active{color:#fff}.bpk-close-button-icon{fill:currentcolor}

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

@@ -1,21 +1,3 @@
-/*
- * 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 BpkDataTable from './src/BpkDataTable';
 export { BpkDataTable };
 export default BpkDataTable;

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

@@ -1,21 +1,3 @@
-/*
- * 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.
- */
-
 /// <reference types="react" />
 import { type BpkDataTableProps } from './common-types';
 declare const BpkDataTable: (props: BpkDataTableProps) => JSX.Element;

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

@@ -1,21 +1,3 @@
-/*
- * 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.
- */
-
 /// <reference types="react" />
 /**
  * Internal component to render the header of a column.

package/bpk-component-datatable/src/BpkDataTableHeader.js

@@ -17,9 +17,7 @@
  */
 
 import { withRtlSupport } from "../../bpk-component-icon";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkSmallArrowDownIcon from "../../bpk-component-icon/sm/arrow-down";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkSmallArrowUpIcon from "../../bpk-component-icon/sm/arrow-up";
 import { cssModules } from "../../bpk-react-utils";
 import { SORT_DIRECTION_TYPES } from "./common-types";

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

@@ -1,22 +1,4 @@
-/*
- * 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.
- */
-
-/// <reference types="react" />
+import { type JSX } from "react";
 export declare const SORT_DIRECTION_TYPES: {
     readonly ASC: "ASC";
     readonly DESC: "DESC";
@@ -55,7 +37,7 @@ export type BpkDataTableProps = {
      * For custom sorting, pass a sort function - must be memoized. It should return 1 if rowA is larger, and -1 if rowB is larger.
      * You can also pass a string: basic, datetime, alphanumeric. By default, alphanumeric sorting will be applied.
      */
-    sort?: string | ((rowA: {}, rowB: {}, columnId: string, desc: boolean) => number);
+    sort?: string | ((rowA: any, rowB: any, columnId: string, desc: boolean) => number);
     /**
      * Use sortBy to specify which column the custom sorting will be applied to. To specify the column, use the accessor of the column.
      */
@@ -99,11 +81,11 @@ export type ColumnType = {
      * @returns {string | JSX.Element} The formatted cell data.
      */
     Cell?: (arg: {
-        rowData: {};
+        rowData: any;
         rowIndex: number;
         accessor: string;
         columnIndex: number;
-        cellData: {};
+        cellData: any;
     }) => JSX.Element | string;
     label?: string;
     style?: {};

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

@@ -1,21 +1,3 @@
-/*
- * 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 { ColumnType } from './common-types';
 /**
  * This function abstracts the Cell and Header of the react-table API.

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

@@ -1,21 +1,3 @@
-/*
- * 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 { CALENDAR_SELECTION_TYPE } from '../bpk-component-calendar';
 import BpkDatepicker from './src/BpkDatepicker';
 import themeAttributes from './src/themeAttributes';