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

package/README.md

@@ -25,65 +25,65 @@ To contribute please see [contributing.md](CONTRIBUTING.md).
 ## List of packages
 
 [`bpk-animate-height`](/packages/bpk-animate-height)
-[`bpk-component-accordion`](/packages/bpk-component-accordion)
-[`bpk-component-autosuggest`](/packages/bpk-component-autosuggest)
-[`bpk-component-badge`](/packages/bpk-component-badge)
-[`bpk-component-banner-alert`](/packages/bpk-component-banner-alert)
-[`bpk-component-barchart`](/packages/bpk-component-barchart)
-[`bpk-component-blockquote`](/packages/bpk-component-blockquote)
-[`bpk-component-bottom-sheet`](/packages/bpk-component-bottom-sheet)
-[`bpk-component-breadcrumb`](/packages/bpk-component-breadcrumb)
-[`bpk-component-breakpoint`](/packages/bpk-component-breakpoint)
-[`bpk-component-button`](/packages/bpk-component-button)
-[`bpk-component-calendar`](/packages/bpk-component-calendar)
-[`bpk-component-card`](/packages/bpk-component-card)
-[`bpk-component-checkbox`](/packages/bpk-component-checkbox)
-[`bpk-component-chip`](/packages/bpk-component-chip)
-[`bpk-component-close-button`](/packages/bpk-component-close-button)
-[`bpk-component-code`](/packages/bpk-component-code)
-[`bpk-component-datatable`](/packages/bpk-component-datatable)
-[`bpk-component-datepicker`](/packages/bpk-component-datepicker)
-[`bpk-component-description-list`](/packages/bpk-component-description-list)
-[`bpk-component-dialog`](/packages/bpk-component-dialog)
-[`bpk-component-drawer`](/packages/bpk-component-drawer)
-[`bpk-component-fieldset`](/packages/bpk-component-fieldset)
-[`bpk-component-form-validation`](/packages/bpk-component-form-validation)
-[`bpk-component-graphic-promotion`](/packages/bpk-component-graphic-promotion)
-[`bpk-component-grid-toggle`](/packages/bpk-component-grid-toggle)
-[`bpk-component-horizontal-nav`](/packages/bpk-component-horizontal-nav)
-[`bpk-component-icon`](/packages/bpk-component-icon)
-[`bpk-component-image`](/packages/bpk-component-image)
-[`bpk-component-infinite-scroll`](/packages/bpk-component-infinite-scroll)
-[`bpk-component-input`](/packages/bpk-component-input)
-[`bpk-component-label`](/packages/bpk-component-label)
-[`bpk-component-link`](/packages/bpk-component-link)
-[`bpk-component-list`](/packages/bpk-component-list)
-[`bpk-component-loading-button`](/packages/bpk-component-loading-button)
-[`bpk-component-mobile-scroll-container`](/packages/bpk-component-mobile-scroll-container)
-[`bpk-component-modal`](/packages/bpk-component-modal)
-[`bpk-component-navigation-bar`](/packages/bpk-component-navigation-bar)
-[`bpk-component-nudger`](/packages/bpk-component-nudger)
-[`bpk-component-page-indicator`](/packages/bpk-component-page-indicator)
-[`bpk-component-pagination`](/packages/bpk-component-pagination)
-[`bpk-component-panel`](/packages/bpk-component-panel)
-[`bpk-component-phone-input`](/packages/bpk-component-phone-input)
-[`bpk-component-popover`](/packages/bpk-component-popover)
-[`bpk-component-price-range`](/packages/bpk-component-price-range)
-[`bpk-component-progress`](/packages/bpk-component-progress)
-[`bpk-component-radio`](/packages/bpk-component-radio)
-[`bpk-component-rtl-toggle`](/packages/bpk-component-rtl-toggle)
-[`bpk-component-section-list`](/packages/bpk-component-section-list)
-[`bpk-component-select`](/packages/bpk-component-select)
-[`bpk-component-slider`](/packages/bpk-component-slider)
-[`bpk-component-spinner`](/packages/bpk-component-spinner)
-[`bpk-component-star-rating`](/packages/bpk-component-star-rating)
-[`bpk-component-switch`](/packages/bpk-component-switch)
-[`bpk-component-table`](/packages/bpk-component-table)
-[`bpk-component-text`](/packages/bpk-component-text)
-[`bpk-component-textarea`](/packages/bpk-component-textarea)
+[`bpk-component-accordion`](/packages/backpack-web/src/bpk-component-accordion)
+[`bpk-component-autosuggest`](/packages/backpack-web/src/bpk-component-autosuggest)
+[`bpk-component-badge`](/packages/backpack-web/src/bpk-component-badge)
+[`bpk-component-banner-alert`](/packages/backpack-web/src/bpk-component-banner-alert)
+[`bpk-component-barchart`](/packages/backpack-web/src/bpk-component-barchart)
+[`bpk-component-blockquote`](/packages/backpack-web/src/bpk-component-blockquote)
+[`bpk-component-bottom-sheet`](/packages/backpack-web/src/bpk-component-bottom-sheet)
+[`bpk-component-breadcrumb`](/packages/backpack-web/src/bpk-component-breadcrumb)
+[`bpk-component-breakpoint`](/packages/backpack-web/src/bpk-component-breakpoint)
+[`bpk-component-button`](/packages/backpack-web/src/bpk-component-button)
+[`bpk-component-calendar`](/packages/backpack-web/src/bpk-component-calendar)
+[`bpk-component-card`](/packages/backpack-web/src/bpk-component-card)
+[`bpk-component-checkbox`](/packages/backpack-web/src/bpk-component-checkbox)
+[`bpk-component-chip`](/packages/backpack-web/src/bpk-component-chip)
+[`bpk-component-close-button`](/packages/backpack-web/src/bpk-component-close-button)
+[`bpk-component-code`](/packages/backpack-web/src/bpk-component-code)
+[`bpk-component-datatable`](/packages/backpack-web/src/bpk-component-datatable)
+[`bpk-component-datepicker`](/packages/backpack-web/src/bpk-component-datepicker)
+[`bpk-component-description-list`](/packages/backpack-web/src/bpk-component-description-list)
+[`bpk-component-dialog`](/packages/backpack-web/src/bpk-component-dialog)
+[`bpk-component-drawer`](/packages/backpack-web/src/bpk-component-drawer)
+[`bpk-component-fieldset`](/packages/backpack-web/src/bpk-component-fieldset)
+[`bpk-component-form-validation`](/packages/backpack-web/src/bpk-component-form-validation)
+[`bpk-component-graphic-promotion`](/packages/backpack-web/src/bpk-component-graphic-promotion)
+[`bpk-component-grid-toggle`](/packages/backpack-web/src/bpk-component-grid-toggle)
+[`bpk-component-horizontal-nav`](/packages/backpack-web/src/bpk-component-horizontal-nav)
+[`bpk-component-icon`](/packages/backpack-web/src/bpk-component-icon)
+[`bpk-component-image`](/packages/backpack-web/src/bpk-component-image)
+[`bpk-component-infinite-scroll`](/packages/backpack-web/src/bpk-component-infinite-scroll)
+[`bpk-component-input`](/packages/backpack-web/src/bpk-component-input)
+[`bpk-component-label`](/packages/backpack-web/src/bpk-component-label)
+[`bpk-component-link`](/packages/backpack-web/src/bpk-component-link)
+[`bpk-component-list`](/packages/backpack-web/src/bpk-component-list)
+[`bpk-component-loading-button`](/packages/backpack-web/src/bpk-component-loading-button)
+[`bpk-component-mobile-scroll-container`](/packages/backpack-web/src/bpk-component-mobile-scroll-container)
+[`bpk-component-modal`](/packages/backpack-web/src/bpk-component-modal)
+[`bpk-component-navigation-bar`](/packages/backpack-web/src/bpk-component-navigation-bar)
+[`bpk-component-nudger`](/packages/backpack-web/src/bpk-component-nudger)
+[`bpk-component-page-indicator`](/packages/backpack-web/src/bpk-component-page-indicator)
+[`bpk-component-pagination`](/packages/backpack-web/src/bpk-component-pagination)
+[`bpk-component-panel`](/packages/backpack-web/src/bpk-component-panel)
+[`bpk-component-phone-input`](/packages/backpack-web/src/bpk-component-phone-input)
+[`bpk-component-popover`](/packages/backpack-web/src/bpk-component-popover)
+[`bpk-component-price-range`](/packages/backpack-web/src/bpk-component-price-range)
+[`bpk-component-progress`](/packages/backpack-web/src/bpk-component-progress)
+[`bpk-component-radio`](/packages/backpack-web/src/bpk-component-radio)
+[`bpk-component-rtl-toggle`](/packages/backpack-web/src/bpk-component-rtl-toggle)
+[`bpk-component-section-list`](/packages/backpack-web/src/bpk-component-section-list)
+[`bpk-component-select`](/packages/backpack-web/src/bpk-component-select)
+[`bpk-component-slider`](/packages/backpack-web/src/bpk-component-slider)
+[`bpk-component-spinner`](/packages/backpack-web/src/bpk-component-spinner)
+[`bpk-component-star-rating`](/packages/backpack-web/src/bpk-component-star-rating)
+[`bpk-component-switch`](/packages/backpack-web/src/bpk-component-switch)
+[`bpk-component-table`](/packages/backpack-web/src/bpk-component-table)
+[`bpk-component-text`](/packages/backpack-web/src/bpk-component-text)
+[`bpk-component-textarea`](/packages/backpack-web/src/bpk-component-textarea)
 [`bpk-theming`](/packages/bpk-theming)
-[`bpk-component-ticket`](/packages/bpk-component-ticket)
-[`bpk-component-tooltip`](/packages/bpk-component-tooltip)
+[`bpk-component-ticket`](/packages/backpack-web/src/bpk-component-ticket)
+[`bpk-component-tooltip`](/packages/backpack-web/src/bpk-component-tooltip)
 [`bpk-react-utils`](/packages/bpk-react-utils)
 [`bpk-mixins`](/packages/bpk-mixins)
 [`bpk-stylesheets`](/packages/bpk-stylesheets)

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

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { useEffect, useState } from 'react';
+import { createContext, useContext, useEffect, useRef, useState } from 'react';
 import { LocaleProvider } from '@ark-ui/react';
 import { ChakraProvider, createSystem, defaultBaseConfig } from '@chakra-ui/react';
 import createCache from '@emotion/cache';
@@ -31,9 +31,23 @@ 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'
+const isCypressEnv = () => {
+  if (typeof window === 'undefined') return false;
+  const win = window;
+  if (win.Cypress || win.hotelsDisableEmotionSpeedy) return true;
+  try {
+    return Boolean(win.parent?.Cypress);
+  } catch {
+    return false;
+  }
+};
+const createBpkEmotionCache = speedy => createCache({
+  key: 'css',
+  ...(speedy !== undefined && {
+    speedy
+  })
 });
+const BpkEmotionCacheContext = /*#__PURE__*/createContext(null);
 // 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 +92,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
@@ -118,18 +140,33 @@ const useArkLocale = () => {
 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 parentCache = useContext(BpkEmotionCacheContext);
+  const isNested = parentCache !== null;
+  const [isCypress] = useState(isCypressEnv);
+  const [ownCache, setOwnCache] = useState(() => isNested ? parentCache : createBpkEmotionCache(isCypress ? false : undefined));
+  const hasRecreated = useRef(false);
   const locale = useArkLocale();
-  return /*#__PURE__*/_jsx(CacheProvider, {
-    value: cache,
-    children: /*#__PURE__*/_jsx(ChakraProvider, {
-      value: bpkSystem,
-      children: /*#__PURE__*/_jsx(LocaleProvider, {
-        locale: locale,
-        children: children
-      })
+  useEffect(() => {
+    if (isNested || !isCypress) return;
+    if (hasRecreated.current) return;
+    hasRecreated.current = true;
+    setOwnCache(createBpkEmotionCache(false));
+  }, [isCypress, isNested]);
+  const inner = /*#__PURE__*/_jsx(ChakraProvider, {
+    value: bpkSystem,
+    children: /*#__PURE__*/_jsx(LocaleProvider, {
+      locale: locale,
+      children: children
+    })
+  });
+  if (isNested) {
+    return inner;
+  }
+  return /*#__PURE__*/_jsx(BpkEmotionCacheContext.Provider, {
+    value: ownCache,
+    children: /*#__PURE__*/_jsx(CacheProvider, {
+      value: ownCache,
+      children: inner
     })
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "42.24.0-dev-v27397479883.1",
+  "version": "42.25.0-dev-v27529988690.1",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",