@skyscanner/backpack-web 42.8.0-dev-v24339511202.1 → 42.8.0-dev-v24388551538.1

package/bpk-component-checkbox/src/BpkCheckboxV2/BpkCheckboxV2Control.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { Checkbox } from '@ark-ui/react';
+import { Checkbox } from '@ark-ui/react/checkbox';
 import { cssModules } from "../../../bpk-react-utils";
 import STYLES from "./BpkCheckboxV2.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";

package/bpk-component-checkbox/src/BpkCheckboxV2/BpkCheckboxV2HiddenInput.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { Checkbox } from '@ark-ui/react';
+import { Checkbox } from '@ark-ui/react/checkbox';
 
 // Renders Ark's visually hidden native <input type="checkbox">.
 // Include when the checkbox is inside a <form> for native form submission.

package/bpk-component-checkbox/src/BpkCheckboxV2/BpkCheckboxV2Label.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { Checkbox } from '@ark-ui/react';
+import { Checkbox } from '@ark-ui/react/checkbox';
 import { cssModules } from "../../../bpk-react-utils";
 import STYLES from "./BpkCheckboxV2.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";

package/bpk-component-checkbox/src/BpkCheckboxV2/BpkCheckboxV2Root.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { Checkbox } from '@ark-ui/react';
+import { Checkbox } from '@ark-ui/react/checkbox';
 import { cssModules, getDataComponentAttribute } from "../../../bpk-react-utils";
 import STYLES from "./BpkCheckboxV2.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";

package/bpk-component-checkbox-card/src/BpkCheckboxCard.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { CheckboxHiddenInput } from '@ark-ui/react';
+import { CheckboxHiddenInput } from '@ark-ui/react/checkbox';
 import { withButtonAlignment } from "../../bpk-component-icon";
 import TickCircleIcon from "../../bpk-component-icon/sm/tick-circle";
 import { BpkSpinner, SPINNER_TYPES } from "../../bpk-component-spinner";

package/bpk-component-checkbox-card/src/BpkCheckboxCardRoot.js

@@ -17,7 +17,7 @@
  */
 
 import { useMemo } from 'react';
-import { CheckboxRoot } from '@ark-ui/react';
+import { CheckboxRoot } from '@ark-ui/react/checkbox';
 import { withButtonAlignment } from "../../bpk-component-icon";
 import TickCircleIcon from "../../bpk-component-icon/sm/tick-circle";
 import { cssModules } from "../../bpk-react-utils";

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

@@ -17,7 +17,7 @@
  */
 
 import { forwardRef } from 'react';
-import { Box } from '@chakra-ui/react';
+import { Box } from '@chakra-ui/react/box';
 import { cssModules, getDataComponentAttribute } from "../../bpk-react-utils";
 import { processBpkComponentProps } from "./tokenUtils";
 import STYLES from "./BpkLayout.module.css";

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

@@ -17,7 +17,7 @@
  */
 
 import { forwardRef } from 'react';
-import { Flex } from '@chakra-ui/react';
+import { Flex } from '@chakra-ui/react/flex';
 import { cssModules, getDataComponentAttribute } from "../../bpk-react-utils";
 import { processBpkComponentProps } from "./tokenUtils";
 import STYLES from "./BpkLayout.module.css";

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

@@ -17,7 +17,7 @@
  */
 
 import { forwardRef } from 'react';
-import { Grid } from '@chakra-ui/react';
+import { Grid } from '@chakra-ui/react/grid';
 import { cssModules, getDataComponentAttribute } from "../../bpk-react-utils";
 import { processBpkComponentProps } from "./tokenUtils";
 import STYLES from "./BpkLayout.module.css";

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

@@ -17,7 +17,7 @@
  */
 
 import { forwardRef } from 'react';
-import { GridItem } from '@chakra-ui/react';
+import { GridItem } from '@chakra-ui/react/grid';
 import { cssModules, getDataComponentAttribute } from "../../bpk-react-utils";
 import { processBpkComponentProps } from "./tokenUtils";
 import STYLES from "./BpkLayout.module.css";

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

@@ -17,8 +17,9 @@
  */
 
 import { useEffect, useState } from 'react';
-import { LocaleProvider } from '@ark-ui/react';
-import { ChakraProvider, createSystem, defaultBaseConfig } from '@chakra-ui/react';
+import { LocaleProvider } from '@ark-ui/react/locale';
+import { defaultBaseConfig } from '@chakra-ui/react/preset-base';
+import { ChakraProvider, createSystem } from '@chakra-ui/react/styled-system';
 import { createBpkConfig } from "./theme";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**

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

@@ -17,7 +17,7 @@
  */
 
 import { forwardRef } from 'react';
-import { Stack, VStack, HStack } from '@chakra-ui/react';
+import { Stack, VStack, HStack } from '@chakra-ui/react/stack';
 import { cssModules, getDataComponentAttribute } from "../../bpk-react-utils";
 import { processBpkComponentProps } from "./tokenUtils";
 import STYLES from "./BpkLayout.module.css";

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

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { defineConfig } from '@chakra-ui/react';
+import { defineConfig } from '@chakra-ui/react/styled-system';
 
 // Import tokens from Backpack foundations
 // Note: Some tokens may not be in TypeScript definitions but exist at runtime

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

@@ -2,7 +2,10 @@ import type { HTMLAttributes, ReactNode } from 'react';
 import type StackOptionKeys from './BpkStack.constant';
 import type { BpkCommonLayoutProps } from './commonProps';
 import type { BpkSpacingValue, BpkResponsiveValue, BpkBasisValue } from './tokens';
-import type { BoxProps, FlexProps, GridProps, GridItemProps, StackProps } from '@chakra-ui/react';
+import type { BoxProps } from '@chakra-ui/react/box';
+import type { FlexProps } from '@chakra-ui/react/flex';
+import type { GridProps, GridItemProps } from '@chakra-ui/react/grid';
+import type { StackProps } from '@chakra-ui/react/stack';
 /**
  * Layout-level event props that should not be exposed on layout components.
  * onClick is handled via BpkCommonLayoutProps; onFocus/onBlur are reintroduced

package/bpk-component-modal/src/BpkModalV3/BpkModalV3CloseTrigger/BpkModalV3CloseTrigger.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { Dialog } from '@ark-ui/react';
+import { Dialog } from '@ark-ui/react/dialog';
 
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkCloseButton from "../../../../bpk-component-close-button";

package/bpk-component-modal/src/BpkModalV3/BpkModalV3Content/BpkModalV3Content.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { Dialog } from '@ark-ui/react';
+import { Dialog } from '@ark-ui/react/dialog';
 import { cssModules, getDataComponentAttribute } from "../../../../bpk-react-utils";
 import { useModalType } from "../BpkModalV3Context";
 import STYLES from "./BpkModalV3Content.module.css";

package/bpk-component-modal/src/BpkModalV3/BpkModalV3Description/BpkModalV3Description.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { Dialog } from '@ark-ui/react';
+import { Dialog } from '@ark-ui/react/dialog';
 import { getDataComponentAttribute } from "../../../../bpk-react-utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 const BpkModalV3Description = ({

package/bpk-component-modal/src/BpkModalV3/BpkModalV3Portal/BpkModalV3Portal.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { Portal } from '@ark-ui/react';
+import { Portal } from '@ark-ui/react/portal';
 import { jsx as _jsx } from "react/jsx-runtime";
 const BpkModalV3Portal = ({
   children

package/bpk-component-modal/src/BpkModalV3/BpkModalV3Root/BpkModalV3Root.js

@@ -17,7 +17,7 @@
  */
 
 import { useEffect, useState } from 'react';
-import { Dialog } from '@ark-ui/react';
+import { Dialog } from '@ark-ui/react/dialog';
 import { durationBase } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 import { getDataComponentAttribute, useBodyLock } from "../../../../bpk-react-utils";
 import { ModalTypeProvider } from "../BpkModalV3Context";

package/bpk-component-modal/src/BpkModalV3/BpkModalV3Scrim/BpkModalV3Scrim.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { Dialog } from '@ark-ui/react';
+import { Dialog } from '@ark-ui/react/dialog';
 import { cssModules, getDataComponentAttribute } from "../../../../bpk-react-utils";
 import { useModalType } from "../BpkModalV3Context";
 import STYLES from "./BpkModalV3Scrim.module.css";

package/bpk-component-modal/src/BpkModalV3/BpkModalV3Title/BpkModalV3Title.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { Dialog } from '@ark-ui/react';
+import { Dialog } from '@ark-ui/react/dialog';
 import { cssModules, getDataComponentAttribute } from "../../../../bpk-react-utils";
 import STYLES from "./BpkModalV3Title.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";

package/bpk-component-modal/src/BpkModalV3/BpkModalV3Trigger/BpkModalV3Trigger.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { Dialog } from '@ark-ui/react';
+import { Dialog } from '@ark-ui/react/dialog';
 import { getDataComponentAttribute } from "../../../../bpk-react-utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 const BpkModalV3Trigger = ({

package/bpk-component-segmented-control/src/BpkSegmentedControlV2/BpkSegmentedControlV2.js

@@ -17,7 +17,8 @@
  */
 
 import { useRef } from 'react';
-import { SegmentGroup, useLocaleContext } from '@ark-ui/react';
+import { useLocaleContext } from '@ark-ui/react/locale';
+import { SegmentGroup } from '@ark-ui/react/segment-group';
 import { cssModules, getDataComponentAttribute } from "../../../bpk-react-utils";
 import { SEGMENT_TYPES_V2 } from "./common-types";
 import STYLES from "./BpkSegmentedControlV2.module.css";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "42.8.0-dev-v24339511202.1",
+  "version": "42.8.0-dev-v24388551538.1",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",