@skyscanner/backpack-web 0.1.0 → 0.2.0

package/bpk-component-popover/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-popover",
-  "version": "4.1.5",
+  "version": "4.1.9",
   "description": "Backpack popover component.",
   "license": "Apache-2.0",
   "repository": {
@@ -17,10 +17,10 @@
     "@skyscanner/popper.js": "^1.12.9-beta.1",
     "a11y-focus-scope": "^1.1.3",
     "a11y-focus-store": "^1.0.0",
-    "bpk-component-close-button": "^3.1.5",
-    "bpk-component-link": "^3.1.4",
-    "bpk-component-text": "^6.1.5",
-    "bpk-mixins": "^28.1.0",
+    "bpk-component-close-button": "^3.1.7",
+    "bpk-component-link": "^3.1.6",
+    "bpk-component-text": "^7.0.0",
+    "bpk-mixins": "^29.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
@@ -28,8 +28,8 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-button": "^6.1.0",
-    "bpk-component-content-container": "^4.1.4",
-    "bpk-component-input": "^6.1.5"
+    "bpk-component-button": "^6.2.1",
+    "bpk-component-content-container": "^5.0.0",
+    "bpk-component-input": "^6.1.9"
   }
 }

package/bpk-component-popover/src/BpkPopover.js

@@ -20,10 +20,11 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import BpkText, { TEXT_STYLES } from 'bpk-component-text';
-import { BpkButtonLink } from 'bpk-component-link';
-import BpkCloseButton from 'bpk-component-close-button';
-import { TransitionInitialMount, cssModules } from 'bpk-react-utils';
+
+import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
+import { BpkButtonLink } from '../../bpk-component-link';
+import BpkCloseButton from '../../bpk-component-close-button';
+import { TransitionInitialMount, cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkPopover.module.scss';
 import { ARROW_ID } from './constants';

package/bpk-component-popover/src/BpkPopoverPortal.js

@@ -22,7 +22,8 @@ import Popper from '@skyscanner/popper.js';
 import PropTypes from 'prop-types';
 import React, { Component, type Node } from 'react';
 import focusStore from 'a11y-focus-store';
-import { Portal, cssModules } from 'bpk-react-utils';
+
+import { Portal, cssModules } from '../../bpk-react-utils';
 
 import keyboardFocusScope from './keyboardFocusScope';
 import STYLES from './BpkPopover.module.scss';

package/bpk-component-popover/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-progress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-progress",
-  "version": "3.1.4",
+  "version": "3.1.6",
   "description": "Backpack progress bar component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,8 +14,8 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^6.1.0",
-    "bpk-mixins": "^28.1.0",
+    "@skyscanner/bpk-foundations-web": "^6.2.0",
+    "bpk-mixins": "^29.0.0",
     "bpk-react-utils": "^4.1.1",
     "lodash.clamp": "^4.0.3",
     "prop-types": "^15.7.2"
@@ -24,7 +24,7 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-button": "^6.1.0",
-    "bpk-storybook-utils": "^1.1.3"
+    "bpk-component-button": "^6.2.1",
+    "bpk-storybook-utils": "^1.1.5"
   }
 }

package/bpk-component-progress/src/BpkProgress.js

@@ -22,7 +22,8 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { colorWhite } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 import clamp from 'lodash.clamp';
-import { cssModules } from 'bpk-react-utils';
+
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkProgress.module.scss';
 

package/bpk-component-radio/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-radio",
-  "version": "3.1.4",
+  "version": "3.1.7",
   "description": "Backpack radio button component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,7 +14,7 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^28.1.0",
+    "bpk-mixins": "^29.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
@@ -22,7 +22,7 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^6.1.0",
-    "bpk-storybook-utils": "^1.1.3"
+    "@skyscanner/bpk-foundations-web": "^6.2.0",
+    "bpk-storybook-utils": "^1.1.5"
   }
 }

package/bpk-component-radio/src/BpkRadio.js

@@ -20,7 +20,8 @@
 
 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 './BpkRadio.module.scss';
 

package/bpk-component-rating/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-rating",
-  "version": "3.1.5",
+  "version": "3.1.7",
   "description": "Backpack rating component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,7 +14,7 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-mixins": "^28.1.0",
+    "bpk-mixins": "^29.0.0",
     "bpk-react-utils": "^4.1.1",
     "lodash.clamp": "^4.0.3",
     "prop-types": "^15.5.8"
@@ -23,7 +23,7 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^6.1.0",
-    "bpk-component-text": "^6.1.5"
+    "@skyscanner/bpk-foundations-web": "^6.2.0",
+    "bpk-component-text": "^7.0.0"
   }
 }

package/bpk-component-rating/src/BpkRating.js

@@ -20,8 +20,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import clamp from 'lodash.clamp';
-import { cssModules } from 'bpk-react-utils';
-import BpkText, { TEXT_STYLES } from 'bpk-component-text';
+
+import { cssModules } from '../../bpk-react-utils';
+import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
 
 import STYLES from './BpkRating.module.scss';
 import { RATING_SIZES, RATING_TYPES, RATING_SCALES } from './common-types';

package/bpk-component-rtl-toggle/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-rtl-toggle",
-  "version": "3.1.4",
+  "version": "3.1.6",
   "description": "Backpack RTL toggle component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,7 +14,7 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-component-link": "^3.1.4",
+    "bpk-component-link": "^3.1.6",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },

package/bpk-component-rtl-toggle/src/BpkRtlToggle.js

@@ -18,7 +18,8 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { BpkButtonLink } from 'bpk-component-link';
+
+import { BpkButtonLink } from '../../bpk-component-link';
 
 import { getHtmlElement, DIRECTIONS, DIRECTION_CHANGE_EVENT } from './utils';
 

package/bpk-component-rtl-toggle/src/updateOnDirectionChange.js

@@ -17,7 +17,8 @@
  */
 
 import React, { Component } from 'react';
-import { wrapDisplayName } from 'bpk-react-utils';
+
+import { wrapDisplayName } from '../../bpk-react-utils';
 
 import { getHtmlElement, DIRECTION_CHANGE_EVENT } from './utils';
 

package/bpk-component-scrollable-calendar/index.js

@@ -17,7 +17,7 @@
  */
 /* @flow strict */
 
-import { CALENDAR_SELECTION_TYPE } from 'bpk-component-calendar';
+import { CALENDAR_SELECTION_TYPE } from '../bpk-component-calendar';
 
 import BpkScrollableCalendar from './src/BpkScrollableCalendar';
 import BpkScrollableCalendarDate from './src/BpkScrollableCalendarDate';

package/bpk-component-scrollable-calendar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-scrollable-calendar",
-  "version": "6.1.7",
+  "version": "6.1.11",
   "description": "Backpack scrollable calendar component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,17 +14,17 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^6.1.0",
-    "bpk-component-calendar": "^11.1.7",
-    "bpk-component-text": "^6.1.5",
-    "bpk-mixins": "^28.1.0",
+    "@skyscanner/bpk-foundations-web": "^6.2.0",
+    "bpk-component-calendar": "^11.1.11",
+    "bpk-component-text": "^7.0.0",
+    "bpk-mixins": "^29.0.0",
     "bpk-react-utils": "^4.1.1",
     "date-fns": "^2.21.1",
     "prop-types": "^15.5.8",
     "react-virtualized": "^9.22.3"
   },
   "devDependencies": {
-    "bpk-storybook-utils": "^1.1.3"
+    "bpk-storybook-utils": "^1.1.5"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendar.js

@@ -21,7 +21,7 @@ import {
   BpkCalendarGridHeader,
   withCalendarState,
   composeCalendar,
-} from 'bpk-component-calendar';
+} from '../../bpk-component-calendar';
 
 import BpkscrollableCalendarDate from './BpkScrollableCalendarDate';
 import BpkScrollableCalendarGridList from './BpkScrollableCalendarGridList';

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarDate.js

@@ -18,10 +18,11 @@
 
 import PropTypes from 'prop-types';
 import React, { PureComponent } from 'react';
+
 import {
   BpkCalendarDate,
   BpkCalendarDatePropTypes,
-} from 'bpk-component-calendar';
+} from '../../bpk-component-calendar';
 
 class BpkScrollableCalendarDate extends PureComponent {
   render() {

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js

@@ -17,12 +17,13 @@
  */
 
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
-import BpkText, { TEXT_STYLES } from 'bpk-component-text';
+
+import { cssModules } from '../../bpk-react-utils';
+import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
 import {
   BpkCalendarGrid,
   BpkCalendarGridPropTypes,
-} from 'bpk-component-calendar';
+} from '../../bpk-component-calendar';
 
 import STYLES from './BpkScrollableCalendarGrid.module.scss';
 

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js

@@ -18,8 +18,6 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules, deprecated } from 'bpk-react-utils';
-import { DateUtils, BpkCalendarGridPropTypes } from 'bpk-component-calendar';
 import { startOfDay, startOfMonth } from 'date-fns';
 import {
   AutoSizer,
@@ -28,6 +26,12 @@ import {
   CellMeasurerCache,
 } from 'react-virtualized';
 
+import { cssModules, deprecated } from '../../bpk-react-utils';
+import {
+  DateUtils,
+  BpkCalendarGridPropTypes,
+} from '../../bpk-component-calendar';
+
 import STYLES from './BpkScrollableCalendarGridList.module.scss';
 import BpkScrollableCalendarGrid from './BpkScrollableCalendarGrid';
 import getMonthsArray from './utils';

package/bpk-component-scrollable-calendar/src/utils.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { DateUtils } from 'bpk-component-calendar';
+import { DateUtils } from '../../bpk-component-calendar';
 
 const getMonthsArray = (startDate, count) => {
   const months = [];

package/bpk-component-section-list/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-section-list",
-  "version": "3.2.5",
+  "version": "3.2.7",
   "description": "Backpack section list component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,15 +14,15 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^6.1.0",
-    "bpk-component-icon": "^9.2.5",
-    "bpk-component-text": "^6.1.5",
-    "bpk-mixins": "^28.1.0",
+    "@skyscanner/bpk-foundations-web": "^6.2.0",
+    "bpk-component-icon": "^9.2.7",
+    "bpk-component-text": "^7.0.0",
+    "bpk-mixins": "^29.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-storybook-utils": "^1.1.3"
+    "bpk-storybook-utils": "^1.1.5"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

package/bpk-component-section-list/src/BpkSectionListItem.js

@@ -20,9 +20,10 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
-import BpkLargeChevronRightIcon from 'bpk-component-icon/lg/chevron-right';
-import { withRtlSupport } from 'bpk-component-icon';
+
+import { cssModules } from '../../bpk-react-utils';
+import BpkLargeChevronRightIcon from '../../bpk-component-icon/lg/chevron-right';
+import { withRtlSupport } from '../../bpk-component-icon';
 
 import STYLES from './BpkSectionListItem.module.scss';
 

package/bpk-component-section-list/src/BpkSectionListSection.js

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

package/bpk-component-select/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-select",
-  "version": "5.1.4",
+  "version": "5.1.6",
   "description": "Backpack select component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,12 +14,12 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^28.1.0",
+    "bpk-mixins": "^29.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-storybook-utils": "^1.1.3"
+    "bpk-storybook-utils": "^1.1.5"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

package/bpk-component-select/src/BpkSelect.js

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

package/bpk-component-skip-link/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-skip-link",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "description": "Backpack skip-link component.",
   "main": "index.js",
   "repository": {
@@ -13,7 +13,7 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "dependencies": {
-    "bpk-mixins": "^28.1.0",
+    "bpk-mixins": "^29.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.5.8"
   },

package/bpk-component-skip-link/src/BpkSkipLink.js

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

package/bpk-component-slider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-slider",
-  "version": "3.1.4",
+  "version": "3.1.6",
   "description": "Backpack slider component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,8 +14,8 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^6.1.0",
-    "bpk-mixins": "^28.1.0",
+    "@skyscanner/bpk-foundations-web": "^6.2.0",
+    "bpk-mixins": "^29.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2",
     "react-slider": "^1.3.1"
@@ -24,6 +24,6 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-rtl-toggle": "^3.1.4"
+    "bpk-component-rtl-toggle": "^3.1.6"
   }
 }

package/bpk-component-slider/src/BpkSlider.js

@@ -19,7 +19,8 @@
 import React from 'react';
 import Slider from 'react-slider';
 import PropTypes from 'prop-types';
-import { cssModules, isRTL } from 'bpk-react-utils';
+
+import { cssModules, isRTL } from '../../bpk-react-utils';
 
 import STYLES from './BpkSlider.module.scss';
 

package/bpk-component-spinner/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-spinner",
-  "version": "5.1.4",
+  "version": "5.1.6",
   "description": "Backpack spinner components.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,8 +14,8 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "@skyscanner/bpk-svgs": "^14.1.5",
-    "bpk-mixins": "^28.1.0",
+    "@skyscanner/bpk-svgs": "^14.1.7",
+    "bpk-mixins": "^29.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },

package/bpk-component-spinner/src/BpkExtraLargeSpinner.js

@@ -20,9 +20,10 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
 import XlSpinner from '@skyscanner/bpk-svgs/dist/js/spinners/xl';
 
+import { cssModules } from '../../bpk-react-utils';
+
 import STYLES from './BpkSpinner.module.scss';
 import SPINNER_TYPES from './spinnerTypes';
 

package/bpk-component-spinner/src/BpkLargeSpinner.js

@@ -20,9 +20,10 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
 import LgSpinner from '@skyscanner/bpk-svgs/dist/js/spinners/lg';
 
+import { cssModules } from '../../bpk-react-utils';
+
 import STYLES from './BpkSpinner.module.scss';
 import SPINNER_TYPES from './spinnerTypes';
 

package/bpk-component-spinner/src/BpkSpinner.js

@@ -20,9 +20,10 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
 import SmSpinner from '@skyscanner/bpk-svgs/dist/js/spinners/sm';
 
+import { cssModules } from '../../bpk-react-utils';
+
 import STYLES from './BpkSpinner.module.scss';
 import SPINNER_TYPES from './spinnerTypes';
 

package/bpk-component-star-rating/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-star-rating",
-  "version": "3.1.5",
+  "version": "3.1.7",
   "description": "Backpack rating star component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,8 +14,8 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^9.2.5",
-    "bpk-mixins": "^28.1.0",
+    "bpk-component-icon": "^9.2.7",
+    "bpk-mixins": "^29.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
@@ -23,7 +23,7 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-table": "^3.1.4",
-    "bpk-storybook-utils": "^1.1.3"
+    "bpk-component-table": "^3.1.6",
+    "bpk-storybook-utils": "^1.1.5"
   }
 }

package/bpk-component-star-rating/src/BpkInteractiveStar.js

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

package/bpk-component-star-rating/src/BpkInteractiveStarRating.js

@@ -20,7 +20,8 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+
+import { cssModules } from '../../bpk-react-utils';
 
 import { STAR_TYPES } from './BpkStar';
 import BpkInteractiveStar from './BpkInteractiveStar';

package/bpk-component-star-rating/src/BpkStar.js

@@ -20,14 +20,15 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import SmallIcon from 'bpk-component-icon/sm/star';
-import LargeIcon from 'bpk-component-icon/lg/star';
-import OutlineSmallIcon from 'bpk-component-icon/sm/star-outline';
-import OutlineLargeIcon from 'bpk-component-icon/lg/star-outline';
-import HalfSmallIcon from 'bpk-component-icon/sm/star-half';
-import HalfLargeIcon from 'bpk-component-icon/lg/star-half';
-import { withRtlSupport } from 'bpk-component-icon';
-import { cssModules } from 'bpk-react-utils';
+
+import SmallIcon from '../../bpk-component-icon/sm/star';
+import LargeIcon from '../../bpk-component-icon/lg/star';
+import OutlineSmallIcon from '../../bpk-component-icon/sm/star-outline';
+import OutlineLargeIcon from '../../bpk-component-icon/lg/star-outline';
+import HalfSmallIcon from '../../bpk-component-icon/sm/star-half';
+import HalfLargeIcon from '../../bpk-component-icon/lg/star-half';
+import { withRtlSupport } from '../../bpk-component-icon';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkStar.module.scss';