@skyscanner/backpack-web 38.15.0 → 38.17.0

package/bpk-component-banner-alert/src/AnimateAndFade.d.ts

@@ -22,8 +22,7 @@ declare class AnimateAndFade extends Component<Props, State> {
     };
     constructor(props: Props);
     componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-    componentDidUpdate(): void;
+    componentDidUpdate(prevProps: Props): void;
     onAnimateHeightComplete: () => void;
     onFadeComplete: () => void;
     toggle: () => void;

package/bpk-component-banner-alert/src/AnimateAndFade.js

@@ -49,13 +49,10 @@ class AnimateAndFade extends Component {
       this.toggle();
     }
   }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.show === this.props.show) {
-      return;
+  componentDidUpdate(prevProps) {
+    if (this.props.show !== prevProps.show) {
+      this.toggle();
     }
-    this.toggle();
-  }
-  componentDidUpdate() {
     if (this.state.initiateShow) {
       // React doesn't like us calling setState from componentDidUpdate as it can lead to an infinite re-renders.
       // I think it is ok here, however, as this will only happen conditionally (ie once)

package/bpk-component-calendar/src/BpkCalendarContainer.d.ts

@@ -44,7 +44,7 @@ type State = {
 };
 declare const withCalendarState: <P extends object>(Calendar: ComponentType<P>) => {
     new (props: CalendarProps<P>): {
-        UNSAFE_componentWillReceiveProps(nextProps: CalendarProps<P>): void;
+        componentDidUpdate(prevProps: CalendarProps<P>): void;
         handleDateFocus: (event: UIEvent, { date, source }: {
             date: Date;
             source: string;
@@ -69,10 +69,10 @@ declare const withCalendarState: <P extends object>(Calendar: ComponentType<P>)
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<CalendarProps<P>>, prevState: Readonly<State>): any;
-        componentDidUpdate?(prevProps: Readonly<CalendarProps<P>>, prevState: Readonly<State>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<CalendarProps<P>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<CalendarProps<P>>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<CalendarProps<P>>, nextState: Readonly<State>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<CalendarProps<P>>, nextState: Readonly<State>, nextContext: any): void;
     };
@@ -94,7 +94,7 @@ declare const withCalendarState: <P extends object>(Calendar: ComponentType<P>)
 };
 declare const _default: {
     new (props: CalendarProps<import("./composeCalendar").Props>): {
-        UNSAFE_componentWillReceiveProps(nextProps: CalendarProps<import("./composeCalendar").Props>): void;
+        componentDidUpdate(prevProps: CalendarProps<import("./composeCalendar").Props>): void;
         handleDateFocus: (event: UIEvent, { date, source }: {
             date: Date;
             source: string;
@@ -119,10 +119,10 @@ declare const _default: {
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<CalendarProps<import("./composeCalendar").Props>>, prevState: Readonly<State>): any;
-        componentDidUpdate?(prevProps: Readonly<CalendarProps<import("./composeCalendar").Props>>, prevState: Readonly<State>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<CalendarProps<import("./composeCalendar").Props>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<CalendarProps<import("./composeCalendar").Props>>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<CalendarProps<import("./composeCalendar").Props>>, nextState: Readonly<State>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<CalendarProps<import("./composeCalendar").Props>>, nextState: Readonly<State>, nextContext: any): void;
     };

package/bpk-component-calendar/src/BpkCalendarContainer.js

@@ -28,24 +28,24 @@ import { addDays, addMonths, dateToBoundaries, isAfter, isSameMonth, isSameDay,
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Updates the current focused date
- * @param {Object} currentProps current input properties
- * @param {Object} nextProps next input properties when component changes
+ * @param {Object} prevProps previous input properties
+ * @param {Object} currentProps current input properties when component changes
  * @returns {Boolean} if the selected date has changed
  */
-const focusedDateHasChanged = (currentProps, nextProps) => {
+const focusedDateHasChanged = (prevProps, currentProps) => {
+  const prevSelectConfig = prevProps.selectionConfiguration;
   const currentSelectConfig = currentProps.selectionConfiguration;
-  const nextSelectConfig = nextProps.selectionConfiguration;
-  const rawNextSelectedDate = nextSelectConfig.type === CALENDAR_SELECTION_TYPE.single ? nextSelectConfig.date : nextSelectConfig.startDate;
-  const rawSelectedDate = currentSelectConfig.type === CALENDAR_SELECTION_TYPE.single ? currentSelectConfig.date : currentSelectConfig.startDate;
-  if (!rawSelectedDate && !rawNextSelectedDate) {
+  const rawCurrentSelectedDate = currentSelectConfig.type === CALENDAR_SELECTION_TYPE.single ? currentSelectConfig.date : currentSelectConfig.startDate;
+  const rawPrevSelectedDate = prevSelectConfig.type === CALENDAR_SELECTION_TYPE.single ? prevSelectConfig.date : prevSelectConfig.startDate;
+  if (!rawPrevSelectedDate && !rawCurrentSelectedDate) {
     return false;
   }
-  if (rawSelectedDate && !rawNextSelectedDate || !rawSelectedDate && rawNextSelectedDate) {
+  if (rawPrevSelectedDate && !rawCurrentSelectedDate || !rawPrevSelectedDate && rawCurrentSelectedDate) {
     return true;
   }
 
   // @ts-expect-error TS reporting incorrectly as we are already checking above that the dates are not null
-  return !isSameDay(rawNextSelectedDate, rawSelectedDate);
+  return !isSameDay(rawCurrentSelectedDate, rawPrevSelectedDate);
 };
 
 /**
@@ -115,11 +115,11 @@ const withCalendarState = Calendar => {
         focusedDate: determineFocusedDate(rawSelectedDate[0], initiallyFocusedDate, minDate, maxDate)
       };
     }
-    UNSAFE_componentWillReceiveProps(nextProps) {
-      const rawNextSelectedDate = getRawSelectedDate(nextProps.selectionConfiguration);
-      const minDate = startOfDay(nextProps.minDate);
-      const maxDate = startOfDay(nextProps.maxDate);
-      if (focusedDateHasChanged(this.props, nextProps)) {
+    componentDidUpdate(prevProps) {
+      const rawNextSelectedDate = getRawSelectedDate(this.props.selectionConfiguration);
+      const minDate = startOfDay(this.props.minDate);
+      const maxDate = startOfDay(this.props.maxDate);
+      if (focusedDateHasChanged(prevProps, this.props)) {
         this.setState({
           focusedDate: dateToBoundaries(rawNextSelectedDate[0], minDate, maxDate)
         });

package/bpk-component-calendar/src/BpkCalendarGrid.d.ts

@@ -50,7 +50,7 @@ declare class BpkCalendarGrid extends Component<Props, State> {
     static defaultProps: DefaultProps;
     constructor(props: Props);
     componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
+    componentDidUpdate(prevProps: Props): void;
     render(): import("react/jsx-runtime").JSX.Element;
 }
 declare const BpkCalendarGridWithTransition: typeof BpkCalendarGrid | ((props: Omit<DefaultProps & {

package/bpk-component-calendar/src/BpkCalendarGrid.js

@@ -69,11 +69,11 @@ class BpkCalendarGrid extends Component {
       calendarMonthWeeks: getCalendar(this.props.month, this.props.weekStartsOn, this.props.formatDateFull)
     });
   }
-  UNSAFE_componentWillReceiveProps(nextProps) {
+  componentDidUpdate(prevProps) {
     // We cache expensive calculations (and identities) in state
-    if (!isSameMonth(nextProps.month, this.props.month) || nextProps.weekStartsOn !== this.props.weekStartsOn) {
+    if (!isSameMonth(this.props.month, prevProps.month) || this.props.weekStartsOn !== prevProps.weekStartsOn) {
       this.setState({
-        calendarMonthWeeks: getCalendar(nextProps.month, nextProps.weekStartsOn, nextProps.formatDateFull)
+        calendarMonthWeeks: getCalendar(this.props.month, this.props.weekStartsOn, this.props.formatDateFull)
       });
     }
   }

package/bpk-component-calendar/src/BpkCalendarGridTransition.d.ts

@@ -23,8 +23,7 @@ declare class BpkCalendarGridTransition extends Component<Props, State> {
         focusedDate: null;
     };
     constructor(props: Props);
-    UNSAFE_componentWillReceiveProps({ month: nextMonth }: Props): void;
-    componentDidUpdate(): void;
+    componentDidUpdate(prevProps: Props): void;
     onMonthTransitionEnd(): void;
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/bpk-component-calendar/src/BpkCalendarGridTransition.js

@@ -51,16 +51,18 @@ class BpkCalendarGridTransition extends Component {
     };
     this.isTransitionEndSupported = isTransitionEndSupported();
   }
-  UNSAFE_componentWillReceiveProps({
-    month: nextMonth = new Date()
-  }) {
+  componentDidUpdate(prevProps) {
     const {
-      month = new Date()
+      month: currentMonth = new Date()
     } = this.props;
-    const hasMonthChanged = !isSameMonth(month, nextMonth);
+    const {
+      month: previousMonth = new Date()
+    } = prevProps;
+    const hasMonthChanged = !isSameMonth(previousMonth, currentMonth);
     if (hasMonthChanged) {
       const reverse = isRTL();
-      if (differenceInCalendarMonths(nextMonth, month) === 1) {
+      const monthDifference = differenceInCalendarMonths(currentMonth, previousMonth);
+      if (monthDifference === 1) {
         // Transition to next month
         this.setState({
           transitionValue: reverse ? transitionValues.previous : transitionValues.next,
@@ -68,7 +70,7 @@ class BpkCalendarGridTransition extends Component {
         });
         return;
       }
-      if (differenceInCalendarMonths(nextMonth, month) === -1) {
+      if (monthDifference === -1) {
         // Transition to previous month
         this.setState({
           transitionValue: reverse ? transitionValues.next : transitionValues.previous,
@@ -79,12 +81,11 @@ class BpkCalendarGridTransition extends Component {
       this.setState({
         // Used in a test so this is valid usage.
         // eslint-disable-next-line react/no-unused-state
-        currentMonth: nextMonth,
-        months: [addMonths(nextMonth, -1), nextMonth, addMonths(nextMonth, 1)]
+        currentMonth,
+        months: [addMonths(currentMonth, -1), currentMonth, addMonths(currentMonth, 1)]
       });
     }
-  }
-  componentDidUpdate() {
+
     // For IE9, immediately call onMonthTransitionEnd instead of
     // waiting for the animation to complete
     // Thx to Airbnb's react-dates <3

package/bpk-component-card-list/src/BpkCardList.js

@@ -65,7 +65,7 @@ const BpkCardList = props => {
     children: /*#__PURE__*/_jsx(BpkBreakpoint, {
       query: BREAKPOINTS.MOBILE,
       children: isMobile => /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(BpkSectionHeader, {
+        children: [title !== undefined && /*#__PURE__*/_jsx(BpkSectionHeader, {
           title: title,
           description: description,
           button: shouldShowHeaderButton(isMobile) ? headerButton : null

package/bpk-component-card-list/src/common-types.d.ts

@@ -29,8 +29,6 @@ type AccessibilityLabels = {
     slideLabel?: (index: number, childrenLength: number) => string;
 };
 type CardListBaseProps = {
-    title: string;
-    description?: string;
     cardList: ReactElement[];
     layoutMobile: LayoutMobile;
     layoutDesktop: LayoutDesktop;
@@ -45,6 +43,13 @@ type CardListBaseProps = {
     buttonHref?: string;
     expandText?: string;
     accessibilityLabels?: AccessibilityLabels;
+} & TitleProps;
+type TitleProps = {
+    title: string;
+    description?: string;
+} | {
+    title?: never;
+    description?: never;
 };
 type CardListGridStackProps = {
     children: ReactElement[];

package/bpk-component-content-cards/index.d.ts

@@ -0,0 +1,2 @@
+import BpkContentCards from './src/BpkContentCards';
+export default BpkContentCards;

package/bpk-component-content-cards/src/BpkContentCard.d.ts

@@ -0,0 +1,15 @@
+type CardLayout = 'HORIZONTAL' | 'VERTICAL';
+type Props = {
+    card: {
+        image: {
+            url: string;
+            alt?: string;
+        };
+        headline: string;
+        description: string;
+        href: string;
+    };
+    layout: CardLayout;
+};
+declare const BpkContentCard: ({ card, layout }: Props) => import("react/jsx-runtime").JSX.Element;
+export default BpkContentCard;

package/bpk-component-content-cards/src/BpkContentCard.js

@@ -16,9 +16,7 @@
  * limitations under the License.
  */
 
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkText from "../../bpk-component-text";
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkContentCard.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/bpk-component-content-cards/src/BpkContentCards.d.ts

@@ -0,0 +1,14 @@
+type Props = {
+    heading: string;
+    cards: Array<{
+        image: {
+            url: string;
+            alt?: string;
+        };
+        headline: string;
+        description: string;
+        href: string;
+    }>;
+};
+declare const BpkContentCards: ({ cards, heading }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export default BpkContentCards;

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

@@ -63,7 +63,7 @@ declare class BpkDatepicker extends Component<Props, State> {
             }> & {
                 [rest: string]: any;
             }): {
-                UNSAFE_componentWillReceiveProps(nextProps: Omit<import("../../bpk-component-calendar/src/composeCalendar").Props & import("../../bpk-component-calendar/src/BpkCalendarContainer").Props, keyof {
+                componentDidUpdate(prevProps: Omit<import("../../bpk-component-calendar/src/composeCalendar").Props & import("../../bpk-component-calendar/src/BpkCalendarContainer").Props, keyof {
                     onDateClick: ((date: Date) => void) | null;
                     onDateKeyDown: ((event: KeyboardEvent) => void) | null;
                     month: Date;
@@ -155,7 +155,9 @@ declare class BpkDatepicker extends Component<Props, State> {
                     preventKeyboardFocus: boolean;
                     focusedDate: Date;
                 }>): any;
-                componentDidUpdate?(prevProps: Readonly<Omit<import("../../bpk-component-calendar/src/composeCalendar").Props & import("../../bpk-component-calendar/src/BpkCalendarContainer").Props, keyof {
+                componentWillMount?(): void;
+                UNSAFE_componentWillMount?(): void;
+                componentWillReceiveProps?(nextProps: Readonly<Omit<import("../../bpk-component-calendar/src/composeCalendar").Props & import("../../bpk-component-calendar/src/BpkCalendarContainer").Props, keyof {
                     onDateClick: ((date: Date) => void) | null;
                     onDateKeyDown: ((event: KeyboardEvent) => void) | null;
                     month: Date;
@@ -163,13 +165,8 @@ declare class BpkDatepicker extends Component<Props, State> {
                     maxDate: Date;
                 }> & {
                     [rest: string]: any;
-                }>, prevState: Readonly<{
-                    preventKeyboardFocus: boolean;
-                    focusedDate: Date;
-                }>, snapshot?: any): void;
-                componentWillMount?(): void;
-                UNSAFE_componentWillMount?(): void;
-                componentWillReceiveProps?(nextProps: Readonly<Omit<import("../../bpk-component-calendar/src/composeCalendar").Props & import("../../bpk-component-calendar/src/BpkCalendarContainer").Props, keyof {
+                }>, nextContext: any): void;
+                UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<import("../../bpk-component-calendar/src/composeCalendar").Props & import("../../bpk-component-calendar/src/BpkCalendarContainer").Props, keyof {
                     onDateClick: ((date: Date) => void) | null;
                     onDateKeyDown: ((event: KeyboardEvent) => void) | null;
                     month: Date;

package/bpk-component-info-banner/src/AnimateAndFade.d.ts

@@ -22,8 +22,7 @@ declare class AnimateAndFade extends Component<Props, State> {
     };
     constructor(props: Props);
     componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-    componentDidUpdate(): void;
+    componentDidUpdate(prevProps: Props): void;
     onAnimateHeightComplete: () => void;
     onFadeComplete: () => void;
     toggle: () => void;

package/bpk-component-info-banner/src/AnimateAndFade.js

@@ -49,13 +49,10 @@ class AnimateAndFade extends Component {
       this.toggle();
     }
   }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.show === this.props.show) {
-      return;
+  componentDidUpdate(prevProps) {
+    if (this.props.show !== prevProps.show) {
+      this.toggle();
     }
-    this.toggle();
-  }
-  componentDidUpdate() {
     if (this.state.initiateShow) {
       // React doesn't like us calling setState from componentDidUpdate as it can lead to an infinite re-renders.
       // I think it is ok here, however, as this will only happen conditionally (ie once)

package/bpk-component-page-indicator/src/BpkPageIndicator.d.ts

@@ -3,6 +3,7 @@ import { DIRECTIONS } from './NavButton';
 export declare const VARIANT: {
     readonly default: "default";
     readonly overImage: "overImage";
+    readonly overImageSpaced: "overImageSpaced";
 };
 type Variant = (typeof VARIANT)[keyof typeof VARIANT];
 type Direction = (typeof DIRECTIONS)[keyof typeof DIRECTIONS];
@@ -17,5 +18,5 @@ export type Props = {
     className?: string;
     showNav?: boolean;
 };
-declare const BpkPageIndicator: ({ className, currentIndex, indicatorLabel, nextNavLabel, onClick, prevNavLabel, showNav, totalIndicators, variant, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BpkPageIndicator: ({ className, currentIndex, indicatorLabel, nextNavLabel, onClick, prevNavLabel, showNav, totalIndicators, variant }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BpkPageIndicator;

package/bpk-component-page-indicator/src/BpkPageIndicator.js

@@ -16,6 +16,7 @@
  * limitations under the License.
  */
 
+import { BUTTON_TYPES } from "../../bpk-component-button";
 import { cssModules } from "../../bpk-react-utils";
 import NavButton, { DIRECTIONS } from "./NavButton";
 import STYLES from "./BpkPageIndicator.module.css";
@@ -25,7 +26,8 @@ const DISPLAYED_TOTAL = 5;
 const START_SCROLL_INDEX = Math.floor(DISPLAYED_TOTAL / 2);
 export const VARIANT = {
   default: 'default',
-  overImage: 'overImage'
+  overImage: 'overImage',
+  overImageSpaced: 'overImageSpaced'
 };
 const BpkPageIndicator = ({
   className = undefined,
@@ -48,7 +50,7 @@ const BpkPageIndicator = ({
     '--scroll-index': totalIndicators > DISPLAYED_TOTAL ? Math.min(currentIndex - START_SCROLL_INDEX, totalIndicators - DISPLAYED_TOTAL) : 0
   };
   return /*#__PURE__*/_jsx("div", {
-    className: className,
+    className: variant === VARIANT.overImageSpaced ? getClassName('bpk-page-indicator-fullWidth__container') : className,
     "aria-hidden": isInteractive ? 'false' : 'true',
     "data-testid": "indicator-container",
     children: /*#__PURE__*/_jsxs("div", {
@@ -56,9 +58,10 @@ const BpkPageIndicator = ({
       children: [showNav && /*#__PURE__*/_jsx(NavButton, {
         currentIndex: currentIndex,
         onClick: onClick,
-        disabled: currentIndex === 0,
+        disabled: variant === VARIANT.overImageSpaced ? totalIndicators <= 1 : currentIndex === 0 || totalIndicators <= 1,
         direction: DIRECTIONS.PREV,
-        ariaLabel: prevNavLabel
+        ariaLabel: prevNavLabel,
+        type: variant === VARIANT.overImageSpaced ? BUTTON_TYPES.secondaryOnDark : BUTTON_TYPES.link
       }), /*#__PURE__*/_jsx("div", {
         className: getClassName('bpk-page-indicator__container'),
         children: /*#__PURE__*/_jsx("div", {
@@ -81,9 +84,10 @@ const BpkPageIndicator = ({
       }), showNav && /*#__PURE__*/_jsx(NavButton, {
         currentIndex: currentIndex,
         onClick: onClick,
-        disabled: currentIndex === totalIndicators - 1,
+        disabled: variant === VARIANT.overImageSpaced ? totalIndicators <= 1 : currentIndex === totalIndicators - 1 || totalIndicators <= 1,
         ariaLabel: nextNavLabel,
-        direction: DIRECTIONS.NEXT
+        direction: DIRECTIONS.NEXT,
+        type: variant === VARIANT.overImageSpaced ? BUTTON_TYPES.secondaryOnDark : BUTTON_TYPES.link
       })]
     })
   });

package/bpk-component-page-indicator/src/BpkPageIndicator.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-.bpk-page-indicator{display:flex;width:100%;justify-content:center;align-items:center}.bpk-page-indicator__showNav{justify-content:space-between}.bpk-page-indicator__container{max-width:5rem;min-height:.5rem;overflow:hidden}.bpk-page-indicator__indicators-container{--direction: -1;transform:translateX(calc(var(--direction) * var(--scroll-index, 0) * 1rem));transition:transform 200ms ease-in-out;white-space:nowrap}html[dir=rtl] .bpk-page-indicator__indicators-container{--direction: 1}.bpk-page-indicator__indicator{display:inline-block;width:.5rem;height:.5rem;padding:0;border:none;border-radius:50%;margin-inline:.25rem}.bpk-page-indicator__indicator:hover{cursor:pointer}.bpk-page-indicator__indicator--default{background-color:#c1c7cf}.bpk-page-indicator__indicator--overImage{background-color:hsla(0,0%,100%,.5)}.bpk-page-indicator__indicator--active-default{background-color:#626971;pointer-events:none}.bpk-page-indicator__indicator--active-overImage{background-color:#fff;pointer-events:none}
+.bpk-page-indicator-fullWidth__container{width:100%}.bpk-page-indicator{display:flex;width:100%;justify-content:center;align-items:center}.bpk-page-indicator__showNav{justify-content:space-between}.bpk-page-indicator__container{max-width:5rem;min-height:.5rem;overflow:hidden}.bpk-page-indicator__indicators-container{--direction: -1;transform:translateX(calc(var(--direction) * var(--scroll-index, 0) * 1rem));transition:transform 200ms ease-in-out;white-space:nowrap}html[dir=rtl] .bpk-page-indicator__indicators-container{--direction: 1}.bpk-page-indicator__indicator{display:inline-block;width:.5rem;height:.5rem;padding:0;border:none;border-radius:50%;margin-inline:.25rem}.bpk-page-indicator__indicator:hover{cursor:pointer}.bpk-page-indicator__indicator--default{background-color:#c1c7cf}.bpk-page-indicator__indicator--overImage,.bpk-page-indicator__indicator--overImageSpaced{background-color:hsla(0,0%,100%,.5)}.bpk-page-indicator__indicator--active-default{background-color:#626971;pointer-events:none}.bpk-page-indicator__indicator--active-overImage,.bpk-page-indicator__indicator--active-overImageSpaced{background-color:#fff;pointer-events:none}

package/bpk-component-page-indicator/src/NavButton.d.ts

@@ -1,15 +1,18 @@
+import { BUTTON_TYPES } from '../../bpk-component-button';
 export declare const DIRECTIONS: {
     readonly PREV: "PREV";
     readonly INDICATORS: "INDICATORS";
     readonly NEXT: "NEXT";
 };
 type Direction = (typeof DIRECTIONS)[keyof typeof DIRECTIONS];
+type ButtonType = (typeof BUTTON_TYPES)[keyof typeof BUTTON_TYPES];
 type Props = {
     ariaLabel: string | undefined;
     currentIndex: number;
     direction: Direction;
     disabled?: boolean;
     onClick?: (event: React.MouseEvent<HTMLButtonElement>, newIndex: number, direction: Direction) => void;
+    type?: ButtonType;
 };
-declare const NavButton: ({ ariaLabel, currentIndex, direction, disabled, onClick, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const NavButton: ({ ariaLabel, currentIndex, direction, disabled, onClick, type, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default NavButton;

package/bpk-component-page-indicator/src/NavButton.js

@@ -33,10 +33,11 @@ const NavButton = ({
   currentIndex,
   direction,
   disabled = false,
-  onClick = () => {}
+  onClick = () => {},
+  type = BUTTON_TYPES.link
 }) => /*#__PURE__*/_jsx(BpkButtonV2, {
   iconOnly: true,
-  type: BUTTON_TYPES.link,
+  type: type,
   onClick: e => {
     if (direction === DIRECTIONS.PREV) {
       onClick(e, currentIndex - 1, direction);

package/bpk-component-price-range/src/BpkPriceMarker.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-.bpk-price-marker{position:relative;display:flex;z-index:1;flex-direction:column;align-items:center;flex:none;border:none;border-radius:.25rem;background:none;box-shadow:0px 1px 3px 0px rgba(37,32,31,.3);margin-block-end:.375rem}.bpk-price-marker span{display:inline-flex;z-index:1;padding:.125rem .5rem;border-radius:.25rem;color:#fff}.bpk-price-marker__arrow{position:absolute;top:50%;z-index:0;width:1rem;height:1rem;transform:rotate(45deg);border-radius:25%;background-color:inherit}.bpk-price-marker--low{background-color:#0c838a}.bpk-price-marker--medium{background-color:#05203c}.bpk-price-marker--high{background-color:#e70866}
+.bpk-price-marker{position:relative;display:flex;z-index:1;flex-direction:column;align-items:center;flex:none;border:none;border-radius:.25rem;background:none;white-space:nowrap;box-shadow:0px 1px 3px 0px rgba(37,32,31,.3);margin-block-end:.375rem}.bpk-price-marker span{display:inline-flex;z-index:1;padding:.125rem .5rem;border-radius:.25rem;color:#fff}.bpk-price-marker__arrow{position:absolute;top:50%;z-index:0;width:1rem;height:1rem;transform:rotate(45deg);border-radius:25%;background-color:inherit}.bpk-price-marker--low{background-color:#0c838a}.bpk-price-marker--medium{background-color:#05203c}.bpk-price-marker--high{background-color:#e70866}

package/bpk-component-price-range/src/BpkPriceRange.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-.bpk-price-range{display:flex;width:100%;flex-direction:column;padding-block:.25rem;row-gap:.25rem}.bpk-price-range--large{padding-block:0}.bpk-price-range__lines{position:relative;display:flex;height:.25rem;flex:none;gap:.125rem}.bpk-price-range__lines--large{height:.5rem}.bpk-price-range__line--low{width:calc(100%*var(--low));height:100%;background-color:#0c838a;border-end-start-radius:.5rem;border-start-start-radius:.5rem}.bpk-price-range__line--lowLarge{border-end-start-radius:.75rem;border-start-start-radius:.75rem}.bpk-price-range__line--medium{width:calc(100%*(var(--high) - var(--low)));height:100%;background-color:#05203c}.bpk-price-range__line--high{width:calc(100%*(1 - var(--high)));height:100%;background-color:#e70866;border-end-end-radius:.5rem;border-start-end-radius:.5rem}.bpk-price-range__line--highLarge{border-end-end-radius:.75rem;border-start-end-radius:.75rem}.bpk-price-range__line--dot{position:absolute;top:50%;display:flex;width:.75rem;height:.75rem;justify-content:center;align-items:center;transform:translate(0, -50%);border-radius:50%;margin-inline-start:var(--prefilled-width)}.bpk-price-range__line--dot::after{content:"";display:block;width:.25rem;height:.25rem;border-radius:50%;background-color:#fff}.bpk-price-range__marker{width:fit-content;margin-inline-start:var(--prefilled-width)}.bpk-price-range__ranges{position:relative;display:flex;width:100%;height:1.25rem}.bpk-price-range__ranges span{position:absolute;display:inline-block;transform:translate(-50%, 0)}html[dir=rtl] .bpk-price-range__ranges span{transform:translate(50%, 0)}.bpk-price-range__ranges span:first-child{inset-inline-start:calc(100%*var(--low))}.bpk-price-range__ranges span:last-child{inset-inline-start:calc(100%*var(--high))}
+.bpk-price-range{display:flex;width:100%;flex-direction:column;padding-block:.25rem;row-gap:.25rem}.bpk-price-range--large{padding-block:0}.bpk-price-range__lines{position:relative;display:flex;height:.25rem;flex:none;gap:.125rem}.bpk-price-range__lines--large{height:.5rem}.bpk-price-range__line--low{width:calc(100%*var(--low));height:100%;background-color:#0c838a;border-end-start-radius:.5rem;border-start-start-radius:.5rem}.bpk-price-range__line--lowLarge{border-end-start-radius:.75rem;border-start-start-radius:.75rem}.bpk-price-range__line--medium{width:calc(100%*(var(--high) - var(--low)));height:100%;background-color:#05203c}.bpk-price-range__line--high{width:calc(100%*(1 - var(--high)));height:100%;background-color:#e70866;border-end-end-radius:.5rem;border-start-end-radius:.5rem}.bpk-price-range__line--highLarge{border-end-end-radius:.75rem;border-start-end-radius:.75rem}.bpk-price-range__line--dot{position:absolute;top:50%;display:flex;width:.75rem;height:.75rem;justify-content:center;align-items:center;transform:translate(0, -50%);border-radius:50%;margin-inline-start:var(--prefilled-width)}.bpk-price-range__line--dot::after{content:"";display:block;width:.25rem;height:.25rem;border-radius:50%;background-color:#fff}.bpk-price-range__marker{width:fit-content;margin-inline-start:var(--prefilled-width)}.bpk-price-range__ranges{position:relative;display:flex;width:100%;height:1.25rem;white-space:nowrap}.bpk-price-range__ranges span{position:absolute;display:inline-block;transform:translate(-50%, 0)}html[dir=rtl] .bpk-price-range__ranges span{transform:translate(50%, 0)}.bpk-price-range__ranges span:first-child{inset-inline-start:calc(100%*var(--low))}.bpk-price-range__ranges span:last-child{inset-inline-start:calc(100%*var(--high))}

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

@@ -8,7 +8,7 @@ declare const _default: {
     }> & {
         [rest: string]: any;
     }): {
-        UNSAFE_componentWillReceiveProps(nextProps: Omit<import("../../bpk-component-calendar/src/composeCalendar").Props & import("../../bpk-component-calendar/src/BpkCalendarContainer").Props, keyof {
+        componentDidUpdate(prevProps: Omit<import("../../bpk-component-calendar/src/composeCalendar").Props & import("../../bpk-component-calendar/src/BpkCalendarContainer").Props, keyof {
             onDateClick: ((date: Date) => void) | null;
             onDateKeyDown: ((event: KeyboardEvent) => void) | null;
             month: Date;
@@ -100,7 +100,9 @@ declare const _default: {
             preventKeyboardFocus: boolean;
             focusedDate: Date;
         }>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<import("../../bpk-component-calendar/src/composeCalendar").Props & import("../../bpk-component-calendar/src/BpkCalendarContainer").Props, keyof {
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<import("../../bpk-component-calendar/src/composeCalendar").Props & import("../../bpk-component-calendar/src/BpkCalendarContainer").Props, keyof {
             onDateClick: ((date: Date) => void) | null;
             onDateKeyDown: ((event: KeyboardEvent) => void) | null;
             month: Date;
@@ -108,13 +110,8 @@ declare const _default: {
             maxDate: Date;
         }> & {
             [rest: string]: any;
-        }>, prevState: Readonly<{
-            preventKeyboardFocus: boolean;
-            focusedDate: Date;
-        }>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<import("../../bpk-component-calendar/src/composeCalendar").Props & import("../../bpk-component-calendar/src/BpkCalendarContainer").Props, keyof {
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<import("../../bpk-component-calendar/src/composeCalendar").Props & import("../../bpk-component-calendar/src/BpkCalendarContainer").Props, keyof {
             onDateClick: ((date: Date) => void) | null;
             onDateKeyDown: ((event: KeyboardEvent) => void) | null;
             month: Date;

package/bpk-react-utils/src/BpkDialogWrapper/BpkDialogWrapper.js

@@ -22,17 +22,14 @@ import cssModules from "../cssModules";
 import STYLES from "./BpkDialogWrapper.module.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
-;
 // TODO: this check if the browser support the HTML dialog element. We can remove it once we drop support as a business for Safari 14
 const dialogSupported = typeof HTMLDialogElement === 'function';
 const setPageProperties = ({
   isDialogOpen
 }) => {
   document.body.style.overflowY = isDialogOpen ? 'hidden' : 'visible';
-  if (!dialogSupported) {
-    document.body.style.position = isDialogOpen ? 'fixed' : 'relative';
-    document.body.style.width = isDialogOpen ? '100%' : 'auto';
-  }
+  document.body.style.position = isDialogOpen ? 'fixed' : 'relative';
+  document.body.style.width = isDialogOpen ? '100%' : 'auto';
 };
 export const BpkDialogWrapper = ({
   children,

package/bpk-stylesheets/font.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-@font-face{font-family:"Skyscanner Relative";font-style:normal;font-weight:400;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Book-f9356ad6.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Book-46f9f429.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Book-ab1dbcbe.ttf") format("ttf")}@font-face{font-family:"Skyscanner Relative";font-style:italic;font-weight:400;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Italic-10532ac3.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Italic-db5d0ac5.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Italic-8eec3f3a.ttf") format("ttf")}@font-face{font-family:"Skyscanner Relative";font-style:normal;font-weight:500;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Medium-c08dc28b.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Medium-865e167a.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Medium-d0ae478a.ttf") format("ttf")}@font-face{font-family:"Skyscanner Relative";font-style:italic;font-weight:500;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-MediumItalic-81517f37.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-MediumItalic-bbdb6b0c.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-MediumItalic-226fe64c.ttf") format("ttf")}@font-face{font-family:"Skyscanner Relative";font-style:normal;font-weight:700;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Bold-8545937e.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Bold-a099c9f7.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Bold-ec4cc5a7.ttf") format("ttf")}@font-face{font-family:"Skyscanner Relative";font-style:italic;font-weight:700;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-BoldItalic-01b5d138.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-BoldItalic-4d6d36e3.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-BoldItalic-dc9284dc.ttf") format("ttf")}@font-face{font-family:"Skyscanner Relative";font-style:normal;font-weight:900;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Black-bb3c9434.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Black-bba2eb55.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Black-314703cc.ttf") format("ttf")}@font-face{font-family:"Skyscanner Relative";font-style:italic;font-weight:900;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-BlackItalic-c2149c91.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-BlackItalic-a34cd594.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-BlackItalic-7e516ee5.ttf") format("ttf")}@font-face{font-family:"Noto Sans Arabic";font-style:normal;font-weight:800;src:url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansArabic-ExtraBold-da8cf050.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansArabic-ExtraBold-4ac084a2.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansArabic-ExtraBold-a965fbb5.ttf") format("ttf")}@font-face{font-family:"Noto Sans Hebrew";font-style:normal;font-weight:800;src:url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansHebrew-ExtraBold-e04df8b4.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansHebrew-ExtraBold-3303fb69.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansHebrew-ExtraBold-4cfb24e3.ttf") format("ttf")}@font-face{font-family:"Noto Serif";font-style:normal;font-weight:800;src:url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSans-ExtraBold-d8d5cc89.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSans-ExtraBold-177dbfc0.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSans-ExtraBold-cac84afc.ttf") format("ttf")}@font-face{font-family:"Noto Serif Devanagari";font-style:normal;font-weight:800;src:url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansDevanagari-Bold-19924491.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansDevanagari-Bold-2598dc51.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansDevanagari-Bold-bca34adc.ttf") format("ttf")}@font-face{font-family:"Noto Serif Thai";font-style:normal;font-weight:700;src:url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansThai-Bold-74e247cc.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansThai-Bold-91433b5b.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansThai-Bold-778d694c.ttf") format("ttf")}@font-face{font-family:"Noto Sans SC";font-style:normal;font-weight:700;src:url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansSC-Bold-22c3e4e0.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansSC-Bold-87ef5110.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansSC-Bold-57f04989.ttf") format("ttf")}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:700;src:url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansTC-Bold-355d38e9.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansTC-Bold-2abc3583.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansTC-Bold-86244830.ttf") format("ttf")}@font-face{font-family:"Noto Sans JP";font-style:normal;font-weight:800;src:url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansJP-Bold-b656150c.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansJP-Bold-6ddf472f.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansJP-Bold-deeb2988.ttf") format("ttf")}@font-face{font-family:"Noto Sans KR";font-style:normal;font-weight:800;src:url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansKR-Bold-5286cc6d.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansKR-Bold-74c4cbc7.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/NotoSansKR-Bold-5651f33d.ttf") format("ttf")}
+@font-face{font-family:"Skyscanner Relative";font-style:normal;font-weight:400;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Book-f9356ad6.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Book-46f9f429.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Book-ab1dbcbe.ttf") format("ttf")}@font-face{font-family:"Skyscanner Relative";font-style:italic;font-weight:400;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Italic-10532ac3.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Italic-db5d0ac5.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Italic-8eec3f3a.ttf") format("ttf")}@font-face{font-family:"Skyscanner Relative";font-style:normal;font-weight:500;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Medium-c08dc28b.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Medium-865e167a.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Medium-d0ae478a.ttf") format("ttf")}@font-face{font-family:"Skyscanner Relative";font-style:italic;font-weight:500;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-MediumItalic-81517f37.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-MediumItalic-bbdb6b0c.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-MediumItalic-226fe64c.ttf") format("ttf")}@font-face{font-family:"Skyscanner Relative";font-style:normal;font-weight:700;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Bold-8545937e.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Bold-a099c9f7.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Bold-ec4cc5a7.ttf") format("ttf")}@font-face{font-family:"Skyscanner Relative";font-style:italic;font-weight:700;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-BoldItalic-01b5d138.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-BoldItalic-4d6d36e3.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-BoldItalic-dc9284dc.ttf") format("ttf")}@font-face{font-family:"Skyscanner Relative";font-style:normal;font-weight:900;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Black-bb3c9434.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Black-bba2eb55.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Black-314703cc.ttf") format("ttf")}@font-face{font-family:"Skyscanner Relative";font-style:italic;font-weight:900;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-BlackItalic-c2149c91.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-BlackItalic-a34cd594.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-BlackItalic-7e516ee5.ttf") format("ttf")}

package/bpk-stylesheets/font.scss

@@ -105,93 +105,3 @@ $base-url: 'https://js.skyscnr.com/sttc/bpk-fonts';
     url('#{$base-url}/SkyscannerRelative-BlackItalic-7e516ee5.ttf')
       format('ttf');
 }
-
-@font-face {
-  font-family: 'Noto Sans Arabic';
-  font-style: normal;
-  font-weight: 800;
-  src:
-    url('#{$base-url}/NotoSansArabic-ExtraBold-da8cf050.woff2') format('woff2'),
-    url('#{$base-url}/NotoSansArabic-ExtraBold-4ac084a2.woff') format('woff'),
-    url('#{$base-url}/NotoSansArabic-ExtraBold-a965fbb5.ttf') format('ttf');
-}
-
-@font-face {
-  font-family: 'Noto Sans Hebrew';
-  font-style: normal;
-  font-weight: 800;
-  src:
-    url('#{$base-url}/NotoSansHebrew-ExtraBold-e04df8b4.woff2') format('woff2'),
-    url('#{$base-url}/NotoSansHebrew-ExtraBold-3303fb69.woff') format('woff'),
-    url('#{$base-url}/NotoSansHebrew-ExtraBold-4cfb24e3.ttf') format('ttf');
-}
-
-@font-face {
-  font-family: 'Noto Serif';
-  font-style: normal;
-  font-weight: 800;
-  src:
-    url('#{$base-url}/NotoSans-ExtraBold-d8d5cc89.woff2') format('woff2'),
-    url('#{$base-url}/NotoSans-ExtraBold-177dbfc0.woff') format('woff'),
-    url('#{$base-url}/NotoSans-ExtraBold-cac84afc.ttf') format('ttf');
-}
-
-@font-face {
-  font-family: 'Noto Serif Devanagari';
-  font-style: normal;
-  font-weight: 800;
-  src:
-    url('#{$base-url}/NotoSansDevanagari-Bold-19924491.woff2') format('woff2'),
-    url('#{$base-url}/NotoSansDevanagari-Bold-2598dc51.woff') format('woff'),
-    url('#{$base-url}/NotoSansDevanagari-Bold-bca34adc.ttf') format('ttf');
-}
-
-@font-face {
-  font-family: 'Noto Serif Thai';
-  font-style: normal;
-  font-weight: 700;
-  src:
-    url('#{$base-url}/NotoSansThai-Bold-74e247cc.woff2') format('woff2'),
-    url('#{$base-url}/NotoSansThai-Bold-91433b5b.woff') format('woff'),
-    url('#{$base-url}/NotoSansThai-Bold-778d694c.ttf') format('ttf');
-}
-
-@font-face {
-  font-family: 'Noto Sans SC';
-  font-style: normal;
-  font-weight: 700;
-  src:
-    url('#{$base-url}/NotoSansSC-Bold-22c3e4e0.woff2') format('woff2'),
-    url('#{$base-url}/NotoSansSC-Bold-87ef5110.woff') format('woff'),
-    url('#{$base-url}/NotoSansSC-Bold-57f04989.ttf') format('ttf');
-}
-
-@font-face {
-  font-family: 'Noto Sans TC';
-  font-style: normal;
-  font-weight: 700;
-  src:
-    url('#{$base-url}/NotoSansTC-Bold-355d38e9.woff2') format('woff2'),
-    url('#{$base-url}/NotoSansTC-Bold-2abc3583.woff') format('woff'),
-    url('#{$base-url}/NotoSansTC-Bold-86244830.ttf') format('ttf');
-}
-
-@font-face {
-  font-family: 'Noto Sans JP';
-  font-style: normal;
-  font-weight: 800;
-  src:
-    url('#{$base-url}/NotoSansJP-Bold-b656150c.woff2') format('woff2'),
-    url('#{$base-url}/NotoSansJP-Bold-6ddf472f.woff') format('woff'),
-    url('#{$base-url}/NotoSansJP-Bold-deeb2988.ttf') format('ttf');
-}
-
-@font-face {
-  font-family: 'Noto Sans KR';
-  font-style: normal;
-  font-weight: 800;
-  src:
-    url('#{$base-url}/NotoSansKR-Bold-5286cc6d.woff2') format('woff2'),
-    url('#{$base-url}/NotoSansKR-Bold-74c4cbc7.woff') format('woff'),
-    url('#{$base-url}/NotoSansKR-Bold-5651f33d.ttf') format('ttf');
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "38.15.0",
+  "version": "38.17.0",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",
@@ -27,8 +27,8 @@
     "@radix-ui/react-compose-refs": "^1.1.1",
     "@radix-ui/react-slider": "1.3.5",
     "@react-google-maps/api": "^2.19.3",
-    "@skyscanner/bpk-foundations-web": "^22.1.0",
-    "@skyscanner/bpk-svgs": "^20.8.0",
+    "@skyscanner/bpk-foundations-web": "^22.3.0",
+    "@skyscanner/bpk-svgs": "^20.9.0",
     "a11y-focus-scope": "^1.1.3",
     "a11y-focus-store": "^1.0.0",
     "d3-path": "^3.1.0",