@skyscanner/backpack-web 33.5.0 → 33.7.0

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-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';

package/bpk-component-datepicker/src/BpkDatepicker.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 { Component } from 'react';
 import type { ReactElement } from 'react';
 import type { DaysOfWeek, ReactComponent, SelectionConfiguration } from '../../bpk-component-calendar';
@@ -233,12 +215,7 @@ declare class BpkDatepicker extends Component<Props, State> {
                 };
                 initiallyFocusedDate: null;
                 markToday: boolean;
-                markOutsideDays: boolean; /**
-                 * Gets the correct value for the input field
-                 * @param {Object} selectionConfiguration current selection configuration
-                 * @param {Function} formatDate function supplied to format date
-                 * @returns {String} date value
-                 */
+                markOutsideDays: boolean;
             };
             contextType?: import("react").Context<any> | undefined;
         };

package/bpk-component-datepicker/src/BpkDatepicker.js

@@ -23,10 +23,7 @@ import BpkInput, { withOpenEvents } from "../../bpk-component-input";
 import BpkModal from "../../bpk-component-modal";
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkPopover from "../../bpk-component-popover";
-import { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkDatepicker.module.css";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
 const Input = withOpenEvents(BpkInput);
 const DefaultCalendar = withCalendarState(composeCalendar(BpkCalendarNav, BpkCalendarGridHeader, BpkCalendarGrid, BpkCalendarDate));
 class BpkDatepicker extends Component {
@@ -192,7 +189,6 @@ class BpkDatepicker extends Component {
     delete rest.onOpenChange;
     delete rest.isOpen;
     const input = inputComponent || /*#__PURE__*/_jsx("div", {
-      className: getClassName('bpk-datepicker__input'),
       ref: this.inputRef,
       children: /*#__PURE__*/_jsx(Input, {
         id: id,
@@ -210,7 +206,6 @@ class BpkDatepicker extends Component {
     });
     const calendarProps = {
       id: `${id}-calendar`,
-      className: getClassName('bpk-datepicker__calendar'),
       changeMonthLabel,
       dateModifiers,
       daysOfWeek,

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

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

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

@@ -1,25 +1,6 @@
-/*
- * 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 BpkDialog from './src/BpkDialog';
-import type { Props } from './src/common-types';
 import { HEADER_ICON_TYPES } from './src/common-types';
-
+import type { Props } from './src/common-types';
 export type BpkDialogProps = Props;
 export default BpkDialog;
 export { HEADER_ICON_TYPES };

package/bpk-component-dialog/src/BpkDialog.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 { Props } from './common-types';
 declare const BpkDialog: ({ children, closeLabel, dismissible, headerIcon, headerIconType, isOpen, onClose, renderTarget, ...rest }: Props) => JSX.Element;