@skyscanner/backpack-web 0.0.1 → 0.0.4

package/bpk-component-datepicker/examples.js

@@ -30,14 +30,14 @@ import {
   weekDays,
   formatMonth,
   formatDateFull,
-} from 'bpk-component-calendar/test-utils';
+} from '../../bpk-component-calendar/test-utils';
 import {
   format,
   dateToBoundaries,
   addMonths,
   addDays,
   startOfDay,
-} from 'bpk-component-calendar/src/date-utils';
+} from '../../bpk-component-calendar/src/date-utils';
 import {
   BpkCalendarNav,
   BpkCalendarGridHeader,
@@ -47,8 +47,8 @@ import {
   CustomPropTypes,
   CALENDAR_SELECTION_TYPE,
   BpkCalendarGrid,
-} from 'bpk-component-calendar';
-import BpkInput, { withOpenEvents } from 'bpk-component-input';
+} from '../../bpk-component-calendar';
+import BpkInput, { withOpenEvents } from '../../bpk-component-input';
 
 import BpkDatepicker from './index';
 

package/bpk-component-datepicker/index.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { CALENDAR_SELECTION_TYPE } from 'bpk-component-calendar';
+import { CALENDAR_SELECTION_TYPE } from '../../bpk-component-calendar';
 
 import BpkDatepicker from './src/BpkDatepicker';
 import themeAttributes from './src/themeAttributes';

package/bpk-component-datepicker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-datepicker",
-  "version": "15.2.0",
+  "version": "15.2.1",
   "description": "Backpack datepicker component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,10 +15,10 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "bpk-component-breakpoint": "^3.1.0",
-    "bpk-component-calendar": "^11.1.0",
-    "bpk-component-input": "^6.1.0",
-    "bpk-component-modal": "^3.1.0",
-    "bpk-component-popover": "^4.1.0",
+    "bpk-component-calendar": "^11.1.1",
+    "bpk-component-input": "^6.1.1",
+    "bpk-component-modal": "^3.1.1",
+    "bpk-component-popover": "^4.1.1",
     "bpk-mixins": "^26.1.0",
     "bpk-react-utils": "^4.1.0",
     "prop-types": "^15.7.2"

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

@@ -16,13 +16,13 @@
  * limitations under the License.
  */
 
-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 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 PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import BpkBreakpoint, { BREAKPOINTS } from 'bpk-component-breakpoint';
+import BpkBreakpoint, { BREAKPOINTS } from '../../bpk-component-breakpoint';
 import {
   composeCalendar,
   BpkCalendarGridHeader,
@@ -33,7 +33,7 @@ import {
   CALENDAR_SELECTION_TYPE,
   DateUtils,
   BpkCalendarNav,
-} from 'bpk-component-calendar';
+} from '../../bpk-component-calendar';
 
 import STYLES from './BpkDatepicker.module.scss';
 

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

@@ -16,9 +16,9 @@
  * limitations under the License.
  */
 
-import { themeAttributes as calendarAttributes } from 'bpk-component-calendar';
-import { themeAttributes as modalAttributes } from 'bpk-component-modal';
-import { themeAttributes as popoverAttributes } from 'bpk-component-popover';
+import { themeAttributes as calendarAttributes } from '../../bpk-component-calendar';
+import { themeAttributes as modalAttributes } from '../../bpk-component-modal';
+import { themeAttributes as popoverAttributes } from '../../bpk-component-popover';
 
 export default [
   ...calendarAttributes,

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

@@ -20,12 +20,12 @@
 
 import PropTypes from 'prop-types';
 import React, { Component, type Node } from 'react';
-import BpkText from 'bpk-component-text';
-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 BpkText, { TEXT_STYLES } from '../../bpk-component-text';
+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 STYLES from './examples.module.scss';
 
@@ -34,7 +34,7 @@ import BpkDialog, { HEADER_ICON_TYPES } from './index';
 const getClassName = cssModules(STYLES);
 
 const Paragraph = withDefaultProps(BpkText, {
-  textStyle: 'base',
+  textStyle: TEXT_STYLES.bodyDefault,
   tagName: 'p',
   className: getClassName('bpk-dialog-paragraph'),
 });

package/bpk-component-dialog/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-dialog",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "description": "Backpack dialog component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,8 +14,8 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-close-button": "^3.1.0",
-    "bpk-component-flare": "^2.1.0",
+    "bpk-component-close-button": "^3.1.1",
+    "bpk-component-flare": "^2.1.1",
     "bpk-mixins": "^26.1.0",
     "bpk-react-utils": "^4.1.0",
     "bpk-scrim-utils": "^5.1.0",
@@ -26,7 +26,7 @@
   },
   "devDependencies": {
     "bpk-component-button": "^5.1.0",
-    "bpk-component-icon": "^9.2.0",
-    "bpk-component-text": "^6.1.0"
+    "bpk-component-icon": "^9.2.1",
+    "bpk-component-text": "^6.1.1"
   }
 }

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

@@ -19,8 +19,8 @@
 /* @flow strict */
 
 import React from 'react';
-import { cssModules, Portal } from 'bpk-react-utils';
-import BpkCloseButton from 'bpk-component-close-button';
+import { cssModules, Portal } from '../../bpk-react-utils';
+import BpkCloseButton from '../../bpk-component-close-button';
 
 import BpkDialogInner from './BpkDialogInner';
 import { type Props, propTypes, defaultProps } from './common-types';

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

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

package/bpk-component-drawer/examples.js

@@ -20,9 +20,9 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import { cssModules, withDefaultProps } from 'bpk-react-utils';
-import BpkButton from 'bpk-component-button';
-import BpkText from 'bpk-component-text';
+import { cssModules, withDefaultProps } from '../bpk-react-utils';
+import BpkButton from '../../bpk-component-button';
+import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
 
 import STYLES from './examples.module.scss';
 
@@ -31,7 +31,7 @@ import BpkDrawer from './index';
 const getClassName = cssModules(STYLES);
 
 const Paragraph = withDefaultProps(BpkText, {
-  textStyle: 'base',
+  textStyle: TEXT_STYLES.bodyDefault,
   tagName: 'p',
   className: getClassName('bpk-drawer-paragraph'),
 });

package/bpk-component-drawer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-drawer",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "description": "Backpack drawer component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,8 +15,8 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^5.0.0",
-    "bpk-component-close-button": "^3.1.0",
-    "bpk-component-icon": "^9.2.0",
+    "bpk-component-close-button": "^3.1.1",
+    "bpk-component-icon": "^9.2.1",
     "bpk-component-link": "^3.1.0",
     "bpk-mixins": "^26.1.0",
     "bpk-react-utils": "^4.1.0",
@@ -29,6 +29,6 @@
   },
   "devDependencies": {
     "bpk-component-button": "^5.1.0",
-    "bpk-component-text": "^6.1.0"
+    "bpk-component-text": "^6.1.1"
   }
 }

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';

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

@@ -22,9 +22,9 @@ import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
 import Transition from 'react-transition-group/Transition';
 import { animations } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
-import { cssModules } from 'bpk-react-utils';
-import { BpkButtonLink } from 'bpk-component-link';
-import BpkCloseButton from 'bpk-component-close-button';
+import { cssModules } from '../../bpk-react-utils';
+import { BpkButtonLink } from '../../bpk-component-link';
+import BpkCloseButton from '../../bpk-component-close-button';
 
 import STYLES from './BpkDrawerContent.module.scss';
 

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

@@ -18,6 +18,6 @@
 
 /* @flow strict */
 
-import { themeAttributes as linkAttributes } from 'bpk-component-link';
+import { themeAttributes as linkAttributes } from '../../bpk-component-link';
 
 export default [...linkAttributes];

package/bpk-component-fieldset/examples.js

@@ -19,22 +19,22 @@
 
 import PropTypes from 'prop-types';
 import React, { cloneElement, Component } from 'react';
-import BpkSelect from 'bpk-component-select';
-import BpkCheckbox from 'bpk-component-checkbox';
-import BpkInput, { INPUT_TYPES } from 'bpk-component-input';
-import BpkButton from 'bpk-component-button';
-import BpkDatepicker from 'bpk-component-datepicker';
-import BpkTextarea from 'bpk-component-textarea';
+import BpkSelect from '../../bpk-component-select';
+import BpkCheckbox from '../../bpk-component-checkbox';
+import BpkInput, { INPUT_TYPES } from '../../bpk-component-input';
+import BpkButton from '../../bpk-component-button';
+import BpkDatepicker from '../../bpk-component-datepicker';
+import BpkTextarea from '../../bpk-component-textarea';
 import BpkAutosuggest, {
   BpkAutosuggestSuggestion,
-} from 'bpk-component-autosuggest';
+} from '../../bpk-component-autosuggest';
 import {
   weekDays,
   formatMonth,
   formatDateFull,
-} from 'bpk-component-calendar/test-utils';
-import { format } from 'bpk-component-calendar/src/date-utils';
-import { cssModules } from 'bpk-react-utils';
+} from '../../bpk-component-calendar/test-utils';
+import { format } from '../../bpk-component-calendar/src/date-utils';
+import { cssModules } from '../bpk-react-utils';
 
 import STYLES from './examples.module.scss';
 
@@ -109,8 +109,8 @@ const getSuggestions = (value) => {
   return inputLength === 0
     ? []
     : offices.filter(
-        (office) => office.name.toLowerCase().indexOf(inputValue) !== -1,
-      );
+      (office) => office.name.toLowerCase().indexOf(inputValue) !== -1,
+    );
 };
 
 const getSuggestionValue = (suggestion) =>

package/bpk-component-fieldset/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-fieldset",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "description": "Backpack fieldset component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,7 +14,7 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "bpk-component-form-validation": "^4.2.0",
+    "bpk-component-form-validation": "^4.2.1",
     "bpk-component-label": "^5.1.0",
     "bpk-mixins": "^26.1.0",
     "bpk-react-utils": "^4.1.0",
@@ -24,12 +24,12 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-autosuggest": "^6.1.0",
+    "bpk-component-autosuggest": "^6.1.1",
     "bpk-component-button": "^5.1.0",
-    "bpk-component-calendar": "^11.1.0",
-    "bpk-component-checkbox": "^4.1.0",
-    "bpk-component-datepicker": "^15.2.0",
-    "bpk-component-input": "^6.1.0",
+    "bpk-component-calendar": "^11.1.1",
+    "bpk-component-checkbox": "^4.1.1",
+    "bpk-component-datepicker": "^15.2.1",
+    "bpk-component-input": "^6.1.1",
     "bpk-component-select": "^5.1.0",
     "bpk-component-textarea": "^4.2.0"
   }

package/bpk-component-fieldset/src/BpkFieldset.js

@@ -19,9 +19,9 @@
 
 import PropTypes from 'prop-types';
 import React, { cloneElement, type Element } from 'react';
-import BpkLabel from 'bpk-component-label';
-import BpkFormValidation from 'bpk-component-form-validation';
-import { cssModules } from 'bpk-react-utils';
+import BpkLabel from '../../bpk-component-label';
+import BpkFormValidation from '../../bpk-component-form-validation';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkFieldset.module.scss';
 

package/bpk-component-flare/examples.js

@@ -19,8 +19,8 @@
 /* @flow strict */
 
 import React from 'react';
-import BpkText from 'bpk-component-text';
-import { cssModules } from 'bpk-react-utils';
+import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
+import { cssModules } from '../bpk-react-utils';
 
 import { BpkFlareBar, BpkContentBubble } from './index';
 
@@ -33,7 +33,7 @@ const contentShort = (
   <div className={getClassName('bpk-flare-stories__content')}>
     <BpkText tagName="h1" textStyle="xxl">
       Love planet. Will travel.
-      <BpkText tagName="p" textStyle="base">
+      <BpkText tagName="p" textStyle={TEXT_STYLES.bodyDefault}>
         Go discover a new adventure.
       </BpkText>
     </BpkText>
@@ -43,7 +43,7 @@ const content = (
   <div className={getClassName('bpk-flare-stories__content')}>
     <BpkText tagName="h1" textStyle="xxl">
       Love planet. Will travel.
-      <BpkText tagName="p" textStyle="base">
+      <BpkText tagName="p" textStyle={TEXT_STYLES.bodyDefault}>
         Lorem ipsum dolor sit amet consectetur adipiscing elit, volutpat tellus
         massa taciti platea auctor, accumsan egestas cubilia ultricies lacus
         consequat. Vulputate quisque dignissim habitant urna accumsan tempor

package/bpk-component-flare/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-flare",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Backpack FlareBar and ContentBubble component.",
   "license": "Apache-2.0",
   "repository": {
@@ -18,7 +18,7 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "bpk-component-label": "^5.1.0",
-    "bpk-component-text": "^6.1.0",
+    "bpk-component-text": "^6.1.1",
     "bpk-mixins": "^26.1.0",
     "bpk-react-utils": "^4.1.0",
     "prop-types": "^15.7.2"

package/bpk-component-flare/src/BpkContentBubble.js

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

package/bpk-component-flare/src/BpkFlareBar.js

@@ -18,7 +18,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './bpk-flare-bar.module.scss';
 import Pointer from './__generated__/js/pointer';

package/bpk-component-form-validation/examples.js

@@ -18,12 +18,12 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import BpkButton from 'bpk-component-button';
-import BpkSelect from 'bpk-component-select';
-import BpkCheckbox from 'bpk-component-checkbox';
-import BpkTextarea from 'bpk-component-textarea';
-import BpkInput from 'bpk-component-input';
-import { cssModules } from 'bpk-react-utils';
+import BpkButton from '../../bpk-component-button';
+import BpkSelect from '../../bpk-component-select';
+import BpkCheckbox from '../../bpk-component-checkbox';
+import BpkTextarea from '../../bpk-component-textarea';
+import BpkInput from '../../bpk-component-input';
+import { cssModules } from '../bpk-react-utils';
 
 import STYLES from './examples.module.scss';
 

package/bpk-component-form-validation/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-form-validation",
-  "version": "4.2.0",
+  "version": "4.2.1",
   "description": "Backpack form-validation component.",
   "license": "Apache-2.0",
   "repository": {
@@ -25,9 +25,9 @@
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^5.0.0",
     "bpk-component-button": "^5.1.0",
-    "bpk-component-checkbox": "^4.1.0",
-    "bpk-component-icon": "^9.2.0",
-    "bpk-component-input": "^6.1.0",
+    "bpk-component-checkbox": "^4.1.1",
+    "bpk-component-icon": "^9.2.1",
+    "bpk-component-input": "^6.1.1",
     "bpk-component-select": "^5.1.0",
     "bpk-component-textarea": "^4.2.0"
   }

package/bpk-component-form-validation/src/BpkFormValidation.js

@@ -18,10 +18,10 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import AnimateHeight from 'bpk-animate-height';
-import { cssModules } from 'bpk-react-utils';
-import BpkSmallExclamationIcon from 'bpk-component-icon/sm/exclamation-circle';
-import { withAlignment } from 'bpk-component-icon';
+import AnimateHeight from '../../bpk-animate-height';
+import { cssModules } from '../../bpk-react-utils';
+import BpkSmallExclamationIcon from '../../bpk-component-icon/sm/exclamation-circle';
+import { withAlignment } from '../../bpk-component-icon';
 import {
   lineHeightSm,
   iconSizeSm,

package/bpk-component-grid/src/BpkGridColumn.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 './BpkGridColumn.module.scss';
 

package/bpk-component-grid/src/BpkGridContainer.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 './BpkGridContainer.module.scss';
 

package/bpk-component-grid/src/BpkGridRow.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 './BpkGridRow.module.scss';
 

package/bpk-component-grid-toggle/src/BpkGridToggle.js

@@ -18,8 +18,8 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
-import { BpkButtonLink } from 'bpk-component-link';
+import { cssModules } from '../../bpk-react-utils';
+import { BpkButtonLink } from '../../bpk-component-link';
 
 import STYLES from './BpkGridToggle.module.scss';
 

package/bpk-component-horizontal-nav/examples.js

@@ -17,14 +17,14 @@
  */
 
 import React, { Fragment } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../bpk-react-utils';
 import {
   spacingXs,
   spacingSm,
   onePixelRem,
   colorSkyGrayTint06,
 } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
-import BpkText from 'bpk-component-text';
+import BpkText from '../../bpk-component-text';
 import { BpkDarkExampleWrapper } from 'bpk-storybook-utils';
 
 import STYLES from './examples.module.scss';

package/bpk-component-horizontal-nav/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-horizontal-nav",
-  "version": "5.1.0",
+  "version": "5.1.1",
   "description": "Backpack horizontal nav component.",
   "license": "Apache-2.0",
   "repository": {
@@ -24,7 +24,7 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^5.0.0",
-    "bpk-component-text": "^6.1.0",
+    "bpk-component-text": "^6.1.1",
     "bpk-storybook-utils": "^1.1.0"
   }
 }

package/bpk-component-horizontal-nav/src/BpkHorizontalNav.js

@@ -19,9 +19,9 @@
 
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import React, { Component, type Node } from 'react';
-import BpkMobileScrollContainer from 'bpk-component-mobile-scroll-container';
+import BpkMobileScrollContainer from '../../bpk-component-mobile-scroll-container';
 
 import STYLES from './BpkHorizontalNav.module.scss';
 

package/bpk-component-horizontal-nav/src/BpkHorizontalNavItem.js

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