@skyscanner/backpack-web 42.24.0-dev-v27397479883.1 → 42.25.0

package/bpk-component-layout/src/BpkProvider.d.ts

@@ -1,4 +1,4 @@
-import type { ReactElement, ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export interface BpkProviderProps {
     children: ReactNode;
 }
@@ -14,6 +14,6 @@ export interface BpkProviderProps {
  * tree render correctly in RTL without requiring additional wrapping or prop changes.
  *
  * @param {BpkProviderProps} props - The provider props.
- * @returns {ReactElement} The provider wrapping its children with Chakra and Ark context.
+ * @returns {JSX.Element} The provider wrapping its children with Chakra and Ark context.
  */
-export declare const BpkProvider: ({ children }: BpkProviderProps) => ReactElement;
+export declare const BpkProvider: ({ children }: BpkProviderProps) => JSX.Element;

package/bpk-component-layout/src/BpkProvider.js

@@ -19,8 +19,6 @@
 import { useEffect, useState } from 'react';
 import { LocaleProvider } from '@ark-ui/react';
 import { ChakraProvider, createSystem, defaultBaseConfig } from '@chakra-ui/react';
-import createCache from '@emotion/cache';
-import { CacheProvider } from '@emotion/react';
 import { createBpkConfig } from "./theme";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -31,9 +29,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * See: https://chakra-ui.com/guides/component-bundle-optimization
  */
 const bpkSystem = createSystem(defaultBaseConfig, createBpkConfig());
-const createBpkEmotionCache = () => createCache({
-  key: 'bpk'
-});
 // Fallback locale mapping used when no explicit locale is available on the document.
 // Maps DOM direction to minimal BCP 47 locales understood by Ark's isRTL() utility.
 // 'ar-SA' is the minimal RTL locale — Ark only uses it to derive dir='rtl'.
@@ -78,7 +73,15 @@ const getArkLocale = () => {
     if (lang && getLangDir(lang) === explicitDir) return lang;
     return FALLBACK_LOCALE_BY_DIRECTION[explicitDir];
   }
-  return lang || 'en-US';
+  if (lang) {
+    try {
+      const locale = new Intl.Locale(lang);
+      if (locale) return lang;
+    } catch {
+      // Invalid locale string — fall through to default
+    }
+  }
+  return 'en-US';
 };
 
 // Reactive hook: subscribes to document.documentElement[dir] and [lang] changes
@@ -113,23 +116,17 @@ const useArkLocale = () => {
  * tree render correctly in RTL without requiring additional wrapping or prop changes.
  *
  * @param {BpkProviderProps} props - The provider props.
- * @returns {ReactElement} The provider wrapping its children with Chakra and Ark context.
+ * @returns {JSX.Element} The provider wrapping its children with Chakra and Ark context.
  */
 export const BpkProvider = ({
   children
 }) => {
-  // Initialise Emotion before Chakra's inner cache so legacy hydrate consumers
-  // do not bail on SSR className mismatches.
-  const [cache] = useState(createBpkEmotionCache);
   const locale = useArkLocale();
-  return /*#__PURE__*/_jsx(CacheProvider, {
-    value: cache,
-    children: /*#__PURE__*/_jsx(ChakraProvider, {
-      value: bpkSystem,
-      children: /*#__PURE__*/_jsx(LocaleProvider, {
-        locale: locale,
-        children: children
-      })
+  return /*#__PURE__*/_jsx(ChakraProvider, {
+    value: bpkSystem,
+    children: /*#__PURE__*/_jsx(LocaleProvider, {
+      locale: locale,
+      children: children
     })
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "42.24.0-dev-v27397479883.1",
+  "version": "42.25.0",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",
@@ -24,8 +24,6 @@
   "dependencies": {
     "@ark-ui/react": "^5.34.1",
     "@chakra-ui/react": "^3.33.0",
-    "@emotion/cache": "^11.14.0",
-    "@emotion/react": "^11.14.0",
     "@floating-ui/react": "^0.26.12",
     "@radix-ui/react-compose-refs": "^1.1.1",
     "@radix-ui/react-slider": "1.3.5",