@skyscanner/backpack-web 33.6.0 → 33.7.0

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

@@ -17,10 +17,8 @@
  */
 
 import { Component } from 'react';
-import { cssModules, wrapDisplayName } from "../../bpk-react-utils";
-import STYLES from "./BpkInput.module.css";
+import { wrapDisplayName } from "../../bpk-react-utils";
 import { jsx as _jsx } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
 const KEYCODES = {
   ENTER: 'Enter',
   SPACEBAR: 'Space'
@@ -41,7 +39,7 @@ const withEventHandler = (fn, eventHandler) => e => {
     eventHandler(e);
   }
 };
-const withOpenEvents = InputComponent => {
+const withOpenEvents = WithOpenEventsInputComponent => {
   class WithOpenEvents extends Component {
     static defaultProps = {
       // Custom props
@@ -101,10 +99,6 @@ const withOpenEvents = InputComponent => {
         onTouchEnd,
         ...rest
       } = this.props;
-      const classNames = [getClassName('bpk-input--with-open-events')];
-      if (className) {
-        classNames.push(className);
-      }
       const eventHandlers = {
         onClick: withEventHandler(onOpen, onClick),
         // @ts-expect-error for some reason the type KeyboardEvent was not being recognized as
@@ -122,17 +116,15 @@ const withOpenEvents = InputComponent => {
       // Needed on mobile as some Android devices do not trigger onClick or onTouch when TalkBack is active but do trigger onFocus
       eventHandlers.onFocus = withEventHandler(this.handleFocus, onFocus);
       eventHandlers.onBlur = withEventHandler(this.handleBlur, onBlur);
-      return /*#__PURE__*/_jsx(InputComponent
-      // TODO: className to be removed
-      // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-      , {
-        className: classNames.join(' '),
+      return /*#__PURE__*/_jsx(WithOpenEventsInputComponent, {
+        className: className,
         ...eventHandlers,
-        ...rest
+        ...rest,
+        "data-openable": true // This allows for conditional styling within BpkInput
       });
     }
   }
-  WithOpenEvents.displayName = wrapDisplayName(InputComponent, 'withOpenEvents');
+  WithOpenEvents.displayName = wrapDisplayName(WithOpenEventsInputComponent, 'withOpenEvents');
   return WithOpenEvents;
 };
 export default withOpenEvents;

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

@@ -1,28 +1,15 @@
-/*
- * 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 { Node } from 'react';
+import PropTypes from 'prop-types';
+import type { ReactNode } from 'react';
 import { type LatLong } from './common-types';
-
-export type Props = {
-  children: Node;
-  position: LatLong;
+type Props = {
+    children: ReactNode;
+    position: LatLong;
+};
+declare const BpkBasicMapMarker: {
+    (props: Props): JSX.Element;
+    propTypes: {
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        position: any;
+    };
 };
-
-declare const BpkBasicMapMarker: ({ children, position }: Props) => JSX.Element;
-
 export default BpkBasicMapMarker;

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

@@ -14,8 +14,12 @@
  * 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 PropTypes from 'prop-types';
+ */
+
+import PropTypes from 'prop-types';
+// @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) => ({
@@ -28,16 +32,12 @@ const BpkBasicMapMarker = props => {
     position,
     ...rest
   } = props;
-  return (
-    /*#__PURE__*/
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _jsx(BpkOverlayView, {
-      position: position,
-      getPixelPositionOffset: getPixelPositionOffset,
-      ...rest,
-      children: children
-    })
-  );
+  return /*#__PURE__*/_jsx(BpkOverlayView, {
+    position: position,
+    getPixelPositionOffset: getPixelPositionOffset,
+    ...rest,
+    children: children
+  });
 };
 BpkBasicMapMarker.propTypes = {
   children: PropTypes.node.isRequired,

package/bpk-component-map/src/BpkPriceMarkerV2/BpkPriceMarker.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 { MouseEvent, ReactNode } from 'react';
 export declare const MARKER_STATUSES: {
     readonly unselected: "unselected";

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

@@ -1,26 +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 BpkModal from './src/BpkModal';
+import { MODAL_STYLING } from './src/BpkModalInner';
 import { BpkModalV2 } from './src/BpkModalV2/BpkModal';
+import { propTypes, defaultProps } from './src/legacy-prop-types';
 import themeAttributes from './src/themeAttributes';
-import BpkModal from './src/BpkModal';
 import type { Props } from './src/BpkModal';
-import { propTypes, defaultProps } from './src/legacy-prop-types';
 export type BpkModalProps = Props;
 export default BpkModal;
-export { propTypes, defaultProps, themeAttributes, BpkModalV2 };
+export { propTypes, defaultProps, themeAttributes, BpkModalV2, MODAL_STYLING };

package/bpk-component-modal/src/BpkModal.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 { ReactNode } from 'react';
 import type { Props as ModalDialogProps, ModalStyle } from './BpkModalInner';
 export type Props = Partial<ModalDialogProps> & {
@@ -25,8 +7,8 @@ export type Props = Partial<ModalDialogProps> & {
     isOpen: boolean;
     closeOnScrimClick?: boolean;
     closeOnEscPressed?: boolean;
-    modalStyle?: ModalStyle;
     renderTarget?: null | HTMLElement | (() => null | HTMLElement);
+    modalStyle?: ModalStyle;
     onClose?: (arg0?: TouchEvent | MouseEvent | KeyboardEvent, arg1?: {
         source: 'ESCAPE' | 'DOCUMENT_CLICK';
     }) => void;
@@ -38,5 +20,5 @@ export type Props = Partial<ModalDialogProps> & {
      */
     getApplicationElement: () => HTMLElement | null;
 };
-declare const BpkModal: ({ accessoryView, className, closeLabel, closeOnEscPressed, closeOnScrimClick, closeText, contentClassName, dialogRef, fullScreen, fullScreenOnMobile, isIphone, isOpen, onClose, padded, renderTarget, showHeader, title, wide, ...rest }: Props) => JSX.Element;
+declare const BpkModal: ({ accessoryView, className, closeLabel, closeOnEscPressed, closeOnScrimClick, closeText, contentClassName, dialogRef, fullScreen, fullScreenOnMobile, isIphone, isOpen, modalStyle, onClose, padded, renderTarget, showHeader, title, wide, ...rest }: Props) => JSX.Element;
 export default BpkModal;

package/bpk-component-modal/src/BpkModalInner.d.ts

@@ -1,23 +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.
- */
-
 import type { ReactNode } from 'react';
-import { ModalStyle } from './BpkModalInner';
 export type Props = {
     id: string;
     children: ReactNode;
@@ -40,5 +21,10 @@ export type Props = {
      */
     accessoryView?: ReactNode;
 };
-declare const BpkModalInner: ({ accessoryView, children, className, closeLabel, closeText, contentClassName, dialogRef, fullScreen, fullScreenOnMobile, id, isIphone, onClose, padded, showHeader, title, wide, }: Props) => JSX.Element;
+export declare const MODAL_STYLING: {
+    default: string;
+    surfaceContrast: string;
+};
+export type ModalStyle = (typeof MODAL_STYLING)[keyof typeof MODAL_STYLING];
+declare const BpkModalInner: ({ accessoryView, children, className, closeLabel, closeText, contentClassName, dialogRef, fullScreen, fullScreenOnMobile, id, isIphone, modalStyle, onClose, padded, showHeader, title, wide, }: Props) => JSX.Element;
 export default BpkModalInner;

package/bpk-component-modal/src/BpkModalV2/BpkModal.d.ts

@@ -1,38 +1,18 @@
-/*
- * 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 { ReactNode } from 'react';
-import { ModalStyle } from '../BpkModalInner';
-
+import type { ModalStyle } from '../BpkModalInner';
 export type Props = {
-  id: string | undefined;
-  ariaLabelledby: string;
-  children: ReactNode;
-  closeLabel: string;
-  fullScreenOnDesktop?: boolean;
-  isOpen: boolean;
-  noFullScreenOnMobile?: boolean;
-  onClose: () => void | null;
-  padded?: boolean;
-  showHeader?: boolean;
-  title?: string | null;
-  wide?: boolean;
-  modalStyle?: ModalStyle;
+    id: string | undefined;
+    ariaLabelledby: string;
+    children: ReactNode;
+    closeLabel: string;
+    fullScreenOnDesktop?: boolean;
+    isOpen: boolean;
+    noFullScreenOnMobile?: boolean;
+    onClose: () => void | null;
+    padded?: boolean;
+    showHeader?: boolean;
+    title?: string | null;
+    wide?: boolean;
+    modalStyle?: ModalStyle;
 };
 export declare const BpkModalV2: (props: Props) => JSX.Element | null;

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

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

package/bpk-component-navigation-bar/index.d.ts

@@ -0,0 +1,7 @@
+import BpkNavigationBar, { type Props as BpkNavigationBarProps, BAR_STYLES } from './src/BpkNavigationBar';
+import BpkNavigationBarButtonLink, { type Props as BpkNavigationBarButtonLinkProps } from './src/BpkNavigationBarButtonLink';
+import BpkNavigationBarIconButton, { type Props as BpkNavigationBarIconButtonProps } from './src/BpkNavigationBarIconButton';
+import themeAttributes from './src/themeAttributes';
+export type { BpkNavigationBarProps, BpkNavigationBarIconButtonProps, BpkNavigationBarButtonLinkProps, };
+export { BpkNavigationBarIconButton, BpkNavigationBarButtonLink, themeAttributes, BAR_STYLES, };
+export default BpkNavigationBar;

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

@@ -0,0 +1,21 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { Tag, TextStyle } from '../../bpk-component-text/src/BpkText';
+export declare const BAR_STYLES: {
+    default: string;
+    onDark: string;
+};
+export type BarStyle = (typeof BAR_STYLES)[keyof typeof BAR_STYLES];
+export type Props = {
+    id: string;
+    title: ReactNode;
+    titleTextStyle?: TextStyle;
+    titleTagName?: Tag;
+    className?: string;
+    leadingButton?: ReactElement | null;
+    trailingButton?: ReactElement | null;
+    sticky?: boolean;
+    barStyle?: BarStyle;
+    [rest: string]: any;
+};
+declare const BpkNavigationBar: (props: Props) => JSX.Element;
+export default BpkNavigationBar;

package/bpk-component-navigation-bar/src/BpkNavigationBar.js

@@ -33,6 +33,8 @@ const BpkNavigationBar = props => {
     leadingButton,
     sticky = false,
     title,
+    titleTagName = "span",
+    titleTextStyle = TEXT_STYLES.heading5,
     trailingButton,
     ...rest
   } = props;
@@ -51,10 +53,14 @@ const BpkNavigationBar = props => {
       className: getClassNames('bpk-navigation-bar__title', `bpk-navigation-bar__title--${barStyle}`),
       children: /*#__PURE__*/_jsx(BpkText, {
         id: titleId,
-        textStyle: TEXT_STYLES.heading5,
+        textStyle: titleTextStyle,
+        tagName: titleTagName,
         children: title
       })
-    }) : title, trailingButton && /*#__PURE__*/_jsx("div", {
+    }) : /*#__PURE__*/_jsx("div", {
+      className: getClassNames('bpk-navigation-bar__title-container'),
+      children: title
+    }), trailingButton && /*#__PURE__*/_jsx("div", {
       className: getClassNames('bpk-navigation-bar__trailing-item', `bpk-navigation-bar__trailing-item-${barStyle}`),
       children: trailingButton
     })]

package/bpk-component-navigation-bar/src/BpkNavigationBar.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-.bpk-navigation-bar{position:relative;display:flex;min-height:3.5rem;padding:1rem;flex-direction:row;justify-content:center;align-items:center;background-color:#fff;background-color:var(--bpk-navigation-bar-background-color, rgb(255, 255, 255))}.bpk-navigation-bar--on-dark{background-color:#05203c}.bpk-navigation-bar__title{color:#161616;color:var(--bpk-navigation-bar-title-color, rgb(22, 22, 22))}.bpk-navigation-bar__title--on-dark{color:#fff}.bpk-navigation-bar__leading-item,.bpk-navigation-bar__trailing-item{position:absolute;font-size:.875rem;line-height:1.25rem;font-weight:700}.bpk-navigation-bar__leading-item{left:1rem}html[dir=rtl] .bpk-navigation-bar__leading-item{right:1rem;left:auto}.bpk-navigation-bar__trailing-item{right:1rem}html[dir=rtl] .bpk-navigation-bar__trailing-item{right:auto;left:1rem}.bpk-navigation-bar__sticky{position:sticky;top:0;z-index:899;box-shadow:0px 1px 3px 0px rgba(37,32,31,.3)}
+.bpk-navigation-bar{position:relative;display:grid;min-height:3.5rem;padding:1rem;grid-template-rows:auto;grid-template-columns:minmax(1.5rem, auto) minmax(1rem, 1fr) minmax(1.5rem, auto);justify-content:space-between;align-items:center;gap:1rem;background-color:#fff;background-color:var(--bpk-navigation-bar-background-color, rgb(255, 255, 255))}.bpk-navigation-bar--on-dark{background-color:#05203c}.bpk-navigation-bar__title{grid-column:2;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#161616;color:var(--bpk-navigation-bar-title-color, rgb(22, 22, 22))}.bpk-navigation-bar__title :first-child{display:inline}.bpk-navigation-bar__title--on-dark{color:#fff}.bpk-navigation-bar__title-container{justify-self:center}.bpk-navigation-bar__leading-item,.bpk-navigation-bar__trailing-item{font-size:.875rem;line-height:1.25rem;font-weight:700}.bpk-navigation-bar__leading-item{grid-column:1;justify-self:start}.bpk-navigation-bar__trailing-item{grid-column:3;justify-self:end}.bpk-navigation-bar__sticky{position:sticky;top:0;z-index:899;box-shadow:0px 1px 3px 0px rgba(37,32,31,.3)}

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

@@ -0,0 +1,12 @@
+import type { ComponentProps, MouseEvent, ReactNode } from 'react';
+import { BpkButtonLink } from '../../bpk-component-link';
+import { type BarStyle } from './BpkNavigationBar';
+export interface Props extends ComponentProps<BpkButtonLink> {
+    children: ReactNode;
+    onClick: (event: MouseEvent<HTMLElement>) => void;
+    className?: string;
+    barStyle?: BarStyle;
+    [rest: string]: any;
+}
+declare const BpkNavigationBarButtonLink: ({ barStyle, children, className, ...rest }: Props) => JSX.Element;
+export default BpkNavigationBarButtonLink;

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

@@ -0,0 +1,13 @@
+import type { ComponentType, MouseEvent, ReactNode } from 'react';
+import { type BarStyle } from './BpkNavigationBar';
+export type Props = {
+    icon: ComponentType<any>;
+    label: string;
+    onClick: (event: MouseEvent<HTMLElement>) => void;
+    className?: string;
+    barStyle?: BarStyle;
+    children?: ReactNode;
+    [rest: string]: any;
+};
+declare const BpkNavigationBarIconButton: ({ barStyle, className, icon, ...rest }: Props) => JSX.Element;
+export default BpkNavigationBarIconButton;

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

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

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

@@ -1,23 +1,5 @@
-/*
- * 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 BpkNudger from './src/BpkNudger';
 import BpkConfigurableNudger from './src/BpkConfigurableNudger';
+import BpkNudger from './src/BpkNudger';
 import themeAttributes from './src/themeAttributes';
 export default BpkNudger;
 export { themeAttributes, BpkConfigurableNudger };

package/bpk-component-nudger/src/BpkConfigurableNudger.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 } from './common-types';
 type Props = CommonProps & {

package/bpk-component-nudger/src/BpkConfigurableNudger.js

@@ -18,9 +18,7 @@
 
 import { BpkButtonV2, BUTTON_TYPES } from "../../bpk-component-button";
 import { withButtonAlignment } from "../../bpk-component-icon";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import MinusIcon from "../../bpk-component-icon/sm/minus";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import PlusIcon from "../../bpk-component-icon/sm/plus";
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkNudger.module.css";
@@ -48,8 +46,6 @@ const BpkConfigurableNudger = ({
   const classNames = getClassName('bpk-nudger', className);
   const maxButtonDisabled = compareValues(value, max) >= 0;
   const minButtonDisabled = compareValues(value, min) <= 0;
-  const minusIconClassNames = getClassName('bpk-nudger__icon', minButtonDisabled && 'bpk-nudger__icon--disabled');
-  const plusIconClassNames = getClassName('bpk-nudger__icon', maxButtonDisabled && 'bpk-nudger__icon--disabled');
   const inputStyles = getClassName('bpk-nudger__input', inputClassName && inputClassName, buttonType === 'secondaryOnDark' && 'bpk-nudger__input--secondary-on-dark');
   return /*#__PURE__*/_jsxs("div", {
     className: classNames,
@@ -59,17 +55,8 @@ const BpkConfigurableNudger = ({
       onClick: () => onChange(decrementValue(value)),
       disabled: minButtonDisabled,
       title: decreaseButtonLabel,
-      "aria-controls": id
-      // TODO: className to be removed
-      // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-      ,
-      className: getClassName('bpk-nudger__button'),
-      children: /*#__PURE__*/_jsx(AlignedMinusIcon
-      // TODO: className to be removed
-      // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-      , {
-        className: minusIconClassNames
-      })
+      "aria-controls": id,
+      children: /*#__PURE__*/_jsx(AlignedMinusIcon, {})
     }), /*#__PURE__*/_jsx("input", {
       type: "text",
       "aria-live": "polite",
@@ -85,17 +72,8 @@ const BpkConfigurableNudger = ({
       onClick: () => onChange(incrementValue(value)),
       disabled: maxButtonDisabled,
       title: increaseButtonLabel,
-      "aria-controls": id
-      // TODO: className to be removed
-      // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-      ,
-      className: getClassName('bpk-nudger__button'),
-      children: /*#__PURE__*/_jsx(AlignedPlusIcon
-      // TODO: className to be removed
-      // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-      , {
-        className: plusIconClassNames
-      })
+      "aria-controls": id,
+      children: /*#__PURE__*/_jsx(AlignedPlusIcon, {})
     })]
   });
 };

package/bpk-component-nudger/src/BpkNudger.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 } from './common-types';
 declare const BpkNudger: ({ buttonType, className, icon, id, subtitle, title, ...rest }: CommonProps) => JSX.Element;

package/bpk-component-nudger/src/BpkNudger.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-html[dir=rtl] .bpk-nudger{display:flex;flex-direction:row-reverse}.bpk-nudger__button{position:relative}.bpk-nudger__input{display:inline-block;padding:.5rem 0;border:none;color:#161616;text-align:center;vertical-align:middle;margin:0;font-size:1rem;line-height:1.25rem;font-weight:700}.bpk-nudger__input--secondary-on-dark{background-color:rgba(0,0,0,0);color:#fff}.bpk-nudger__input--numeric{width:2.5rem}.bpk-nudger__container{display:flex;justify-content:space-between;align-items:center}.bpk-nudger__label{display:flex;gap:.5rem}.bpk-nudger__label--title-subtitle{display:inline-flex;flex-direction:column;justify-content:space-between}.bpk-nudger__label--subtitle{color:#626971}
+html[dir=rtl] .bpk-nudger{display:flex;flex-direction:row-reverse}.bpk-nudger__input{display:inline-block;padding:.5rem 0;border:none;color:#161616;text-align:center;vertical-align:middle;margin:0;font-size:1rem;line-height:1.25rem;font-weight:700}.bpk-nudger__input--secondary-on-dark{background-color:rgba(0,0,0,0);color:#fff}.bpk-nudger__input--numeric{width:2.5rem}.bpk-nudger__container{display:flex;justify-content:space-between;align-items:center}.bpk-nudger__label{display:flex;gap:.5rem}.bpk-nudger__label--title-subtitle{display:inline-flex;flex-direction:column;justify-content:space-between}.bpk-nudger__label--subtitle{color:#626971}

package/bpk-component-nudger/src/common-types.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 { ReactNode } from "react";
 export declare const BUTTON_TYPES: {
     readonly secondary: "secondary";

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

@@ -0,0 +1,2 @@
+import { secondaryThemeAttributes as themeAttributes } from '../../bpk-component-button/themeAttributes';
+export default themeAttributes;

package/bpk-component-nudger/src/themeAttributes.js

@@ -16,6 +16,5 @@
  * limitations under the License.
  */
 
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { secondaryThemeAttributes as themeAttributes } from "../../bpk-component-button/themeAttributes";
 export default themeAttributes;

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

@@ -1,26 +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.
- */
-
-import BpkOverlay, {
-  OVERLAY_TYPES,
-  type Props as BpkOverlayProps,
-} from './src/BpkOverlay';
-
+import BpkOverlay, { OVERLAY_TYPES, type Props as BpkOverlayProps } from './src/BpkOverlay';
 export type { BpkOverlayProps };
 export default BpkOverlay;
 export { OVERLAY_TYPES };

package/bpk-component-overlay/src/BpkOverlay.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 { ComponentProps, ReactNode } from 'react';
 export declare const OVERLAY_TYPES: {
     readonly solidLow: "solidLow";