@skyscanner/backpack-web 0.0.3 → 0.0.4

package/bpk-component-accordion/src/BpkAccordion.js

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkAccordion.module.scss';
 

package/bpk-component-accordion/src/BpkAccordionItem.js

@@ -20,14 +20,14 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node, type Element } from 'react';
-import AnimateHeight from 'bpk-animate-height';
+import AnimateHeight from '../../bpk-animate-height';
 import { withButtonAlignment } from '../../bpk-component-icon';
 import ChevronDownIcon from '../../bpk-component-icon/sm/chevron-down';
 import BpkText, {
   TEXT_STYLES,
   WEIGHT_STYLES as weights,
 } from '../../bpk-component-text';
-import { cssModules, deprecated } from 'bpk-react-utils';
+import { cssModules, deprecated } from '../../bpk-react-utils';
 
 import STYLES from './BpkAccordionItem.module.scss';
 

package/bpk-component-accordion/src/withAccordionItemState.js

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component, type ComponentType } from 'react';
-import { wrapDisplayName } from 'bpk-react-utils';
+import { wrapDisplayName } from '../../bpk-react-utils';
 
 type Props = {
   initiallyExpanded: boolean,
@@ -59,7 +59,7 @@ const withAccordionItemState = (ComposedComponent: ComponentType<any>) => {
         (prevState) => ({
           expanded: !prevState.expanded,
         }),
-        this.props.onClick || (() => {}),
+        this.props.onClick || (() => { }),
       );
     };
 

package/bpk-component-accordion/src/withSingleItemAccordionState.js

@@ -27,7 +27,7 @@ import React, {
   type Element,
   type ComponentType,
 } from 'react';
-import { wrapDisplayName } from 'bpk-react-utils';
+import { wrapDisplayName } from '../../bpk-react-utils';
 
 const getInitiallyExpanded = (children) => {
   const accordionItems = Children.toArray(children);

package/bpk-component-aria-live/examples.js

@@ -22,7 +22,7 @@ import BpkChip from '../../bpk-component-chip';
 import BpkFieldset from '../../bpk-component-fieldset';
 import BpkSelect from '../../bpk-component-select';
 import BpkSwitch from '../../bpk-component-switch';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../bpk-react-utils';
 import { BpkCode } from '../../bpk-component-code';
 
 import STYLES from './examples.module.scss';

package/bpk-component-aria-live/src/BpkAriaLive.js

@@ -19,7 +19,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkAriaLive.module.scss';
 

package/bpk-component-autosuggest/src/BpkAutosuggest.js

@@ -21,7 +21,7 @@
 import React from 'react';
 import BpkInput from '../../bpk-component-input';
 import Autosuggest from 'react-autosuggest';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkAutosuggest.module.scss';
 

package/bpk-component-autosuggest/src/BpkAutosuggestSuggestion.js

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkAutosuggest.module.scss';
 

package/bpk-component-badge/BadgeLayout.js

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../bpk-react-utils';
 
 import STYLES from './BpkBadgeLayout.module.scss';
 

package/bpk-component-badge/src/BpkBadge.js

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkBadge.module.scss';
 

package/bpk-component-banner-alert/examples.js

@@ -23,7 +23,7 @@ import { fontWeightBold } from '@skyscanner/bpk-foundations-web/tokens/base.es6'
 import CurrencyIcon from '../../bpk-component-icon/sm/currency';
 import { AriaLiveDemo } from '../../bpk-component-aria-live/examples';
 import { BpkButtonPrimary } from '../../bpk-component-button';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../bpk-react-utils';
 
 import STYLES from './examples.module.scss';
 

package/bpk-component-banner-alert/src/AnimateAndFade.js

@@ -19,8 +19,8 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node, Component } from 'react';
-import { cssModules } from 'bpk-react-utils';
-import BpkAnimateHeight from 'bpk-animate-height';
+import { cssModules } from '../../bpk-react-utils';
+import BpkAnimateHeight from '../../bpk-animate-height';
 import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 

package/bpk-component-banner-alert/src/BpkBannerAlertInner.js

@@ -24,13 +24,13 @@
 import PropTypes from 'prop-types';
 import React, { type Node, type StatelessFunctionalComponent } from 'react';
 import { withButtonAlignment } from '../../bpk-component-icon';
-import BpkAnimateHeight from 'bpk-animate-height';
+import BpkAnimateHeight from '../../bpk-animate-height';
 import BpkCloseButton from '../../bpk-component-close-button';
 import TickCircleIcon from '../../bpk-component-icon/sm/tick-circle';
 import ChevronDownIcon from '../../bpk-component-icon/lg/chevron-down';
 import InfoCircleIcon from '../../bpk-component-icon/sm/information-circle';
 import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import AnimateAndFade from './AnimateAndFade';
 import {

package/bpk-component-banner-alert/src/withBannerAlertState.js

@@ -19,7 +19,7 @@
 
 import React, { type Node, type ComponentType, Component } from 'react';
 import PropTypes from 'prop-types';
-import { wrapDisplayName } from 'bpk-react-utils';
+import { wrapDisplayName } from '../../bpk-react-utils';
 
 import {
   type OnDismissHandler,

package/bpk-component-barchart/examples.js

@@ -20,7 +20,7 @@
 
 import React from 'react';
 import { number } from 'prop-types';
-import { cssModules, withDefaultProps } from 'bpk-react-utils';
+import { cssModules, withDefaultProps } from '../bpk-react-utils';
 import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
 import { updateOnDirectionChange } from '../../bpk-component-rtl-toggle';
 import { lineHeightSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';

package/bpk-component-barchart/hocs.js

@@ -20,7 +20,7 @@
 
 import isEqual from 'lodash/isEqual';
 import React, { Component, type ComponentType } from 'react';
-import { wrapDisplayName } from 'bpk-react-utils';
+import { wrapDisplayName } from '../bpk-react-utils';
 
 // eslint-disable-next-line import/prefer-default-export
 export const withSelectedState = (ComposedComponent: ComponentType<any>) => {

package/bpk-component-barchart/src/BpkBarchart.js

@@ -26,7 +26,7 @@ import {
   spacingXs,
   lineHeightSm,
 } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import BpkMobileScrollContainer from '../../bpk-component-mobile-scroll-container';
 
 import BpkBarchartDefs from './BpkBarchartDefs';

package/bpk-component-barchart/src/BpkBarchartBar.js

@@ -20,7 +20,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import { borderRadiusXs } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 
 import { remToPx } from './utils';

package/bpk-component-barchart/src/BpkChartAxis.js

@@ -20,7 +20,7 @@
 
 import React, { type Node } from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import {
   spacingXs,
   lineHeightSm,

package/bpk-component-barchart/src/BpkChartDataTable.js

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import dataProp from './customPropTypes';
 import STYLES from './BpkChartDataTable.module.scss';

package/bpk-component-barchart/src/BpkChartGridLines.js

@@ -20,7 +20,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import { ORIENTATION_X, ORIENTATION_Y } from './orientation';
 import { identity, center } from './utils';
@@ -66,15 +66,15 @@ const BpkChartGridLines = (props: Props) => {
     const value = position(tick);
     return orientation === ORIENTATION_X
       ? {
-          x1: value,
-          x2: value,
-          y2: height - margin.top - margin.bottom,
-        }
+        x1: value,
+        x2: value,
+        y2: height - margin.top - margin.bottom,
+      }
       : {
-          x2: width - margin.left - margin.right,
-          y1: value,
-          y2: value,
-        };
+        x2: width - margin.left - margin.right,
+        y1: value,
+        y2: value,
+      };
   };
 
   const toLine = (tick, i) => (

package/bpk-component-barchart/src/RTLtransforms.js

@@ -18,7 +18,7 @@
 
 /* @flow strict */
 
-import { isRTL } from 'bpk-react-utils';
+import { isRTL } from '../../bpk-react-utils';
 
 const rtlConditionalValue = (ltrValue: number, rtlValue: number) =>
   isRTL() ? rtlValue : ltrValue;

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

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkBlockquote.module.scss';
 

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

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkBreadcrumb.module.scss';
 

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

@@ -22,7 +22,7 @@ import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
 import BpkLink from '../../bpk-component-link';
 import BpkText from '../../bpk-component-text';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import { withRtlSupport } from '../../bpk-component-icon';
 import ArrowRight from '../../bpk-component-icon/sm/arrow-right';
 

package/bpk-component-breakpoint/examples.js

@@ -19,7 +19,7 @@
 /* @flow strict */
 
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../bpk-react-utils';
 
 import STYLES from './examples.module.scss';
 

package/bpk-component-calendar/src/BpkCalendarContainer.js

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import { deprecated, isRTL } from 'bpk-react-utils';
+import { deprecated, isRTL } from '../../bpk-react-utils';
 
 import CustomPropTypes, { CALENDAR_SELECTION_TYPE } from './custom-proptypes';
 import BpkCalendarNav from './BpkCalendarNav';

package/bpk-component-calendar/src/BpkCalendarDate.js

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { PureComponent } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import CustomPropTypes from './custom-proptypes';
 import STYLES from './BpkCalendarDate.module.scss';

package/bpk-component-calendar/src/BpkCalendarGrid.js

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import { cssModules, deprecated, isDeviceIos } from 'bpk-react-utils';
+import { cssModules, deprecated, isDeviceIos } from '../../bpk-react-utils';
 
 import BpkCalendarGridHeader from './BpkCalendarGridHeader';
 import Week from './Week';

package/bpk-component-calendar/src/BpkCalendarGridHeader.js

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { PureComponent } from 'react';
-import { cssModules, deprecated } from 'bpk-react-utils';
+import { cssModules, deprecated } from '../../bpk-react-utils';
 
 import CustomPropTypes from './custom-proptypes';
 import { orderDaysOfWeek } from './date-utils';

package/bpk-component-calendar/src/BpkCalendarGridTransition.js

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import { cssModules, isRTL } from 'bpk-react-utils';
+import { cssModules, isRTL } from '../../bpk-react-utils';
 
 import {
   getCalendarGridWidth,
@@ -172,11 +172,11 @@ class BpkCalendarGridTransition extends Component {
                   index === 1
                     ? focusedDate
                     : getFocusedDateForMonth(
-                        m,
-                        focusedDate,
-                        rest.minDate,
-                        rest.maxDate,
-                      )
+                      m,
+                      focusedDate,
+                      rest.minDate,
+                      rest.maxDate,
+                    )
                 }
                 aria-hidden={index !== 1}
                 className={getClassName('bpk-calendar-grid-transition__grid')}
@@ -208,12 +208,12 @@ BpkCalendarGridTransition.defaultProps = {
 };
 
 const addCalendarGridTransition = (TransitionComponent) => (props) =>
-  (
-    <BpkCalendarGridTransition
-      TransitionComponent={TransitionComponent}
-      {...props}
-    />
-  );
+(
+  <BpkCalendarGridTransition
+    TransitionComponent={TransitionComponent}
+    {...props}
+  />
+);
 
 export default BpkCalendarGridTransition;
 export { addCalendarGridTransition };

package/bpk-component-calendar/src/BpkCalendarNav.js

@@ -21,7 +21,7 @@ import React from 'react';
 import ArrowLeftIcon from '../../bpk-component-icon/lg/arrow-left';
 import ArrowRightIcon from '../../bpk-component-icon/lg/arrow-right';
 import BpkSelect from '../../bpk-component-select';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import BpkAriaLive from '../../bpk-component-aria-live';
 
 import {

package/bpk-component-calendar/src/Week.js

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import { cssModules, deprecated } from 'bpk-react-utils';
+import { cssModules, deprecated } from '../../bpk-react-utils';
 
 import {
   isSameDay,
@@ -249,7 +249,7 @@ class Week extends Component {
     // render, component should update.
     if (
       this.props.selectionConfiguration.type ===
-        CALENDAR_SELECTION_TYPE.single &&
+      CALENDAR_SELECTION_TYPE.single &&
       this.props.selectionConfiguration.date
     ) {
       return singleDateHandler(this.props, nextProps);

package/bpk-component-calendar/src/composeCalendar.js

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules, deprecated } from 'bpk-react-utils';
+import { cssModules, deprecated } from '../../bpk-react-utils';
 
 import CustomPropTypes, { CALENDAR_SELECTION_TYPE } from './custom-proptypes';
 import STYLES from './BpkCalendar.module.scss';

package/bpk-component-card/src/BpkCard.js

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkCard.module.scss';
 

package/bpk-component-checkbox/src/BpkCheckbox.js

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkCheckbox.module.scss';
 

package/bpk-component-chip/examples.js

@@ -20,7 +20,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../bpk-react-utils';
 import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
 import BeachIconSm from '../../bpk-component-icon/sm/beach';
 import CarWashIconSm from '../../bpk-component-icon/sm/car-wash';

package/bpk-component-chip/src/BpkSelectableChip.js

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
 
 import STYLES from './BpkSelectableChip.module.scss';

package/bpk-component-close-button/src/BpkCloseButton.js

@@ -21,7 +21,7 @@
 import PropTypes from 'prop-types';
 import React, { type StatelessFunctionalComponent } from 'react';
 import CloseIcon from '../../bpk-component-icon/sm/close';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkCloseButton.module.scss';
 

package/bpk-component-code/src/BpkCode.js

@@ -19,7 +19,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkCode.module.scss';
 

package/bpk-component-code/src/BpkCodeBlock.js

@@ -19,7 +19,7 @@
 
 import React, { type Node } from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkCodeBlock.module.scss';
 

package/bpk-component-content-container/src/BpkContentContainer.js

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkContentContainer.module.scss';
 

package/bpk-component-datatable/src/BpkDataTable.js

@@ -20,7 +20,7 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { Table, AutoSizer } from 'react-virtualized';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import _omit from 'lodash/omit';
 
 import STYLES from './BpkDataTable.module.scss';

package/bpk-component-datatable/src/BpkDataTableColumn.js

@@ -19,7 +19,7 @@
 
 import React, { type Element } from 'react';
 import { Column } from 'react-virtualized';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import bpkHeaderRenderer from './bpkHeaderRenderer';
 import STYLES from './BpkDataTableColumn.module.scss';

package/bpk-component-datatable/src/bpkHeaderRenderer.js

@@ -19,7 +19,7 @@
 
 import React from 'react';
 import { SortDirection } from 'react-virtualized';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import BpkSmallArrowDownIcon from '../../bpk-component-icon/sm/arrow-down';
 import BpkSmallArrowUpIcon from '../../bpk-component-icon/sm/arrow-up';
 import { withRtlSupport } from '../../bpk-component-icon';

package/bpk-component-datepicker/src/BpkDatepicker.js

@@ -19,7 +19,7 @@
 import BpkInput, { withOpenEvents } from '../../bpk-component-input';
 import BpkModal from '../../bpk-component-modal';
 import BpkPopover from '../../bpk-component-popover';
-import { cssModules, deprecated } from 'bpk-react-utils';
+import { cssModules, deprecated } from '../../bpk-react-utils';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import BpkBreakpoint, { BREAKPOINTS } from '../../bpk-component-breakpoint';

package/bpk-component-description-list/src/ComponentFactory.js

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkDescriptionList.module.scss';
 

package/bpk-component-dialog/examples.js

@@ -25,7 +25,7 @@ import BpkButton from '../../bpk-component-button';
 import TickIcon from '../../bpk-component-icon/lg/tick';
 import InfoIcon from '../../bpk-component-icon/lg/information-circle';
 import TrashIcon from '../../bpk-component-icon/lg/trash';
-import { cssModules, withDefaultProps } from 'bpk-react-utils';
+import { cssModules, withDefaultProps } from '../bpk-react-utils';
 
 import STYLES from './examples.module.scss';
 

package/bpk-component-dialog/src/BpkDialog.js

@@ -19,7 +19,7 @@
 /* @flow strict */
 
 import React from 'react';
-import { cssModules, Portal } from 'bpk-react-utils';
+import { cssModules, Portal } from '../../bpk-react-utils';
 import BpkCloseButton from '../../bpk-component-close-button';
 
 import BpkDialogInner from './BpkDialogInner';

package/bpk-component-dialog/src/BpkDialogInner.js

@@ -19,8 +19,8 @@
 /* @flow strict */
 
 import React from 'react';
-import { TransitionInitialMount, cssModules } from 'bpk-react-utils';
-import { withScrim } from 'bpk-scrim-utils';
+import { TransitionInitialMount, cssModules } from '../../bpk-react-utils';
+import { withScrim } from '../../bpk-react-utils';
 import { BpkContentBubble } from '../../bpk-component-flare';
 
 import {

package/bpk-component-drawer/examples.js

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import { cssModules, withDefaultProps } from 'bpk-react-utils';
+import { cssModules, withDefaultProps } from '../bpk-react-utils';
 import BpkButton from '../../bpk-component-button';
 import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
 

package/bpk-component-drawer/src/BpkDrawer.js

@@ -20,8 +20,8 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import { Portal, cssModules } from 'bpk-react-utils';
-import { withScrim } from 'bpk-scrim-utils';
+import { Portal, cssModules } from '../../bpk-react-utils';
+import { withScrim } from '../../bpk-react-utils';
 
 import BpkDrawerContent from './BpkDrawerContent';
 import STYLES from './BpkDrawer.module.scss';