@skyscanner/backpack-web 38.13.0 → 38.15.0

package/bpk-animate-height/src/AnimateHeight.js

@@ -45,6 +45,10 @@ class AnimateHeight extends Component {
     }
   }
   componentDidUpdate(prevProps, prevState) {
+    const {
+      height: prevHeight,
+      transitionOverflow: prevTransitionOverflow
+    } = prevProps;
     const {
       duration,
       height,
@@ -52,16 +56,15 @@ class AnimateHeight extends Component {
     } = this.props;
 
     // Check if 'height' prop has changed
-    if (this.contentElement && height !== prevProps.height) {
+    if (this.contentElement && height !== prevHeight) {
       // Cache content height
       this.contentElement.style.display = '';
-      this.contentElement.style.overflow = transitionOverflow;
       const contentHeight = this.contentElement.offsetHeight;
       this.contentElement.style.overflow = '';
       let newHeight = null;
       let shouldSetTimeout = false;
       let timeoutHeight = null;
-      let timeoutOverflow = transitionOverflow;
+      let timeoutOverflow = prevTransitionOverflow;
       let timeoutDuration = duration;
       clearTimeout(this.timeoutID);
       if (isNumber(height)) {

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

@@ -0,0 +1,5 @@
+import BpkBreadcrumb, { type Props as BpkBreadcrumbProps } from './src/BpkBreadcrumb';
+import BpkBreadcrumbItem, { type Props as BpkBreadcrumbItemProps } from './src/BpkBreadcrumbItem';
+export type { BpkBreadcrumbProps, BpkBreadcrumbItemProps };
+export default BpkBreadcrumb;
+export { BpkBreadcrumbItem };

package/bpk-component-breadcrumb/index.js

@@ -14,7 +14,9 @@
  * 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 BpkBreadcrumb from "./src/BpkBreadcrumb";
+ */
+
+import BpkBreadcrumb from "./src/BpkBreadcrumb";
 import BpkBreadcrumbItem from "./src/BpkBreadcrumbItem";
 export default BpkBreadcrumb;
 export { BpkBreadcrumbItem };

package/bpk-component-breadcrumb/src/BpkBreadcrumb.d.ts

@@ -0,0 +1,18 @@
+import { Component, type ReactNode } from 'react';
+interface SchemaMetaDataItem {
+    url: string;
+    label: string;
+}
+export type Props = {
+    children: ReactNode;
+    schemaMetaData?: SchemaMetaDataItem[];
+    label: string;
+    className?: string;
+    [rest: string]: any;
+};
+declare class BpkBreadcrumb extends Component<Props> {
+    metaData?: string;
+    constructor(props: Props);
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export default BpkBreadcrumb;

package/bpk-component-breadcrumb/src/BpkBreadcrumb.js

@@ -14,7 +14,8 @@
  * 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 { Component, Fragment } from 'react';
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkBreadcrumb.module.css";
@@ -41,9 +42,6 @@ const buildMetaData = schemaMetaData => {
   });
 };
 class BpkBreadcrumb extends Component {
-  static defaultProps = {
-    schemaMetaData: null
-  };
   constructor(props) {
     super(props);
     this.metaData = props.schemaMetaData && buildMetaData(props.schemaMetaData);
@@ -74,15 +72,4 @@ class BpkBreadcrumb extends Component {
     });
   }
 }
-BpkBreadcrumb.propTypes = {
-  children: PropTypes.node.isRequired,
-  label: PropTypes.string.isRequired,
-  schemaMetaData: PropTypes.arrayOf(PropTypes.shape({
-    url: PropTypes.string.isRequired,
-    label: PropTypes.string.isRequired
-  }))
-};
-BpkBreadcrumb.defaultProps = {
-  schemaMetaData: null
-};
 export default BpkBreadcrumb;

package/bpk-component-breadcrumb/src/BpkBreadcrumbItem.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+export type Props = {
+    children: ReactNode;
+    active?: boolean;
+    href?: string;
+    className?: string;
+    linkProps?: {
+        [key: string]: any;
+    };
+    [rest: string]: any;
+};
+declare const BpkBreadcrumbItem: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default BpkBreadcrumbItem;

package/bpk-component-breadcrumb/src/BpkBreadcrumbItem.js

@@ -14,9 +14,11 @@
  * 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 { withRtlSupport } from "../../bpk-component-icon";
 import ArrowRight from "../../bpk-component-icon/sm/arrow-right";
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkLink from "../../bpk-component-link";
 import BpkText from "../../bpk-component-text";
 import { cssModules } from "../../bpk-react-utils";
@@ -26,57 +28,34 @@ const getClassName = cssModules(STYLES);
 const RtlSupportedArrowRight = withRtlSupport(ArrowRight);
 const BpkBreadcrumbItem = props => {
   const {
-    active,
+    active = false,
     children,
     className,
     href,
     linkProps,
     ...rest
   } = props;
-  return (
-    /*#__PURE__*/
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _jsxs("li", {
-      className: getClassName('bpk-breadcrumb-item', className),
-      ...rest,
-      children: [active ?
-      /*#__PURE__*/
-      // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-      _jsx("div", {
-        className: getClassName('bpk-breadcrumb-item__active-item'),
-        children: /*#__PURE__*/_jsx(BpkText, {
-          "aria-current": "page",
-          ...linkProps,
-          children: children
-        })
-      }) :
-      /*#__PURE__*/
-      // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-      _jsx("div", {
-        className: getClassName('bpk-breadcrumb-item__link'),
-        children: /*#__PURE__*/_jsx(BpkLink, {
-          href: href,
-          ...linkProps,
-          children: children
-        })
-      }), /*#__PURE__*/_jsx("div", {
-        className: getClassName('bpk-breadcrumb-item__arrow'),
-        children: !active && /*#__PURE__*/_jsx(RtlSupportedArrowRight, {})
-      })]
-    })
-  );
-};
-BpkBreadcrumbItem.propTypes = {
-  children: PropTypes.node.isRequired,
-  active: PropTypes.bool,
-  href: PropTypes.string,
-  className: PropTypes.string,
-  linkProps: PropTypes.object // eslint-disable-line react/forbid-prop-types
-};
-BpkBreadcrumbItem.defaultProps = {
-  active: false,
-  href: null,
-  className: null,
-  linkProps: null
+  return /*#__PURE__*/_jsxs("li", {
+    className: getClassName('bpk-breadcrumb-item', className),
+    ...rest,
+    children: [active ? /*#__PURE__*/_jsx("div", {
+      className: getClassName('bpk-breadcrumb-item__active-item'),
+      children: /*#__PURE__*/_jsx(BpkText, {
+        "aria-current": "page",
+        ...linkProps,
+        children: children
+      })
+    }) : /*#__PURE__*/_jsx("div", {
+      className: getClassName('bpk-breadcrumb-item__link'),
+      children: /*#__PURE__*/_jsx(BpkLink, {
+        href: href,
+        ...linkProps,
+        children: children
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: getClassName('bpk-breadcrumb-item__arrow'),
+      children: !active && /*#__PURE__*/_jsx(RtlSupportedArrowRight, {})
+    })]
+  });
 };
 export default BpkBreadcrumbItem;

package/bpk-component-star-rating/src/BpkStar.js

@@ -48,16 +48,16 @@ const BpkStar = ({
   const halfIconClassNames = getClassName('bpk-star', 'bpk-star--half', 'bpk-star--filled');
   let Icon = SmallIcon;
   let OutlineIcon = OutlineSmallIcon;
-  let HalfIcon = HalfSmallIcon;
+  let HalfIcon = withRtlSupport(HalfSmallIcon);
   if (large) {
     Icon = LargeIcon;
     OutlineIcon = OutlineLargeIcon;
-    HalfIcon = HalfLargeIcon;
+    HalfIcon = withRtlSupport(HalfLargeIcon);
   }
   if (extraLarge) {
     Icon = ExtraLargeIcon;
     OutlineIcon = OutlineExtraLargeIcon;
-    HalfIcon = HalfExtraLargeIcon;
+    HalfIcon = withRtlSupport(HalfExtraLargeIcon);
   }
   if (type === STAR_TYPES.HALF) {
     return (

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

@@ -0,0 +1,4 @@
+import BpkTextarea from './src/BpkTextarea';
+import themeAttributes from './src/themeAttributes';
+export default BpkTextarea;
+export { themeAttributes };

package/bpk-component-textarea/index.js

@@ -14,7 +14,9 @@
  * 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 BpkTextarea from "./src/BpkTextarea";
+ */
+
+import BpkTextarea from "./src/BpkTextarea";
 import themeAttributes from "./src/themeAttributes";
 export default BpkTextarea;
 export { themeAttributes };

package/bpk-component-textarea/src/BpkTextarea.d.ts

@@ -0,0 +1,11 @@
+import type { FC, TextareaHTMLAttributes } from 'react';
+interface BpkTextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    id: string;
+    name: string;
+    value: string;
+    className?: string;
+    valid?: boolean;
+    large?: boolean;
+}
+declare const BpkTextarea: FC<BpkTextareaProps>;
+export default BpkTextarea;

package/bpk-component-textarea/src/BpkTextarea.js

@@ -14,36 +14,25 @@
  * 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 { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkTextarea.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkTextarea = ({
-  className = null,
+  className,
   large = false,
-  valid = null,
+  valid,
   ...rest
 }) => {
   // Explicit check for false primitive value as undefined is
   // treated as neither valid nor invalid
   const isInvalid = valid === false;
-  return (
-    /*#__PURE__*/
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See decisions/flowfixme.md
-    _jsx("textarea", {
-      className: getClassName('bpk-textarea', isInvalid && 'bpk-textarea--invalid', large && 'bpk-textarea--large', className),
-      "aria-invalid": isInvalid,
-      ...rest
-    })
-  );
-};
-BpkTextarea.propTypes = {
-  id: PropTypes.string.isRequired,
-  name: PropTypes.string.isRequired,
-  value: PropTypes.string.isRequired,
-  className: PropTypes.string,
-  valid: PropTypes.bool,
-  large: PropTypes.bool
+  return /*#__PURE__*/_jsx("textarea", {
+    className: getClassName('bpk-textarea', isInvalid && 'bpk-textarea--invalid', large && 'bpk-textarea--large', className),
+    "aria-invalid": isInvalid,
+    ...rest
+  });
 };
 export default BpkTextarea;

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

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

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

@@ -14,4 +14,7 @@
  * 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.
- */export default ['textareaInvalidBorderColor'];
+ */
+
+const themeAttributes = ['textareaInvalidBorderColor'];
+export default themeAttributes;

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:"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")}

package/bpk-stylesheets/font.scss

@@ -105,3 +105,93 @@ $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.13.0",
+  "version": "38.15.0",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",