@skyscanner/backpack-web 38.12.0 → 38.14.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-blockquote/index.d.ts

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

package/bpk-component-blockquote/src/BpkBlockquote.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export type Props = {
+    children: ReactNode;
+    extraSpace?: boolean;
+};
+declare const BpkBlockquote: ({ children, extraSpace }: Props) => import("react/jsx-runtime").JSX.Element;
+export default BpkBlockquote;

package/bpk-component-blockquote/src/BpkBlockquote.js

@@ -16,26 +16,21 @@
  * limitations under the License.
  */
 
-import PropTypes from 'prop-types';
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkBlockquote.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
-const BpkBlockquote = props => {
+const BpkBlockquote = ({
+  children,
+  extraSpace = false
+}) => {
   const classNames = [getClassName('bpk-blockquote')];
-  if (props.extraSpace) {
+  if (extraSpace) {
     classNames.push(getClassName('bpk-blockquote--extra-spacing'));
   }
   return /*#__PURE__*/_jsx("blockquote", {
     className: classNames.join(' '),
-    children: props.children
+    children: children
   });
 };
-BpkBlockquote.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
-  extraSpace: PropTypes.bool
-};
-BpkBlockquote.defaultProps = {
-  extraSpace: false
-};
 export default BpkBlockquote;

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

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

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

@@ -16,4 +16,5 @@
  * limitations under the License.
  */
 
-export default ['blockquoteBarColor'];
+const themeAttributes = ['blockquoteBarColor'];
+export default themeAttributes;

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-fieldset/src/BpkFieldset.js

@@ -132,6 +132,17 @@ export const propTypes = {
   validationProps: PropTypes.object,
   description: PropTypes.string
 };
+export const defaultProps = {
+  label: null,
+  disabled: false,
+  valid: null,
+  required: false,
+  className: null,
+  validationMessage: null,
+  isCheckbox: false,
+  validationProps: {},
+  description: null
+};
 BpkFieldset.propTypes = {
   ...propTypes
 };

package/bpk-component-skip-link/src/BpkSkipLink.js

@@ -19,30 +19,23 @@ import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkSkipLink.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
-const BpkSkipLink = props => {
-  const {
-    className,
-    href,
-    label,
-    ...rest
-  } = props;
-  return (
-    /*#__PURE__*/
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _jsx("a", {
-      href: href,
-      className: getClassName('bpk-skip-link', className),
-      ...rest,
-      children: label
-    })
-  );
-};
+const BpkSkipLink = ({
+  className = null,
+  href,
+  label,
+  ...rest
+}) =>
+/*#__PURE__*/
+// $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
+_jsx("a", {
+  href: href,
+  className: getClassName('bpk-skip-link', className),
+  ...rest,
+  children: label
+});
 BpkSkipLink.propTypes = {
   label: PropTypes.string.isRequired,
   href: PropTypes.string.isRequired,
   className: PropTypes.string
 };
-BpkSkipLink.defaultProps = {
-  className: null
-};
 export default BpkSkipLink;

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/bpk-theming/src/BpkThemeProvider.js

@@ -49,15 +49,14 @@ const createStyle = (theme, themeAttributes) => {
   }
   return style;
 };
-const BpkThemeProvider = props => {
-  const {
-    children,
-    component: WrapperComponent,
-    style: userStyle,
-    theme,
-    themeAttributes,
-    ...rest
-  } = props;
+const BpkThemeProvider = ({
+  children,
+  component: WrapperComponent = 'div',
+  style: userStyle = null,
+  theme = null,
+  themeAttributes,
+  ...rest
+}) => {
   const dedupedThemeAttributes = uniq(themeAttributes);
   const style = createStyle(theme, dedupedThemeAttributes);
   return /*#__PURE__*/_jsx(WrapperComponent, {
@@ -119,9 +118,4 @@ BpkThemeProvider.propTypes = {
   component: PropTypes.elementType,
   style: PropTypes.object // eslint-disable-line react/forbid-prop-types
 };
-BpkThemeProvider.defaultProps = {
-  theme: null,
-  component: 'div',
-  style: null
-};
 export default BpkThemeProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "38.12.0",
+  "version": "38.14.0",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",